:root{
    --color-secondary: rgb(193, 209, 63);
    --color-text:#5C5B5B;
    --bg-fondo:#FFFEFA;
    --text: "Noto Sans", sans-serif;
    --color-border:#D9D9D9;
}

body{
    background-color: var(--bg-fondo);
    color: var(--color-text);
    font-family: "Noto Sans", sans-serif!important;
    font-size: 20px;
    font-weight: 300!important;
}
 .elementor-widget-text-editor{
  color: var(--color-text);
 }

#banner{
    margin-top:140px;
    position: relative;
    z-index: 2;
}

.titulo{
    font-size: 63px;
    font-weight: 300;
    color: var(--color-text);
    text-align: center;
}

.titulo span{
    font-size: 63px;
    font-weight: 700;
    color: var(--color-secondary);
    border-bottom: 8px solid var(--color-secondary);
}
.titulou{
    font-size: 63px;
    font-weight: 300;
    color: var(--color-text);
    text-align: center;
    
}
.titulou::after{
    content: "";
    display: block;
    border-bottom: 8px solid var(--color-secondary);
    width: 200px;
    position: relative;
    left: 60px;
    margin: 0 auto;
}

h2{
  font-size: 30px;
  font-weight: 700;
  color: var(--color-secondary);
  text-align: center;
  font-family: "Noto Sans", sans-serif!important;
}
b, strong{
  font-weight: 700;
  font-family: "Noto Sans", sans-serif!important;
}
.elementor-widget-text-editor{
    color: var(--color-text)!important;
    font-family: "Noto Sans", sans-serif!important;
    font-weight: 300!important;
}
 a.single{
  color:var(--color-text);
  font-weight: 400;
  text-decoration: underline; 
}
a.single:hover{
  color:var(--color-secondary);
}
.btn-dos{
  color: #fff;
  background-color: var(--color-secondary);
  border: 2px solid var(--color-secondary);
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  padding: 10px 10px;
  transition: .5s ease-in;
  font-size: 18px;
  font-family: "Noto Sans", sans-serif!important;
}
.btn-danger{
  font-family: "Noto Sans", sans-serif!important;
}
.btn-dos:hover{
  color: var(--color-text);
  background-color: transparent;
  border: 2px solid var(--color-secondary);
  transition: .5s ease-in;
}
.btn-tres{
    color: #5C5B5B;
    background-color: transparent;
    border: 2px solid #D9D9D9;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    padding: 10px 10px;
    transition: .5s ease-in;
    font-size: 18px;
    font-family: "Noto Sans", sans-serif!important;
}
.btn-tres:hover{
    color: #fff;
    background-color: #C1D13F;
    border: 2px solid #C1D13F;  
}

.btn-arrow{
  display: block;
  margin:0 auto;
  background: none;
  color: var(--color-secondary);
  border: 2px solid var(--color-secondary);
  border-radius: 30px;
  transition: .8s ease;
}
.btn-arrow[aria-expanded="true"]{
  transform: rotate(180deg);
}

.btn-circle{
  background-color: transparent;
  border-radius: 50%;
  color: var(--color-text);
  padding: 18px;
  border: 2px solid var(--color-secondary);
  transition: .8s ease;
}
.btn-circle:hover{
  background-color: var(--color-secondary);
  color: var(--color-text);
  border: 2px solid var(--color-secondary);
}

.btn-cal{
  font-size: 12px!important;
  color: var(--color-text);
  font-weight: 700;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  font-family: "Noto Sans", sans-serif!important;
}

.btn-cal:hover{
  border: 1px solid #26290f;
}
.btn-icono{
  color: var(--color-text);
  transition: .3s ease-in;
  text-decoration: none;
  display: contents;
  font-size: 20px;
  font-weight: 300;
}
.btn-icono:hover{
  color: var(--color-secondary)!important;
}
.carga {
    background-color: #EDEFE0;
    border-radius: 20px;
    padding: 10px;
}

#prepa-distinta .titulo-servicios{
  color:unset;
}
/* boton collapse */

.btn-collapse[aria-expanded="true"]{
  position: relative;
  color: #fff;
  background-color: var(--color-secondary);
  padding:10px 35px;
  border-radius: 1px;
  font-weight: 700;
  font-size: 20px;
}
.btn-collapse[aria-expanded="true"]::before{
  position: absolute;
  top: 50px;
  height: 0;
  width: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border: 10px solid transparent;
  border-bottom-color: var(--color-secondary);
  transform: rotate(180deg);
  content: "";
}
.btn-collapse[aria-expanded="false"]{
  border: 1px solid var(--color-border);
  padding:10px 35px;
  border-radius: 1px;
  font-weight: 700;
  font-size: 20px;
  color: var(--color-text);
}
.btn-search{
  color: #FFF;
  background-color: var(--color-secondary);
}
.btn-search:hover{
  color:var(--color-text);
  background-color: transparent;
  border: 1px solid var(--color-border);
}
.btn-p{
  
  transition: width 1s, height 1s, transform 1s;
   width: 125px;
  height: 125px;
  display:inline-block;
}
.btn-p:hover{
  transform: rotate(360deg);
}
#videofull .modal-content{
    background-color: transparent;
    border: none;
}
#videofull .modal-header{
    padding: 0px;
}
#videofull iframe{
    border-radius: 8px;
}
#videofull button.btn-close {
    position: absolute;
    right: 0px;
    z-index: 5;
    --bs-btn-close-bg: unset;
}
#videofull .modal-header{
  border-bottom: 0px;
}
hr.coll{
  margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25;
  top: -17px;
  position: relative;
  z-index: -1;
}
.card{
  border: none;
}
hr.verde{
  color:var(--color-secondary);
  opacity: 1;
}
@media (max-width: 575.98px) { 
  .btn-collapse[aria-expanded="true"],.btn-collapse[aria-expanded="false"]{
    width: 100%;
  }
  .btn-collapse[aria-expanded="true"]::before{
    border: 0;
  }
 }

/* boton collapse */
.identidad-palabras {
      background-color: var(--color-secondary);
      display: flex;
      align-items: center;
      height: 160px;
      margin-top: -25px;
    }

    .main__title {
      color: white;
      font-size: 63px;
      font-weight: 700;
    }

    /* Typewriter effect 1 */
@keyframes typing {
  0.0000%, 24.3488% { content: ""; }
  1.1395%, 23.2093% { content: "d"; }
  2.2791%, 22.0698% { content: "in"; }
  3.4186%, 21.9302% { content: "inc"; }
  4.5581%, 20.7907% { content: "incl"; }
  5.6977%, 19.6512% { content: "inclu"; }
  6.8372%, 18.5116% { content: "inclus"; }
  7.9767%, 17.3721% { content: "inclusi"; }
  9.1163%, 16.2326% { content: "inclusiv"; }
  10.2558%, 15.0930% { content: "inclusiva"; }

  26.7674%, 49.2791% { content: ""; }
  27.7674%, 48.2791% { content: "a"; }
  28.7674%, 47.2791% { content: "ac"; }
  29.7674%, 46.2791% { content: "acc"; }
  30.9070%, 45.1395% { content: "acce"; }
  31.0465%, 44.0000% { content: "acces"; }
  32.1860%, 43.8605% { content: "accesi"; }
  33.3256%, 42.7209% { content: "accesib"; }
  34.4651%, 41.5814% { content: "accesibl"; }
  35.6047%, 40.4419% { content: "accesible"; }

  52.6977%, 75.2093% { content: ""; }
  53.6977%, 74.2093% { content: "g"; }
  54.6977%, 73.2093% { content: "gr"; }
  55.8372%, 72.0698% { content: "gra"; }
  56.9767%, 71.9302% { content: "grat"; }
  58.1163%, 70.7907% { content: "gratu"; }
  59.2558%, 69.6512% { content: "gratui"; }
  60.3953%, 68.5116% { content: "gratuit"; }
  61.5349%, 67.3721% { content: "gratuita"; }

  77.6279%, 98.8605% { content: ""; }
  78.6279%, 97.8605% { content: "c"; }
  79.6279%, 96.8605% { content: "co"; }
  80.7674%, 95.7209% { content: "com"; }
  81.9070%, 94.5814% { content: "como"; }
  82.0465%, 93.4419% { content: "como "; }
  83.1860%, 92.3023% { content: "como t"; }
  84.3256%, 91.1628% { content: "como tú"; }
}

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

.typewriter {
  color: var(--color-text);  
  border-bottom: 8px solid var(--bg-fondo);
}

.typewriter::before {
  content: "";
  animation: typing 13.5s infinite;
}

.typewriter::after {
  content: "";
  border-right: 1px solid var(--color-text);
  animation: blink 0.5s linear infinite;
}

.typewriter.thick::after {
  border-right: 1ch solid var(--color-text);
}

.typewriter.nocaret::after {
  border-right: 0;
}


@media (prefers-reduced-motion) {
  .typewriter::after {
    animation: none;
  }
  
  @keyframes sequencePopup {
    0%, 100% { content: "inclusiva"; }
    25% { content: "accesible"; }
    50% { content: "gratuita"; }
    75% { content: "como tú"; }
  }

  .typewriter::before {
    content: "inclusiva";
    animation: sequencePopup 12s linear infinite;
  }
}

@media (max-width: 575.98px) { 
    .identidad-palabras {
        height: 335px;
        margin-top: 0;
    }
    .main__title, .main__word{
        font-size: 56px;
    }
    
 }

 #boletines{
  padding-top: 20px;
 }

#accordion-boletines-home.accordion {
  display: flex; /* O también inline-block, según el diseño */
  flex-direction: row; /* Para colocar los elementos en horizontal */
  border-width: 0px;
  border: none;
  --bs-accordion-bg: transparent;
  /* Otras propiedades segun sea necesario */
}

 #accordion-boletines-home .accordion-button {
  align-items: center;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  height: 100%;
  font-size: 26px;
  font-weight: 300;
  padding: .5rem;
  color: var(--color-secondary);
}

#accordion-boletines-home .accordion-button:not(.collapsed){
    background-color: transparent;
    box-shadow: none;
    display: none;
    color: var(--color-text);
}
 #accordion-boletines-home .accordion-button::after{ 
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"  fill="%23C1D13F" class="bi bi-plus" viewBox="0 0 16 16" > <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/> </svg>');
    background-size: 3rem;
    width: 3rem;
    height: 3rem;
    margin-top: auto;
}
#accordion-boletines-home .accordion-button:not(.collapsed)::after{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"   fill="%23C1D13F" class="bi bi-dash" viewBox="0 0 16 16"> <path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8"/> </svg>');
    background-size: 3rem;
    width: 3rem;
    height: 3rem;    
}
 #accordion-boletines-home .accordion-body {
    font-size: 20px;
    font-weight: 400;
    color: var(--color-text);
}
#accordion-boletines-home .accordion-item{
    display: flex;
    height: 360px;
    border: none;
    background-color: transparent;
}
.titulo-boletin-home{
    font-size: 30px;
    font-weight: 700;
    color: var(--color-text);
}
.fecha-boletin-home{
    font-size: 16px;
    color: var(--color-text);
}

.collapsing {
  -webkit-transition-property: width, visibility;
  transition-property: width, visibility;
  width: 0;
  height: auto;
}
#accordion-boletines-home .collapsed{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#accordion-boletines-home .accordion-collapse {
  transition: height 0.2s ease-in-out;
}

#accordion-boletines-home .accordion-body {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

#accordion-boletines-home .accordion-collapse.show .accordion-body {
    opacity: 1;
}
#accordion-boletines-home .accordion-collapse.show button.accordion-button{
  display: none;
}

.titulo-post{
  font-size: 12px;
  font-weight: 700;
  color: var(--color-text);
  padding: 0 1em;
  text-align: center;
}


@media (max-width: 991.98px) { 
    #accordion-boletines-home.accordion {
  display: inline-block; /* O también inline-block, segun el diseño */
  flex-direction: row; /* Para colocar los elementos en horizontal */
  /* Otras propiedades segun sea necesario */
    }
    #accordion-boletines-home .accordion-button{
        writing-mode:horizontal-tb;
        transform: rotate(0deg);
        font-size: 18px;
        width: 100%;
        border:1px solid #ccc;
    }
    #accordion-boletines-home .accordion-item{
        display: inline-block;
        height: fit-content;
        width: 100%;
    }
    .collapsing {
    transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out !important; /* Or your desired transition */
    overflow: hidden;
    }
    #accordion-boletines-home .accordion-button::after{
      background-size: 2rem;
      width: 2rem;
      height: 2rem;
      top:0px
    }
    #accordion-boletines-home .accordion-button:not(.collapsed)::after{
      background-size: 2rem;
      width: 2rem;
      height: 2rem;
    }
 }

/* boton leer mas boletin home */

.btn-leer-mas {
  width: 200px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border: none;
  position: relative;
  background-color: transparent;
  transition: .2s cubic-bezier(0.19, 1, 0.22, 1);
  color: var(--color-secondary);
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
}

.btn-leer-mas::after {
  content: '';
  border-bottom: 3px solid var(--color-secondary);
  width: 0;
  height: 100%;
  position: absolute;
  margin-top: -5px;
  top: 0;
  left: 5px;
  visibility: hidden;
  transition: .2s linear;
}

.btn-leer-mas .icon {
  transform: translateX(0%);
  transition: .2s linear;
  animation: attention 1.2s linear infinite;
}

.btn-leer-mas:hover::after {
  visibility: visible;
  width: 90%;
}

.btn-leer-mas:hover {
    color: var(--color-text);
}

.btn-leer-mas:hover > .icon {
  transform: translateX(30%);
  animation: none;
}

@keyframes attention {
  0% {
    transform: translateX(0%);
  }

  50% {
    transform: translateX(30%);
  }
}

/* banner colaborativos ----------------------------------------------*/



 .banner-colavorativos {
  /* padding: 20px;*/
  max-width: 1320px;
  margin: 0 auto; 
  view-transition-name: banner-colavorativos;
 }

  .list-item:nth-child(1) {
    margin-bottom: -21%;
  }

  .list-item:nth-child(2) {
    margin-bottom: -21%;
    transform: scale(0.97);
  }

  .list-item:nth-child(3) {
    margin-bottom: -21%;
    transform: scale(0.94);
  }

   .list-item:nth-child(4) {
    margin-bottom: -21%;
    transform: scale(0.91);
  }

     .list-item:nth-child(5) {     
    transform: scale(0.89);
  }
   
    .expanded .list-item:nth-child(1){
      margin-bottom: 0;
      transform: scale(1);
    }

    .expanded .list-item:nth-child(2),
    .expanded .list-item:nth-child(3),
    .expanded .list-item:nth-child(4),
    .expanded .list-item:nth-child(5) {
        margin-top: 0px;
        margin-bottom: 0;
        transform: scale(.99);
    }
    .expanded .list-item:nth-child(4),.expanded .list-item:nth-child(5){
        margin-top: 0px;
    }

    .expanded .show-hide-btn svg {
      transform: rotate(180deg);
      transition: transform 0.6s;
    }



.banner-colavorativos svg{
    stroke: var(--color-secondary);
}

.list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  view-transition-name: list;
}

.list-item {
  display: flex;
  align-items: center;
  gap: 16px;
  background: transparent;
  border-radius: 16px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px 4px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
}
.list-item img{
  border-radius: 16px;
}
.list-item:nth-child(1) {
  view-transition-name: list-item-1;
  z-index: 4;
}

.list-item:nth-child(2) {
  view-transition-name: list-item-2;
  z-index: 3;
}

.list-item:nth-child(3) {
  view-transition-name: list-item-3;
  z-index: 2;
}

.list-item:nth-child(4) {
  view-transition-name: list-item-4;
  z-index: 1;
}
.list-item:nth-child(5) {
  view-transition-name: list-item-4;
  z-index: 0;
}
.show-hide-btn {
  display: block;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px;
  margin:40px auto 0 auto;
  background: none;
  color: var(--color-secondary);
  border: 2px solid var(--color-secondary);
  border-radius: 30px;
  font-weight: 500;
  font-size: 20px;
  z-index: 5;
  view-transition-name: show-hide-btn;
  
}
.banner-colavorativos .expanded .show-hide-btn svg {
  transform: rotate(-180deg);
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

::view-transition-group(*) {
  animation-duration: 0.6s;
  animation-timing-function: linear(0, 0.402 7.4%, 0.711 15.3%, 0.929 23.7%, 1.008 28.2%, 1.067 33%, 1.099 36.9%, 1.12 41%, 1.13 45.4%, 1.13 50.1%, 1.111 58.5%, 1.019 83.2%, 1.004 91.3%, 1);
}

::view-transition-old(*),
::view-transition-new(*) {
  height: 100%;
}

::view-transition-old(button-label),
::view-transition-new(button-label) {
  width: fit-content; 
}

::view-transition-old(button-label) {
  animation-name: fade-out;
  animation-duration: 0.6s;
}

@media (max-width: 575.98px) {
  .list-item{
    padding: 0px;
  }
  .show-hide-btn{
    position: relative;
    margin:20px auto 0 auto;
    z-index: 5;
    display: block;
  }
  .banner-colavorativos {
      padding: 5px;
      max-width: 100%;
      margin: 0 auto;
      view-transition-name: banner-colavorativos;
  }
  .list-item img{
    border-radius: 8px;
  }
    .list-item:nth-child(1) {
      margin-bottom: -22%;
    }

    .list-item:nth-child(2) {
      margin-bottom: -22%;
      transform: scale(0.97);
    }

    .list-item:nth-child(3) {
      margin-bottom: -22%;
      transform: scale(0.94);
    }

    .list-item:nth-child(4) {
      transform: scale(0.91);
    }

     .expanded .list-item:nth-child(1){
        margin-bottom: 0;
        transform: scale(1);
      }

      .expanded .list-item:nth-child(2),
      .expanded .list-item:nth-child(3),
      .expanded .list-item:nth-child(4) {
          margin-top: 0px;
          margin-bottom: 0;
          transform: scale(1);
      }
      .expanded .list-item:nth-child(3),.expanded .list-item:nth-child(4){
          margin-top: 0px;
      }      
    }
  
 
/* ------------------------------------------------------- */
#branding{
    padding: 1.5rem;
    text-transform: uppercase;
    position: relative;
}
#branding .uno, #branding .tres{
    font-size: 96px;
    font-weight: 900;   
    color: var(--color-secondary);
    line-height: 80px;
}
#branding .dos{
    font-size: 160px;
    font-weight: 900;
    color: var(--color-text);
    line-height: 120px;
    /* letter-spacing: 1.5rem; */
}
#branding .dos span{
  padding-left: 15rem;
}

#branding .carousel-inner{
  overflow: hidden;
}

#branding .carousel-identidad{
    position: absolute;
    top: 0;
}

#branding .carousel-item{
  max-width: 660px;
  transition: transform 0.1s ease-in-out;
}


.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(10%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(0%);
}


@media (max-width: 575.98px) { 
    #branding .carousel-inner{
      overflow:hidden;
    }
    #branding .carousel-item{
        width: 220px;
        margin-top: 10px;
    }
        #branding .uno, #branding .tres{
        font-size: 26px;
        font-weight: 900;   
        color: var(--color-secondary);
        line-height: 20px;
    }
    #branding .dos{
        font-size:40px;
        font-weight: 900;
        color: var(--color-text);
        line-height: 32px;
    }
    #branding .dos span {
      padding-left: 4rem;
    }
 }


#prepa-distinta{
  padding: 3rem 0;
}
 .ns{
  font-size: 20px;
  font-weight: 700;
  color: var(--color-secondary);
  max-width: 300px;
  margin: 0 auto;
 }

.descripcion-servicios{
  text-align: center;
  padding: 1rem 0;
}
 .titulo-servicios{
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: var(--color-text);
 }
 .titulo-servicios-dos{
  font-size: 18px;
  color: var(--color-secondary);
  font-weight: 700;
 }
 .parrafo-servicios{
  font-size: 16px;
 }

.mask{
  position: relative;  
 } 
 .cont{
  position: relative;
  z-index: 3;
 }
 .parrafo-lineas-boletin{
  font-size: 18px;
 }
 .border-boletin{
  padding: 0 10px;
  position: relative;
 }
.pro {
    position: absolute;
    height: 80px;
    top:-20px;
  
}
.pro img{
  height: 180px;
}
.line-boletines-svg{
  position: absolute;
  max-width: 1310px;   
  top: -65px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;  
 }
 .line-boletines-svg-tb{
  position: absolute;
  min-width: 940px;   
  top: -65px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
 }
 .line-boletines-svg-mb{
  position: absolute;   
  top: -65px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
 }
 .linesvg{
  position: absolute;
  max-width: 1310px;
  top: -37px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 0;  
 } 
.linesvgm{
    position: absolute;
    max-width: 353px;
    top: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 0; 
  }
.linesvgt{
    position: absolute;
    max-width: 883px;
    top: -37px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 0; 
  }
.mtm{
  margin-top: 56px;
}
  @media (max-width: 575.98px) { 
    .descripcion-servicios{
     padding: 1.6rem 0; 
    }
    .mtm{
      margin-top: 60px;
    }
    .titulo-servicios{
      width: 250px;
      margin: 0 auto;
    }
    .linesvgt{
      display: none;
    }
     
   }
@media (max-width: 768px) { 
  .border-boletin{
      width: 330px;
      margin: 0 auto;
     }
 }

.section-w{
  margin-top: 180px;
}

.breadcrumb {
    color: var(--color-text);
    font-size: 14px;
    margin-bottom: 0;
    position: absolute;
    top: 186px;
    font-weight: 400;
    z-index: 1;
    width: auto;
}
.breadcrumb a {
    color: var(--color-text);
}
.section-h{
  margin-top: 105px;
}
@media (max-width: 575.98px) {
    .breadcrumb {
        left: 20px;
        top:178px
    }
    #rev_slider_26_1_forcefullwidth{
      margin-top: -65px!important;
    }
    .section-w{
      margin-top: 180px;
    }
    .section-h {
      margin-top: 200px;
    }
}

/*.elementor-widget-container{
  font-family: "Noto Sans", sans-serif;
  font-size: 20px;
   color: var(--color-text); 
  font-weight: 300!important;
}*/

/* boleti nem 2025*/
.nem .share a, .nem .share h4{
    color: #7c2c82;
}

.share a {
    padding: 0 10px;
    color: var(--color-text);
}

.share h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}
.scale {
    transition: .85s;
}
.scale:hover {
    transform: scale(.8);
}
header.nem25{
    background-image: url(https://prepaenlinea.sep.gob.mx/wp-content/uploads/2024/03/heaqder-NEM.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 250px;
}
.entry-title-nem{
    font-size: 40px;
    font-weight: 600;
    color: #7D2982;
    font-family: "Noto Sans", serif!important;
}
.text-invitacion{
    font-size: 26px;
    font-weight: 500;
    color: #7D2982;
    font-family: "Noto Sans", serif;
}
.main-nem25, .main-nem25 p, .main-nem25 .elementor-widget-container{
    font-size: 18px;
    line-height: 2.2rem;
    color: #7D2982;
    font-weight: 400;
    font-family: "Noto Sans", serif;
    letter-spacing: .4px;
}
.main-nem25 .widget-image-caption, .main-nem25 .wp-caption-text{
    font-size: 16px!important;
    font-weight: 400!important;
    color: #4a274b!important;
    font-family: "Noto Sans", serif!important;
}

.main-nem25 .elementor a:hover {
    color: #f4565b;
}
.main-nem25 .elementor a {
    color: #7C2C82;
    font-weight: 500;
    text-decoration: underline;
}


.title-convo25 h1{
    font-family: "Noto Sans", serif!important;
}
/* boleti nem 2025*/

/* boleti nem 2024 */
h1.parrafo-nem {
    color: #7C2C82 !important;
    font-size: 64px;
    line-height: 1em !important;
}
.parrafo-nem {
    line-height: 2.5em !important;
    letter-spacing: .4px;
    color: #7C2C82 !important;
    font-size: 18px;
}
.parrafo-nem a, .btn-nem {
    color: #7C2C82 !important;
    text-decoration: underline !important;
    font-weight: 700;
}
.parrafo-nem a:hover, .btn-nem:hover {
    color: #f4565b !important;
}
.francesa {
    text-indent: -30px;
    padding-left: 40px;
}
/* boleti nem 2024 */

/* boletines convo 2023 */
.postid-27371 .share, .postid-1274 .share, .postid-1039 .share, .postid-22177 .share, .postid-1039 .share i, .postid-1274 .share i, .postid-22177 .share i, .postid-27371 .share i {
    color: #604fb1;
}
.postid-23384 .share, .postid-3405 .share, .postid-1220 .share, .postid-767 .share, .postid-767 .share i, .postid-1220 .share i, .postid-3405 .share i, .postid-23384 .share i {
    color: #005B7E;
} 
.postid-1337 .share, .postid-1122 .share, .postid-22300 .share, .postid-1122 .share i, .postid-1337 .share i, .postid-22300 .share i {
    color: #ff730e;
}

/* boletines convo 2023 */


/* boletines seccion */
.card-principal {
    padding: 1em;
    border-radius: 3px;
    background: linear-gradient(180deg, rgb(227 235 224 / .4) 1.78%, rgb(235 235 235 / .4) 101.04%);
    box-shadow: 0 0 24px rgb(0 0 0 / .25);
}
a.zoom {
    font-size: 18px;
    color: #3E3F3E;
    font-weight: 700;
    text-align: center;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    text-decoration: none;
}
a.zoom:hover, .zoom p.url:hover {
    color: rgb(10 41 52 / .7);
    font-size: 20px;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}
.fecha {
    font-size: 14px;
    color: #666;
    text-align: start;
    font-weight: 400;
}
.card-secundario {
    padding: 1em 0;
}
.card-secundario img {
    border: 1px solid #4F5237;
    border-radius: 4px;
}
.card-boletin {
  border: 2px solid var(--color-border);
  border-radius: 30px;
}
.card-boletin img{
  border-radius: 28px 28px 0  0;
  width: 100%;
  height: 100%;
}
.pagination .nav-links>*.current {
    background-color: var(--color-secondary);
    color: #fff;
}
.pagination .nav-links>* {
    background-color: #fff0;
    color: #4F5237;
    border: 1px solid #dee2e6;
    text-decoration: none;
    padding: .5rem .75rem .25rem;
}
/* boletines seccion */

.menu a{
  color: var(--color-text);
  font-size: 24px;
}
.menu a:hover{
  color: var(--color-secondary)!important;
}

@media (max-width: 575.98px) { 
  .titulo{
    font-size: 33px;
  }

  .titulo span{
    font-size: 33px;
  }
  .titulou{
    font-size: 33px;
  }
  .titulou::after{
    width: 100px;
    left: 40px;
  }
  h2{
    font-size: 24px;
  }
 }




 /* querys tablet */

 @media (min-width: 991.98px) and (max-width: 1199.98px) { 
    .main__title{
      font-size: 53px;
    }
    
    #branding .uno, #branding .tres{
      font-size: 66px;
      line-height: 66px;
    }
    #branding .dos{
      font-size: 130px;
      line-height: 130px;
    }
    #branding .dos span{
      padding-left: 10rem;
    }
    #branding {
      font-size: 16px;
    }
    #branding .carousel-item{
      width: 480px;
     }
    .titulo-boletin-home{
    font-size: 20px;
    }
    #accordion-boletines-home .accordion-body{
      font-size: 16px;
    }
  }
/* tablet vertical */
   @media (min-width: 576px) and (max-width: 768px) {

     #branding .dos{
      font-size: 90px;
      line-height: 90px;
     }
     #branding .dos span{
      padding-left: 9rem;
     }
     #branding .uno, #branding .tres{
      font-size: 60px;
      line-height: 60px;
     }
     #branding .carousel-item{
      width: 400px;
     }
     .titulo-servicios{
      width: 250px;
      margin: 0 auto;
     }
     .main__title{
      font-size: 70px;
     }
     .identidad-palabras{
      height: 335px;
     }
      .descripcion-servicios {
        padding: 1.6rem 0;
      }
   }

   /* collapsess */

.collapse-plsep {
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s ease-out;
}

.collapse-plsep.show {
  min-height: 100px; 
  max-height: none;
  transition: max-height .5s ease-out;
  overflow: visible;
}

/* utilityes */

.borde-gris {
    border: 1px solid var(--color-border);
    border-radius: 26px;
    padding: 20px 0;
}

.link-green{
  color: var(--color-text);
    font-weight: bold;
    font-size: 20px;
    text-decoration: underline!important;
    transition: color 0.3s ease-in-out;
}
.link-green:hover{
  color: var(--color-secondary);
}

#mesa-servicio .modal-title{
  font-size: 30px;
    font-weight: 700;
    color: var(--color-secondary);
    text-align: center;
}

.modal-header .btn-close {
    margin: 0;
}
.modal-title{
  color:var(--color-text);
  font-weight: 300;
}


.modal-header{
  border-bottom:1px solid var(--color-secondary)
}

/* table */
.sbr{
  border: none;
}
td {
    border: 1px solid #dee2e6;
}
.bdrt {
border-radius: 15px 0px 0px 0px;;
overflow: hidden;
color: #fff!important;
background-color: var(--color-text)!important;
border-bottom: 1px solid #fff;
}

.bdrm{
    color: #fff!important;
background-color: var(--color-text) !important;
border-bottom: 1px solid #fff;
}
.bdrb{
    border-radius: 0px 0px 0px 15px;;
    overflow: hidden;
    color: #fff!important;
    background-color: var(--color-text) !important;
}

.brdvt{
    border-radius: 15px 0px 0px 0px;;
    overflow: hidden;
    color: #fff!important;
    background-color: var(--color-secondary) !important;
    border-right: 1px solid #fff;
}
.brdvm{
    color: #fff!important;
    background-color: var(--color-secondary) !important;
    border-right: 1px solid #fff;
}
.brdvb{
    border-radius: 0px 15px 0px 0px;;
    overflow: hidden;
    color: #fff!important;
    background-color: var(--color-secondary) !important;

}

@media (max-width: 575.98px) { 
    .columna-fija {
        position: sticky;
        left: 0;
        z-index: 2; 
        width: 150px; 
    }
    .table-responsive {
        overflow-x: auto; 
    }
}
.hero-container {
    padding: 0;
    position: relative;
    width: 100%;
    /* Definimos la proporción 1920x600 */
    aspect-ratio: 1920 / 600; 
    min-height: 300px; /* Evita que en móviles muy pequeños desaparezca */
    overflow: hidden;
    background-color: var(--bg-fondo); /* Fondo de seguridad */
}

.video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Esto mantiene la proporción sin deformar */
    transform: translate(-50%, -50%);
    z-index: 1;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* Capa oscura para legibilidad */
    z-index: 2;
}

.content {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--bg-fondo);
    text-align: center;
    padding: 20px;
}

/* Ajuste para móviles (Pantallas verticales) */
@media (max-width: 768px) {
    .hero-container {
        aspect-ratio: 1 / 1; /* En móvil se vuelve cuadrado para lucir mejor */
        height: 60vh; /* O una altura fija */
    }
}

.video-play-button {
  position: relative;
  z-index: 10;
  box-sizing: content-box;
  display: block;
  /* width: 32px;
  height: 44px;
  margin: 40px auto 20px auto;
  padding: 18px 20px 18px 28px; */
  border-radius: 50%;
  box-shadow: 0 0px 30px rgba(193, 209, 63, 0.9);
}
.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 125px;
  height: 125px;
  background: rgba(193, 209, 63, 0.9);
  border-radius: 50%;
  animation: pulse-border 1500ms cubic-bezier(0, 0, 0, 0.98) infinite;
}
.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 125px;
  height: 125px;
  background: transparent;
  border-radius: 50%;
  transition: all 200ms;
  transition: all 0.55s cubic-bezier(0.4, 0, 1, 1);
}
.video-play-button:hover:after {
  background: transparent;
  transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.video-play-button:hover span {
  border-left: 32px solid white;
}
.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}
.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  transform: scale(0.8);
  border-left: 32px solid var(--color-secondary);
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.glow {
  color: #444;
  text-shadow: 
    1px 0px 1px #ccc, 0px 1px 1px #eee, 
    2px 1px 1px #ccc, 1px 2px 1px #eee,
    3px 2px 1px #ccc, 2px 3px 1px #eee,
    4px 3px 1px #ccc, 3px 4px 1px #eee,
    5px 4px 1px #ccc, 4px 5px 1px #eee,
    6px 5px 1px #ccc, 5px 6px 1px #eee,
    7px 6px 1px #ccc;
}