/* Button "Descubre más" - Alineación a la IZQUIERDA en TODO responsive - CORREGIDO */
.uagb-block-3ef810e2.wp-block-uagb-buttons.uagb-buttons__outer-wrap .uagb-buttons__wrap {
  justify-content: flex-start; /* Alineación a la IZQUIERDA */
  padding-left: 10%;
}

/* Estado inicial para los elementos con efecto */
.aparece {
  opacity: 0; /* Comienza oculto */
}

/* Cuando se añade la clase .visible se dispara la animación */
.aparece.visible {
  animation: fadeIn 3s ease-in forwards;  /* Animación de 3 segundos para un efecto más lento */
}

/* Estado inicial para los elementos con efecto */
.buttom_1 {
  opacity: 0; /* Comienza oculto */
}

/* Cuando se añade la clase .visible se dispara la animación */
.buttom_1 {
  animation: fadeIn 3s ease-in forwards;  /* Animación de 3 segundos para un efecto más lento */
}

@keyframes fadeIn {
  0% {
    opacity: 0;  /* Al inicio, totalmente transparente */
  }
  100% {
    opacity: 1;  /* Al final, totalmente visible */
  }
}

.separator {
  position: sticky;
  top: 0;
  z-index: 100; /* Asegura que el separador esté por encima del contenido normal */
  background-color: white; /*  Importante: Fondo blanco para que tape el contenido al hacerse sticky */
}

.carrera {
  position: sticky;
  top: 0;
  z-index: 101; /*  zIndex mayor para que 'carrera' esté POR ENCIMA del separador */
  background-color: white; /* Importante: Fondo blanco para que tape el contenido al hacerse sticky */
}

body.page-template-page-sin-menu {
    background-color: #8da1a8;
}

body.page-template-page-sin-menu .entry-content-wrap {
    background-color: #8da1a8; /* O el color de fondo que hayas elegido */
}

body.page-template-page-sin-menu .uagb-tabs__body-wrap {
    background-color: white; /* Fondo blanco para el contenedor de las pestañas */
}
.uagb-block-364de9ca.uagb-tabs__hstyle1-desktop > .uagb-tabs__body-wrap {
    background-color: #34495e;
    /*min-height: 700px;*/
}

body.footer-on-bottom #inner-wrap {
    background: #718096;
}

.wp-block-uagb-container.uagb-block-6e52d818 {
    background: #718096;
}

.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-6e52d818 > .uagb-container-inner-blocks-wrap{
    background-color: #8da1a8;
}

body.page-id-611 .wp-block-uagb-container.uagb-block-ddb95b78 {
    padding-left: 80px;
}

/*FONDO*/

/*
 * ESTILOS DE FONDO PARA PÁGINAS ESPECÍFICAS
 * Aplicado a: 997, 981, 983, 991
 */

/* Selector múltiple para todas las páginas indicadas */
body.page-id-997.footer-on-bottom #inner-wrap,
body.page-id-981.footer-on-bottom #inner-wrap,
body.page-id-983.footer-on-bottom #inner-wrap,
body.page-id-991.footer-on-bottom #inner-wrap,
body.page-id-1503.footer-on-bottom #inner-wrap {
  /*
  background-color: #000000;
  background-image: url('https://images.pexels.com/photos/2387793/pexels-photo-2387793.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
  */
  background-color: white;
}

/* Capa de superposición con gradiente */
body.page-id-997.footer-on-bottom #inner-wrap::before,
body.page-id-981.footer-on-bottom #inner-wrap::before,
body.page-id-983.footer-on-bottom #inner-wrap::before,
body.page-id-991.footer-on-bottom #inner-wrap::before,
body.page-id-1503.footer-on-bottom #inner-wrap::before {
  /*
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(102,77,229,0.4));
  z-index: 0;
  pointer-events: none; 
    */
}

/* Asegura que todos los elementos hijos estén por encima del gradiente */
body.page-id-997.footer-on-bottom #inner-wrap > *,
body.page-id-981.footer-on-bottom #inner-wrap > *,
body.page-id-983.footer-on-bottom #inner-wrap > *,
body.page-id-991.footer-on-bottom #inner-wrap > *,
body.page-id-1503.footer-on-bottom #inner-wrap > * {
  position: relative;
  z-index: 1;
}

/*FIN FONDO*/

body.page-id-981,
body.page-id-983,
body.page-id-991,
body.page-id-997,
body.page-id-21,
body.page-id-325,
body.page-id-262,
body.page-id-611,
body.page-id-1503 {
    padding: 0;
}

/* Página de login (ID 611) */
body.page-id-611 {
  background: transparent;
  margin: 0;
  padding: 0;
}

body.page-id-611 #wrapper,
body.page-id-611 #inner-wrap,
body.page-id-611 .content-area {
  background: transparent;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  box-sizing: border-box;
}