@charset "UTF-8";
/* RESOLUCIONES --------------------------- */
/* ---------------------------------------- */
/* PLANTILLA ------------------------------ */
/* ---------------------------------------- */
/* TAMAÑOS DE FUENTE ---------------------- */
/* ---------------------------------------- */
/* COLORES -------------------------------- */
/* ---------------------------------------- */
@import "vendors/fontawesome.css";
@import "vendors/sagawesome.css";
@import "base/reset.css";
.mFil-toggle {
  display: inline-block;
  position: relative;
  cursor: pointer;
  opacity: 1;
  transition: opacity 2s;
  margin: 5px 16px 18px 0px;
  vertical-align: top;
  width: 14px;
  font-size: 16px;
}
.mFil-toggle:before {
  content: "";
  display: block;
  border: 2px solid #FFF;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  animation: open 0.5s ease 0s 1 forwards;
}
.mFil-toggle.is-open:before {
  animation: close 0.25s ease 0.25s 1 forwards;
}

.mFil-toggle-handle,
.mFil-toggle-handle-x {
  content: "";
  display: block;
  width: 10px;
  height: 3px;
  transform: rotate(45deg);
  background: #FFF;
  position: absolute;
  top: 14px;
  left: 11px;
  animation: x-stroke-out 0.5s ease 0s 1 forwards;
  font-size: 16px;
}
.is-open .mFil-toggle-handle,
.is-open .mFil-toggle-handle-x {
  animation: x-stroke-in 0.5s ease 0s 1 forwards;
}

.mFil-toggle-handle-x {
  animation: x-stroke-turn-out 0.5s ease 0s 1 forwards;
}
.is-open .mFil-toggle-handle-x {
  animation: x-stroke-turn 0.5s ease 0s 1 forwards;
}

@keyframes close {
  0% {
    border-radius: 8px;
    width: 16px;
    height: 16px;
  }
  80% {
    border-radius: 12px;
    width: 24px;
    height: 24px;
  }
  100% {
    border-radius: 12px;
    width: 24px;
    height: 24px;
  }
}
@keyframes open {
  0% {
    border-radius: 12px;
    width: 24px;
    height: 24px;
  }
  20% {
    border-radius: 12px;
    width: 24px;
    height: 24px;
  }
  100% {
    border-radius: 8px;
    width: 16px;
    height: 16px;
  }
}
@keyframes x-stroke-in {
  0% {
    top: 14px;
    left: 11px;
  }
  80% {
    top: 12px;
    left: 8px;
    width: 14px;
    height: 2px;
  }
  100% {
    top: 11px;
    left: 5px;
    width: 14px;
    height: 2px;
  }
}
@keyframes x-stroke-out {
  100% {
    top: 14px;
    left: 11px;
  }
  30% {
    top: 12px;
    left: 8px;
    width: 14px;
    height: 2px;
  }
  0% {
    top: 11px;
    left: 5px;
    width: 14px;
    height: 2px;
  }
}
@keyframes x-stroke-turn {
  0% {
    top: 14px;
    left: 11px;
  }
  70% {
    top: 12px;
    left: 8px;
    height: 2px;
    transform: rotate(45deg);
  }
  85% {
    transform: rotate(145deg);
  }
  100% {
    top: 11px;
    left: 5px;
    height: 2px;
    width: 14px;
    transform: rotate(135deg);
  }
}
@keyframes x-stroke-turn-out {
  100% {
    top: 14px;
    left: 11px;
  }
  30% {
    top: 12px;
    left: 8px;
    height: 2px;
    transform: rotate(45deg);
  }
  15% {
    transform: rotate(145deg);
  }
  0% {
    top: 11px;
    left: 5px;
    height: 2px;
    width: 14px;
    transform: rotate(135deg);
  }
}
.fct-action {
  height: 20px;
  width: 20px;
  display: block;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  float: right;
}
.fct-action .fct-action_1 {
  position: absolute;
  background-color: transparent;
  top: 8px;
  left: 0;
  width: 12px;
  height: 3px;
  display: block;
  transform: rotate(45deg);
  float: right;
  border-radius: 2px;
}
.fct-action .fct-action_1:after {
  content: "";
  background-color: white;
  width: 12px;
  height: 3px;
  display: block;
  float: right;
  border-radius: 6px 10px 10px 6px;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
  z-index: -1;
}
.fct-action .fct-action_2 {
  position: absolute;
  background-color: transparent;
  top: 8px;
  left: 7px;
  width: 12px;
  height: 3px;
  display: block;
  transform: rotate(-45deg);
  float: right;
  border-radius: 2px;
}
.fct-action .fct-action_2:after {
  content: "";
  background-color: white;
  width: 12px;
  height: 3px;
  display: block;
  float: right;
  border-radius: 10px 6px 6px 10px;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
  z-index: -1;
}

/* FUENTES -------------------------------- */
@font-face {
  font-family: "TTNormsPro Bold Italic";
  src: url("../webfonts/tt_norms/TTNormsPro-BoldItalic.eot");
  src: url("../webfonts/tt_norms/TTNormsPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/tt_norms/TTNormsPro-BoldItalic.woff2") format("woff2"), url("../webfonts/tt_norms/TTNormsPro-BoldItalic.woff") format("woff"), url("../webfonts/tt_norms/TTNormsPro-BoldItalic.ttf") format("truetype"), url("../webfonts/tt_norms/TTNormsPro-BoldItalic.svg#TTNormsPro-BoldItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TTNormsPro Light Italic";
  src: url("../webfonts/tt_norms/TTNormsPro-LightItalic.eot");
  src: url("../webfonts/tt_norms/TTNormsPro-LightItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/tt_norms/TTNormsPro-LightItalic.woff2") format("woff2"), url("../webfonts/tt_norms/TTNormsPro-LightItalic.woff") format("woff"), url("../webfonts/tt_norms/TTNormsPro-LightItalic.ttf") format("truetype"), url("../webfonts/tt_norms/TTNormsPro-LightItalic.svg#TTNormsPro-LightItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TTNormsPro ExtraLight Italic";
  src: url("../webfonts/tt_norms/TTNormsPro-ExtraLightItalic.eot");
  src: url("../webfonts/tt_norms/TTNormsPro-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/tt_norms/TTNormsPro-ExtraLightItalic.woff2") format("woff2"), url("../webfonts/tt_norms/TTNormsPro-ExtraLightItalic.woff") format("woff"), url("../webfonts/tt_norms/TTNormsPro-ExtraLightItalic.ttf") format("truetype"), url("../webfonts/tt_norms/TTNormsPro-ExtraLightItalic.svg#TTNormsPro-ExtraLightItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TTNormsPro Black";
  src: url("../webfonts/tt_norms/TTNormsPro-Black.eot");
  src: url("../webfonts/tt_norms/TTNormsPro-Black.eot?#iefix") format("embedded-opentype"), url("../webfonts/tt_norms/TTNormsPro-Black.woff2") format("woff2"), url("../webfonts/tt_norms/TTNormsPro-Black.woff") format("woff"), url("../webfonts/tt_norms/TTNormsPro-Black.ttf") format("truetype"), url("../webfonts/tt_norms/TTNormsPro-Black.svg#TTNormsPro-Black") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TTNormsPro ExtraLight";
  src: url("../webfonts/tt_norms/TTNormsPro-ExtraLight.eot");
  src: url("../webfonts/tt_norms/TTNormsPro-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../webfonts/tt_norms/TTNormsPro-ExtraLight.woff2") format("woff2"), url("../webfonts/tt_norms/TTNormsPro-ExtraLight.woff") format("woff"), url("../webfonts/tt_norms/TTNormsPro-ExtraLight.ttf") format("truetype"), url("../webfonts/tt_norms/TTNormsPro-ExtraLight.svg#TTNormsPro-ExtraLight") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TTNormsPro Black Italic";
  src: url("../webfonts/tt_norms/TTNormsPro-BlackItalic.eot");
  src: url("../webfonts/tt_norms/TTNormsPro-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/tt_norms/TTNormsPro-BlackItalic.woff2") format("woff2"), url("../webfonts/tt_norms/TTNormsPro-BlackItalic.woff") format("woff"), url("../webfonts/tt_norms/TTNormsPro-BlackItalic.ttf") format("truetype"), url("../webfonts/tt_norms/TTNormsPro-BlackItalic.svg#TTNormsPro-BlackItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TTNormsPro Bold";
  src: url("../webfonts/tt_norms/TTNormsPro-Bold.eot");
  src: url("../webfonts/tt_norms/TTNormsPro-Bold.eot?#iefix") format("embedded-opentype"), url("../webfonts/tt_norms/TTNormsPro-Bold.woff2") format("woff2"), url("../webfonts/tt_norms/TTNormsPro-Bold.woff") format("woff"), url("../webfonts/tt_norms/TTNormsPro-Bold.ttf") format("truetype"), url("../webfonts/tt_norms/TTNormsPro-Bold.svg#TTNormsPro-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TTNormsPro ExtraBold";
  src: url("../webfonts/tt_norms/TTNormsPro-ExtraBold.eot");
  src: url("../webfonts/tt_norms/TTNormsPro-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../webfonts/tt_norms/TTNormsPro-ExtraBold.woff2") format("woff2"), url("../webfonts/tt_norms/TTNormsPro-ExtraBold.woff") format("woff"), url("../webfonts/tt_norms/TTNormsPro-ExtraBold.ttf") format("truetype"), url("../webfonts/tt_norms/TTNormsPro-ExtraBold.svg#TTNormsPro-ExtraBold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TTNormsPro ExtraBold Italic";
  src: url("../webfonts/tt_norms/TTNormsPro-ExtraBoldItalic.eot");
  src: url("../webfonts/tt_norms/TTNormsPro-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/tt_norms/TTNormsPro-ExtraBoldItalic.woff2") format("woff2"), url("../webfonts/tt_norms/TTNormsPro-ExtraBoldItalic.woff") format("woff"), url("../webfonts/tt_norms/TTNormsPro-ExtraBoldItalic.ttf") format("truetype"), url("../webfonts/tt_norms/TTNormsPro-ExtraBoldItalic.svg#TTNormsPro-ExtraBoldItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TTNormsPro Light";
  src: url("../webfonts/tt_norms/TTNormsPro-Light.eot");
  src: url("../webfonts/tt_norms/TTNormsPro-Light.eot?#iefix") format("embedded-opentype"), url("../webfonts/tt_norms/TTNormsPro-Light.woff2") format("woff2"), url("../webfonts/tt_norms/TTNormsPro-Light.woff") format("woff"), url("../webfonts/tt_norms/TTNormsPro-Light.ttf") format("truetype"), url("../webfonts/tt_norms/TTNormsPro-Light.svg#TTNormsPro-Light") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TTNormsPro Medium";
  src: url("../webfonts/tt_norms/TTNormsPro-Medium.eot");
  src: url("../webfonts/tt_norms/TTNormsPro-Medium.eot?#iefix") format("embedded-opentype"), url("../webfonts/tt_norms/TTNormsPro-Medium.woff2") format("woff2"), url("../webfonts/tt_norms/TTNormsPro-Medium.woff") format("woff"), url("../webfonts/tt_norms/TTNormsPro-Medium.ttf") format("truetype"), url("../webfonts/tt_norms/TTNormsPro-Medium.svg#TTNormsPro-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TTNormsPro Thin";
  src: url("../webfonts/tt_norms/TTNormsPro-Thin.eot");
  src: url("../webfonts/tt_norms/TTNormsPro-Thin.eot?#iefix") format("embedded-opentype"), url("../webfonts/tt_norms/TTNormsPro-Thin.woff2") format("woff2"), url("../webfonts/tt_norms/TTNormsPro-Thin.woff") format("woff"), url("../webfonts/tt_norms/TTNormsPro-Thin.ttf") format("truetype"), url("../webfonts/tt_norms/TTNormsPro-Thin.svg#TTNormsPro-Thin") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TTNormsPro Thin Italic";
  src: url("../webfonts/tt_norms/TTNormsPro-ThinItalic.eot");
  src: url("../webfonts/tt_norms/TTNormsPro-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/tt_norms/TTNormsPro-ThinItalic.woff2") format("woff2"), url("../webfonts/tt_norms/TTNormsPro-ThinItalic.woff") format("woff"), url("../webfonts/tt_norms/TTNormsPro-ThinItalic.ttf") format("truetype"), url("../webfonts/tt_norms/TTNormsPro-ThinItalic.svg#TTNormsPro-ThinItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TTNormsPro Medium Italic";
  src: url("../webfonts/tt_norms/TTNormsPro-MediumItalic.eot");
  src: url("../webfonts/tt_norms/TTNormsPro-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../webfonts/tt_norms/TTNormsPro-MediumItalic.woff2") format("woff2"), url("../webfonts/tt_norms/TTNormsPro-MediumItalic.woff") format("woff"), url("../webfonts/tt_norms/TTNormsPro-MediumItalic.ttf") format("truetype"), url("../webfonts/tt_norms/TTNormsPro-MediumItalic.svg#TTNormsPro-MediumItalic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TTNormsPro Regular";
  src: url("../webfonts/tt_norms/TTNormsPro-Regular.eot");
  src: url("../webfonts/tt_norms/TTNormsPro-Regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/tt_norms/TTNormsPro-Regular.woff2") format("woff2"), url("../webfonts/tt_norms/TTNormsPro-Regular.woff") format("woff"), url("../webfonts/tt_norms/TTNormsPro-Regular.ttf") format("truetype"), url("../webfonts/tt_norms/TTNormsPro-Regular.svg#TTNormsPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TTNormsPro Italic";
  src: url("../webfonts/tt_norms/TTNormsPro-Italic.eot");
  src: url("../webfonts/tt_norms/TTNormsPro-Italic.eot?#iefix") format("embedded-opentype"), url("../webfonts/tt_norms/TTNormsPro-Italic.woff2") format("woff2"), url("../webfonts/tt_norms/TTNormsPro-Italic.woff") format("woff"), url("../webfonts/tt_norms/TTNormsPro-Italic.ttf") format("truetype"), url("../webfonts/tt_norms/TTNormsPro-Italic.svg#TTNormsPro-Italic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* ---------------------------------------- */
.formulario-consulta-colaboracion {
  padding: 0 15px;
  /* The Close Button */
}
.formulario-consulta-colaboracion form .contenedor {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  margin: 0 auto;
  gap: 10px;
  padding: 20px 0;
}
.formulario-consulta-colaboracion form .contenedor label {
  margin-bottom: 24px;
  text-align: center;
}
.formulario-consulta-colaboracion form select,
.formulario-consulta-colaboracion form input,
.formulario-consulta-colaboracion form textarea {
  border: #004C7A 1px solid;
  border-width: 0 0 1px 0;
  padding: 6px 12px;
  font: normal 16px "TTNormsPro Regular";
  color: #545353;
  background: #F2F2F2;
  line-height: 26px;
}
.formulario-consulta-colaboracion form select {
  width: 100%;
}
.formulario-consulta-colaboracion form input {
  text-align: center;
}
.formulario-consulta-colaboracion form input[type=submit] {
  padding: 10px 13px 10px;
  font: normal 16px "TTNormsPro Medium";
  background: #004C7A;
  color: #FFF;
  border: 0 none;
}
.formulario-consulta-colaboracion form .boton {
  display: flex;
  justify-content: center;
}
.formulario-consulta-colaboracion .spinner {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8) url("../images/ripple-1.2s-157px.gif") 50% 50% no-repeat;
  -webkit-filter: hue-rotate(54deg);
  filter: hue-rotate(54deg);
}
.formulario-consulta-colaboracion .spinner.d-none {
  display: none;
}
.formulario-consulta-colaboracion .modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}
.formulario-consulta-colaboracion .modal.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.formulario-consulta-colaboracion .modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 100%;
  max-width: 600px;
  text-align: center;
}
.formulario-consulta-colaboracion .modal-content i {
  font-size: 30px;
  color: red;
}
.formulario-consulta-colaboracion .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.formulario-consulta-colaboracion .close:hover,
.formulario-consulta-colaboracion .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.informante-anonimo {
  /* The Close Button */
}
.informante-anonimo .estado-categorias {
  display: flex;
  align-items: center;
  gap: 10px;
}
.informante-anonimo .estado {
  padding: 2px 8px;
  font-family: "TTNormsPro Medium";
  font-size: 0.875em;
  color: #000;
  text-transform: uppercase;
}
.informante-anonimo .estado.iniciada {
  background: #fff;
  border: 1px solid #2F77A3;
}
.informante-anonimo .estado.estudio {
  background: #CCD8DF;
  color: #000;
}
.informante-anonimo .estado.mas-info {
  background: #F3AAA5;
  color: #000;
}
.informante-anonimo .estado.resuelta {
  background: #C7D99F;
  color: #000;
}
.informante-anonimo .estado.cerrada {
  background: #004C7A;
  color: #fff;
}
.informante-anonimo .cabecera-recurso {
  margin-bottom: 30px;
}
.informante-anonimo .cabecera-recurso .fecha-estado {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.informante-anonimo .cabecera-recurso .fecha-estado.gestor {
  justify-content: space-between;
}
.informante-anonimo .cabecera-recurso .fecha-estado .fecha {
  margin-bottom: 0;
  margin-right: 12px;
}
.informante-anonimo .cabecera-recurso .fecha-estado form {
  display: flex;
  align-items: center;
  background: #dbe7ee;
  padding: 8px 8px;
}
.informante-anonimo .cabecera-recurso .fecha-estado form label {
  margin-right: 5px;
}
.informante-anonimo .cabecera-recurso .fecha-estado form select {
  border: 0;
}
.informante-anonimo .cabecera-recurso .fecha-estado .estado {
  display: flex;
  align-items: center;
}
.informante-anonimo .cabecera-recurso .fecha {
  font-size: 1.25em;
  font-family: "TTNormsPro Medium";
  color: #004C7A;
  margin-bottom: 10px;
  margin-right: 12px;
}
.informante-anonimo .cabecera-recurso .descripcion {
  font-size: 1.125em;
  font-family: "TTNormsPro Medium";
  color: #333;
}
.informante-anonimo .datos-mensajes {
  display: flex;
  gap: 30px;
}
@media (max-width: 992px) {
  .informante-anonimo .datos-mensajes {
    flex-wrap: wrap;
  }
}
.informante-anonimo .datos-mensajes .datos {
  width: 500px;
}
@media (max-width: 992px) {
  .informante-anonimo .datos-mensajes .datos {
    width: 100%;
  }
}
.informante-anonimo .datos-mensajes .datos .titular {
  padding: 9px 20px;
  background: #2F77A3;
  color: #fff;
  font-family: "TTNormsPro Medium";
  font-size: 1em;
  text-transform: uppercase;
}
.informante-anonimo .datos-mensajes .datos .zona-datos {
  background: #DBE7EE;
  padding: 20px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.informante-anonimo .datos-mensajes .datos .zona-datos .datos-elemento {
  display: flex;
  gap: 8px;
}
.informante-anonimo .datos-mensajes .datos .zona-datos .datos-elemento .icono {
  color: #004C7A;
}
.informante-anonimo .datos-mensajes .datos .zona-datos .datos-elemento .dato {
  font-size: 1em;
  font-family: "TTNormsPro Medium";
}
.informante-anonimo .datos-mensajes .datos .zona-datos .datos-elemento .dato span.titulo-dato {
  font-family: "TTNormsPro Bold";
  word-break: normal;
}
.informante-anonimo .datos-mensajes .datos .zona-datos .datos-elemento .dato span.email {
  /*word-break: break-word;*/
  font-family: "TTNormsPro Medium";
  font-size: 0.875em;
}
.informante-anonimo .datos-mensajes .datos .zona-datos .datos-elemento .dato a {
  color: #004C7A;
}
.informante-anonimo .datos-mensajes .mensajes {
  width: 100%;
}
.informante-anonimo .datos-mensajes .mensajes .titular-mensajes .titular {
  padding: 9px 20px;
  background: #2F77A3;
  color: #fff;
  font-family: "TTNormsPro Medium";
  font-size: 1em;
  text-transform: uppercase;
}
.informante-anonimo .datos-mensajes .mensajes .titular-mensajes .contenedor-mensajes {
  border: 1px solid #2F77A3;
  padding: 20px;
}
.informante-anonimo .datos-mensajes .mensajes .titular-mensajes .contenedor-mensajes .contenedor-mensaje {
  display: flex;
  margin-bottom: 20px;
}
.informante-anonimo .datos-mensajes .mensajes .titular-mensajes .contenedor-mensajes .contenedor-mensaje:last-of-type {
  margin-bottom: 0;
}
.informante-anonimo .datos-mensajes .mensajes .titular-mensajes .contenedor-mensajes .mensaje {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.informante-anonimo .datos-mensajes .mensajes .titular-mensajes .contenedor-mensajes .mensaje .cajas-de-mensajes {
  padding: 15px;
  background: #DBE7EE;
  max-width: 90%;
  position: relative;
}
.informante-anonimo .datos-mensajes .mensajes .titular-mensajes .contenedor-mensajes .mensaje .cajas-de-mensajes:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #DBE7EE;
  position: absolute;
  top: -8px;
  right: -3px;
  transform: rotate(223deg);
}
.informante-anonimo .datos-mensajes .mensajes .titular-mensajes .contenedor-mensajes .mensaje .cajas-de-mensajes .remitente-fecha {
  display: flex;
  gap: 3px;
  align-items: center;
  font-size: 0.75em;
}
.informante-anonimo .datos-mensajes .mensajes .titular-mensajes .contenedor-mensajes .mensaje .cajas-de-mensajes .remitente-fecha .remitente {
  font-family: "TTNormsPro Medium";
}
.informante-anonimo .datos-mensajes .mensajes .titular-mensajes .contenedor-mensajes .mensaje .cajas-de-mensajes .adjunto a {
  padding: 5px 8px;
  background: #fff;
  display: inline-block;
  font-size: 14px;
  margin-top: 8px;
  text-decoration: none;
  border: 1px solid #3674a1;
  color: #3674a1;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.informante-anonimo .datos-mensajes .mensajes .titular-mensajes .contenedor-mensajes .mensaje .cajas-de-mensajes .adjunto a:hover {
  background: #004C7A;
  color: #fff;
}
.informante-anonimo .datos-mensajes .mensajes .titular-mensajes .contenedor-mensajes .mensaje.informante {
  justify-content: flex-start;
}
.informante-anonimo .datos-mensajes .mensajes .titular-mensajes .contenedor-mensajes .mensaje.informante .cajas-de-mensajes {
  padding: 15px;
  background: #E9E9E9;
}
.informante-anonimo .datos-mensajes .mensajes .titular-mensajes .contenedor-mensajes .mensaje.informante .cajas-de-mensajes:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #E9E9E9;
  position: absolute;
  top: -8px;
  left: -5px;
  transform: rotate(315deg);
}
.informante-anonimo .datos-mensajes .mensajes .nuevo-mensaje {
  background: #E9E9E9;
  padding: 20px;
  display: flex;
  gap: 20px;
  border: 1px solid #2F77A3;
  border-top: 0;
}
.informante-anonimo .datos-mensajes .mensajes .nuevo-mensaje #formularioEnvioMensaje {
  width: 100%;
}
.informante-anonimo .datos-mensajes .mensajes .nuevo-mensaje #formularioEnvioMensaje .mensaje-fichero {
  display: flex;
  gap: 8px;
  justify-content: space-between;
}
@media (max-width: 615px) {
  .informante-anonimo .datos-mensajes .mensajes .nuevo-mensaje #formularioEnvioMensaje .mensaje-fichero {
    flex-wrap: wrap;
  }
}
.informante-anonimo .datos-mensajes .mensajes .nuevo-mensaje #formularioEnvioMensaje .mensaje-fichero .mensaje-btn {
  display: flex;
  width: 72%;
}
@media (max-width: 615px) {
  .informante-anonimo .datos-mensajes .mensajes .nuevo-mensaje #formularioEnvioMensaje .mensaje-fichero .mensaje-btn {
    width: 100%;
  }
}
.informante-anonimo .datos-mensajes .mensajes .nuevo-mensaje #formularioEnvioMensaje .mensaje-fichero .mensaje {
  width: 98%;
}
.informante-anonimo .datos-mensajes .mensajes .nuevo-mensaje #formularioEnvioMensaje .mensaje-fichero .mensaje label {
  font-size: 0;
}
.informante-anonimo .datos-mensajes .mensajes .nuevo-mensaje #formularioEnvioMensaje .mensaje-fichero .mensaje input {
  padding: 8px 15px;
  font-family: "TTNormsPro Medium";
  color: #545353;
  border: 0;
  width: 97%;
}
.informante-anonimo .datos-mensajes .mensajes .nuevo-mensaje #formularioEnvioMensaje .mensaje-fichero .btn {
  display: flex;
}
.informante-anonimo .datos-mensajes .mensajes .nuevo-mensaje #formularioEnvioMensaje .mensaje-fichero .btn input {
  padding: 8px 15px;
  background: #004C7A;
  border: 0;
  border-radius: 0;
  text-transform: uppercase;
  color: #fff;
  font-family: "TTNormsPro Medium";
  font-size: 0.875em;
  cursor: pointer;
}
.informante-anonimo .datos-mensajes .mensajes .nuevo-mensaje #formularioEnvioMensaje .mensaje-fichero .input-fake-container {
  display: flex;
  align-items: center;
}
.informante-anonimo .datos-mensajes .mensajes .nuevo-mensaje #formularioEnvioMensaje .mensaje-fichero .input-fake-container .input-fake {
  padding: 6px 12px;
  cursor: pointer;
  color: #004C7A;
  border: 1px solid #004C7A;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.informante-anonimo .datos-mensajes .mensajes .nuevo-mensaje #formularioEnvioMensaje .mensaje-fichero .input-fake-container .input-fake:hover {
  background: #004C7A;
  color: #fff;
}
.informante-anonimo .datos-mensajes .mensajes .nuevo-mensaje #formularioEnvioMensaje .mensaje-fichero .input-fake-container .input-fake:after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f574";
  margin-left: 10px;
}
.informante-anonimo .datos-mensajes .mensajes .nuevo-mensaje #formularioEnvioMensaje .mensaje-fichero .input-fake-container .input-fake-nombre {
  margin-left: 10px;
  font: normal 16px "TTNormsPro Regular";
  line-height: 26px;
}
.informante-anonimo .datos-mensajes .mensajes .nuevo-mensaje #formularioEnvioMensaje .mensaje-fichero .input-fake-original {
  display: none;
}
.informante-anonimo .fa-solid {
  font-family: "Font Awesome 6 Free";
}
.informante-anonimo .fa-solid.fa-user:before {
  content: "\f007";
}
.informante-anonimo .spinner {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8) url("../images/ripple-1.2s-157px.gif") 50% 50% no-repeat;
  -webkit-filter: hue-rotate(54deg);
  filter: hue-rotate(54deg);
}
.informante-anonimo .spinner.d-none {
  display: none;
}
.informante-anonimo .modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}
.informante-anonimo .modal.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.informante-anonimo .modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 100%;
  max-width: 600px;
  text-align: center;
}
.informante-anonimo .modal-content i {
  font-size: 30px;
  color: red;
}
.informante-anonimo .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.informante-anonimo .close:hover,
.informante-anonimo .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado {
  border-bottom: 0;
  padding: 8px 0;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento {
  display: flex;
  background: #F2F2F2;
  padding: 0;
}
@media (max-width: 599px) {
  .SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento {
    flex-wrap: wrap;
  }
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .estado-mensajes {
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #2F77A3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 150px;
  margin-right: 20px;
  min-width: 150px;
}
@media (max-width: 599px) {
  .SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .estado-mensajes {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-right: 0;
  }
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .estado-mensajes.iniciada {
  background: #fff;
  border: 1px solid #2F77A3;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .estado-mensajes.estudio {
  background: #CCD8DF;
  border: 0;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .estado-mensajes.masinformacion {
  background: #F3AAA5;
  border: 0;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .estado-mensajes.resuelta {
  background: #C7D99F;
  border: 0;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .estado-mensajes.cerrada {
  background: #2F77A3;
  border: 0;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .estado-mensajes.cerrada .estado {
  color: #fff;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .estado-mensajes.cerrada .mensaje {
  color: #fff;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .estado-mensajes .estado {
  font-family: "TTNormsPro Medium";
  text-transform: uppercase;
  color: #333;
  font-size: 0.82em;
  letter-spacing: -0.03em;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .estado-mensajes .mensaje {
  color: #333;
  font-size: 0.875em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .estado-mensajes .mensaje {
  font-size: 0.875em;
  margin-top: 8px;
}
@media (max-width: 599px) {
  .SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .estado-mensajes .mensaje {
    margin-top: 0;
  }
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .contenidos-text-elemento {
  padding: 14px 0;
}
@media (max-width: 599px) {
  .SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .contenidos-text-elemento {
    padding: 14px 16px;
    width: 100%;
  }
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .contenidos-text-elemento .metas_elemento {
  display: block;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .contenidos-text-elemento .metas_elemento .fecha_elemento {
  margin: 0 0 5px 0;
  font-size: 0.875em;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .contenidos-text-elemento .titulo_elemento {
  font-size: 24px;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .contenidos-text-elemento .fecha-ultimo-mensaje {
  display: flex;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .contenidos-text-elemento .fecha-ultimo-mensaje .icono-fecha {
  font-size: 0.875em;
  margin-right: 6px;
  color: #004C7A;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .contenidos-text-elemento .fecha-ultimo-mensaje .etiqueta {
  font-family: "TTNormsPro Bold";
  font-size: 0.875em;
  color: #333;
  margin-right: 4px;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .contenidos-text-elemento .fecha-ultimo-mensaje .fecha-ultima {
  font-family: "TTNormsPro Medium";
  font-size: 0.875em;
  color: #333;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento .contenidos-text-elemento:after {
  content: none;
}
.SagaListado.colaboraciones .resultados_contenedor .resultados_listado .listado .elementoListado .contenido_elemento:after {
  content: none;
}

/*# sourceMappingURL=InformanteAnonimo.css.map */