/* Moving League — Hoja de estilos principal */

:root{
  --navy: #00159A;
  --navy-2: #00107B;
  --red: #FB0F0A;
  --red-2: #C30B07;
  --red-3: #8A0805;
  --silver: #C9CED6;
  --steel: #7C8798;
  --cream: #F8F6F2;
  --pearl: #F7F4EE;
  --pearl-text: #FDFCFA;
  --ink: #0A0B0D;
  --line: rgba(201,206,214,0.18);
  --font-display: 'Oswald', sans-serif;
  --font-button: 'Russo One', 'Anton', sans-serif;
  --font-logo: 'Russo One', 'Anton', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
}
*{box-sizing:border-box; margin:0; padding:0;}
@keyframes logoDriveIn{
  0%{ transform:translateX(85vw); opacity:0; }
  70%{ opacity:1; }
  100%{ transform:translateX(0); opacity:1; }
}
@keyframes fadeInTag{
  from{ opacity:0; transform:translateY(-4px); }
  to{ opacity:1; transform:translateY(0); }
}
html{scroll-behavior:smooth;}
body{
  background: var(--cream);
  color: var(--ink);
  font-family: var(--font-body);
  line-height:1.5;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
h1,h2,h3,h4{font-family:var(--font-display); text-transform:uppercase; letter-spacing:0.01em; line-height:1.05;}
.eyebrow{
  font-family:var(--font-mono); font-size:12px; letter-spacing:0.18em; text-transform:uppercase;
  color:var(--red); display:flex; align-items:center; gap:10px; margin-bottom:14px; font-weight:500;
}
.eyebrow::before{content:''; width:22px; height:2px; background:var(--red); display:inline-block;}
.section-title{
  font-family:var(--font-display); font-size:clamp(26px,3.4vw,40px); letter-spacing:0.01em; text-transform:uppercase;
  color:var(--red); display:flex; align-items:center; gap:14px; margin-bottom:18px; font-weight:600; line-height:1.08;
  text-shadow:0 2px 6px rgba(0,0,0,0.14);
}
.section-title-invert{
  text-shadow:0 2px 6px rgba(0,0,0,0.3);
}
.section-title::before{display:none;}
.eyebrow-invert::before{background:var(--navy);}
.wrap{max-width:1180px; margin:0 auto; padding:0 28px;}
section{position:relative;}
.btn{
  font-family:var(--font-display); font-size:14px; letter-spacing:0.05em; text-transform:uppercase;
  padding:14px 26px; border:none; cursor:pointer; font-weight:600;
  display:inline-flex; align-items:center; gap:10px;
  position:relative; isolation:isolate;
  transition:transform .15s ease, box-shadow .15s ease;
  border-radius: 12px;
  background-image: linear-gradient(135deg, #fff 0%, #c9ced6 20%, #6b7280 45%, #4a4d52 55%, #6b7280 65%, #c9ced6 85%, #fff 100%);
}
.btn span, .btn{ text-shadow:0 1px 0 rgba(255,255,255,0.35), 0 -1px 1px rgba(0,0,0,0.55); }
.btn::before{
  content:''; position:absolute; inset:3px; z-index:-2; pointer-events:none;
  border-radius: 9px;
}
.btn::after{
  content:''; position:absolute; inset:3px; z-index:-1; pointer-events:none;
  border-radius: 9px;
  background:
    radial-gradient(ellipse 50% 40% at 25% 12%, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 70%),
    linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.1) 30%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.06) 100%);
}
.btn-red::before{ background:var(--red); }
.btn-red{
  color:#fff;
  box-shadow: 0 8px 16px -6px rgba(122,0,7,0.55), 0 2px 3px rgba(0,0,0,0.2);
}
.btn-red:hover{ transform:translateY(-1px); box-shadow: 0 12px 22px -6px rgba(122,0,7,0.6), 0 3px 5px rgba(0,0,0,0.22); }
.btn-red:active{ transform:translateY(1px); box-shadow: 0 3px 6px -2px rgba(122,0,7,0.5); }
.btn-outline::before{ background:var(--pearl); }
.btn-outline{
  color:var(--navy);
  box-shadow: 0 6px 14px -6px rgba(0,0,0,0.35);
}
.btn-outline:hover{ transform:translateY(-1px); }
.btn-outline:active{ transform:translateY(1px); }
.btn-navy::before{ background:var(--navy); }
.btn-navy{
  color:#fff;
  box-shadow: 0 8px 16px -6px rgba(0,10,60,0.55), 0 2px 3px rgba(0,0,0,0.2);
}
.btn-navy:hover{ transform:translateY(-1px); box-shadow: 0 12px 22px -6px rgba(0,10,60,0.6), 0 3px 5px rgba(0,0,0,0.22); }
.btn-navy:active{ transform:translateY(1px); box-shadow: 0 3px 6px -2px rgba(0,10,60,0.5); }
/* dashed route divider - signature element */
.route{
  height:34px; width:100%; position:relative; overflow:hidden;
  background:
    repeating-linear-gradient(90deg, var(--steel) 0 22px, transparent 22px 40px);
  background-position:0 50%; background-size:100% 3px; background-repeat:repeat-x;
  opacity:0.35;
}
.manifest-tag{
  position:absolute; top:0; right:0; font-family:var(--font-mono); font-size:10px;
  letter-spacing:0.1em; color:var(--steel); padding:4px 0;
}
::selection{background:var(--red); color:#fff;}
.gloss-surface{
  background:
    linear-gradient(155deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 30%),
    linear-gradient(var(--pearl), var(--pearl));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 1px 2px rgba(11,30,61,0.04);
}
.gloss-btn{position:relative;}
.visually-hidden{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);}
:focus-visible{outline:2px solid var(--red); outline-offset:3px;}
@media (prefers-reduced-motion: reduce){ *{animation-duration:0.01ms !important; transition-duration:0.01ms !important;} }

/* ===== RESPONSIVE: tablets ===== */
@media (max-width:900px){
  .grid-2{grid-template-columns:1fr !important; gap:36px !important;}
  .grid-3{grid-template-columns:repeat(2,1fr) !important;}
  #valoresGrid{grid-template-columns:repeat(2,1fr) !important;}
  #serviciosGrid{grid-template-columns:repeat(2,1fr) !important;}
  .wrap{padding:0 22px;}
  section{padding-left:0; padding-right:0;}
  h1{font-size:clamp(30px,7vw,46px) !important;}
}
/* ===== RESPONSIVE: phones ===== */
@media (max-width:600px){
  .grid-3{grid-template-columns:1fr !important;}
  #valoresGrid{grid-template-columns:1fr !important;}
  #serviciosGrid{grid-template-columns:1fr !important;}
  .wrap{padding:0 18px;}
  .section-title{font-size:clamp(22px,7vw,30px) !important; flex-wrap:wrap;}
  .btn{padding:13px 22px !important; font-size:13px !important;}
  .gold-plate-inner{padding:22px 18px !important;}
  .gold-plate-number{font-size:44px !important;}
  .gold-plate-text{font-size:15px !important;}
}
@media (max-width:420px){
  .chip{font-size:10.5px; padding:6px 10px;}
}

/* ===================== */

.hero-carousel{
  position:absolute; inset:0; display:flex; overflow-x:auto; overflow-y:hidden;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
.hero-carousel::-webkit-scrollbar{display:none;}
.hero-slide{position:relative; flex:0 0 100%; height:100%; scroll-snap-align:start; overflow:hidden; background:var(--pearl);}
.hero-slide .bg-video{position:absolute; top:-5%; left:-5%; width:110%; height:110%; object-fit:cover; filter:blur(32px) brightness(0.92) saturate(0.9); display:block;}
.hero-slide .fg-video{position:relative; width:100%; height:100%; object-fit:contain; display:block; margin:0 auto;}
.hero-arrow{
  position:absolute; top:50%; transform:translateY(-50%); z-index:5;
  width:44px; height:44px; border-radius:50%; border:1px solid rgba(255,255,255,0.35);
  background:rgba(0,21,60,0.35); backdrop-filter:blur(6px); color:#fff; font-size:24px;
  cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .2s ease;
}
.hero-arrow:hover{background:rgba(0,21,60,0.6);}
.hero-dot{width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.4); border:none; cursor:pointer; transition:all .2s ease; padding:0;}
.hero-dot.active{background:#fff; width:20px; border-radius:4px;}
@media (max-width:720px){ .hero-arrow{display:none;} }

/* ===================== */

.chip{font-family:var(--font-mono); font-size:11.5px; letter-spacing:0.05em; text-transform:uppercase; color:var(--navy); border:1px solid rgba(11,30,61,0.25); padding:7px 13px; border-radius:20px;}
.chip-dark{color:var(--pearl-text); border-color:rgba(253,252,250,0.35);}
.nav-link{
  position:relative; color:var(--pearl-text);
  font-family:var(--font-display); font-size:16px; font-weight:500;
  text-transform:uppercase; letter-spacing:0.04em;
}
.hamburger-bar{width:26px; height:2.5px; background:#fff; display:block; transition:all .25s ease; transform-origin:center;}
#navToggle.open .hamburger-bar:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
#navToggle.open .hamburger-bar:nth-child(2){opacity:0;}
.hdr-nav{display:flex; align-items:center; gap:28px; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; max-width:100%;}
.hdr-nav::-webkit-scrollbar{display:none;}
.hdr-dropdown{flex-shrink:0;}
.hdr-link{
  position:relative; color:var(--pearl-text); background:none; border:none; cursor:pointer;
  font-family:var(--font-display); font-size:15px; font-weight:500;
  text-transform:uppercase; letter-spacing:0.03em; display:inline-flex; align-items:center; gap:5px; padding:8px 2px;
  transition:color .2s ease, transform .2s ease;
}
.hdr-link::after{content:''; position:absolute; left:0; bottom:2px; width:0; height:2px; background:#fff; transition:width .25s ease;}
.hdr-link:hover{color:#fff; transform:translateY(-1px);}
.hdr-link:hover::after{width:100%;}
.hdr-dropdown{position:relative;}
.hdr-dropdown .nav-caret{font-size:9px; transition:transform .25s ease;}
.hdr-dropdown.open .nav-caret{transform:rotate(180deg);}
.hdr-dropdown-menu{
  position:absolute; top:100%; left:50%; margin-top:12px; max-width:90vw;
  background:var(--pearl); border:1px solid var(--line); border-radius:8px; min-width:250px;
  box-shadow:0 20px 45px -15px rgba(0,0,0,0.4); padding:8px 0; z-index:60;
  opacity:0; visibility:hidden; transform:translate(-50%,-8px); pointer-events:none;
  transition:opacity .2s ease, transform .2s ease, visibility .2s;
}
.hdr-dropdown-menu a{display:block; padding:11px 18px; font-family:var(--font-body); font-size:13.5px; color:var(--navy); text-transform:none; letter-spacing:0; font-weight:500; white-space:nowrap; transition:background .15s ease, color .15s ease, padding-left .15s ease;}
.hdr-dropdown-menu a:hover{background:rgba(0,21,154,0.06); color:var(--red); padding-left:22px;}
.hdr-dropdown.open .hdr-dropdown-menu{opacity:1; visibility:visible; transform:translate(-50%,0); pointer-events:auto;}
@media (max-width:1080px){
  .hdr-nav{gap:16px;}
  .hdr-link{font-size:12.5px;}
}
@media (max-width:640px){
  .hdr-nav{gap:10px; max-width:44vw; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
  .hdr-nav::-webkit-scrollbar{display:none;}
  .hdr-link{font-size:10.5px; padding:6px 1px; white-space:nowrap;}
  .hdr-dropdown-menu{min-width:210px;}
  #headerLogo{height:50px;}
}
#navToggle.open .hamburger-bar:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}

.lang-switch{position:relative;}
.lang-current{
  background:rgba(255,255,255,0.12); border:1px solid rgba(255,255,255,0.3); color:#fff;
  font-family:var(--font-mono); font-size:12px; letter-spacing:0.05em; padding:8px 12px; border-radius:20px;
  cursor:pointer; display:flex; align-items:center; gap:5px; transition:background .2s ease;
}
.lang-current:hover{background:rgba(255,255,255,0.2);}
.lang-switch .nav-caret{font-size:8px;}
.lang-menu{
  position:absolute; top:100%; right:0; margin-top:10px; min-width:150px;
  background:var(--pearl); border:1px solid var(--line); border-radius:8px; box-shadow:0 20px 45px -15px rgba(0,0,0,0.4);
  padding:6px 0; opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .2s ease, transform .2s ease, visibility .2s;
  z-index:80;
}
.lang-switch:hover .lang-menu, .lang-switch.open .lang-menu{opacity:1; visibility:visible; transform:translateY(0);}
.lang-menu a{display:block; padding:10px 16px; font-family:var(--font-body); font-size:13.5px; color:var(--navy); font-weight:500; transition:background .15s ease;}
.lang-menu a:hover{background:rgba(0,21,154,0.06); color:var(--red);}
.lang-menu a.lang-active{color:var(--red); font-weight:700;}
@media (max-width:640px){
  .lang-current{font-size:10.5px; padding:6px 9px;}
}

#navOverlay{
  position:fixed; inset:0; background:rgba(0,10,20,0.5); backdrop-filter:blur(2px);
  z-index:210; opacity:0; pointer-events:none; transition:opacity .25s ease;
}
#navOverlay.open{opacity:1; pointer-events:auto;}

#mainNav{
  position:fixed; top:0; right:0; height:100vh; width:min(88%,380px); z-index:220;
  background:var(--red-3); overflow-y:auto; transform:translateX(100%);
  transition:transform .3s ease; box-shadow:-10px 0 40px rgba(0,0,0,0.35);
}
#mainNav.open{transform:translateX(0);}
.nav-panel-inner{display:flex; flex-direction:column; align-items:stretch; padding:100px 30px 50px; gap:14px;}
.nav-group-label{
  font-family:var(--font-mono); font-size:11px; letter-spacing:0.14em; text-transform:uppercase;
  color:rgba(253,252,250,0.5); margin-bottom:4px; padding-top:4px;
}
.nav-plain-link, .nav-dropdown-toggle{
  position:relative; overflow:hidden;
  font-family:var(--font-display); font-size:16px; font-weight:500; text-transform:uppercase; letter-spacing:0.03em;
  color:var(--pearl-text); padding:10px 4px 10px 14px; border-bottom:1px solid rgba(253,252,250,0.1);
  transition:color .25s ease, letter-spacing .25s ease;
}
.nav-plain-link::before, .nav-dropdown-toggle::before{
  content:''; position:absolute; left:0; top:0; bottom:1px; width:3px; background:#fff;
  transform:scaleY(0); transform-origin:center; transition:transform .25s cubic-bezier(0.34,1.56,0.64,1);
}
.nav-plain-link::after, .nav-dropdown-toggle::after{
  content:'→'; position:absolute; right:2px; top:50%; transform:translate(6px,-50%); opacity:0;
  transition:transform .25s cubic-bezier(0.34,1.56,0.64,1), opacity .2s ease; font-size:14px;
}
.nav-dropdown-toggle::after{content:none;}
.nav-plain-link:hover, .nav-dropdown-toggle:hover{color:#fff; letter-spacing:0.05em;}
.nav-plain-link:hover::before, .nav-dropdown-toggle:hover::before{transform:scaleY(1);}
.nav-plain-link:hover::after{opacity:1; transform:translate(0,-50%);}
#mainNav.open .nav-plain-link, #mainNav.open .nav-dropdown{
  animation:navItemIn .45s cubic-bezier(0.22,1,0.36,1) both;
}
.nav-panel-inner > *:nth-child(2){animation-delay:.06s;}
.nav-panel-inner > *:nth-child(3){animation-delay:.09s;}
.nav-panel-inner > *:nth-child(4){animation-delay:.15s;}
.nav-panel-inner > *:nth-child(5){animation-delay:.18s;}
.nav-panel-inner > *:nth-child(6){animation-delay:.21s;}
.nav-panel-inner > *:nth-child(7){animation-delay:.24s;}
.nav-panel-inner > *:nth-child(8){animation-delay:.27s;}
.nav-panel-inner > *:nth-child(9){animation-delay:.3s;}
.nav-panel-inner > *:nth-child(10){animation-delay:.33s;}
.nav-panel-inner > *:nth-child(11){animation-delay:.36s;}
.nav-panel-inner > *:nth-child(12){animation-delay:.39s;}
.nav-panel-inner > *:nth-child(13){animation-delay:.42s;}
@keyframes navItemIn{
  from{ opacity:0; transform:translateX(24px); }
  to{ opacity:1; transform:translateX(0); }
}

.nav-dropdown{position:relative;}
.nav-dropdown-toggle{background:none; border:none; cursor:pointer; width:100%; justify-content:space-between; display:flex; align-items:center; padding-right:8px;}
.nav-caret{font-size:9px; transition:transform .35s cubic-bezier(0.34,1.56,0.64,1); display:inline-block;}
.nav-dropdown.open .nav-caret{transform:rotate(180deg) scale(1.2);}
.nav-dropdown-menu{
  max-height:0; overflow:hidden; padding:0 0 0 14px; border-left:2px solid rgba(253,252,250,0.2); margin-left:16px;
  transition:max-height .35s ease;
}
.nav-dropdown-menu a{
  position:relative; display:block; padding:9px 10px 9px 18px; font-family:var(--font-body); font-size:13.5px;
  color:rgba(253,252,250,0.8); text-transform:none; letter-spacing:0; font-weight:500;
  transition:color .15s ease, padding-left .2s cubic-bezier(0.34,1.56,0.64,1);
}
.nav-dropdown-menu a::before{
  content:''; position:absolute; left:0; top:50%; width:6px; height:6px; border-radius:50%;
  background:#fff; transform:translateY(-50%) scale(0); transition:transform .2s cubic-bezier(0.34,1.56,0.64,1);
}
.nav-dropdown-menu a:hover{color:#fff; padding-left:24px;}
.nav-dropdown-menu a:hover::before{transform:translateY(-50%) scale(1);}
.nav-dropdown.open .nav-dropdown-menu{max-height:260px; padding:4px 0 6px 14px;}
#navToggle{transition:transform .3s cubic-bezier(0.34,1.56,0.64,1);}
#navToggle:hover{transform:scale(1.18);}

/* ===================== */

@media (prefers-reduced-motion: reduce){
  .nav-plain-link, .nav-dropdown, .nav-caret, .nav-dropdown-menu a{animation:none !important; transition:none !important;}
}

/* ===================== */

.field{display:flex; flex-direction:column; gap:6px;}
.field label{font-family:var(--font-mono); font-size:11px; letter-spacing:0.06em; text-transform:uppercase; color:var(--steel);}
.field input, .field select, .field textarea{
  font-family:var(--font-body); font-size:14.5px; padding:11px 12px; border:1px solid rgba(124,135,152,0.35);
  border-radius:2px; background:#fff; color:var(--ink); resize:vertical;
}
.field input:focus, .field select:focus, .field textarea:focus{outline:none; border-color:var(--red);}

/* ===================== */

.reviewCard{background:var(--pearl); border:1px solid var(--line); border-radius:4px; padding:28px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.9), 0 1px 3px rgba(11,30,61,0.05);}

/* ===== Página de Galería ===== */
.gallery-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:16px;
}
.gallery-item{
  position:relative; border-radius:8px; overflow:hidden; cursor:pointer; aspect-ratio:4/3;
  box-shadow:0 8px 20px -12px rgba(0,0,0,0.3); transition:transform .2s ease, box-shadow .2s ease;
}
.gallery-item:hover{ transform:translateY(-3px); box-shadow:0 14px 30px -12px rgba(0,0,0,0.4); }
.gallery-item img{ width:100%; height:100%; object-fit:cover; display:block; }
.gallery-item .gal-tag{
  position:absolute; bottom:0; left:0; right:0; padding:8px 10px; font-family:var(--font-mono); font-size:10.5px;
  letter-spacing:0.05em; text-transform:uppercase; color:#fff; background:linear-gradient(0deg, rgba(0,0,0,0.65), rgba(0,0,0,0));
}
.gal-filter{
  font-family:var(--font-display); font-size:12.5px; letter-spacing:0.03em; text-transform:uppercase; font-weight:500;
  padding:9px 16px; border-radius:20px; border:1px solid rgba(11,30,61,0.2); background:transparent; color:var(--navy);
  cursor:pointer; transition:all .2s ease;
}
.gal-filter:hover{ border-color:var(--red); color:var(--red); }
.gal-filter.active{ background:var(--navy); border-color:var(--navy); color:#fff; }
.lightbox{
  position:fixed; inset:0; background:rgba(5,10,20,0.94); z-index:600; display:none; align-items:center; justify-content:center;
}
.lightbox.open{ display:flex; }
.lightbox img{ max-width:88vw; max-height:86vh; border-radius:6px; box-shadow:0 30px 70px rgba(0,0,0,0.5); }
.lightbox-close{ position:absolute; top:20px; right:24px; background:none; border:none; color:#fff; font-size:28px; cursor:pointer; z-index:2; }
.lightbox-arrow{
  position:absolute; top:50%; transform:translateY(-50%); width:48px; height:48px; border-radius:50%;
  background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.25); color:#fff; font-size:26px; cursor:pointer;
}
.lightbox-arrow:hover{ background:rgba(255,255,255,0.2); }
@media (max-width:1000px){ .gallery-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:700px){ .gallery-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px){ .gallery-grid{ grid-template-columns:1fr 1fr; gap:10px; } }