/* Casos — stronger visual reset so the redesign is clearly visible */
:root{
  --case-navy:#070F22;
  --case-nav:#0B1430;
  --case-blue:#1419E0;
  --case-blue-soft:#8AA4FF;
  --case-ice:#EEF3FF;
  --case-surface:#F8FAFD;
  --case-ink:#0D1420;
  --case-muted:#65738F;
}

.container{width:min(1160px,calc(100% - 64px))!important;margin-inline:auto!important}
main{overflow:hidden}

/* Navbar — smaller, darker, more compact */
@media(min-width:761px){
  body>.nav-wrap{min-height:78px!important;padding:0!important}
  body>.nav-wrap>.nav{
    width:min(1180px,calc(100vw - 80px))!important;
    min-height:62px!important;
    height:62px!important;
    top:10px!important;
    padding:0 20px!important;
    gap:26px!important;
    border-radius:17px!important;
    background:rgba(7,15,34,.97)!important;
    border:1px solid rgba(138,164,255,.10)!important;
    box-shadow:0 12px 34px rgba(7,15,34,.15)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    backdrop-filter:blur(16px)!important;
  }
  body>.nav-wrap .brand img{height:21px!important}
  body>.nav-wrap .nav-links{gap:26px!important}
  body>.nav-wrap .menu-trigger,
  body>.nav-wrap .nav-direct{font-size:12px!important;font-weight:500!important;color:#F0F3FF!important}
  body>.nav-wrap .nav-talk{
    min-height:38px!important;
    padding:0 15px!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#101B4F!important;
    font-size:11px!important;
    font-weight:700!important;
  }
}

/* Hero — less empty space, tighter hierarchy */
.stories-new-hero{
  padding:66px 0 66px!important;
  background:
    radial-gradient(700px 360px at 82% -10%,rgba(20,25,224,.10),transparent 68%),
    linear-gradient(180deg,#F9FBFF 0%,#EEF3FF 100%)!important;
  border-bottom:1px solid #E3E8F2!important;
}
.stories-new-hero-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(280px,.58fr)!important;
  gap:58px!important;
  align-items:end!important;
}
.stories-new-kicker,.stories-new-eyebrow{font-size:9px!important;letter-spacing:.17em!important}
.stories-new-hero h1{
  max-width:740px!important;
  margin:16px 0 0!important;
  font-size:clamp(44px,4.5vw,62px)!important;
  line-height:1.01!important;
  letter-spacing:-.055em!important;
}
.stories-new-hero-grid>div:first-child>p:last-child{
  max-width:610px!important;
  margin:20px 0 0!important;
  font-size:14px!important;
  line-height:1.6!important;
  color:#596885!important;
}
.stories-new-side{padding-top:16px!important;border-top:1px solid #CBD6E8!important}
.stories-new-side span{font-size:9px!important}
.stories-new-side p{margin-top:9px!important;font-size:12px!important;line-height:1.55!important;color:#6B7892!important}

/* Featured case */
.stories-new-featured{padding:58px 0!important;background:#fff!important}
.stories-new-feature{
  grid-template-columns:1.08fr .92fr!important;
  border:1px solid #DDE4EF!important;
  border-radius:18px!important;
  background:#F8FAFD!important;
  box-shadow:0 6px 22px rgba(7,15,34,.04)!important;
}
.stories-new-feature:hover{transform:translateY(-3px)!important;box-shadow:0 18px 40px rgba(7,15,34,.09)!important}
.stories-new-feature-media{min-height:390px!important}
.stories-new-feature-copy{padding:30px!important}
.stories-new-feature h2{font-size:clamp(28px,2.8vw,38px)!important;line-height:1.08!important}
.stories-new-feature blockquote{font-size:12px!important;line-height:1.6!important}
.stories-new-person img{width:38px!important;height:38px!important}
.stories-new-feature-link{margin-top:20px!important;font-size:10px!important}

/* Grid */
.stories-new-list{padding:68px 0 76px!important;background:#F2F5FB!important}
.stories-new-list h2,.stories-new-proof h2{font-size:clamp(32px,3.2vw,44px)!important;line-height:1.06!important}
.stories-new-list-head{gap:36px!important}
.stories-new-filter{min-height:34px!important;padding:0 12px!important;font-size:9px!important}
.stories-new-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:30px!important;
}
.stories-new-card{
  border-radius:16px!important;
  border:1px solid #DDE4EF!important;
  box-shadow:0 4px 18px rgba(7,15,34,.03)!important;
}
.stories-new-card-media{height:250px!important}
.stories-new-card-body{padding:22px!important}
.stories-new-card h3{font-size:20px!important;line-height:1.24!important;color:#152042!important}
.stories-new-tags{margin-top:17px!important}
.stories-new-link{padding-top:17px!important;font-size:10px!important}
.stories-new-feature-link,.stories-new-link{display:inline-flex!important;align-items:center!important;gap:7px!important;width:fit-content!important}
.stories-new-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 32px rgba(7,15,34,.07)!important}
.stories-new-card:hover .stories-new-link,.stories-new-feature:hover .stories-new-feature-link{transform:translateX(3px)!important}

/* CTA card */
.stories-new-cta-card{
  min-height:360px!important;
  padding:26px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#2131D2,#0B1546)!important;
}
.stories-new-cta-card h3{font-size:28px!important}
.stories-new-cta-card b{font-size:10px!important}

/* Method + final CTA */
.stories-new-proof{padding:68px 0!important;background:#070F22!important}
.stories-new-proof-grid{gap:54px!important}
.stories-new-proof-list article{padding:17px 0!important}
.stories-new-proof-list h3{font-size:17px!important}
.stories-new-proof-list p{font-size:11px!important}
.stories-new-final{padding:58px 0!important;background:linear-gradient(135deg,#2131D2,#101A68)!important}
.stories-new-final h2{font-size:clamp(38px,4vw,52px)!important}
.stories-new-final a{min-height:44px!important;padding:0 18px!important;font-size:11px!important;border-radius:9px!important}

/* Footer — denser, consistent with newer pages */
footer{padding:42px 0 18px!important;background:#050A18!important}
.footer-container{max-width:1160px!important}
.footer-main{grid-template-columns:1.45fr .8fr .72fr .78fr!important;gap:36px!important}
.footer-brand-copy{font-size:11px!important}
.footer-claim{font-size:14px!important}
.footer-title{font-size:9px!important}
.footer-links{gap:8px!important}
.footer-links a{font-size:11px!important;display:inline-flex!important;width:fit-content!important}
.footer-meta{margin-top:26px!important;padding:13px 0!important;font-size:9px!important}
.footer-bottom{padding-top:13px!important;font-size:9px!important}

@media(max-width:980px){
  .container{width:min(1160px,calc(100% - 40px))!important}
  .stories-new-hero-grid,.stories-new-proof-grid{grid-template-columns:1fr!important;gap:28px!important}
  .stories-new-feature{grid-template-columns:1fr!important}
  .stories-new-feature-media{min-height:340px!important}
  .stories-new-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-main{grid-template-columns:1.25fr 1fr!important}
  .footer-brand{grid-column:1/-1!important}
}

@media(max-width:760px){
  .container{width:calc(100% - 32px)!important}
  .stories-new-hero{padding:98px 0 50px!important}
  .stories-new-hero-grid{grid-template-columns:1fr!important;gap:26px!important}
  .stories-new-hero h1{font-size:38px!important}
  .stories-new-featured{padding:52px 0!important}
  .stories-new-feature-media{min-height:280px!important}
  .stories-new-feature-copy{padding:20px!important}
  .stories-new-feature h2{font-size:27px!important}
  .stories-new-list{padding:58px 0 64px!important}
  .stories-new-list h2,.stories-new-proof h2{font-size:30px!important}
  .stories-new-filters{width:100%!important;justify-content:flex-start!important}
  .stories-new-grid{grid-template-columns:1fr!important;gap:13px!important;margin-top:26px!important}
  .stories-new-card-media{height:215px!important}
  .stories-new-card-body{padding:19px!important}
  .stories-new-card h3{font-size:18px!important}
  .stories-new-cta-card{min-height:280px!important}
  .stories-new-proof{padding:58px 0!important}
  .stories-new-final{padding:54px 0!important}
  .stories-new-final h2{font-size:35px!important}
  .stories-new-final a{width:100%!important}
}

@media(max-width:640px){
  footer{padding-top:40px!important}
  .footer-main{grid-template-columns:1fr!important;gap:28px!important}
  .footer-brand{grid-column:auto!important}
}

/* =========================================================
   CASOS — margin + CTA alignment pass
   Matches the full-width navbar rhythm used on Home/Nosotros.
========================================================= */
@media(min-width:1101px){
  .container,
  .footer-container{
    width:min(1220px,calc(100% - 128px))!important;
    max-width:1220px!important;
  }

  .stories-new-hero-grid{
    gap:72px!important;
  }

  .stories-new-featured,
  .stories-new-list,
  .stories-new-proof,
  .stories-new-final{
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* Navbar CTA: same clean treatment as the current site system */
@media(min-width:761px){
  body>.lnav .lnav-contact{
    min-height:42px!important;
    padding:0 19px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:10px!important;
    background:#FFFFFF!important;
    color:#111D4D!important;
    font-size:12px!important;
    font-weight:650!important;
    box-shadow:none!important;
    transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease!important;
  }
  body>.lnav .lnav-contact:hover{
    transform:translateY(-1px)!important;
    background:#F3F5FF!important;
    box-shadow:0 8px 20px rgba(0,0,0,.12)!important;
  }
}

/* Final page CTA follows the same button language */
.stories-new-final a{
  background:#FFFFFF!important;
  color:#111D4D!important;
  border:1px solid rgba(255,255,255,.14)!important;
  font-weight:650!important;
  box-shadow:none!important;
}
.stories-new-final a:hover{
  transform:translateY(-2px)!important;
  background:#F3F5FF!important;
  box-shadow:0 10px 24px rgba(7,15,34,.16)!important;
}

@media(max-width:1100px) and (min-width:761px){
  .container,
  .footer-container{
    width:calc(100% - 48px)!important;
    max-width:none!important;
  }
}