/*
 * courier-express.css — v6.0
 * Sitio Courier Express Argentina
 *
 * Ruta: /wp-content/themes/TU-TEMA/assets/css/courier-express.css
 * Cargado desde: page-template-courier.php
 *
 * Después de cualquier edición vaciar caché:
 *   LiteSpeed: LiteSpeed > Purge All
 *   WP Rocket: WP Rocket > Clear Cache
 *   W3TC: Performance > Purge All
 */

:root{--az:#1B5FAE;--azd:#124890;--azxd:#0C3368;--or:#F7941D;--ord:#D97C08;--wh:#FFFFFF;--gbg:#F4F7FC;--gbr:#E2E8F2;--gt:#5A6A80;--bk:#0D1B2E;}
*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}
body{font-family:"Open Sans",sans-serif;background:var(--wh);color:var(--bk);overflow-x:hidden;}
h1,h2,h3,h4,h5{font-family:"Montserrat",sans-serif;}
.page{display:none;min-height:100vh;}.page.active{display:block;}
nav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(255,255,255,0.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--gbr);height:76px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;transition:box-shadow 0.3s;}
.nl img{height:46px;width:auto;display:block;cursor:pointer;}
.nlinks{display:flex;gap:1.5rem;list-style:none;align-items:center;}
.nlinks a{font-family:"Montserrat",sans-serif;font-size:0.8rem;font-weight:600;color:var(--gt);text-decoration:none;transition:color 0.2s;cursor:pointer;}
.nlinks a:hover{color:var(--az);}
.ncta{background:var(--or)!important;color:white!important;padding:0.6rem 1.375rem;border-radius:6px;font-weight:700!important;}
.ncta:hover{background:var(--ord)!important;}
.nbk{display:none;align-items:center;gap:0.5rem;font-family:"Montserrat",sans-serif;font-size:0.8125rem;font-weight:600;color:var(--az);cursor:pointer;background:none;border:none;padding:0;}
.nbk:hover{color:var(--azd);}
.wrap{padding:6rem 5%;}.wraps{padding:4rem 5%;}
.sl{font-family:"Montserrat",sans-serif;font-size:0.6875rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--or);margin-bottom:0.875rem;display:block;}
.sl2{color:rgba(247,148,29,0.7);}
.st{font-size:clamp(1.75rem,3.5vw,2.625rem);font-weight:900;letter-spacing:-0.03em;line-height:1.1;margin-bottom:1.25rem;color:var(--bk);}
.stw{color:white;}
.ss{font-size:1.0625rem;color:var(--gt);line-height:1.75;font-weight:300;max-width:560px;}
.ssw{color:rgba(255,255,255,0.55);}
.tc{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;}
.tcc{align-items:center;}
.bn{background:var(--or);color:white;padding:0.9rem 2.125rem;border-radius:6px;font-family:"Montserrat",sans-serif;font-weight:700;font-size:0.9375rem;text-decoration:none;transition:background 0.2s,transform 0.15s;display:inline-block;}
.bn:hover{background:var(--ord);transform:translateY(-2px);}
.baz{background:var(--az);color:white;padding:0.9rem 2.125rem;border-radius:6px;font-family:"Montserrat",sans-serif;font-weight:700;font-size:0.9375rem;text-decoration:none;transition:background 0.2s,transform 0.15s;display:inline-block;}
.baz:hover{background:var(--azd);transform:translateY(-2px);}
.bow{background:transparent;color:white;padding:0.9rem 2.125rem;border:2px solid rgba(255,255,255,0.35);border-radius:6px;font-family:"Montserrat",sans-serif;font-weight:600;font-size:0.9375rem;text-decoration:none;transition:all 0.2s;display:inline-block;}
.bow:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.7);}
.bw{background:white;color:var(--or);padding:1rem 2.25rem;border-radius:6px;font-family:"Montserrat",sans-serif;font-weight:800;font-size:0.9375rem;text-decoration:none;transition:transform 0.15s;display:inline-block;}
.bw:hover{transform:translateY(-2px);}
.boo{background:transparent;color:white;padding:1rem 2.25rem;border:2px solid rgba(255,255,255,0.5);border-radius:6px;font-family:"Montserrat",sans-serif;font-weight:600;font-size:0.9375rem;text-decoration:none;transition:all 0.2s;display:inline-block;}
.boo:hover{border-color:white;background:rgba(255,255,255,0.1);}
.br{display:flex;gap:1rem;flex-wrap:wrap;}
.ticker{background:var(--bk);padding:0.75rem 0;overflow:hidden;white-space:nowrap;}
.ttrack{display:inline-flex;gap:2.5rem;animation:scroll 35s linear infinite;}
.ti{font-family:"Montserrat",sans-serif;font-size:0.75rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.45);display:flex;align-items:center;gap:0.625rem;flex-shrink:0;}
.td{width:5px;height:5px;background:var(--or);border-radius:50%;flex-shrink:0;}
@keyframes scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0.3;}}
.chkl{display:flex;flex-direction:column;gap:0.875rem;}
.chki{display:flex;align-items:flex-start;gap:0.875rem;font-size:0.9375rem;color:rgba(255,255,255,0.8);}
.chki.dk{color:var(--bk);}
.chk{width:22px;height:22px;min-width:22px;background:var(--or);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.625rem;color:white;font-weight:800;margin-top:1px;}
.caz{background:var(--az);}
.steps{display:flex;flex-direction:column;}
.step{display:grid;grid-template-columns:2.5rem 1fr;gap:1.25rem;padding:1.75rem 0;border-bottom:1px solid var(--gbr);align-items:start;}
.step:first-child{border-top:1px solid var(--gbr);}
.sn{font-family:"Montserrat",sans-serif;font-size:0.6875rem;font-weight:800;color:var(--or);}
.step h3{font-size:1rem;font-weight:700;margin-bottom:0.375rem;}
.step p{font-size:0.875rem;color:var(--gt);line-height:1.7;font-weight:300;}
.vsp{background:var(--bk);border-radius:14px;padding:2.25rem;}
.vspt{font-family:"Montserrat",sans-serif;font-size:0.6875rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.3);margin-bottom:1.5rem;}
.vsr{display:grid;grid-template-columns:1fr auto 1fr;gap:0.625rem;align-items:center;margin-bottom:0.75rem;}
.vsw{background:var(--or);color:white;padding:0.5rem 0.75rem;border-radius:5px;font-family:"Montserrat",sans-serif;font-weight:700;font-size:0.75rem;text-align:center;}
.vst{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.3);padding:0.5rem 0.75rem;border-radius:5px;font-size:0.75rem;text-align:center;text-decoration:line-through;text-decoration-color:rgba(255,255,255,0.15);}
.vsm{font-size:0.625rem;color:rgba(255,255,255,0.25);text-align:center;font-family:"Montserrat",sans-serif;letter-spacing:0.05em;}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
.tc3{border:1.5px solid var(--gbr);border-radius:10px;padding:1.75rem;background:white;position:relative;}
.tc3::before{content:'"';font-family:"Montserrat",sans-serif;font-size:4rem;font-weight:900;color:var(--gbr);position:absolute;top:1rem;left:1.5rem;line-height:1;}
.tc3t{font-size:0.9375rem;line-height:1.75;color:var(--bk);font-weight:300;margin-bottom:1.5rem;font-style:italic;padding-top:2.5rem;}
.tc3a{display:flex;align-items:center;gap:0.75rem;border-top:1px solid var(--gbr);padding-top:1.125rem;}
.tc3av{width:38px;height:38px;background:var(--az);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Montserrat",sans-serif;font-weight:800;font-size:0.6875rem;color:white;flex-shrink:0;}
.tc3n{font-family:"Montserrat",sans-serif;font-size:0.875rem;font-weight:700;color:var(--bk);}
.tc3e{font-size:0.75rem;color:var(--gt);}
.lgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1.5px solid var(--gbr);border-radius:10px;overflow:hidden;margin:2.5rem 0;}
.li{padding:1.5rem 0.875rem;border-right:1px solid var(--gbr);border-bottom:1px solid var(--gbr);display:flex;align-items:center;justify-content:center;font-family:"Montserrat",sans-serif;font-weight:700;font-size:0.75rem;color:#9AACC0;transition:all 0.2s;text-align:center;}
.li:hover{background:var(--gbg);color:var(--az);}
.li:nth-child(5n){border-right:none;}
.ctab{background:var(--or);text-align:center;padding:5rem 5%;}
.ctab h2{font-family:"Montserrat",sans-serif;font-size:clamp(1.875rem,3.5vw,2.75rem);font-weight:900;letter-spacing:-0.03em;color:white;margin-bottom:1rem;line-height:1.1;}
.ctab p{font-size:1.0625rem;color:rgba(255,255,255,0.78);margin-bottom:2.25rem;font-weight:300;max-width:520px;margin-left:auto;margin-right:auto;}
footer{background:var(--bk);color:white;padding:4rem 5% 2rem;}
.ft{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:1.75rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,0.08);margin-bottom:1.75rem;}
.fl img{height:42px;width:auto;filter:brightness(0) invert(1);display:block;margin-bottom:1rem;cursor:pointer;}
.fd{font-size:0.875rem;color:rgba(255,255,255,0.35);line-height:1.75;font-weight:300;max-width:270px;}
.fc h4{font-family:"Montserrat",sans-serif;font-size:0.6875rem;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.3);margin-bottom:1.25rem;}
.fl2{list-style:none;display:flex;flex-direction:column;gap:0.625rem;}
.fl2 a{font-size:0.875rem;color:rgba(255,255,255,0.45);text-decoration:none;transition:color 0.2s;font-weight:300;cursor:pointer;}
.fl2 a:hover{color:white;}
.fb{display:flex;justify-content:space-between;align-items:center;font-size:0.8125rem;color:rgba(255,255,255,0.2);}
.fce{display:flex;gap:1rem;}
.fct{font-family:"Montserrat",sans-serif;font-size:0.5625rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,0.12);padding:0.3rem 0.75rem;border-radius:4px;color:rgba(255,255,255,0.25);}
.lph{background:linear-gradient(135deg,var(--azxd),var(--az));padding:9rem 5% 5rem;position:relative;overflow:hidden;}
.lph::before{content:"";position:absolute;top:-30%;right:-10%;width:500px;height:500px;background:rgba(247,148,29,0.07);border-radius:50%;}
.lphc{max-width:680px;position:relative;z-index:1;}
.bc{font-family:"Montserrat",sans-serif;font-size:0.75rem;font-weight:600;color:rgba(255,255,255,0.4);margin-bottom:1.25rem;display:flex;align-items:center;gap:0.5rem;cursor:pointer;}
.bc:hover{color:rgba(255,255,255,0.7);}
.lph h1{font-size:clamp(2rem,4vw,3.25rem);font-weight:900;letter-spacing:-0.03em;line-height:1.08;color:white;margin-bottom:1.25rem;}
.lph h1 .acc{color:var(--or);}
.lphs{font-size:1.125rem;color:rgba(255,255,255,0.65);line-height:1.75;font-weight:300;margin-bottom:2.5rem;max-width:580px;}
.lpbg{display:flex;flex-wrap:wrap;gap:0.625rem;margin-top:2rem;}
.lpb{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.65);font-family:"Montserrat",sans-serif;font-size:0.6875rem;font-weight:600;letter-spacing:0.06em;padding:0.375rem 0.875rem;border-radius:100px;}
.fc2{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem;}
.fca{background:white;border:1.5px solid var(--gbr);border-radius:10px;padding:1.75rem;transition:all 0.25s;position:relative;overflow:hidden;}
.fca::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--az),var(--or));transform:scaleX(0);transition:transform 0.3s;transform-origin:left;}
.fca:hover{border-color:var(--az);transform:translateY(-3px);box-shadow:0 12px 32px rgba(27,95,174,0.1);}
.fca:hover::after{transform:scaleX(1);}
.fi{width:48px;height:48px;background:var(--gbg);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.375rem;margin-bottom:1.125rem;}
.fca h3{font-size:0.9375rem;font-weight:700;margin-bottom:0.5rem;color:var(--bk);}
.fca p{font-size:0.875rem;color:var(--gt);line-height:1.65;font-weight:300;}
.hb{background:var(--azxd);border-radius:12px;padding:2.25rem;}
.hb p{font-size:0.875rem;color:rgba(255,255,255,0.5);line-height:1.7;font-weight:300;}
.srv2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:2rem;}
.scard{background:var(--gbg);border:1.5px solid var(--gbr);border-radius:10px;padding:1.75rem;transition:all 0.25s;}
.scard:hover{border-color:var(--az);transform:translateY(-2px);}
.scard h3{font-family:"Montserrat",sans-serif;font-size:1rem;font-weight:700;margin-bottom:0.5rem;color:var(--bk);}
.scard p{font-size:0.875rem;color:var(--gt);line-height:1.65;font-weight:300;}

/* ── HAMBURGER BUTTON ─────────────────────────────────────────────── */
.ham-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;z-index:201;}
#mobile-menu{display:none;}
a,button,[onclick]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
img{max-width:100%;height:auto;}

.ham-btn span{display:block;width:24px;height:2px;background:var(--az);border-radius:2px;transition:all 0.3s;}
.ham-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.ham-btn.open span:nth-child(2){opacity:0;}
.ham-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}

/* ── TABLET 1024px ────────────────────────────────────────────────── */
@media(max-width:1024px){
  /* Nav */
  .nlinks{display:none;}
  .ham-btn{display:flex;}
  .nbk{display:none!important;}

  /* Two-col grids → single */
  .tc{grid-template-columns:1fr;gap:2.5rem;}
  .tcc{gap:2.5rem;}

  /* Hero */
  .hero-section{grid-template-columns:1fr!important;padding-top:96px!important;padding-bottom:3rem!important;min-height:auto!important;}
  .hero-left{padding:3rem 0 1rem!important;}
  .hero-right{padding:0 0 3rem!important;}

  /* Feature grids */
  .fc2{grid-template-columns:repeat(2,1fr);}
  .svc-grid{grid-template-columns:repeat(2,1fr)!important;}
  .ind-grid{grid-template-columns:repeat(2,1fr)!important;}

  /* Testimonials */
  .tgrid{grid-template-columns:1fr 1fr;}

  /* Clients logos */
  .lgrid{grid-template-columns:repeat(3,1fr);}

  /* Footer */
  .ft{grid-template-columns:1fr 1fr;}

  /* VS panel — stack inside two-col */
  .vsp{margin-top:1rem;}

  /* Coverage box */
  .cov-box{margin-top:1.5rem;}

  /* LP hero */
  .lph{padding:9rem 5% 4rem;}

  /* Cobertura zone badges */
  .cobertura-inner{flex-direction:column;gap:2rem;}

  /* Recrutamiento form */
  .vcard-grid{grid-template-columns:1fr 1fr!important;}
}

/* ── MOBILE 768px ─────────────────────────────────────────────────── */
@media(max-width:768px){
  /* Hero stats row */
  .hero-stats{gap:1.5rem!important;flex-wrap:wrap!important;}
  .hero-stats>div{flex:1;min-width:80px;}

  /* Services grid → 1 col */
  .svc-grid{grid-template-columns:1fr!important;}

  /* Industries → 1 col */
  .ind-grid{grid-template-columns:1fr!important;}

  /* Testimonials → 1 col */
  .tgrid{grid-template-columns:1fr;}

  /* VS panel rows — make stacked */
  .vsr{grid-template-columns:1fr!important;gap:0.375rem!important;}
  .vsm{text-align:left!important;padding-left:0.75rem!important;font-size:0.5625rem!important;}
  .vst{text-decoration:none!important;color:rgba(255,255,255,0.2)!important;font-size:0.6875rem!important;}

  /* Feature cards */
  .fc2{grid-template-columns:1fr;}

  /* Service 2-col → 1 */
  .srv2{grid-template-columns:1fr!important;}

  /* LP hero */
  .lph{padding:8rem 5% 3.5rem;}
  .lph h1{font-size:clamp(1.875rem,7vw,2.5rem)!important;}
  .lphs{font-size:1rem!important;}

  /* Button rows */
  .br{flex-direction:column!important;}
  .br a{text-align:center!important;}

  /* Ticker speed up on mobile */
  .ttrack{animation-duration:20s;}
}

/* ── MOBILE 640px ─────────────────────────────────────────────────── */
@media(max-width:640px){
  /* Spacing */
  .wrap{padding:3.5rem 5%;}
  .wraps{padding:2.5rem 5%;}

  /* Titles */
  .st{font-size:clamp(1.5rem,6vw,2rem)!important;margin-bottom:1rem!important;}

  /* Hero */
  .hero-section{padding-left:5%!important;padding-right:5%!important;}
  .hero-left{padding:2.5rem 0 1rem!important;}
  .hero-right{padding:0 0 2.5rem!important;}

  /* Hero stats */
  .hero-stats{gap:1.25rem!important;}
  .hero-stats span:first-child{font-size:1.375rem!important;}

  /* Services grid */
  .svc-grid{grid-template-columns:1fr!important;}

  /* Industries */
  .ind-grid{grid-template-columns:1fr!important;}

  /* Logos */
  .lgrid{grid-template-columns:repeat(2,1fr);}
  .li{padding:1rem 0.5rem!important;font-size:0.6875rem!important;}
  .li:nth-child(5n){border-right:1px solid var(--gbr)!important;}
  .li:nth-child(2n){border-right:none!important;}

  /* Testimonials */
  .tgrid{grid-template-columns:1fr;}

  /* CTA banner */
  .ctab{padding:3.5rem 5%!important;}
  .ctab h2{font-size:clamp(1.5rem,6vw,2.125rem)!important;}

  /* Footer */
  .ft{grid-template-columns:1fr;}
  .fb{flex-direction:column;gap:0.75rem;text-align:center;}

  /* VS panel simplify on small screens */
  .vsp{padding:1.5rem!important;}
  .vsw{font-size:0.6875rem!important;padding:0.375rem 0.5rem!important;}
  .vst{font-size:0.6875rem!important;padding:0.375rem 0.5rem!important;}

  /* LP pages */
  .lph{padding:7rem 5% 3rem;}
  .lph h1{font-size:clamp(1.75rem,7vw,2.25rem)!important;letter-spacing:-0.02em!important;}
  .lpbg{gap:0.375rem!important;}
  .lpb{font-size:0.625rem!important;padding:0.25rem 0.625rem!important;}

  /* Feature cards */
  .fc2{grid-template-columns:1fr;}
  .fca{padding:1.375rem!important;}

  /* Steps */
  .step{grid-template-columns:2rem 1fr!important;gap:0.875rem!important;}

  /* Recruit form */
  .vcard-grid{grid-template-columns:1fr 1fr!important;}

  /* Form grid */
  .form-2col{grid-template-columns:1fr!important;}

  /* Cobertura box stats */
  .cov-stats-grid{grid-template-columns:1fr 1fr!important;}

  /* Nav back btn on LP */
  .nbk{font-size:0.75rem!important;}
}


/* ── BLOG ─────────────────────────────────────────────────────────── */
@media(max-width:1024px){
  #blog-grid{grid-template-columns:repeat(2,1fr)!important;}
  .blog-featured-card{grid-column:span 2!important;grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  #blog-grid{grid-template-columns:1fr!important;}
  .blog-featured-card{grid-column:span 1!important;grid-template-columns:1fr!important;}
}
/* ── VERY SMALL 375px ─────────────────────────────────────────────── */
@media(max-width:375px){
  .hero-stats{gap:1rem!important;}
  .hero-stats>div{min-width:70px;}
  .lph h1{font-size:1.625rem!important;}
  nav{padding:0 4%!important;}
  .wrap{padding:3rem 4%!important;}
  .ctab{padding:3rem 4%!important;}
  .lgrid{grid-template-columns:1fr 1fr;}
  .li{font-size:0.625rem!important;}
}