@charset "UTF-8";
/* Las fuentes se cargan desde elements/header_top.php. */
:root {
  --fuente-texto: "Plus Jakarta Sans", sans-serif;
  --fuente-encabezados: "museo", "Plus Jakarta Sans", sans-serif;
  --bs-font-sans-serif: var(--fuente-texto);
  --color-azul: #004880;
  --color-rojo: #ed1d47;
  --color-verde: #009b68;
  --color-naranja: #f36f21;
}

@media screen {
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  body {
    line-height: 1;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  html {
    font-family: var(--fuente-texto);
  }
  h1 {
    font-size: 2.5rem;
    font-family: var(--fuente-encabezados);
  }
  h2 {
    font-size: 2rem;
    font-family: var(--fuente-encabezados);
  }
  h3 {
    font-size: 1.8rem;
    font-family: var(--fuente-encabezados);
  }
  h4 {
    font-size: 1.5rem;
    font-family: var(--fuente-encabezados);
  }
  h5 {
    font-size: 1.25rem;
    font-family: var(--fuente-encabezados);
  }
  h6 {
    font-size: 1.125rem;
    font-family: var(--fuente-encabezados);
  }
  p {
    font-size: 15px;
    line-height: 1.125rem;
    font-weight: 300;
    font-family: var(--fuente-texto);
  }
  li {
    font-size: 15px;
    line-height: 1.125rem;
    font-weight: 300;
    font-family: var(--fuente-texto);
  }
  ol {
    padding-left: 1em;
  }
  ol li {
    font-size: 15px;
    line-height: 1.5rem;
    font-weight: 300;
    font-family: var(--fuente-texto);
  }
  ol > li:first-child {
    padding-top: 1rem;
  }
}
@media screen and (min-width: 768px) {
  h1 {
    font-size: 2.5rem;
    font-family: var(--fuente-encabezados);
  }
  h2 {
    font-size: 2rem;
    font-family: var(--fuente-encabezados);
  }
  h3 {
    font-size: 1.8rem;
    font-family: var(--fuente-encabezados);
  }
  h4 {
    font-size: 1.6rem;
    font-family: var(--fuente-encabezados);
  }
  h5 {
    font-size: 1.4rem;
    font-family: var(--fuente-encabezados);
  }
  h6 {
    font-size: 1.2rem;
    font-family: var(--fuente-encabezados);
  }
  p {
    font-size: 16px;
    line-height: 1.5rem;
    font-family: var(--fuente-texto);
  }
  li {
    font-size: 16px;
    line-height: 1.5rem;
    font-family: var(--fuente-texto);
    margin-left: 1.6em;
  }
}
@media screen {
  .contenidoWrapper p {
    line-height: 1.5rem;
    font-family: var(--fuente-texto);
    padding-top: 1em;
    font-weight: 300;
  }
  .contenidoWrapper table p {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  .contenidoWrapper ul:not(#menuCasos) > li {
    line-height: 1.5rem;
    font-family: var(--fuente-texto);
    margin-left: 1.6em;
    font-weight: 300;
    list-style: none;
    position: relative;
    padding-left: 0.9em;
  }
  .contenidoWrapper ul:not(#menuCasos) > li::before {
    content: "";
    width: 0.45em;
    height: 0.45em;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0.55em;
    border-radius: 0;
  }
  .contenidoWrapper ul:not(#menuCasos) > li:first-child {
    margin-top: 1rem;
  }
  .contenidoWrapper ul:not(#menuCasos) > li p {
    padding-top: 0em;
    font-weight: 300;
  }
  .contenidoWrapper td {
    line-height: 1.5rem;
    font-family: var(--fuente-texto);
    font-weight: 300;
    font-size: 0.95em;
  }
  .contenidoWrapper td img {
    min-width: 2em;
    max-height: 7em;
    width: auto;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .contenidoWrapper .subtitulo-tabla {
    font-size: 1.25rem;
    font-family: var(--fuente-texto);
    font-weight: 300;
    padding-top: 2em;
  }
  .contenidoWrapper .subtituloCifra {
    font-size: 0.95rem;
    font-family: var(--fuente-texto);
    font-weight: 300;
    padding-top: 0 !important;
  }
  .contenidoWrapper .subtitulo-B {
    font-size: 1.5rem;
    line-height: 1.35;
    font-family: var(--fuente-texto);
    font-weight: 300;
    padding-top: 2em;
  }
  .contenidoWrapper .subtitulo-C {
    font-size: 1.5rem;
    line-height: 1.35;
    font-family: var(--fuente-texto);
    font-weight: 300;
    padding-top: 0.5em;
    padding-bottom: 1em;
    color: #ffffff;
  }
  .contenidoWrapper img {
    max-width: 100%;
  }
  .txt-thin {
    font-weight: 200;
  }
  .txt-light {
    font-weight: 300;
  }
  .txt-regular {
    font-weight: 400;
  }
  .txt-medium {
    font-weight: 500;
  }
  .txt-bold {
    font-weight: 600 !important;
  }
  .txt-black {
    font-weight: 900;
  }
  .text-blue {
    color: #00ACFF;
  }
  .text-navy {
    color: #24344B;
  }
  .bg-beige {
    background-color: #e6ded1;
  }
  .bd-beige {
    border-color: #e6ded1 !important;
  }
  .text-beige {
    color: #e6ded1 !important;
  }
  .panel-cafe {
    background-color: rgba(88, 56, 25, 0.6);
  }
  .menor {
    font-size: 80%;
    line-height: 0.8;
  }
  .contentWrapper {
    height: 60vh !important;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .contentWrapper {
    height: 75vh !important;
    width: 100%;
  }
}
@media screen {
  header {
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    padding-top: 2em;
  }
  header h2 {
    font-size: 2em !important;
  }
}
@media screen {
  header h2 {
    font-size: 1.2em !important;
  }
  .header-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 1em 0 1.2em 0;
  }
  header .rowHeaderPrincipal {
    height: 160px;
  }
  header .rowHeaderPrincipal h1 {
    font-size: 2em;
    line-height: 1.25;
  }
  header .rowHeaderContenido {
    height: 6em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  header .rowHeaderContenido h1 {
    font-size: 2.5em;
    line-height: 1.25;
  }
  .full-div {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100vh;
  }
  #home-div {
    background-image: url("../images/portadaWebV.jpg");
  }
}
@media screen and (min-width: 768px) {
  #home-div {
    background-image: url("../images/portadaWeb.jpg");
  }
}
@media screen {
  #administracion {
    background-image: url("../images/principal.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  #principal {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    padding-top: 0;
    min-height: 110vh;
    position: relative;
  }
  #principal-container {
    position: relative;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) {
  #principal {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    min-height: 110vh;
    position: relative;
  }
  #principal-container {
    position: relative;
    z-index: 1;
  }
}
@media screen {
  #page h1 {
    font-size: 2.5em;
    line-height: 1.15;
  }
  .contenidoWrapper {
    position: relative;
  }
  .contenidoWrapper h1 {
    font-size: 2em;
    line-height: 1.15;
  }
}
@media screen and (min-width: 768px) {
  #page h1 {
    font-size: 2.75em;
  }
}
@media screen and (min-width: 992px) {
  .contenidoWrapper h1 {
    font-size: 2.5em;
  }
}
@media screen and (min-width: 1200px) {
  .contenidoWrapper h1 {
    font-size: 2.75em;
  }
  #page h1 {
    font-size: 3.25em;
  }
}
@media screen {
  .infoContent p {
    font-size: 0.85rem;
    font-weight: 300;
    line-height: 1.5;
  }
  .infoContent li {
    font-size: 0.85rem;
    font-weight: 300;
    line-height: 1.5;
    margin-left: 1em;
  }
  .divTxt p {
    text-align: justify;
    hyphens: auto;
    word-break: normal;
  }
  .image-back-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
  }
  .image-back-container img {
    display: block;
    position: absolute;
    top: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
    filter: brightness(30%) saturate(200%) blur(12.5px);
  }
  .wrappFoto {
    width: 100%;
    height: 18em;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: #f0f0f0;
  }
  .wrappFoto img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
}
@media screen and (min-width: 768px) {
  .wrappFoto {
    width: 100%;
    height: 24em;
  }
}
@media screen and (min-width: 992px) {
  .wrappFoto {
    width: 100%;
    height: 36em;
  }
}
@media screen {
  .carousel-inner {
    border-radius: 0px;
  }
  .carousel-item {
    border-radius: 0px;
  }
  .plecaBlanca {
    width: 100%;
    height: 18em;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(171, 145, 95, 0) 0%, rgb(171, 145, 95) 75%);
  }
  #resultados {
    background-color: #ab915f;
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .mx-n1 {
    padding-left: -0.25rem !important;
    padding-right: -0.25rem !important;
  }
  .gris {
    fill: #dddddd;
  }
  .amarillo {
    fill: #ab915f !important;
  }
  .state:hover {
    fill: #ab915f;
  }
  [class^=estado] {
    fill: transparent;
    transition: all 0.5s;
  }
  .state {
    fill: rgba(255, 255, 255, 0.1411764706);
  }
  .esperaEstado {
    stroke: #ab915f;
  }
  .estadoLink {
    cursor: pointer;
  }
  .text-80 {
    font-size: 80%;
  }
  .divWrapSelect {
    position: relative;
    padding-bottom: 20vh;
  }
  .divSelect {
    width: 100%;
    border-radius: 12px;
    transition: all 0.5s;
    margin: auto;
  }
  .divSelect h3 {
    text-align: left;
    margin-bottom: 20px;
    color: #333;
  }
  .divSelect label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #666;
  }
  .divSelect input,
  .divSelect textarea,
  .divSelect select {
    width: 100%;
    padding: 6px 30px 4px 10px;
    border: 1px solid #fff;
    border-radius: 8px;
    font-size: 18px;
    outline: none;
    box-shadow: none;
    transition: border 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
  }
  .divSelect input:focus,
  .divSelect textarea:focus,
  .divSelect select:focus {
    border-color: #ffffff;
  }
  .divSelect textarea {
    height: 80px;
    resize: none;
  }
  .divSelect button {
    width: 100%;
    padding: 4px;
    background-color: #007BFF;
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
  }
  .divSelect button:hover {
    background-color: #0056b3;
  }
}
@media screen and (min-width: 992px) {
  .divSelect {
    padding: 0.3em;
    width: 80%;
    border-radius: 12px;
    border: 2px solid transparent;
    transition: all 0.5s;
  }
}
@media screen {
  .selectBorder {
    border: 2px solid #F5C33D;
  }
  .spacer {
    width: 100%;
    height: 2em;
  }
  .spacerSvg {
    width: 100%;
    height: 3em;
  }
}
@media screen and (min-width: 768px) {
  .spacer {
    display: none;
  }
  .spacerSvg {
    display: none;
  }
}
@media screen {
  #lugar span {
    padding: 0.1em 1em 0.3em 1em;
    border-radius: 12px;
  }
  #file-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .file-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  .file-item img {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100px;
    height: auto;
  }
  .file-item .btn {
    margin-top: 5px;
  }
  #drop-area {
    width: 100%;
    padding: 20px;
    border: 2px dashed #ccc;
    text-align: center;
    font-family: var(--fuente-texto);
    margin-bottom: 20px;
  }
  #drop-area .highlight {
    border-color: #000;
  }
  #file-input {
    display: none;
  }
  #gallery {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .image-preview {
    position: relative;
    margin: 10px;
  }
  .image-preview img {
    width: 100px;
    height: auto;
    border-radius: 5px;
  }
  .remove-btn {
    position: absolute;
    top: -5px;
    right: -5px;
    background: red;
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
  }
  .cke_source {
    height: 65vh !important;
  }
  .cke_wysiwyg_div {
    height: 65vh !important;
  }
  .video-container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .video-container video {
    position: absolute;
    top: 50%;
    left: 150%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media screen and (min-width: 768px) {
  .video-container video {
    position: absolute;
    top: 50%;
    left: 80%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media screen and (min-width: 992px) {
  .video-container video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media screen {
  .video-container .content {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
  }
  .encabezados {
    position: relative;
    height: 7.2em;
    width: 100%;
    overflow: hidden;
  }
  .encabezados .encabezado {
    position: absolute;
    top: 0;
    left: 1em;
    height: 7.2em;
    width: 100%;
  }
  .encabezados .encabezado .enca {
    text-align: left;
    font-size: 1.75em;
    line-height: 1.35;
    font-family: var(--fuente-texto);
    opacity: 0;
    transform: translateX(-640px);
    transition: opacity 2s ease, transform 2s ease;
    position: absolute;
    width: 100%;
  }
  .encabezados .encabezado .enca:nth-child(1) {
    top: 0;
  }
  .encabezados .encabezado .enca:nth-child(2) {
    top: 1.2em;
  }
  .encabezados .encabezado .enca:nth-child(3) {
    top: 2.4em;
  }
  .encabezados .encabezado .enca:nth-child(4) {
    top: 3.6em;
  }
  .encabezados .encabezado .show {
    opacity: 1;
    transform: translateX(0px);
  }
  .encabezados .encabezado .hide {
    opacity: 0;
    transform: translateX(640px);
  }
}
@media screen and (min-width: 768px) {
  .encabezados {
    position: relative;
    height: 22em;
    width: 100%;
    margin-top: 8em;
    overflow: hidden;
  }
  .encabezados .encabezado {
    position: absolute;
    top: 4em;
    left: 0em;
    height: 12em;
    width: 100%;
  }
  .encabezados .encabezado .enca {
    text-align: left;
    font-size: 2.25em;
    line-height: 1.35;
    font-family: var(--fuente-texto);
    opacity: 0;
    transform: translateX(-240px);
    transition: opacity 2s ease, transform 2s ease;
    position: absolute;
    width: 100%;
  }
  .encabezados .encabezado .enca:nth-child(1) {
    top: 0;
  }
  .encabezados .encabezado .enca:nth-child(2) {
    top: 1.2em;
  }
  .encabezados .encabezado .enca:nth-child(3) {
    top: 2.4em;
  }
  .encabezados .encabezado .show {
    opacity: 1;
    transform: translateX(0px);
  }
  .encabezados .encabezado .hide {
    opacity: 0;
    transform: translateX(240px);
  }
}
@media screen and (min-width: 1200px) {
  .encabezados {
    position: relative;
    height: 22em;
    width: 100%;
    margin-top: 8em;
    overflow: hidden;
  }
  .encabezados .encabezado {
    position: absolute;
    top: 4em;
    left: 3em;
    height: 12em;
    width: 100%;
  }
  .encabezados .encabezado .enca {
    text-align: left;
    font-size: 3em;
    line-height: 1.35;
    font-family: var(--fuente-texto);
    opacity: 0;
    transform: translateX(-240px);
    transition: opacity 2s ease, transform 2s ease;
    position: absolute;
    width: 100%;
  }
  .encabezados .encabezado .enca:nth-child(1) {
    top: 0;
  }
  .encabezados .encabezado .enca:nth-child(2) {
    top: 1.2em;
  }
  .encabezados .encabezado .enca:nth-child(3) {
    top: 2.4em;
  }
  .encabezados .encabezado .show {
    opacity: 1;
    transform: translateX(0px);
  }
  .encabezados .encabezado .hide {
    opacity: 0;
    transform: translateX(240px);
  }
}
@media screen {
  .custom-select {
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
  }
  .selected {
    padding: 18px 12px;
    font-size: 16px;
    font-weight: 300;
    font-family: var(--fuente-texto);
    text-align: left;
    position: relative;
  }
  .selected.is-active {
    background: rgba(255, 255, 255, 0.7);
    color: #000000;
    backdrop-filter: blur(5px);
  }
  .select-tema .options div {
    transition: all 0.3s ease;
    opacity: 1;
    max-height: 40px;
    overflow: hidden;
  }
  .select-tema .options div.is-hidden {
    opacity: 0;
    max-height: 0;
    padding: 0;
    margin: 0;
    pointer-events: none;
  }
  .arrow-icon {
    position: absolute;
    right: 12px;
    top: 12px;
  }
  .selected.is-active .arrow-icon svg {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
  }
  .options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    backdrop-filter: blur(5px);
    font-family: var(--fuente-texto);
    text-align: left;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.6) transparent;
  }
  .options div {
    padding: 12px;
    color: #000000;
  }
  .options div:hover {
    background: rgba(0, 0, 0, 0.1);
  }
  .options.is-open {
    display: block;
  }
  .options::-webkit-scrollbar {
    width: 6px;
  }
  .options::-webkit-scrollbar-track {
    background: transparent !important;
  }
  .options::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #aaa, #212121);
    border-radius: 4px;
  }
  .options::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, #aaa, #212121);
  }
}
@media screen and (min-width: 768px) {
  .custom-select {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
  }
  .selected {
    padding: 18px 12px;
    font-size: 16px;
    font-weight: 300;
    font-family: var(--fuente-texto);
    text-align: left;
    position: relative;
  }
  .selected.is-active {
    background: rgba(255, 255, 255, 0.7);
    color: #000000;
    backdrop-filter: blur(5px);
  }
  .arrow-icon {
    position: absolute;
    right: 12px;
    top: 12px;
  }
  .selected.is-active .arrow-icon svg {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
  }
  .options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    backdrop-filter: blur(5px);
    font-family: var(--fuente-texto);
    text-align: left;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.6) transparent;
  }
  .options div {
    padding: 12px;
    color: #000000;
  }
  .options div:hover {
    background: rgba(0, 0, 0, 0.1);
  }
  .options.is-open {
    display: block;
  }
  .options::-webkit-scrollbar {
    width: 6px;
  }
  .options::-webkit-scrollbar-track {
    background: transparent !important;
  }
  .options::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #aaa, #212121);
    border-radius: 4px;
  }
  .options::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, #aaa, #212121);
  }
}
@media screen {
  .btn-busqueda {
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 8px 24px;
    margin-top: 1em;
    text-align: right;
    font-family: var(--fuente-texto);
    background: transparent;
    color: #ffffff;
  }
  .lupa {
    height: 3em;
    width: 3em;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 72%;
    z-index: 100;
    background-color: rgba(171, 145, 95, 0.3254901961);
    cursor: pointer;
  }
  .dropdown-share {
    position: relative;
    display: inline-block;
  }
  .share-btn-toggle {
    padding: 8px 12px;
    background: #333;
    color: #fff;
    border: none;
    cursor: pointer;
  }
  .share-menu {
    display: none;
    position: absolute;
    top: -30%;
    left: 112px;
    transform: translateX(-0%);
    background: #333;
    padding: 8px 10px;
    white-space: nowrap;
    z-index: 999;
    gap: 10px;
  }
  .share-menu a,
  .share-menu button {
    background: none;
    border: none;
    color: #fff;
    font-size: 1.4em;
    cursor: pointer;
    text-decoration: none;
    padding: 6px;
  }
  .share-menu a:hover,
  .share-menu button:hover {
    background: #555;
  }
  .share-menu.active {
    display: flex;
  }
  #copy-toast {
    visibility: hidden;
    min-width: 200px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    padding: 10px 16px;
    position: fixed;
    z-index: 9999;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    font-size: 14px;
    opacity: 0;
    transition: opacity 0.5s ease, visibility 0.5s;
  }
  #copy-toast.show {
    visibility: visible;
    opacity: 1;
  }
  .video-wrapper {
    width: 100%;
    height: 36em;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .video-wrapper video {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
  }
  .chip-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .chip {
    display: inline-block;
    border: 1px solid #222;
    color: #222;
    padding: 6px 12px;
    cursor: pointer;
    transition: background-color 0.2s ease;
  }
  .chip:hover,
  .chip.active {
    background-color: #222;
    color: #ab915f;
  }
  .quitar-filtro {
    margin-left: 6px;
    cursor: pointer;
    font-weight: bold;
  }
  .busqueda {
    font-family: var(--fuente-texto);
  }
  #resultadosTit h1 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  #resultadosTit h1 {
    font-size: 3rem;
  }
}
@media screen {
  /* [EUploader:BEGIN add] Estilos del uploader (drop area + grid miniaturas) */
  .eu-drop {
    border: 2px dashed #bbb;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
  }
  .eu-drop.eu-over {
    border-color: #666;
  }
  .eu-list {
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 12px;
  }
  .eu-item {
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 8px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .eu-item[draggable=true] {
    cursor: grab;
  }
  .eu-thumb {
    width: 100%;
    height: 100px;
    -o-object-fit: contain;
    object-fit: contain;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
  }
  .eu-cap {
    font-size: 12px;
    margin-top: 6px;
    text-align: center;
    word-break: break-word;
  }
  .eu-del {
    position: absolute;
    top: 4px;
    right: 4px;
    border: 0;
    background: #e33;
    color: #fff;
    border-radius: 3px;
    padding: 2px 6px;
    line-height: 1;
    cursor: pointer;
  }
  /* [EUploader:END add] */
  /* ICONOS */
  .icono {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-color: #ffffff;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    vertical-align: middle;
    margin-right: 0.8rem;
  }
  .icono--dona {
    -webkit-mask-image: url("../images/dona.svg");
    mask-image: url("../images/dona.svg");
  }
  .icono--columnas {
    -webkit-mask-image: url("../images/columnas.svg");
    mask-image: url("../images/columnas.svg");
  }
  .icono--barras {
    -webkit-mask-image: url("../images/barras.svg");
    mask-image: url("../images/barras.svg");
  }
  .icono--lineas {
    -webkit-mask-image: url("../images/lineas.svg");
    mask-image: url("../images/lineas.svg");
  }
  .icono--lineasColumnas {
    -webkit-mask-image: url("../images/lineasColumnas.svg");
    mask-image: url("../images/lineasColumnas.svg");
  }
  .icono--dosLineasColumnas {
    -webkit-mask-image: url("../images/dosLineasColumnas.svg");
    mask-image: url("../images/dosLineasColumnas.svg");
  }
  .icono--lineasBarras {
    -webkit-mask-image: url("../images/lineasBarras.svg");
    mask-image: url("../images/lineasBarras.svg");
  }
  .icono--columnasSumadas {
    -webkit-mask-image: url("../images/columnasSumadas.svg");
    mask-image: url("../images/columnasSumadas.svg");
  }
  .icono--columnasSumadasPct {
    -webkit-mask-image: url("../images/columnasSumadasPct.svg");
    mask-image: url("../images/columnasSumadasPct.svg");
  }
  .icono--barrasSumadas {
    -webkit-mask-image: url("../images/barrasSumadas.svg");
    mask-image: url("../images/barrasSumadas.svg");
  }
  .icono--barrasSumadasPCT {
    -webkit-mask-image: url("../images/barrasSumadasPCT.svg");
    mask-image: url("../images/barrasSumadasPCT.svg");
  }
  /* Opcional: tooltip más ancho y legible en fondo oscuro */
  .tt-wide.tooltip .tooltip-inner {
    max-width: 420px;
    text-align: left;
    white-space: normal;
  }
  .plecaAdministracion {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #656565;
    text-align: center;
    padding: 2em;
  }
  .div-caso {
    position: relative;
    width: 100%;
    min-height: 100vh;
  }
  .caso {
    position: relative;
    width: 100%;
    min-height: 100%;
  }
  .h-30 {
    height: 30%;
  }
  .h-40 {
    height: 40%;
  }
  .h-50 {
    height: 50%;
  }
  .h-60 {
    height: 60%;
  }
  .h-70 {
    height: 70%;
  }
  .subportada {
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 40% 50%;
    position: relative;
    isolation: isolate;
    width: 100%;
    min-height: 100vh;
  }
  .subportada::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(to right, transparent 28%, var(--color-seccion, var(--color-azul)) 62%, var(--color-seccion, var(--color-azul)) 100%);
    opacity: 0.94;
    mix-blend-mode: multiply;
  }
  .subportada > .d-flex {
    position: relative;
    z-index: 1;
  }
  .subportada.fondo35 {
    background-position: 35% 50%;
  }
  .subportada.fondo40 {
    background-position: 40% 50%;
  }
  .subportada.fondo45 {
    background-position: 45% 50%;
  }
  .subportada.fondo50 {
    background-position: 50% 50%;
  }
  .subportada.fondo50 {
    background-position: 60% 50%;
  }
  .subportada a {
    text-decoration: none;
  }
  .subportada h1 {
    font-size: 1.125em !important;
    text-transform: uppercase;
  }
  .subportada h3 {
    font-size: 0.85em !important;
  }
  .subportada .subportada-enlaces {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
  }
  .subportada .subportada-enlace,
  .subportada .subportada-regreso {
    font-family: var(--fuente-texto);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    text-shadow: rgba(0, 0, 0, 0.3921568627) 3px 3px 12px;
  }
  .subportada .subportada-enlace {
    display: block;
    margin: 0;
    padding: 0.25rem 0;
  }
  .subportada .subportada-enlace--subtema {
    margin-inline-start: 1rem;
  }
  .subportada .w-30 {
    width: 50%;
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .w-30 {
    width: 50%;
    margin-right: -5%;
  }
  .subportada {
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 70% 50%;
    position: relative;
    width: 100%;
    min-height: 100vh;
  }
  .subportada a {
    text-decoration: none;
  }
  .subportada h1 {
    font-size: 3.5em !important;
    text-transform: uppercase;
  }
  .subportada h3 {
    font-size: 1.5em !important;
  }
  .subportada .subportada-enlace,
  .subportada .subportada-regreso {
    font-size: 1.25rem;
  }
  .subportada .w-30 {
    width: 40%;
    margin-right: 5%;
  }
}
@media screen and (max-width: 767px) {
  .subportada {
    min-height: 100svh;
  }
  .subportada::before {
    background: linear-gradient(to bottom, transparent 14vh, var(--color-seccion, var(--color-azul)) 36vh, var(--color-seccion, var(--color-azul)) 100%);
  }
  .subportada > .vh-100 {
    height: auto !important;
    min-height: 100vh;
    min-height: 100svh;
  }
  .subportada > .vh-100 > .flex-grow-1 {
    display: none;
  }
  .subportada .w-30 {
    width: 100%;
    margin-right: 0;
    padding: 35vh 1rem 2rem;
    padding-top: 35svh;
  }
  .subportada .w-30 > .h-40,
  .subportada .w-30 > .h-60 {
    height: auto;
  }
}
@media screen {
  /* MENÚ LATERAL (ESCRITORIO) */
  .sidebar-sticky {
    position: sticky;
    top: 8em;
    height: -moz-fit-content;
    height: fit-content;
  }
  #menuCasos a {
    display: block;
    padding: 0.5em 10px !important;
    border-left: 3px solid transparent;
    color: #444;
    text-decoration: none;
    transition: 0.2s;
  }
  #menuCasos a.active {
    font-weight: bold;
    border-left-color: #d10;
    color: #d10;
  }
  #menuCasos li {
    list-style-type: none;
    margin-left: 0;
  }
  .menuPrincipal li {
    font-family: var(--fuente-texto);
    font-weight: 300;
    font-size: 1em !important;
    padding-top: 8px !important;
  }
  .menuPrincipal li a {
    padding: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  a {
    padding: 6px 0px;
  }
  .menuPrincipal li {
    font-size: 1.25em !important;
  }
}
@media screen {
  /* MENÚ MÓVIL INFERIOR  */
  .mobile-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e6ded1;
    border-top: 1px solid #e6ded1;
    padding: 8px 0;
    z-index: 999;
  }
  .mobile-menu-scroll {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0 8px;
    gap: 8px;
  }
  .mobile-menu-item {
    flex: 0 0 auto;
    padding: 6px 14px;
    border-radius: 20px;
    border: 1px solid #ccc;
    background: #f8f8f8;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.2s;
  }
  .mobile-menu-item.active {
    color: #fff;
  }
  .caso-section {
    padding-top: 8em;
    padding-bottom: 8em;
  }
  /* Para que el contenido no quede oculto por el menú inferior */
  #informeContenido-1 #menuCasos a.active {
    font-weight: bold;
    border-left-color: rgb(0, 72, 128);
    color: rgb(0, 72, 128);
  }
  #informeContenido-1 .destacado {
    color: rgb(0, 72, 128);
  }
  #informeContenido-1 li::before {
    background-color: rgb(0, 72, 128);
  }
  #informeContenido-1 .subtitulo-tabla {
    color: rgb(0, 72, 128);
  }
  #informeContenido-1 .subtitulo-B {
    color: rgb(0, 72, 128);
  }
  #informeContenido-1 p.sansation {
    color: rgb(0, 72, 128);
  }
  #informeContenido-1 ol li::marker {
    color: rgb(0, 72, 128);
  }
  #informeContenido-1 span.numero {
    color: rgb(0, 72, 128);
  }
  #informeContenido-1 .subtituloCifra {
    color: rgb(0, 72, 128);
  }
  #informeContenido-1 .mobile-menu-item.active {
    background: rgb(0, 72, 128);
    border-color: rgb(0, 72, 128);
  }
  #informeContenido-2 #menuCasos a.active {
    font-weight: bold;
    border-left-color: rgb(0, 72, 128);
    color: rgb(0, 72, 128);
  }
  #informeContenido-2 .destacado {
    color: rgb(0, 72, 128);
  }
  #informeContenido-2 li::before {
    background-color: rgb(0, 72, 128);
  }
  #informeContenido-2 .subtitulo-tabla {
    color: rgb(0, 72, 128);
  }
  #informeContenido-2 .subtitulo-B {
    color: rgb(0, 72, 128);
  }
  #informeContenido-2 p.sansation {
    color: rgb(0, 72, 128);
  }
  #informeContenido-2 ol li::marker {
    color: rgb(0, 72, 128);
  }
  #informeContenido-2 span.numero {
    color: rgb(0, 72, 128);
  }
  #informeContenido-2 .subtituloCifra {
    color: rgb(0, 72, 128);
  }
  #informeContenido-2 .mobile-menu-item.active {
    background: rgb(0, 72, 128);
    border-color: rgb(0, 72, 128);
  }
  #informeContenido-3 #menuCasos a.active {
    font-weight: bold;
    border-left-color: rgba(242, 0, 48, 0.85);
    color: rgba(242, 0, 48, 0.85);
  }
  #informeContenido-3 .destacado {
    color: rgba(242, 0, 48, 0.85);
  }
  #informeContenido-3 li::before {
    background-color: rgba(242, 0, 48, 0.85);
  }
  #informeContenido-3 .subtitulo-tabla {
    color: rgba(242, 0, 48, 0.85);
  }
  #informeContenido-3 .subtitulo-B {
    color: rgba(242, 0, 48, 0.85);
  }
  #informeContenido-3 p.sansation {
    color: rgba(242, 0, 48, 0.85);
  }
  #informeContenido-3 ol li::marker {
    color: rgba(242, 0, 48, 0.85);
  }
  #informeContenido-3 span.numero {
    color: rgba(242, 0, 48, 0.85);
  }
  #informeContenido-3 .subtituloCifra {
    color: rgba(242, 0, 48, 0.85);
  }
  #informeContenido-3 .mobile-menu-item.active {
    background: rgba(242, 0, 48, 0.85);
    border-color: rgba(242, 0, 48, 0.85);
  }
  #informeContenido-4 #menuCasos a.active {
    font-weight: bold;
    border-left-color: rgba(45, 137, 35, 0.85);
    color: rgba(45, 137, 35, 0.85);
  }
  #informeContenido-4 .destacado {
    color: rgba(45, 137, 35, 0.85);
  }
  #informeContenido-4 li::before {
    background-color: rgba(45, 137, 35, 0.85);
  }
  #informeContenido-4 .subtitulo-tabla {
    color: rgba(45, 137, 35, 0.85);
  }
  #informeContenido-4 .subtitulo-B {
    color: rgba(45, 137, 35, 0.85);
  }
  #informeContenido-4 p.sansation {
    color: rgba(45, 137, 35, 0.85);
  }
  #informeContenido-4 ol li::marker {
    color: #ffffff;
  }
  #informeContenido-4 span.numero {
    color: rgba(45, 137, 35, 0.85);
  }
  #informeContenido-4 .subtituloCifra {
    color: rgba(45, 137, 35, 0.85);
  }
  #informeContenido-4 .mobile-menu-item.active {
    background: rgba(45, 137, 35, 0.85);
    border-color: rgba(45, 137, 35, 0.85);
  }
  #informeContenido-5 #menuCasos a.active {
    font-weight: bold;
    border-left-color: rgba(234, 70, 0, 0.85);
    color: rgba(234, 70, 0, 0.85);
  }
  #informeContenido-5 .destacado {
    color: rgba(234, 70, 0, 0.85);
  }
  #informeContenido-5 li::before {
    background-color: rgba(234, 70, 0, 0.85);
  }
  #informeContenido-5 .subtitulo-tabla {
    color: rgba(234, 70, 0, 0.85);
  }
  #informeContenido-5 .subtitulo-B {
    color: rgba(234, 70, 0, 0.85);
  }
  #informeContenido-5 p.sansation {
    color: rgba(234, 70, 0, 0.85);
  }
  #informeContenido-5 ol li::marker {
    color: rgba(234, 70, 0, 0.85);
  }
  #informeContenido-5 span.numero {
    color: rgba(234, 70, 0, 0.85);
  }
  #informeContenido-5 .subtituloCifra {
    color: rgba(234, 70, 0, 0.85);
  }
  #informeContenido-5 .mobile-menu-item.active {
    background: rgba(234, 70, 0, 0.85);
    border-color: rgba(234, 70, 0, 0.85);
  }
  #informeContenido-6 #menuCasos a.active {
    font-weight: bold;
    border-left-color: rgba(234, 70, 0, 0.85);
    color: rgba(234, 70, 0, 0.85);
  }
  #informeContenido-6 .destacado {
    color: rgba(234, 70, 0, 0.85);
  }
  #informeContenido-6 li::before {
    background-color: rgba(234, 70, 0, 0.85);
  }
  #informeContenido-6 .mobile-menu-item.active {
    background: rgba(234, 70, 0, 0.85);
    border-color: rgba(234, 70, 0, 0.85);
  }
  table {
    min-width: 100%;
    border-collapse: collapse;
    font-family: var(--fuente-texto);
    color: #555;
    margin: 1em 0;
  }
}
@media screen {
  /* Encabezado */
  table tbody tr:first-child td {
    background-color: #bfab90;
    color: #fff;
    font-weight: 600 !important;
    text-align: center;
    padding: 6px 12px;
    font-size: 1em;
  }
  /* Celdas del cuerpo */
  table tbody tr:not(:first-child) td {
    padding: 6px 12px;
  }
  /* Alternancia de filas */
  table tbody tr:nth-child(odd):not(:first-child) {
    background-color: #ffffff;
  }
  table tbody tr:nth-child(even):not(:first-child) {
    background-color: #f4eee6;
  }
  /* Eliminación de bordes si no se quieren */
  table td,
  table th {
    border: none;
  }
  .divFondo table {
    min-width: 100%;
    border-collapse: collapse;
    font-family: var(--fuente-texto);
    color: #fff;
    margin: 1em 0;
  }
  .divFondo {
    /* Encabezado */
  }
  .divFondo table tbody tr:first-child td {
    background-color: transparent;
    color: #fff;
    font-weight: 600 !important;
    text-align: center;
    padding: 6px 12px;
    font-size: 1em;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
  }
  .divFondo {
    /* Celdas del cuerpo */
  }
  .divFondo table tbody tr:not(:first-child) td {
    padding: 6px 12px;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
  }
  .divFondo {
    /* Alternancia de filas */
  }
  .divFondo table tbody tr:nth-child(odd):not(:first-child) {
    background-color: transparent;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
  }
  .divFondo table tbody tr:nth-child(even):not(:first-child) {
    background-color: transparent;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
  }
  .divMapa {
    padding: 0 0 1em 0;
    background: #f4eee6;
  }
  .tablaSinLineas table {
    min-width: 100%;
    border-collapse: collapse;
    font-family: var(--fuente-texto);
    color: #555;
    margin: 1em 0;
  }
  .tablaSinLineas {
    /* Encabezado */
  }
  .tablaSinLineas table tbody tr:first-child td {
    background-color: transparent;
    color: #555;
    font-weight: 300 !important;
    text-align: left;
    padding: 6px 12px;
    font-size: 1em;
    border-bottom: 1px solid #f4eee6;
    border-top: 1px solid #f4eee6;
  }
  .tablaSinLineas {
    /* Celdas del cuerpo */
  }
  .tablaSinLineas table tbody tr:not(:first-child) td {
    padding: 6px 12px;
    border-bottom: 1px solid #f4eee6;
    border-top: 1px solid #f4eee6;
  }
  .tablaSinLineas {
    /* Alternancia de filas */
  }
  .tablaSinLineas table tbody tr:nth-child(odd):not(:first-child) {
    background-color: transparent;
    border-bottom: 1px solid #f4eee6;
    border-top: 1px solid #f4eee6;
  }
  .tablaSinLineas table tbody tr:nth-child(even):not(:first-child) {
    background-color: transparent;
    border-bottom: 1px solid #f4eee6;
    border-top: 1px solid #f4eee6;
  }
  .table-responsive-auto {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #casos {
    padding-top: 8em;
    color: #ffffff;
  }
  .casos-menu p {
    font-size: 90%;
    padding: 0 !important;
    margin: 0.2em 0 !important;
  }
  p.pie {
    text-align: right !important;
    font-size: 80% !important;
    padding: 0.3em 0 0 0 !important;
    margin: 0 0 3em 0 !important;
    line-height: 1.25 !important;
  }
  p.destacado {
    border-left: 4px solid #dac7b2;
    padding: 0 0 0 1em !important;
    margin-top: 1em !important;
    font-size: 1.25em;
    line-height: 1.25 !important;
  }
  p.destacado-B {
    border-left: 4px solid #dac7b2;
    padding: 0 0 0 1em !important;
    margin-top: 1em !important;
    font-size: 1.05em;
    font-weight: 300;
    line-height: 1.25 !important;
    color: #ffffff;
  }
  p.sinEsp {
    padding: 0 !important;
    margin-top: 0 !important;
  }
  p.sansation {
    font-family: var(--fuente-encabezados);
    font-weight: 900;
    font-size: 2.5em !important;
    padding: 1em 0 0 0 !important;
    margin: 0 !important;
  }
  p.sansation-B {
    font-family: var(--fuente-texto);
    font-weight: 500;
    color: #938672;
    padding: 0.3em 0 0 0 !important;
    margin: 0 !important;
    font-size: 1.25em !important;
  }
  p.numeralia {
    border-bottom: 1px solid #dac7b2;
    padding: 1em 0 !important;
    margin-top: 1em !important;
    font-size: 1.125em;
    line-height: 1.35 !important;
  }
}
@media screen and (min-width: 768px) {
  p.destacado {
    border-left: 4px solid #dac7b2;
    padding: 0 0 0 1em !important;
    margin-top: 1em !important;
    font-size: 1.5em;
    line-height: 1.25 !important;
  }
  p.destacado-B {
    border-left: 4px solid #dac7b2;
    padding: 0 0 0 1em !important;
    margin-top: 1em !important;
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.25 !important;
    color: #ffffff;
  }
}
@media screen {
  span.numero {
    font-family: var(--fuente-texto);
    font-weight: 300;
    font-size: 1.8em;
  }
  b {
    font-weight: 600;
  }
  .caso-section .aviso {
    display: none;
  }
  .caso-item {
    cursor: pointer;
    padding: 1px 0 !important;
  }
  .caso-item.active-caso {
    font-weight: bold;
    text-decoration: underline;
  }
  .caso-contenido h3 {
    padding-bottom: 1em;
  }
  .contenido-caso p {
    font-size: 90% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .coverMenu {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    background-position: 50% 50% !important;
  }
  .colCaso {
    border: 1px solid #ffffff;
  }
  .menu {
    position: fixed;
    top: 0;
    width: 100%;
    left: -100%;
    height: 100vh;
    padding: 0 0 15vh 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    z-index: 1500;
    transition: left 1s ease-in-out;
    overflow: hidden;
  }
  .menu a {
    text-decoration: none;
    color: #ffffff;
  }
  .menu.open {
    left: 0;
  }
  .menu h1 {
    font-size: 3.6vw;
    line-height: 1;
  }
  .menu h4 {
    font-size: 3.2vw;
    text-align: left;
  }
  .menu h2 {
    font-size: 2.8vw;
    text-align: left;
  }
  .menu p {
    font-size: 2.4vw;
    font-weight: 300;
    line-height: 1.25;
    margin: 0;
    padding: 0 0 0.2em 0;
  }
  .menu .divMenu {
    display: none;
  }
  .menu .logoMenu {
    height: 3em;
    width: auto;
  }
  .menu #wrappMenu img {
    height: 4em;
  }
}
@media screen and (min-width: 768px) {
  .menu {
    position: fixed;
    height: 100vh;
    top: -100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    z-index: 1500;
    transition: top 1s ease-in-out;
    overflow: hidden;
    padding: 0;
  }
  .menu a {
    text-decoration: none;
    color: #ffffff;
  }
  .menu.open {
    top: 0;
  }
  .menu h4 {
    font-size: 1.65vw;
    text-align: left;
    line-height: 1.35;
  }
  .menu h1 {
    font-size: 3vw;
  }
  .menu p {
    font-size: 1.15vw;
    font-weight: normal;
    line-height: 1.35;
    margin: 0;
    padding: 0.3em 0;
  }
  .menu p i {
    font-size: 50%;
    padding: 0 2em 0.5em 2em;
    vertical-align: middle;
  }
  .menu .divMenu {
    display: block;
  }
  .menu .logoMenu {
    height: 4vw;
    width: auto;
  }
  .menu #wrappMenu img {
    height: 5em;
  }
}
@media screen {
  .menu-btn {
    position: fixed;
    width: 36px;
    height: 24px;
    cursor: pointer;
    z-index: 2000;
    top: 1.5em;
    right: 1.5em;
  }
  .menu-btn__burger {
    width: 100%;
    height: 4px;
    background-color: #ffffff;
    border-radius: 5px;
    position: absolute;
    transition: all 0.3s ease;
  }
  .menu-btn__burger:nth-child(1) {
    top: 0;
  }
  .menu-btn__burger:nth-child(2) {
    top: 10px;
  }
  .menu-btn__burger:nth-child(3) {
    top: 20px;
  }
  .menu-btn.open .menu-btn__burger:nth-child(1) {
    transform: translateY(10px) rotate(45deg);
  }
  .menu-btn.open .menu-btn__burger:nth-child(2) {
    opacity: 0;
  }
  .menu-btn.open .menu-btn__burger:nth-child(3) {
    transform: translateY(-10px) rotate(-45deg);
  }
}
@media screen and (min-width: 768px) {
  .menu-btn {
    position: fixed;
    width: 36px;
    height: 30px;
    cursor: pointer;
    z-index: 2000;
    top: 1.5em;
    right: 1.5em;
  }
  .menu-btn__burger {
    width: 100%;
    height: 4px;
    background-color: #ffffff;
    border-radius: 5px;
    position: absolute;
    transition: all 0.3s ease;
  }
  .menu-btn__burger:nth-child(1) {
    top: 0;
  }
  .menu-btn__burger:nth-child(2) {
    top: 14px;
  }
  .menu-btn__burger:nth-child(3) {
    top: 28px;
  }
  .menu-btn.open .menu-btn__burger:nth-child(1) {
    transform: translateY(14px) rotate(45deg);
  }
  .menu-btn.open .menu-btn__burger:nth-child(2) {
    opacity: 0;
  }
  .menu-btn.open .menu-btn__burger:nth-child(3) {
    transform: translateY(-14px) rotate(-45deg);
  }
}
@media screen {
  .home-buttons-container {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    z-index: 20;
    padding: 0 3em;
  }
  .home-buttons-container h6 {
    text-shadow: rgba(0, 0, 0, 0.7490196078) 3px 3px 12px;
    font-size: 1.5rem;
  }
  .home-btn {
    display: inline-block;
    margin: 10px 15px;
    padding: 14px 28px;
    border-radius: 12px;
    font-size: 1.8rem !important;
    font-weight: 600;
    text-decoration: none;
    transition: 0.25s ease-in-out;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  }
  .home-btn-pdf {
    background: #0067c8;
    color: #fff;
  }
  .home-btn-pdf:hover {
    background: #004f98;
  }
  .home-btn-video {
    background: #00a36c;
    color: #fff;
  }
  .home-btn-video:hover {
    background: #007f52;
  }
}
@media screen {
  /* Para móvil versión vertical */
}
@media screen and (max-width: 600px) {
  .home-buttons-container {
    bottom: 25px;
  }
  .home-buttons-container h6 {
    text-shadow: rgba(0, 0, 0, 0.7490196078) 3px 3px 12px;
    font-size: 1rem !important;
  }
  .home-btn {
    display: block;
    width: 80%;
    margin: 10px auto;
    font-size: 1rem;
  }
}
@media screen {
  .divFondo {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    color: #ffffff !important;
  }
}
@media screen and (min-width: 768px) {
  .divFondo {
    padding: 2em;
  }
}
@media screen {
  #presentacion-a {
    background-image: url("../images/presentacion-a.jpg");
  }
  #pagina-1 {
    background-image: url("../images/fondoRojo.jpg");
  }
  #pagina-2 {
    background-image: url("../images/fondoNaranja.jpg");
  }
  #presentacion-2 {
    background-image: url("../images/presentacion-2.jpg");
  }
  #presentacion-3 {
    background-image: url("../images/presentacion-3.jpg");
  }
  #presentacion-4 {
    background-image: url("../images/presentacion-4.jpg");
  }
  #presentacion-5 {
    background-image: url("../images/presentacion-5.jpg");
  }
  #presentacion-6 {
    background-image: url("../images/presentacion-6.jpg");
  }
  #presentacion-7 {
    background-image: url("../images/presentacion-7.jpg");
  }
  #presentacion-8 {
    background-image: url("../images/presentacion-8.jpg");
  }
  #presentacion-8 img {
    height: 64px;
    width: 64px;
    float: left;
    margin-right: 1em;
  }
  #presentacion-9 {
    background-image: url("../images/presentacion-9.jpg");
  }
  #fondoEmpleo-1 {
    background-image: url("../images/emple-1.jpg");
  }
  #fondoEmpleo-2 {
    background-image: url("../images/emple-2.jpg");
  }
  #equi-1 {
    background-image: url("../images/equi-1.jpg");
  }
  #equi-2 {
    background-image: url("../images/equi-2.jpg");
  }
  #equi-3 {
    background-image: url("../images/equi-3.jpg");
  }
  #equi-4 {
    background-image: url("../images/equi-3.jpg");
  }
  #agua-1 {
    background-image: url("../images/agua-1.jpg");
  }
  #economico-10 {
    background-image: url("../images/economico-10.jpg");
  }
}
@media screen {
  /*-------- CASOS ----------*/
  /* Tarjetas */
  .caso-card {
    border: 2px solid rgba(255, 255, 255, 0.9);
    padding: 0 15px;
    cursor: pointer;
    transition: 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
  }
  .caso-card p {
    padding: 0 !important;
  }
  .caso-card:hover {
    background-color: rgba(44, 44, 44, 0.262);
  }
  .caso-titulo {
    color: white;
    font-weight: 300;
    font-size: 15px;
  }
  /* Modal */
  .caso-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 20px;
  }
  .caso-modal-content {
    background: #ded6cc;
    padding: 30px;
    border-radius: 0px;
    width: 80vw;
    height: 80vh;
    overflow-y: auto;
    position: relative;
  }
  .caso-modal-content p {
    padding: 0;
  }
  .cerrar-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 30px;
    color: #555555;
    cursor: pointer;
  }
  .caso-detalle h3 {
    font-weight: 300;
    padding-bottom: 1em;
  }
  /* MAPA */
  .mina {
    padding: 1.5em 0 0 0 !important;
    margin: 0 !important;
    font-weight: 300;
    font-size: 0.9em;
    text-align: left;
    line-height: 0.9;
    color: #000000;
  }
  .minas {
    padding: 0 !important;
    margin: 0 !important;
    font-weight: 300;
    line-height: 0.9;
    text-align: left;
    font-size: 0.9em;
    color: #000000;
  }
  .gris {
    fill: #dddddd;
  }
  .gris:hover {
    fill: #dddddd;
  }
  [class^=estado] {
    fill: #e1dac3;
  }
  .estadoLink {
    cursor: pointer;
  }
  .text-estado1 {
    color: #5a9bd3 !important;
  }
  .estado1:hover {
    fill: #5a9bd3 !important;
  }
  .bd-estado1 {
    border-color: #5a9bd3 !important;
  }
  .text-estado2 {
    color: #ec7d30 !important;
  }
  .estado2:hover {
    fill: #ec7d30 !important;
  }
  .bd-estado2 {
    border-color: #ec7d30 !important;
  }
  .text-estado3 {
    color: #ff73f2 !important;
  }
  .estado3:hover {
    fill: #ff73f2 !important;
  }
  .bd-estado3 {
    border-color: #ff73f2 !important;
  }
  .text-estado4 {
    color: #008482 !important;
  }
  .estado4:hover {
    fill: #008482 !important;
  }
  .bd-estado4 {
    border-color: #008482 !important;
  }
  .text-estado5 {
    color: #febf0e !important;
  }
  .estado5:hover {
    fill: #febf0e !important;
  }
  .bd-estado5 {
    border-color: #febf0e !important;
  }
  .text-estado6 {
    color: #ed1d46 !important;
  }
  .estado6:hover {
    fill: #ed1d46 !important;
  }
  .bd-estado6 {
    border-color: #ed1d46 !important;
  }
  .text-estado7 {
    color: #68116c !important;
  }
  .estado7:hover {
    fill: #68116c !important;
  }
  .bd-estado7 {
    border-color: #68116c !important;
  }
  .text-estado8 {
    color: #005f94 !important;
  }
  .estado8:hover {
    fill: #005f94 !important;
  }
  .bd-estado8 {
    border-color: #005f94 !important;
  }
  .text-estado9 {
    color: #f7931d !important;
  }
  .estado9:hover {
    fill: #f7931d !important;
  }
  .bd-estado9 {
    border-color: #f7931d !important;
  }
  .text-estado10 {
    color: #00adef !important;
  }
  .estado10:hover {
    fill: #00adef !important;
  }
  .bd-estado10 {
    border-color: #00adef !important;
  }
  .text-estado11 {
    color: #768d31 !important;
  }
  .estado11:hover {
    fill: #768d31 !important;
  }
  .bd-estado11 {
    border-color: #768d31 !important;
  }
  .text-estado12 {
    color: #e45520 !important;
  }
  .estado12:hover {
    fill: #e45520 !important;
  }
  .bd-estado12 {
    border-color: #e45520 !important;
  }
  .text-estado13 {
    color: #70ad45 !important;
  }
  .estado13:hover {
    fill: #70ad45 !important;
  }
  .bd-estado13 {
    border-color: #70ad45 !important;
  }
  .text-estado14 {
    color: #ff73f2 !important;
  }
  .estado14:hover {
    fill: #ff73f2 !important;
  }
  .bd-estado14 {
    border-color: #ff73f2 !important;
  }
  .text-estado15 {
    color: #febf0e !important;
  }
  .estado15:hover {
    fill: #febf0e !important;
  }
  .bd-estado15 {
    border-color: #febf0e !important;
  }
  .text-estado16 {
    color: #ed1d46 !important;
  }
  .estado16:hover {
    fill: #ed1d46 !important;
  }
  .bd-estado16 {
    border-color: #ed1d46 !important;
  }
  .text-estado17 {
    color: #68116c !important;
  }
  .estado17:hover {
    fill: #68116c !important;
  }
  .bd-estado17 {
    border-color: #68116c !important;
  }
  .text-estado18 {
    color: #5a9bd3 !important;
  }
  .estado18:hover {
    fill: #5a9bd3 !important;
  }
  .bd-estado18 {
    border-color: #5a9bd3 !important;
  }
  .text-estado19 {
    color: #de794a !important;
  }
  .estado19:hover {
    fill: #de794a !important;
  }
  .bd-estado19 {
    border-color: #de794a !important;
  }
  .text-estado20 {
    color: #008482 !important;
  }
  .estado20:hover {
    fill: #008482 !important;
  }
  .bd-estado20 {
    border-color: #008482 !important;
  }
  .text-estado21 {
    color: #febf0e !important;
  }
  .estado21:hover {
    fill: #febf0e !important;
  }
  .bd-estado21 {
    border-color: #febf0e !important;
  }
  .text-estado22 {
    color: #ed1d46 !important;
  }
  .estado22:hover {
    fill: #ed1d46 !important;
  }
  .bd-estado22 {
    border-color: #ed1d46 !important;
  }
  .text-estado23 {
    color: #68116c !important;
  }
  .estado23:hover {
    fill: #68116c !important;
  }
  .bd-estado23 {
    border-color: #68116c !important;
  }
  .text-estado24 {
    color: #7a1455 !important;
  }
  .estado24:hover {
    fill: #7a1455 !important;
  }
  .bd-estado24 {
    border-color: #7a1455 !important;
  }
  .fondoEst {
    background: #f3efe4;
  }
  .fondoEstAzul1 {
    background: #5a9bd3;
  }
  .fondoEstAzul2 {
    background: #005f94;
  }
  .fondoEstAzul3 {
    background: #00adef;
  }
  .fondoEstNaranja {
    background: #ec7d30;
  }
  .fondoEstNaranja2 {
    background: #f7931d;
  }
  .fondoEstNaranja3 {
    background: #e45520;
  }
  .fondoEstRosa {
    background: #ff73f2;
  }
  .fondoEstVerde1 {
    background: #008482;
  }
  .fondoEstVerde2 {
    background: #768d31;
  }
  .fondoEstVerde3 {
    background: #70ad45;
  }
  .fondoEstAmarillo {
    background: #febf0e;
  }
  .fondoEstRojo {
    background: #ed1d46;
  }
  .fondoEstMorado {
    background: #68116c;
  }
  .overlay {
    position: fixed;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6862745098);
    backdrop-filter: blur(5px);
  }
  #carouselB {
    padding: 2em;
  }
  #carouselB .carousel-inner {
    height: 80vh;
  }
  #carouselB .carousel-inner .carousel-item {
    height: 100%;
    padding: 1em;
  }
  #carouselB .carousel-inner .carousel-item .row {
    height: 100%;
    overflow: auto;
  }
  #carouselB .carousel-inner .carousel-item .row .nombreEstado {
    color: #ffffff;
    font-weight: bold;
    border-bottom: 2px solid #ffffff;
  }
  #carouselB .carousel-inner .carousel-item .row p {
    text-align: left;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #carouselB .carousel-inner .carousel-item {
    padding: 3em;
  }
}
@media screen {
  @font-face {
    font-family: "informe";
    src: url("fonts/informe.eot?78262074");
    src: url("fonts/informe.eot?78262074#iefix") format("embedded-opentype"), url("fonts/informe.woff2?78262074") format("woff2"), url("fonts/informe.woff?78262074") format("woff"), url("fonts/informe.ttf?78262074") format("truetype"), url("fonts/informe.svg?78262074#informe") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  [class^=icon-]:before,
  [class*=" icon-"]:before {
    font-family: "informe";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-flechaabajo:before {
    content: "\e800";
  }
}
@media screen {
  /* '' */
  .icon-flechadobleabajo:before {
    content: "\e801";
  }
  /* '' */
  .icon-cierre:before {
    content: "\e802";
  }
  /* '' */
  .icon-flechaderecha:before {
    content: "\e803";
  }
  /* '' */
  .icon-flechaizquierda:before {
    content: "\e804";
  }
  /* '' */
  .icon-flechadoblearriba:before {
    content: "\e805";
  }
  /* '' */
  .icon-flechaarriba:before {
    content: "\e806";
  }
  /* '' */
  .carousel-indicators [data-bs-target] {
    background-color: #bcbcbc !important;
    width: 24px;
    height: 3px;
    opacity: 1 !important;
  }
  .carousel-indicators .active {
    background-color: rgb(78, 140, 48) !important;
    opacity: 1;
  }
  .carousel-control-prev {
    width: 8% !important;
    color: #222222 !important;
  }
  .carousel-control-next {
    width: 8% !important;
    color: #565656 !important;
  }
  .cierreCasosDiv {
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 25;
    cursor: pointer;
  }
  .logoTabla {
    height: 4em;
    width: auto;
  }
  .col-12.col-md-6 .caso-section img.img-958 {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  .col-12.col-md-6 .caso-section img.img-958 {
    width: 80% !important;
    height: auto !important;
    display: block;
  }
}
body {
  --bs-body-font-family: var(--fuente-texto);
  font-family: var(--fuente-texto);
}

#page h1,
#page h2,
#page h3,
#page h4,
#page h5,
#page h6 {
  font-family: var(--fuente-encabezados);
}

#page .menu .menu-seccion-titulo,
#page .menu .menu-seccion-titulo a {
  font-weight: 700;
}

#page .menu .menu-seccion-titulo a {
  color: inherit !important;
}

#page[data-color-seccion=blue] {
  --color-seccion: var(--color-azul);
}

#page[data-color-seccion=red] {
  --color-seccion: var(--color-rojo);
}

#page[data-color-seccion=green] {
  --color-seccion: var(--color-verde);
}

#page[data-color-seccion=orange] {
  --color-seccion: var(--color-naranja);
}

#page hr.barra {
  height: 3px;
  border: 0;
  background-color: var(--color-seccion, var(--color-azul));
  opacity: 1;
  margin-top: 2em;
}

#page h2 {
  margin-top: 2.5rem;
}

#page h3 {
  font-weight: 300;
  margin-top: 2.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
}

#page[data-color-seccion] .contenido-seccion {
  color: #000;
}

#page[data-color-seccion] .contenido-seccion :is(h1, h2, h3, h4, h5, h6),
#page[data-color-seccion] .contenido-seccion p.sansation {
  color: var(--color-seccion) !important;
}

#page .divFondo.text-white :is(h1, h2, h3, h4, h5, h6) {
  color: #fff !important;
}

#page[data-color-seccion] .contenido-seccion :is(ul, ol) > li::marker {
  color: var(--color-seccion);
}

#page .contenido-seccion ol > li::marker {
  font-weight: 700;
}

#page[data-color-seccion] .contenidoWrapper .contenido-seccion ul:not(#menuCasos) > li::before {
  background-color: var(--color-seccion);
}

#page[data-color-seccion] .contenido-seccion #menuCasos a {
  color: #000;
  border-left-color: transparent;
}

#page[data-color-seccion] .contenido-seccion #menuCasos a.active {
  border-left-color: var(--color-seccion);
  color: var(--color-seccion);
}

#page[data-color-seccion] .contenido-seccion .mobile-menu-item {
  color: var(--color-seccion);
}

#page[data-color-seccion] .contenido-seccion .mobile-menu-item.active {
  background: var(--color-seccion);
  border-color: var(--color-seccion);
  color: #fff;
}

#page[data-color-seccion] .contenido-seccion span.numero,
#page[data-color-seccion] span.color-seccion {
  color: var(--color-seccion);
}

span.color-azul {
  color: var(--color-azul);
}

span.color-rojo {
  color: var(--color-rojo);
}

span.color-verde {
  color: var(--color-verde);
}

span.color-naranja {
  color: var(--color-naranja);
}

.txt-blue {
  color: var(--color-azul);
}

.txt-red {
  color: var(--color-rojo);
}

.txt-green {
  color: var(--color-verde);
}

.txt-orange {
  color: var(--color-naranja);
}

.bg-blue {
  background-color: var(--color-azul);
}

.bg-red {
  background-color: var(--color-rojo);
}

.bg-green {
  background-color: var(--color-verde);
}

.bg-orange {
  background-color: var(--color-naranja);
}

#page .contenido-seccion :is(h1, h2, h3, h4, h5, h6).txt-blue {
  color: var(--color-azul) !important;
}

#page .contenido-seccion :is(tr, td, th).bg-blue,
#page .contenido-seccion :where(tr.bg-blue) > :is(td, th) {
  background-color: var(--color-azul) !important;
  color: #fff !important;
}

#page .contenido-seccion :is(tr, td, th).bg-blue :is(p, span, a, strong, b, em, i, small, h1, h2, h3, h4, h5, h6),
#page[data-color-seccion] .contenido-seccion :is(tr, td, th).bg-blue * {
  color: #fff !important;
}

#page .contenido-seccion :is(h1, h2, h3, h4, h5, h6).txt-red {
  color: var(--color-rojo) !important;
}

#page .contenido-seccion :is(tr, td, th).bg-red,
#page .contenido-seccion :where(tr.bg-red) > :is(td, th) {
  background-color: var(--color-rojo) !important;
  color: #fff !important;
}

#page .contenido-seccion :is(tr, td, th).bg-red :is(p, span, a, strong, b, em, i, small, h1, h2, h3, h4, h5, h6),
#page[data-color-seccion] .contenido-seccion :is(tr, td, th).bg-red * {
  color: #fff !important;
}

#page .contenido-seccion :is(h1, h2, h3, h4, h5, h6).txt-green {
  color: var(--color-verde) !important;
}

#page .contenido-seccion :is(tr, td, th).bg-green,
#page .contenido-seccion :where(tr.bg-green) > :is(td, th) {
  background-color: var(--color-verde) !important;
  color: #fff !important;
}

#page .contenido-seccion :is(tr, td, th).bg-green :is(p, span, a, strong, b, em, i, small, h1, h2, h3, h4, h5, h6),
#page[data-color-seccion] .contenido-seccion :is(tr, td, th).bg-green * {
  color: #fff !important;
}

#page .contenido-seccion :is(h1, h2, h3, h4, h5, h6).txt-orange {
  color: var(--color-naranja) !important;
}

#page .contenido-seccion :is(tr, td, th).bg-orange,
#page .contenido-seccion :where(tr.bg-orange) > :is(td, th) {
  background-color: var(--color-naranja) !important;
  color: #fff !important;
}

#page .contenido-seccion :is(tr, td, th).bg-orange :is(p, span, a, strong, b, em, i, small, h1, h2, h3, h4, h5, h6),
#page[data-color-seccion] .contenido-seccion :is(tr, td, th).bg-orange * {
  color: #fff !important;
}

#page .contenido-seccion :is(tr, td, th).bg-white,
#page .contenido-seccion :where(tr.bg-white) > :is(td, th) {
  background-color: #fff !important;
}

:is(.bg-panel-blue, .dg-blue) {
  --panel-rgb: 0, 72, 128;
}

:is(.bg-panel-red, .dg-red) {
  --panel-rgb: 237, 29, 71;
}

:is(.bg-panel-green, .dg-green) {
  --panel-rgb: 0, 155, 104;
}

:is(.bg-panel-orange, .dg-orange) {
  --panel-rgb: 243, 111, 33;
}

:is(.bg-panel-blue, .bg-panel-red, .bg-panel-green, .bg-panel-orange) {
  background-color: rgba(var(--panel-rgb), 0.85);
}

.entrada {
  font-weight: 100 !important;
  color: #686868 !important;
  font-size: 1.5rem !important;
  line-height: 1.35 !important;
}

:is(.dg-blue, .dg-red, .dg-green, .dg-orange) {
  background: linear-gradient(to bottom, rgba(var(--panel-rgb), 1) 0%, rgba(var(--panel-rgb), 0.5) 70%, rgba(var(--panel-rgb), 0) 100%);
}

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