/* =========================================================
   AMX SPORTS — TEMA GLOBAL + RESPONSIVE UNIFICADO
   Paleta única: verde jade / humo / negro / blanco.
   Esta hoja se carga al final para corregir diferencias entre páginas.
   ========================================================= */
:root{
  --amx-jade:#123B36;
  --amx-jade-dark:#123B36;
  --amx-jade-mid:#123B36;
  --amx-smoke:#FFFFFF;
  --amx-white:#FFFFFF;
  --amx-black:#111111;
  --amx-muted:#5F6965;
  --amx-line:rgba(18,59,54,.16);
  --jade:var(--amx-jade);
  --jade2:var(--amx-jade-dark);
  --jade3:var(--amx-black);
  --white:var(--amx-white);
  --ink:var(--amx-black);
  --soft:var(--amx-smoke);
}

html{background:var(--amx-smoke);overflow-x:hidden}
body{background:var(--amx-smoke);color:var(--amx-black);overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
iframe{max-width:100%}
button,input,select,textarea{max-width:100%;font:inherit}

/* Paleta de texto */
body h1,body h2,body h3,body h4,body h5,body h6{color:var(--amx-black)}
body p,body li,body label,body td,body th{color:var(--amx-black)}
body small,body .muted,body .lead,.cards p,.service-list p{color:var(--amx-muted)}

/* Zonas jade = texto blanco */
.hero,.dark,.contact,.site-header,.ticker,.project-card,.league-prizes div,
.primary-office,.amx-purpose,.amx-contact,footer,.cta-strip,
[class*="jade"], [class*="green"], [class*="dark"]{
  color:var(--amx-white);
}
.hero h1,.hero h2,.hero h3,.hero p,.hero span,.hero a,
.dark h1,.dark h2,.dark h3,.dark p,.dark span,.dark a,
.contact h1,.contact h2,.contact h3,.contact p,.contact span,.contact a,
.site-header h1,.site-header h2,.site-header h3,.site-header p,.site-header span,.site-header a,
footer h1,footer h2,footer h3,footer h4,footer p,footer span,footer a{color:inherit}

/* Unificación de superficies */
.section,.values,.locations,.ecosystem,.news,.sponsors,.story{background:var(--amx-smoke)}
.cards article,.location-grid article,.partner-grid article,.form,.news-grid article,
.office-card:not(.primary-office),.legal-article,.legal-nav{background:var(--amx-white)}
.cards article,.location-grid article,.partner-grid article,.news-grid article{border-color:var(--amx-line)}

/* Verde jade principal */
.site-header{background:rgba(18,59,54,.97)!important;border-bottom-color:rgba(255,255,255,.14)!important}
.hero{background:linear-gradient(135deg,var(--amx-jade-dark) 0%,var(--amx-jade) 58%,var(--amx-jade-mid) 100%)!important}
.ticker,.primary,.featured,.cta-strip{background:var(--amx-jade)!important;color:var(--amx-white)!important}
.dark,.project-card,.league-prizes div,.contact{background:var(--amx-jade-dark)!important;color:var(--amx-white)!important}
footer{background:var(--amx-jade-dark)!important;color:var(--amx-white)!important}

/* Nada de verde fosforescente */
.hero h1 span,.hero em,.story-number,.event-details strong,.news-grid small,.project-card.featured strong,
.feature-logo,.office-index,.office-role,.amx-cookie-kicker{color:var(--amx-jade)!important}
.dark .hero h1 span,.dark em,.dark .story-number,.dark .event-details strong,.dark .news-grid small,
.dark .project-card.featured strong{color:var(--amx-white)!important}

/* Botones */
.primary,.btn.primary{background:var(--amx-jade)!important;color:var(--amx-white)!important;border-color:var(--amx-jade)!important}
.ghost{border-color:rgba(255,255,255,.5)!important;color:var(--amx-white)!important}
.darkbtn{background:var(--amx-jade-dark)!important;color:var(--amx-white)!important}

/* Formularios claros */
.light-form input,.light-form select,.light-form textarea,
input,select,textarea{border-color:var(--amx-line)}
.light-form input,.light-form select,.light-form textarea{background:var(--amx-white);color:var(--amx-black)}

/* Formularios sobre jade */
.dark input,.dark select,.dark textarea,.contact input,.contact select,.contact textarea,
.sponsors.dark input,.sponsors.dark select,.sponsors.dark textarea{background:rgba(255,255,255,.06);color:var(--amx-white);border-color:rgba(255,255,255,.28)}

/* Enlaces destacados */
a:hover{color:var(--amx-jade-mid)}
.site-header a:hover,footer a:hover,.dark a:hover,.contact a:hover{color:var(--amx-white)}

/* Evita desbordamientos */
main,section,header,footer,article,aside,nav,div{min-width:0}
.table-wrap,.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
pre,code{max-width:100%;overflow:auto}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1100px){
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:130px}
  .hero-panel{display:none}
  .two-col,.feature-box,.event,.contact{grid-template-columns:1fr;gap:40px}
  .project-grid,.location-grid,.news-grid,.cards.four,.cards.three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .section,.values,.locations,.ecosystem,.news,.sponsors,.story{padding-left:6vw;padding-right:6vw}
}

@media (max-width:800px){
  .site-header{height:68px;padding:0 20px}
  .nav{top:68px!important;padding:18px 20px!important;gap:14px!important}
  .hero{padding:110px 20px 70px}
  .section,.values,.locations,.ecosystem,.news,.sponsors,.story,.event,.contact{padding:70px 20px}
  .section-head{grid-template-columns:1fr;gap:12px;margin-bottom:35px}
  .section-head h2{font-size:clamp(34px,10vw,58px)}
  .cards.four,.cards.three,.project-grid,.location-grid,.news-grid,.partner-grid,.mission-grid,.service-list,.form-grid{grid-template-columns:1fr}
  .partner-grid article{min-height:140px}
  .event-details{gap:22px;flex-wrap:wrap}
  .contact-card{padding:30px 22px}
  .form{padding:24px 18px}
  .footer-links{gap:12px}
}

@media (max-width:520px){
  body{font-size:14px}
  .brand-text{display:none}
  .hero h1{font-size:clamp(44px,14vw,68px);line-height:.92}
  .hero-title{font-size:18px}
  .lead{font-size:14px}
  .actions{flex-direction:column;align-items:stretch}
  .actions .btn{width:100%}
  .section-head h2{font-size:clamp(32px,12vw,48px)}
  .big-copy{font-size:21px}
  .cards article,.location-grid article,.partner-grid article,.news-grid article{padding:22px}
  .contact h2{font-size:clamp(45px,14vw,65px)}
  .event-copy h2{font-size:clamp(44px,14vw,70px)}
  .league-prizes{grid-template-columns:1fr}
  .footer-main,.footer-bottom{display:flex;flex-direction:column;gap:25px}
}

/* Accesibilidad y estabilidad táctil */
@media (hover:none){a:hover{color:inherit}}
button,.btn,a{touch-action:manipulation}