@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
  --color-bg: #EEEDEB;
  --color-title: #0E1C4E;
  --color-summary-1:#deffec;
  --color-summary-1-highlight: #008e3a ;
  --color-summary-2: #fff1f0;
  --color-summary-2-highlight: #983b36;
  --color-summary-3: #dcf0f7;
  --color-summary-3-highlight: #4c7080;
  --color-summary-4: #f5e7ff;
  --color-summary-4-highlight: #512874;
  --color-summary-5: #fbdac7;
  --color-summary-5-highlight: #e4641b;
  --color-summary-6: #fff4e0;
  --color-summary-6-highlight: #f4ce85;
  --color-summary-7: #f0fec9;
  --color-summary-7-highlight: #95c229;
  --color-summary-8: #fff9e6;
  --color-summary-8-highlight: #996b16;
  --color-summary-9: #ffecf8;
  --color-summary-9-highlight: #993072;
  --color-summary-10: #d6e7ff;
  --color-summary-10-highlight: #1e2246;
  --color-summary-11: #ffe9a0;
  --color-summary-11-highlight: #feca1d;


  --x__mouse__coordinate: 50vw;
  --y__mouse__coordinate: 50vh;
}



    .teaser-element-container {
        --teaser__icon__color: #262b45;

        width: 100%;
        /*
        height: calc(100% - 40px);
                padding: 35px 30px;
*/

        position: relative;
        border-radius: 12px;
        background-color: #101010;
        transition: background 0.45s;
    }

.gsc-control-cse {
        border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
 
}

.gsc-input-box{
border-radius: 6px;
}
    .teaser-element-container .icon {
        width: 36px;
        height: 36px;
        margin-bottom: 20px;
    }

    .teaser-element-container .icon svg {
        width: 100%;
        height: 100%;
    }

    .teaser-element-container h3 {
        font-family: "Clash Display", sans-serif;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 22px;
        color: #e6e6e6;
    }

    .teaser-element-container p {
        width: 85%;
        font-family: "Satoshi", sans-serif;
        font-size: 16px;
        line-height: 28px;
        font-weight: 400;
        color: #e6e6e6;
    }

    .teaser-element-container::before {
        content: "";
        display: block;
        height: calc(100% + 6px);
        width: calc(100% + 6px);
        inset: -5px;

        border-radius: 12px;

        position: absolute;
        z-index: -2;
        right: -1px;
        top: -3px;
        bottom: -1px;
        left: -3px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
        transition: background 0.2s;
        will-change: background;
        contain: size;

        background: radial-gradient(300px circle at var(--x__mouse__coordinate) var(--y__mouse__coordinate), #fbff00 0, #566eba 50%, transparent 100%);
    }

    .teaser-element-container:hover {
        background-color: #1a1a1a;
    }



    .content-size-sm {
        max-width: 780px;
        margin: 0 auto;
        width: 100%;
    }

    .content-size-m {
        max-width: 1024px;
        margin: 0 auto;
        width: 100%;
    }

    .content-size-sl {
        max-width: 1224px;
        margin: 0 auto;
        width: 100%;
    }

    .content-size-l {
        max-width: 1440px;
        margin: 0 auto;
        width: 100%;
    }

    .infobox-container,
    .trademark {
        display: none;
    }

    @media screen and (min-width: 1024px) {
        .trademark {
            display: block;
            position: absolute;
            z-index: 99;
            left: 50px;
            top: 50px;
            max-width: 70px;
            transition: all 0.3s ease-in-out;
        }

        .trademark svg {
            width: 100%;
        }

        .trademark:hover {
            transform: translate(0, -2px);
        }

        .infobox-container {
            display: block;
            position: absolute;
            right: 50px;
            bottom: 50px;
            z-index: 99;
        }

        .infobox-container .social-media-links {
            display: flex;
            flex-direction: row;
        }

        .infobox-container .social-media-links a {
            margin: 0 15px;
            transition: all 0.3s ease-in-out;
        }

        .infobox-container .social-media-links a svg,
        .infobox-container .social-media-links a svg path {
            transition: all 0.3s ease-in-out;
        }

        .infobox-container .social-media-links a:hover {
            transform: translate(0, -2px);
        }

        .infobox-container .social-media-links a:hover svg path {
            fill: #323232;
        }
    }






.principal .swiper-button-prev::after {
    content: "";
    background-image: url("../imagenes/left.svg") !important;
  }
.principal .swiper-button-next::after {
    content: "";
    background-image: url("../imagenes/right.svg") !important;
  }
  .secundario .swiper-button-prev::after {
    content: "";
    background-image: url("../imagenes/left.svg") !important;
  }
.secundario .swiper-button-next::after {
    content: "";
    background-image: url("../imagenes/right.svg") !important;
  }
.arrow{
  -webkit-filter: invert(100%);
          filter: invert(100%);
  mix-blend-mode: difference;
  }
*{
font-family: "PT Sans", sans-serif;
    font-optical-sizing: auto;
    /*
    font-weight: normal;

    font-style: normal;*/
}
.bold{
font-family: "PT Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
}
.source-sans-3 {
    font-family: "Source Sans 3", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
  }
.source-sans-3-bold {
    font-family: "Source Sans 3", sans-serif;
    font-optical-sizing: auto;
    font-weight: bold;
    font-style: normal;
  }
  .principal .swiper-pagination-bullet ,  .secundario .swiper-pagination-bullet{
    background:whitesmoke !important;
  }
  .swiper-container .swiper-pagination-bullet{
    background:#adc2e3 !important;
  }
  .medios .swiper-pagination-bullet-active {
    background:#4b5eaa !important;
  }
  .swiper-container {
    width: 100%;
    height: 535px;
}
.swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: start;
/*
    padding: 10px;
    background: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    */
    border-radius: 10px;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  font-size:22px !important;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
  font-size:22px !important;
}
.swiper-button-prev-c {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b0b0b0'%2F%3E%3C%2Fsvg%3E") !important;
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
}
.swiper-button-next-c {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b0b0b0'%2F%3E%3C%2Fsvg%3E") !important;
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
}

.faq-container {

  margin: 0 auto;
}

.faq {
  background-color: transparent;


  margin: 20px 0;

  position: relative;
  overflow: hidden;
  transition: 0.3s ease;
}

.faq.active {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}




.faq.active::before {
  color: #3498db;
  top: -10px;
  left: -30px;
  transform: rotateY(180deg);
}

.faq-title {
/*
  margin: 0 35px 0 0;
*/
}

.faq-text {
  display: none;
  margin: 30px 0 0;
}

.faq.active .faq-text {
  display: block;
}

.faq-toggle {
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;

  outline: none;
  padding: 0;
  position: absolute;
  top: 30px;
  right: 30px;
  height: 30px;
  width: 30px;
}

.faq-toggle .fa-times {
  display: none;
}

.faq.active .faq-toggle .fa-times {
  display: block;
  color: #fff;
}

.faq.active .faq-toggle .fa-chevron-down {
  display: none;
}

.faq.active .faq-toggle {
  background: #9fa4a8;
}




.card h1 {

  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2;
  color: var(--color-title);
  margin-bottom: 20px;
}

.card details {

  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction:column;
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.05);
  border-bottom: 10px solid gray;
  padding: 0;
}



.card details.fqbf {
  --highlight: var(--color-summary-1-highlight) ;
  background: var(--color-summary-1);
  border-bottom-color: var(--color-summary-1-highlight);
  
}
.card details.fcfmyn {
  --highlight: var(--color-summary-2-highlight) ;
  background: var(--color-summary-2);
  border-bottom-color: var(--color-summary-2-highlight);
}
.card details.fica {
  --highlight: var(--color-summary-3-highlight) ;
  background: var(--color-summary-3);
  border-bottom-color: var(--highlight);
}
.card details.fcejs {
  --highlight: var(--color-summary-4-highlight) ;
  background: var(--color-summary-4);
  border-bottom-color: var(--color-summary-4-highlight);
}
.card details.fch {
  --highlight: var(--color-summary-5-highlight) ;
  background: var(--color-summary-5);
  border-bottom-color: var(--color-summary-5-highlight);
}
.card details.fapsi {
  --highlight: var(--color-summary-6-highlight) ;
  background: var(--color-summary-6);
  border-bottom-color: var(--color-summary-6-highlight);
}
.card details.fcs {
  --highlight: var(--color-summary-7-highlight) ;
  background: var(--color-summary-7);
  border-bottom-color: var(--color-summary-7-highlight);
}
.card details.ftu {
  --highlight: var(--color-summary-8-highlight) ;
  background: var(--color-summary-8);
  border-bottom-color: var(--color-summary-8-highlight);
}

.card details.ipau {
  --highlight: var(--color-summary-9-highlight) ;
  background: var(--color-summary-9);
  border-bottom-color: var(--color-summary-9-highlight);
}

.card details.enjpp {
  --highlight: var(--color-summary-10-highlight) ;
  background: var(--color-summary-10);
  border-bottom-color: var(--color-summary-10-highlight);
}

.card details.jmaternal {
  --highlight: var(--color-summary-11-highlight) ;
  background: var(--color-summary-11);
  border-bottom-color: var(--color-summary-11-highlight);
}



.card details summary, .card details p {
  position: relative;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;

  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: var(--color-title);
  padding: 5px;
  cursor: pointer;
}
.card details summary::-webkit-details-marker, .card details p::-webkit-details-marker {
  display: none;
}
.card details summary:focus, .card details p:focus {
  outline: solid 3px var(--highlight);
}
.card details summary::-moz-selection, .card details p::-moz-selection {
  background-color: var(--highlight);
}
.card details summary::selection, .card details p::selection {
  background-color: var(--highlight);
}
.card details p {
  display: list-item;
  cursor: default;
  margin-left: 0;
  list-style-type: corona;
}
.card details summary::before {
  cursor: pointer;
  position: absolute;
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  left: 0rem;
  margin-right: 0.5rem;
  content: url("data:image/svg+xml,%3Csvg width='100%' height='100%' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.6066 12H1.3934' stroke='%23202842' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 1.39343V22.6066' stroke='%23202842' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.card details[open] summary {
  font-weight: 700;
}
.card details[open] summary::before {
  transform: rotate(45deg);
  content: url("data:image/svg+xml,%3Csvg width='100%' height='100%' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.6066 12H1.3934' stroke='%23202842' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 1.39343V22.6066' stroke='%23202842' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}






.focal{
  transition: -webkit-filter 0.25s ease-in-out;
  transition: filter 0.25s ease-in-out;
  transition: filter 0.25s ease-in-out, -webkit-filter 0.25s ease-in-out;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.focal:hover {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.unidades{


background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(184,960,459)'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23FFFFFF'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='300' height='250' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.04'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: local;
background-size: cover;
}




@media (max-width: 766px){
.subnav {
  display: block; 
  transform: translateY(-100%); 
  opacity: 0; 
  transition: transform 0.3s ease, opacity 0.3s ease; 
}
.subnav.open {
  transform: translateY(0); 
  opacity: 1; 
}
.subnav.hidden {
  display: none; 
}
}



@-webkit-keyframes blink {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}



@keyframes blink {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
.dot { 
  -webkit-animation: blink 4s infinite; 
          animation: blink 4s infinite;
}


.hover-link {
  position: relative;
  color: #4b5eaa;
  padding: 0 .25rem;
  margin: 0 -.25rem;
  text-decoration: none;
/*
  display: inline-block;
*/
  font-weight: 700;
  line-height: 1.5;
  transition: color .2s ease-in-out;
  z-index: 1; 

}

.hover-link::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #4b5eaa;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.2s ease-in-out;
  z-index: -1; 
  border-radius: 6px;
}

.hover-link:hover {
  color: #fff;
}

.hover-link:hover::before {
  transform: scaleY(1); 
}




@-webkit-keyframes borderCycleConsejo {
  0% {
      border-color: #fca5a5;
  }

  33% {
      border-color: #f87171;
  }

  66% {
      border-color: #ef4444;
  }

  100% {
      border-color: #fca5a5;
  }
}




@keyframes borderCycleConsejo {
  0% {
      border-color: #fca5a5;
  }

  33% {
      border-color: #f87171;
  }

  66% {
      border-color: #ef4444;
  }

  100% {
      border-color: #fca5a5;
  }
}

@-webkit-keyframes borderCycleInformacion {
  0% {
      border-color: #93c5fd;
  }

  33% {
      border-color: rgb(48, 109, 184);
  }

  66% {
      border-color: rgb(15, 81, 186);
  }

  100% {
      border-color: #93c5fd;
  }
}

@keyframes borderCycleInformacion {
  0% {
      border-color: #93c5fd;
  }

  33% {
      border-color: rgb(48, 109, 184);
  }

  66% {
      border-color: rgb(15, 81, 186);
  }

  100% {
      border-color: #93c5fd;
  }
}

.alerta-consejo {
  -webkit-animation: borderCycleConsejo 4s infinite;
          animation: borderCycleConsejo 4s infinite;
}

.alerta-informacion {
  -webkit-animation: borderCycleInformacion 4s infinite;
          animation: borderCycleInformacion 4s infinite;
}





.swiper-pagination-bullet{
  margin :4px 12px !important;
  width:14px !important;
  height:14px !important;  
}

/*
.iconos{
filter: invert(100%) sepia(2%) saturate(417%) hue-rotate(263deg) brightness(115%) contrast(80%);




}*/

.calendar-section{
  background: #F3F4F6;
background: linear-gradient(180deg, rgba(243, 244, 246, 1) 50%, rgba(217, 240, 255, 1) 100%);
}






:root{
  --a11y-font-scale: 1;
  --a11y-line-height: 1.6;
  --a11y-letter-spacing: 0px;
  --a11y-text-align: left;
}
html { font-size: calc(1rem * var(--a11y-font-scale)); }
body { line-height: var(--a11y-line-height); letter-spacing: var(--a11y-letter-spacing); text-align: var(--a11y-text-align); }
.a11y-hide-media img, .a11y-hide-media video { display:none !important; }
.a11y-highlight-links a { outline: 3px solid; background: rgba(255,255,0,0.05); }






#desktop-nav {
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}


#desktop-nav.bg-transparent {
    background-color: transparent !important;
    box-shadow: none !important;
}


#desktop-nav.bg-transparent .dropdown-trigger,
#desktop-nav.bg-transparent #search-btn {
    color: white !important; /* text-white */
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8); 
}


#desktop-nav.bg-transparent .dropdown-trigger:hover,
#desktop-nav.bg-transparent #search-btn:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}


#desktop-nav.bg-\[\\#17468A\]\/95 .dropdown-trigger,
#desktop-nav.bg-\[\\#17468A\]\/95 #search-btn {
    color: #ffffff !important;
}


#desktop-nav.bg-\[\\#17468A\]\/95 .dropdown-trigger:hover,
#desktop-nav.bg-\[\\#17468A\]\/95 #search-btn:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}


#desktop-nav img {
    -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
            filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}



     .a11y-tts-highlight {
            outline: 3px solid #2563eb !important;
            /* Azul intenso */
            outline-offset: 2px;
            background-color: rgba(37, 99, 235, 0.1) !important;
            cursor: help !important;
        }



       
body.a11y-reading-mode {
    background-color: #fcfcfc !important;
    color: #1a1a1a !important;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
    line-height: 1.8 !important;
    margin: 0 auto !important;
    max-width: 800px !important; 
    padding: 40px 20px !important;
    display: block !important;
}


body.a11y-reading-mode header:not(#ci-a11y-custom-panel),
body.a11y-reading-mode footer,
body.a11y-reading-mode nav,
body.a11y-reading-mode aside,
body.a11y-reading-mode .sidebar,
body.a11y-reading-mode .banner,
body.a11y-reading-mode .ads,
body.a11y-reading-mode .social-share {
    display: none !important;
}


body.a11y-reading-mode * {
    float: none !important;
    position: static !important;
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    text-shadow: none !important;
}


body.a11y-reading-mode #ci-a11y-custom-panel,
body.a11y-reading-mode #ci-a11y-custom-panel *,
body.a11y-reading-mode #ci-a11y-toggle,
body.a11y-reading-mode #ci-a11y-toggle * {
    display: block !important;
    position: fixed !important;
    visibility: visible !important;
}


body.a11y-reading-mode img,
body.a11y-reading-mode video,
body.a11y-reading-mode iframe,
body.a11y-reading-mode svg:not(#ci-a11y-main-toggle svg) {
    display: none !important;
}


body.a11y-reading-mode h1, 
body.a11y-reading-mode h2, 
body.a11y-reading-mode h3 {
    margin-top: 1.5em !important;
    margin-bottom: 0.5em !important;
    color: #000 !important;
    font-weight: bold !important;
}





.a11y-filter-protanopia { -webkit-filter: url(#protanopia) !important; filter: url(#protanopia) !important; }
.a11y-filter-deuteranopia { -webkit-filter: url(#deuteranopia) !important; filter: url(#deuteranopia) !important; }
.a11y-filter-tritanopia { -webkit-filter: url(#tritanopia) !important; filter: url(#tritanopia) !important; }
.a11y-filter-monocromo { -webkit-filter: grayscale(100%) !important; filter: grayscale(100%) !important; }


#ci-a11y-custom-panel, #ci-a11y-toggle {
    -webkit-filter: none !important;
            filter: none !important;
}

.a11y-tts-highlight:active {
    background-color: rgba(37, 99, 235, 0.3) !important;
    transform: scale(0.98);
}
.contacto-fond {
background: #262b45;
background: linear-gradient(90deg, #262b45 0%, rgba(42, 52, 86, 1) 50%, rgba(2, 14, 51, 1) 100%);
}




        #subnav {
            transition: max-height 0.3s ease-in-out, opacity 0.3s ease;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
        }

        #subnav.open {
            max-height: 100vh !important;
            opacity: 1 !important;
        }


        .dropdown-container {
            position: relative;
            display: inline-block;
        }


        .dropdown-menu {

            position: absolute !important;
            top: 100% !important;
            right: 0 !important;
            left: auto !important;


            width: 16rem !important;
            margin-top: 0.5rem !important;


            background-color: #ffffff !important;
            border-radius: 0.75rem !important;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
            border: 1px solid #e5e7eb !important;


            z-index: 9999 !important;


            padding: 0.25rem 0 !important;


            opacity: 0 !important;
            visibility: hidden !important;
            transform: scale(0.95) translateY(-10px) !important;
            pointer-events: none !important;


            transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease !important;
        }


        .dropdown-menu.active {
            opacity: 1 !important;
            visibility: visible !important;
            transform: scale(1) translateY(0) !important;
            pointer-events: auto !important;
            display: block !important;
        }


        .dropdown-trigger {
            cursor: pointer;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
            position: relative;
            z-index: 1;
        }

        .dropdown-trigger svg {
            transition: transform 0.2s ease;
        }

        .dropdown-trigger[aria-expanded="true"] svg {
            transform: rotate(180deg);
        }


        .dropdown-trigger:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }


        #search-bar {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out;
        }

        #search-bar.search-open {
            max-height: 200px;
        }


        @media (max-width: 1279px) {
            .dropdown-menu {
                position: static !important;
                width: 100% !important;
                margin-top: 0.5rem !important;
                border-radius: 0.5rem !important;
            }
        }


        .dropdown-menu a {
            display: block !important;
            padding: 0.5rem 1rem !important;
            font-size: 0.875rem !important;
            color: #374151 !important;
            text-decoration: none !important;
            transition: background-color 0.15s ease, color 0.15s ease !important;
            white-space: nowrap !important;
        }

        .dropdown-menu a:hover,
        .dropdown-menu a:focus {
            background-color: #eff6ff !important;
            color: #2563eb !important;
            outline: none !important;
        }

        .dropdown-menu a:first-child {
            border-top-left-radius: 0.625rem !important;
            border-top-right-radius: 0.625rem !important;
        }

        .dropdown-menu a:last-child {
            border-bottom-left-radius: 0.625rem !important;
            border-bottom-right-radius: 0.625rem !important;
        }


        .dropdown-menu a span[class*="bg-"] {
            display: inline-block;
            font-size: 0.75rem;
            padding: 0.125rem 0.5rem;
            border-radius: 0.25rem;
            margin-right: 0.25rem;
        }

        .gtranslate_wrapper img {
            border-radius: 5px !important;
        }




            .noticiasSwiper {
        overflow: hidden !important;

        position: relative;
    }

    .noticiasSwiper .swiper-wrapper {
        display: flex !important;

        flex-direction: row !important;
    }

    .noticiasSwiper .swiper-slide {
        width: 100%;

        flex-shrink: 0;

    }


    
            .noticiasSwiper-2 {
        overflow: hidden !important;

        position: relative;
    }

    .noticiasSwiper-2 .swiper-wrapper {
        display: flex !important;

        flex-direction: row !important;
    }

    .noticiasSwiper-2 .swiper-slide {
        width: 100%;

        flex-shrink: 0;

    }



    .swiper-pagination-bullet-active {
        background: #312e81 !important;
    }


    .curved {
        position: relative;
        background: #f8fafc;
        height: 60px;
    }

   .curved::after {
    content: '';
    border-top-left-radius: 50% 100%;
    border-top-right-radius: 50% 100%;
    position: absolute;
    bottom: 0;
    left: 0;  
    width: 100%;
    background: #f3f4f6;
    height: 82%;
}

    @media (prefers-color-scheme: dark) {

        .curved {
            background-color: #020618;
        }

        .curved::after {

            background: #1d293d;
        }

    }









    .line-clamp-3 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }