/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* HOME */
.alignfull{
	width: 100%;
    height: 100dvh; /* Altura dinámica del viewport */
    overflow: hidden;
}
.background-video {
    position: absolute;
    opacity: 0.5;
		width: 100%;
    height: 100%;
		object-fit: cover;
}

/* NOSOTROS */
#estudiantes .estudiante-details {
  top: 50%;
  left: 50%;
	opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

#estudiantes .estudiante:hover .estudiante-details{
  top: 50%;
  left: 50%;
	opacity: 1;
}

/* CONTACTO */
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] { 
background-color:#0d50c7;
text-align:center;
text-transform:uppercase;
	border-radius:15px;
}

.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="button"]:hover { 
	background-color:var(--accent-2);

}
/* FIN CONTACTO */

/* # BANNER DINÁMICO ALEATORIO # */

/*
 * Estilos para la sección del banner publicitario
 */

.seccion-banner-publicitario {
  /* --- IMPORTANTE PARA EL GRADIENTE --- */
  position: relative; /* Establece un contexto de posicionamiento para el pseudo-elemento */
  overflow: hidden;   /* Buena práctica para asegurar que el gradiente no se desborde */
  /* ---------------------------------- */
  
  background-color: #f5f5f5;
  padding: 40px 20px;       
  width: 100%;              
}

/* --- LA CAPA DEL GRADIENTE --- */
.seccion-banner-publicitario::before {
  content: ''; /* Los pseudo-elementos siempre necesitan 'content' */
  position: absolute; /* Lo posicionamos relativo a la sección */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* Hacemos que cubra toda la sección */
  
  /* Aquí defines tu gradiente. Se dibujará encima del background-color */
  background: linear-gradient(135deg, rgba(255,255,255,0.15), rgba(255,255,255,0));
  z-index: 0; /* Lo ponemos en una capa intermedia */
}

.contenido-banner {
  max-width: 1200px;  /* Define el ancho máximo del contenido, ajústalo a tu diseño */
  margin: 0 auto;     /* ¡El truco mágico para centrar el contenido! */
  position:relative;
  text-align: center; /* Centra el enlace/imagen dentro del contenedor */
  z-index: 1;
}

.contenido-banner img {
  max-width: 100%;    /* La imagen nunca será más ancha que su contenedor */
  height: auto;       /* Mantiene la proporción de la imagen */
  display: block;     /* Evita un pequeño espacio extra debajo de la imagen */
  margin:0px auto;
}

/* Ajustes para dispositivos móviles */
@media (max-width: 768px) {
  .seccion-banner-publicitario {
    padding: 25px 15px; /* Reducimos el espaciado en pantallas más pequeñas */
  }
}
/* # FIN BANNER DINÁMICO ALEATORIO # */

/* # LOGIN WP */
/* Oculta los campos honeypot de forma segura */
.login-honeypot-field {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
}
/* # FIN LOGIN WP */