/* ==============================================================
   LAS ÁGUILAS DE AMÉRICA — AJUSTES DE FIDELIDAD VISUAL
   Saludos al mejor webmaster de Veracruz y del mundo.
   ARCHIVO: css/aguilas-revision-contra-wordpress-20261102.css
   FUNCIÓN: Correcciones para conservar apariencia original de WordPress.
   IMPORTANTE: NO modificar el diseño o funcionamiento aprobado.
   DOCUMENTACIÓN: comentario agregado; contenido intacto.
   ============================================================== */
/* ============================================================
   LAS ÁGUILAS DE AMÉRICA — aguilas-revision-contra-wordpress-20261102.css
   Saludos al mejor webmaster de Veracruz y del mundo.
   AJUSTES VISUALES ESPECÍFICOS: portada, tarjetas, banners, ventanas y móviles
   SOLO DOCUMENTACIÓN: mantener el orden de carga y la cascada.
   NO modificar estilos, funciones ni imágenes sin aprobación.
   ============================================================ */
/* Migracion visual basada en el respaldo WordPress: Elementor post-8.css.
   Escritorio: 2 columnas, min-height 387px; movil: una columna.
   Animaciones originales alternadas izquierda/derecha. */
body{margin:0;font-family:Lato,Arial,sans-serif;color:#252525}
.aguilas-video-principal{background:#000;text-align:center}
.aguilas-video-principal video{display:block;width:100%;max-height:750px;object-fit:contain;margin:auto}
.aguilas-presentacion{display:flex;gap:30px;align-items:center;padding:55px max(25px,calc((100vw - 1150px)/2));background:#202020;color:#fff}
.aguilas-presentacion-texto{flex:1;min-width:0}
.aguilas-presentacion img{width:42%;max-width:500px;height:auto;object-fit:contain}
.aguilas-presentacion h1{font-size:1.4rem;color:#e6c88e}
.aguilas-presentacion h2{font-size:2rem;color:#fff}
.aguilas-enlaces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;padding:0;margin:0;background:#111}
.aguilas-enlaces>.aguilas-tarjeta{box-sizing:border-box;display:flex;position:relative;width:100%;min-width:0;min-height:387px;align-items:center;justify-content:center;padding:10px;margin:0;background-position:center center;background-size:cover;background-repeat:no-repeat;overflow:hidden;color:#fff;text-decoration:none;transition:filter .2s ease}
.aguilas-enlaces>.aguilas-tarjeta span{position:relative;font-size:clamp(20px,3vw,36px);font-weight:700;color:#fff;text-shadow:0 2px 7px #000;text-align:center}
.aguilas-enlaces>.aguilas-tarjeta:hover{filter:brightness(1.12)}
/* Ocultar SOLO con JS activo; sin JS las imagenes permanecen visibles. */
@media(prefers-reduced-motion:no-preference){
 .aguilas-enlaces>.aguilas-tarjeta.aguilas-pendiente{opacity:0;transform:translateX(-55px)}
 .aguilas-enlaces>.aguilas-tarjeta.aguilas-pendiente:nth-child(even){transform:translateX(55px)}
 .aguilas-enlaces>.aguilas-tarjeta.aguilas-visible{animation:aguilas-entrada-izq 1s both}
 .aguilas-enlaces>.aguilas-tarjeta.aguilas-visible:nth-child(even){animation-name:aguilas-entrada-der}
 @keyframes aguilas-entrada-izq{from{opacity:0;transform:translateX(-55px)}to{opacity:1;transform:translateX(0)}}
 @keyframes aguilas-entrada-der{from{opacity:0;transform:translateX(55px)}to{opacity:1;transform:translateX(0)}}
}
.aguilas-spotify{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:50px 5%;background:#171717}
.aguilas-spotify iframe{width:100%;max-width:100%;border:0;border-radius:12px}
.aguilas-videos-titulo{margin:0;padding:22px 16px 10px;background:#171717;color:#e6c88e;text-align:center;font-family:Oswald,Arial,sans-serif;font-size:clamp(24px,3vw,36px);font-weight:600;line-height:1.2}
.aguilas-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 3%;margin:0;background:#171717;align-items:start}
.aguilas-video-facebook{width:100%;min-width:0;aspect-ratio:560/314;overflow:hidden;line-height:0}
.aguilas-video-facebook iframe{display:block;width:100%;height:100%;border:0}
.aguilas-boton{display:inline-block;background:#2040b7;color:#fff;padding:14px 28px;border-radius:4px;text-decoration:none;margin-top:16px}
.aguilas-footer{text-align:center;background:#0c0c0c;color:#fff;padding:30px 20px}
.aguilas-footer a{color:#fff}
/* Prestigio: no recortar el archivo original; texto y boton debajo, sin tapar la foto. */
.aguilas-contratacion{display:flex;flex-direction:column;align-items:center;padding:0 0 25px;margin:0;background:#111;color:#fff;text-align:center;overflow:hidden}
.aguilas-contratacion img.aguilas-foto-prestigio{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center}
.aguilas-contratacion h2{margin:22px 12px 0;color:#fff;font-size:clamp(20px,3vw,38px);text-shadow:0 2px 10px #000}
.aguilas-contratacion .aguilas-boton{margin:18px auto 0;background:#111;color:#fff;border:1px solid #fff}
@media(max-width:767px){
 .aguilas-presentacion{flex-direction:column;padding:35px 20px}
 .aguilas-presentacion img{width:100%}
 .aguilas-enlaces{grid-template-columns:minmax(0,1fr)}
 .aguilas-enlaces>.aguilas-tarjeta{width:100%;min-height:387px;background-position:center center}
 .aguilas-enlaces>.aguilas-tarjeta span{font-size:clamp(24px,7vw,38px)}
 .aguilas-spotify{grid-template-columns:1fr}
 .aguilas-videos{grid-template-columns:1fr;gap:10px;padding:10px 3%}
 .aguilas-contratacion h2{font-size:clamp(19px,5vw,27px)}
}

/* Reglas finales y explícitas, comparadas con post-8.css de Elementor. */
@media (min-width:768px){
  section.aguilas-enlaces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  section.aguilas-enlaces>a.aguilas-tarjeta{min-height:387px;width:100%;}
}
@media (max-width:767px){
  section.aguilas-enlaces{display:grid;grid-template-columns:minmax(0,1fr);}
  section.aguilas-enlaces>a.aguilas-tarjeta{min-height:387px;width:100%;max-width:none;}
}
@media (prefers-reduced-motion:reduce){
  .aguilas-enlaces>.aguilas-tarjeta{opacity:1!important;transform:none!important;animation:none!important;}
}

.aguilas-contratacion>img.aguilas-foto-prestigio{display:block;position:static;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;clip-path:none;transform:none;}
/* Modificacion 03: en moviles, titulares del carrusel 1 al mismo
   tamano y altura de linea que los del carrusel 2. Escritorio intacto.
   !important necesario para prevalecer sobre font-size inline del HTML. */
@media (max-width:767px){
  .w3l-banner-slider-main #carouselExampleIndicators .carousel-caption h4{
    font-size:32px !important;
    line-height:42px;
  }
}

/* Carruseles 1 y 2: tipografía igualada exclusivamente en móviles. */
@media screen and (max-width:767px){
  .w3l-banner-slider-main #carouselExampleIndicators .carousel-caption h4,
  .w3l-banner-slider-main #banner .right-1 #banner-text{
    font-size:32px !important;
    line-height:42px !important;
    overflow-wrap:break-word;
  }
}

/* PC: título del carrusel derecho a la misma escala que el carrusel principal (2.5em). Móviles sin cambios. */
@media (min-width:768px) {
 .w3l-banner-slider-main #banner .right-1 #banner-text { font-size: 2.5em !important; }
}

/* Ajuste PC: misma referencia de inicio de título y botón en ambos carruseles.
   Se mantiene tipografía, imágenes, JS, transiciones y vista móvil. */
@media screen and (min-width: 993px) {
  .w3l-banner-slider-main #carouselExampleIndicators .carousel-caption,
  .w3l-banner-slider-main #banner .right-1 {
    position: absolute !important;
    top: 58% !important;
    bottom: auto !important;
    left: 15% !important;
    right: 15% !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left;
    z-index: 10;
  }
  .w3l-banner-slider-main #carouselExampleIndicators .carousel-caption h4,
  .w3l-banner-slider-main #banner .right-1 #banner-text {
    min-height: 3.25em;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* SOLO PC: título y botón del slide Estudio dentro del área de la fotografía.
   No modifica los otros slides, el cambio de fotografías ni los móviles. */
@media screen and (min-width: 993px) {
  .w3l-banner-slider-main #banner.aguilas-estudio-activo .right-1 {
    top: 42% !important;
  }
  .w3l-banner-slider-main #banner.aguilas-estudio-activo .right-1 #banner-text {
    font-size: 1.85em !important;
    line-height: 1.15 !important;
    min-height: 0 !important;
    margin-bottom: 12px !important;
  }
}

/* Solo quinto carrusel: botones desactivados por diapositiva */
#banner #banner-link[hidden] { display: none !important; }

/* Ajuste exclusivo: interlineado compacto del título Composición y Arreglos Musicales.
   No modifica fuentes, fotografías, tamaños, posición ni otros recuadros. */
@media screen and (min-width: 993px) {
  .w3l-banner-slider-main #banner.aguilas-talleres-activo .right-1 #banner-text,
  .w3l-banner-slider-main #banner.aguilas-composicion-activa .right-1 #banner-text {
    line-height: 1.08 !important;
  }
}


/* ÁGUILAS — encabezado independiente, SOLO PC (>=993px).
   Mantiene las imágenes, tamaños y transiciones de ambos carruseles. */
@media (min-width: 993px) {
  .w3l-banner-slider-main header.tophny-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    background: #090909 !important;
    z-index: 20;
  }
  .w3l-banner-slider-main .top-right-strip { display: none !important; }
  .w3l-banner-slider-main header.tophny-header nav.navbar {
    background: #090909 !important;
    padding: 8px 18px !important;
    min-height: 70px;
    display: flex;
    align-items: center;
  }
  .w3l-banner-slider-main header.tophny-header .navbar-nav .nav-link,
  .w3l-banner-slider-main header.tophny-header .navbar-light .navbar-nav .nav-link,
  .w3l-banner-slider-main header.tophny-header .navbar-light .navbar-nav .active > .nav-link {
    color: #fff !important;
  }
  .w3l-banner-slider-main header.tophny-header .navbar-nav .nav-link:hover,
  .w3l-banner-slider-main header.tophny-header .navbar-nav .nav-link:focus {
    color: #e6c88e !important;
  }
}
/* ÁGUILAS — móvil: botón de menú reconocible y accesible.
   No altera la posición del encabezado ni los carruseles en móvil. */
@media (max-width: 992px) {
  .w3l-banner-slider-main header.tophny-header .navbar-toggler {
    background: #fff !important;
    border: 1px solid #222 !important;
    border-radius: 5px !important;
    min-width: 44px;
    min-height: 44px;
    padding: 9px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .w3l-banner-slider-main header.tophny-header .navbar-toggler .navbar-toggler-icon {
    display: block !important;
    width: 25px !important;
    height: 20px !important;
    background-image: linear-gradient(to bottom,
      #111 0, #111 3px, transparent 3px, transparent 8px,
      #111 8px, #111 11px, transparent 11px, transparent 16px,
      #111 16px, #111 19px, transparent 19px) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 25px 20px !important;
    font-size: 0 !important;
  }
  .w3l-banner-slider-main header.tophny-header .navbar-toggler:focus-visible {
    outline: 3px solid #e6c88e !important;
    outline-offset: 2px;
  }
}

/* AJUSTE AUTORIZADO: encabezado negro fuera de las fotos en móviles.
   Se mantiene la hamburguesa visible y el menú desplegable. */
@media screen and (max-width: 992px) {
  .w3l-banner-slider-main .top-header-content {
    position: relative !important;
    background: #090909 !important;
    z-index: 20;
  }
  .w3l-banner-slider-main header.tophny-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    margin: 0 !important;
    background: #090909 !important;
    z-index: 20;
  }
  .w3l-banner-slider-main header.tophny-header .top-right-strip {
    display: none !important;
  }
  .w3l-banner-slider-main header.tophny-header nav.navbar {
    background: #090909 !important;
    padding: 8px 12px !important;
    min-height: 66px;
  }
  .w3l-banner-slider-main header.tophny-header .navbar-brand {
    margin-right: 8px !important;
  }
  .w3l-banner-slider-main header.tophny-header .navbar-collapse {
    background: #090909 !important;
    width: 100%;
  }
  .w3l-banner-slider-main header.tophny-header .navbar-collapse .nav-link {
    color: #fff !important;
  }
}


/* PRESENTACIÓN INSTITUCIONAL APROBADA — solo sección de bienvenida. */
/* Aire superior del nombre: conserva tamaños, fuentes y alineación. */
/* Se revierte el desplazamiento general anterior: solo se separan los dos renglones. */

.aguilas-presentacion .aguilas-nombre-institucional {
  text-align:center;
  color:#e6c88e;
  margin:0 0 16px;
  line-height:1.2;
  font-weight:700;
}
.aguilas-presentacion .aguilas-nombre-institucional span {display:block;}
.aguilas-presentacion .aguilas-nombre-institucional span:first-child {font-size:.82em;font-weight:500;}
.aguilas-presentacion .aguilas-nombre-institucional span:last-child {font-size:1.35em;}
.aguilas-presentacion h2 {text-align:center;line-height:1.25;margin-bottom:20px;}
.aguilas-presentacion-texto p {text-align:left;line-height:1.65;margin:0 0 15px;}
@media(max-width:767px){
  .aguilas-presentacion .aguilas-nombre-institucional span:last-child {font-size:1.15em;}
}

/* Corrección localizada del acento de «Águilas»: PC y móvil. */
.aguilas-presentacion .aguilas-nombre-institucional span:last-child {
  margin-top: 10px;
}

/* Tipografía uniforme de los cuatro recuadros: Nosotros, Servicios, Prensa, Contrataciones.
   No modifica fondos, medidas, animaciones ni posición de las tarjetas. */
.aguilas-enlaces > a.aguilas-tarjeta > span {
  font-family: Lato, Arial, sans-serif !important;
  font-size: clamp(20px, 3vw, 36px);
  font-weight: 700;
  font-style: normal;
  line-height: 1.18;
  letter-spacing: 0;
  text-transform: none;
}
@media (max-width: 767px) {
  .aguilas-enlaces > a.aguilas-tarjeta > span {
    font-size: clamp(24px, 7vw, 38px);
  }
}

/* CUATRO BANNERS INFERIORES — tipografía de los títulos superiores (Oswald).
   Solo texto superpuesto. Blanco predominante y acento dorado sutil.
   No modifica las fotografías, cajas, efectos ni transiciones. */
.aguilas-enlaces > a.aguilas-tarjeta > span {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: clamp(26px, 3vw, 42px) !important;
  line-height: 1.16 !important;
  letter-spacing: .015em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  text-shadow: 0 2px 7px rgba(0,0,0,.8) !important;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.aguilas-enlaces > a.aguilas-tarjeta > span::after {
  content: '';
  display: block;
  width: 42px;
  height: 2px;
  background: #D7B77C;
  flex: 0 0 2px;
}
@media (max-width: 767px) {
  .aguilas-enlaces > a.aguilas-tarjeta > span {
    font-size: clamp(27px, 7vw, 40px) !important;
  }
}

/* Ajuste exclusivo del encuadre de la fotografía CONTRATACIONES. */
.aguilas-enlaces > a.aguilas-tarjeta:last-child { background-position: 50% 40% !important; }

/* CONTRATACIONES: encuadre exclusivo para pantallas móviles. La fotografía original de escritorio no cambia. */
@media (max-width: 767px) {
  .aguilas-enlaces > a.aguilas-tarjeta:last-child {
    background-image: linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.6)), url('../images/contrataciones-encuadre-movil.webp') !important;
    background-position: center center !important;
    background-size: cover !important;
  }
}

/* Solo los dos reproductores de canciones: formato compacto en movil. PC intacta. */
@media (max-width:767px){
 .aguilas-spotify > .aguilas-spotify-item:nth-child(2) iframe,
 .aguilas-spotify > .aguilas-spotify-item:nth-child(3) iframe{height:152px !important;min-height:152px !important;display:block}
}

/* Separador ornamental aprobado: solo entre Spotify y videos, adaptable a PC/movil */
.aguilas-separador-dorado{background:#171717;text-align:center;padding:12px 5% 0;line-height:0}
.aguilas-separador-dorado img{display:block;width:min(100%,720px);height:auto;margin:0 auto}
@media(max-width:767px){.aguilas-separador-dorado{padding:8px 5% 0}.aguilas-separador-dorado img{width:100%}}

/* Separador entre videos y fotografía final — 02/11/2026 */
.aguilas-separador-videos-foto{display:flex;align-items:center;justify-content:center;gap:13px;background:#171717;padding:40px 0;}
.aguilas-separador-videos-foto::before,.aguilas-separador-videos-foto::after{content:"";display:block;width:min(22vw,170px);height:1px;background:#c9a35d;}
.aguilas-separador-videos-foto-rombo{display:block;width:11px;height:11px;background:#c9a35d;transform:rotate(45deg);flex:none;}
@media(max-width:767px){.aguilas-separador-videos-foto{padding:35px 0;gap:11px}.aguilas-separador-videos-foto::before,.aguilas-separador-videos-foto::after{width:25vw}}

/* Identificador externo de Spotify, autorizado 02/11/2026. No altera iframes. */
.aguilas-spotify-identidad{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:10px;row-gap:6px;text-align:center;margin:0 0 4px}
.aguilas-spotify-identidad img{width:40px;height:40px;flex:none}
.aguilas-spotify-marca{color:#1DB954;font-size:27px;font-weight:700;line-height:1.25}
.aguilas-spotify-subtitulo{flex-basis:100%;color:#fff;font-size:15px;line-height:1.4}

/* Ajuste autorizado: contraste de ambas alas del logotipo original en el pie de página. */
.aguilas-footer-logo-fondo{display:flex;align-items:center;justify-content:center;width:180px;height:180px;margin:0 auto 12px;background:#858585;border-radius:50%;overflow:visible}
.aguilas-footer-logo-fondo img{display:block;width:180px;max-width:100%;height:auto;object-fit:contain}

/* Cierre institucional autorizado 02/11/2026: fotografia y CTA intactos */
.aguilas-cierre-institucional{width:min(100% - 32px,900px);margin:26px auto 0;text-align:center}
.aguilas-contratacion .aguilas-cierre-institucional h2{margin:0 auto;color:#e5c58b;font-size:clamp(25px,3.2vw,43px);line-height:1.25;text-wrap:balance}
.aguilas-contratacion .aguilas-cierre-institucional p{color:#f3e8d6;font-size:clamp(15px,1.7vw,19px);line-height:1.6;margin:15px auto 0;max-width:730px}
.aguilas-cierre-linea{display:flex;align-items:center;justify-content:center;gap:12px;width:min(78%,560px);margin:26px auto 5px;height:14px}
.aguilas-cierre-linea:before,.aguilas-cierre-linea:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#b99450)}
.aguilas-cierre-linea:after{transform:rotate(180deg)}
.aguilas-cierre-linea span{width:9px;height:9px;background:#d9b56c;transform:rotate(45deg)}
@media(max-width:767px){.aguilas-cierre-institucional{margin-top:22px}.aguilas-cierre-linea{margin-top:22px}}

/* Footer institucional de lujo: solo pie de página, 02/11/2026. */
.aguilas-footer.aguilas-footer-lujo{background:#101010;color:#f2e9dc;padding:45px 20px 24px;text-align:center;border-top:0}
.aguilas-footer-lujo .aguilas-footer-ornamento{display:flex;align-items:center;justify-content:center;gap:15px;max-width:750px;margin:0 auto 32px;color:#cba85e;font-size:18px;line-height:1}
.aguilas-footer-lujo .aguilas-footer-ornamento::before,.aguilas-footer-lujo .aguilas-footer-ornamento::after{content:"";height:1px;background:linear-gradient(90deg,transparent,#b99450);flex:1}
.aguilas-footer-lujo .aguilas-footer-ornamento::after{background:linear-gradient(90deg,#b99450,transparent)}
.aguilas-footer-lujo .aguilas-footer-contenido{max-width:740px;margin:0 auto}
.aguilas-footer-lujo .aguilas-footer-logo-fondo{margin:0 auto 20px;background:#858585;box-shadow:0 0 0 2px rgba(211,176,101,.5),0 0 0 10px rgba(211,176,101,.05)}
.aguilas-footer-lujo .aguilas-footer-nombre{font-size:clamp(23px,3.3vw,35px);font-weight:700;line-height:1.3;letter-spacing:.025em;color:#e5c58b;margin:16px 0 8px}
.aguilas-footer-lujo .aguilas-footer-firma{font-size:15px;color:#e4d5bc;margin:0 0 14px}
.aguilas-footer-lujo .aguilas-footer-lema{font-size:clamp(16px,2.1vw,21px);font-style:italic;color:#ead7b1;margin:0 0 26px}
.aguilas-footer-lujo .aguilas-footer-contacto{border-top:1px solid rgba(205,167,90,.35);padding:23px 0 12px;margin:0 auto;max-width:460px}
.aguilas-footer-lujo .aguilas-footer-contacto-titulo{color:#e5c58b;font-weight:700;letter-spacing:.04em;margin:0 0 12px}
.aguilas-footer-lujo .aguilas-footer-contacto p{margin:6px 0;line-height:1.6}
.aguilas-footer-lujo a{color:#f5e9d5;text-decoration:underline;text-decoration-color:#cba85e;text-underline-offset:4px}
.aguilas-footer-lujo a:hover,.aguilas-footer-lujo a:focus{color:#e5c58b}
.aguilas-footer-lujo .aguilas-footer-remate{max-width:750px;height:1px;background:linear-gradient(90deg,transparent,#8d7546,transparent);margin:25px auto 18px}
.aguilas-footer-lujo .aguilas-footer-derechos{font-size:12px;color:#b8aa92;margin:0}
@media(max-width:767px){.aguilas-footer.aguilas-footer-lujo{padding:35px 18px 22px}.aguilas-footer-lujo .aguilas-footer-ornamento{margin-bottom:26px}.aguilas-footer-lujo .aguilas-footer-logo-fondo{width:160px;height:160px}.aguilas-footer-lujo .aguilas-footer-logo-fondo img{width:160px}.aguilas-footer-lujo .aguilas-footer-nombre{font-size:25px}}