/* =========================================================
   BIGOO — Mobile optimization v15
   Ajustes de legibilidad, jerarquía y ritmo para celular.
   ========================================================= */

@media (max-width: 820px){
  .site-header{padding-inline:18px}
  .section-shell{padding-inline:20px}
}

@media (max-width: 650px){
  /* Copy más legible */
  .transform-section__head > p,
  .featured-work__head-copy,
  .vi-system__intro > p,
  .method-journey__head > p:last-child,
  .lab-index__intro > p,
  .closing-cta__lede,
  .problem-story__intro > p:last-child,
  .transform-chapter__description,
  .work-case__challenge,
  .work-case__built p,
  .work-case__outcome,
  .lab-record__content > p:not(.lab-record__eyebrow){
    color:rgba(255,255,255,.66);
  }

  /* ===== Inicio / Qué necesita cambiar ===== */
  .transform-section__intro{padding-top:76px;padding-bottom:46px}
  .transform-section__head{gap:24px}
  .transform-section__head h2{font-size:clamp(44px,13vw,66px);line-height:.92}
  .transform-section__head > p{font-size:15px;line-height:1.65;max-width:none;margin:0}
  .transform-chapter,
  .transform-chapter--reverse{grid-template-columns:1fr;min-height:0}
  .transform-chapter__media,
  .transform-chapter--reverse .transform-chapter__media{
    min-height:220px;
    max-height:260px;
    order:1;
  }
  .transform-chapter__media::before{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.44))}
  .transform-chapter__media img{inset:0;width:100%;height:100%;transform:none;filter:grayscale(.94) contrast(1.04) brightness(.74)}
  .transform-chapter__word{display:none}
  .transform-chapter__index{left:16px;top:14px;font-size:7px;letter-spacing:.22em;color:rgba(255,255,255,.6)}
  .transform-chapter__copy,
  .transform-chapter--reverse .transform-chapter__copy{order:2;padding:28px 18px 38px}
  .transform-chapter__label{margin:0 0 16px;font-size:8px;color:rgba(255,255,255,.5)}
  .transform-chapter__copy h3{font-size:clamp(30px,10.8vw,42px);line-height:.98;letter-spacing:-.035em;text-wrap:balance}
  .transform-chapter__description{margin-top:18px;font-size:15px;line-height:1.62}
  .transform-chapter__cta{margin-top:28px;padding-bottom:6px;font-size:7px;letter-spacing:.18em;color:rgba(255,255,255,.84)}
  .transform-section__close{gap:22px;padding-top:54px;padding-bottom:74px}
  .transform-section__close p{font-size:clamp(24px,8.6vw,34px);line-height:1.08}
  .transform-section__close .button{width:100%;justify-content:center}

  /* ===== Casos destacados ===== */
  .featured-work{padding-top:72px;padding-bottom:72px}
  .featured-work__head{margin-bottom:42px}
  .featured-work__head h2{font-size:clamp(44px,13.5vw,62px);line-height:.92}
  .featured-work__head-copy{font-size:15px;line-height:1.62}
  .work-case,
  .work-case--rael{border-left:0;border-right:0;border-radius:0}
  .work-case__media,
  .work-case--rael .work-case__media{min-height:300px}
  .work-case__copy,
  .work-case--rael .work-case__copy{padding:24px 20px 28px}
  .work-case__number{font-size:.62rem}
  .work-case__tag{margin-top:20px;font-size:.62rem;letter-spacing:.14em}
  .work-case h3{font-size:clamp(38px,12vw,52px);line-height:.94;max-width:12ch}
  .work-case__challenge{margin-top:16px;font-size:15px;line-height:1.6}
  .work-case__built{margin-top:20px;padding-top:14px}
  .work-case__built small{font-size:.6rem}
  .work-case__outcome{margin-top:16px;padding-top:14px;font-size:15px}
  .work-case__outcome strong{font-size:clamp(22px,7vw,28px)}
  .work-case__links{gap:14px;margin-top:20px}
  .work-case__live,.work-case__detail{font-size:11px;letter-spacing:.12em}
  .work-case--rompe .work-case__media::before{font-size:clamp(28px,10vw,42px);left:20px;top:20px}
  .work-case--rompe .work-case__angel{right:-22%;bottom:-6%;width:84%}
  .work-case--rompe .work-case__eyebrow{left:20px;bottom:18px;font-size:9px;letter-spacing:.14em}
  .work-case--rael .work-case__logo{width:116px;left:18px;top:18px}
  .work-case--rael .work-case__postcard{width:42%;right:14px;bottom:14px;border-width:5px}
  .featured-work__close p{font-size:clamp(24px,8vw,34px);line-height:1.08}

  /* ===== Principios ===== */
  .memory-principles__intro h2{font-size:clamp(42px,12vw,60px);line-height:.92}
  .memory-principles__copy h3{font-size:clamp(34px,10vw,46px)}
  .memory-principles__copy p{font-size:15px;line-height:1.62}
  .memory-principles__bridge h3{font-size:clamp(32px,10vw,44px)}

  /* ===== Visual Intelligence ===== */
  .vi-system{padding:78px 0 76px}
  .vi-system__intro h2{font-size:clamp(42px,12vw,58px);line-height:.94}
  .vi-system__canvas{width:calc(100vw - 40px)}
  .vi-system__detail h3{font-size:clamp(30px,9vw,42px)}
  .vi-system__detail p:last-child{font-size:15px;line-height:1.62}
  .vi-system__close{margin-top:60px}
  .vi-system__close h3{font-size:clamp(34px,10vw,46px);line-height:.98}
  .vi-system__actions{display:grid;gap:10px}
  .vi-system__actions .button{width:100%;justify-content:center}

  /* ===== Método ===== */
  .method-journey{padding:78px 0 84px}
  .method-journey__head{margin-bottom:42px}
  .method-journey__head h2{font-size:clamp(38px,11vw,52px);line-height:.95}
  .method-journey__head > p:last-child{font-size:15px;line-height:1.62;margin-top:20px}
  .method-journey__node{grid-template-columns:34px 1fr;padding:22px 0 28px}
  .method-journey__node span{font-size:24px}
  .method-journey__node strong{font-size:22px}
  .method-journey__node::after{font-size:14px;line-height:1.6;color:rgba(255,255,255,.58)}
  .method-journey__close{margin-top:50px}
  .method-journey__close h3{font-size:clamp(28px,9.5vw,40px);line-height:1.02}

  /* ===== LAB ===== */
  .lab-index__shell{padding-top:78px;padding-bottom:72px}
  .lab-index__heading h2{font-size:clamp(40px,12vw,56px);line-height:.94}
  .lab-index__intro > p{font-size:15px;line-height:1.62}
  .lab-record{grid-template-columns:48px minmax(0,1fr);padding:24px 0 28px}
  .lab-record__ref span{font-size:20px}
  .lab-record__content h3{font-size:clamp(28px,9.5vw,40px);line-height:.96}
  .lab-record__visual{min-height:170px;margin-top:20px}
  .lab-index__footer{gap:18px}
  .lab-index__footer h3{font-size:clamp(28px,9.5vw,40px);line-height:1.02}
  .lab-index__bridge{font-size:clamp(28px,9vw,40px);line-height:1.02}

  /* ===== CTA final ===== */
  .closing-cta__shell{padding:92px 20px 86px}
  .closing-cta__topline{margin-bottom:40px}
  .closing-cta__visual{width:min(74vw,290px);margin-bottom:0}
  .closing-cta h2{font-size:clamp(42px,12.5vw,60px);line-height:.94}
  .closing-cta__lede{font-size:15px;line-height:1.62}
  .closing-cta__actions{margin-top:30px}
  .closing-cta__secondary{width:100%;justify-content:center}
  .closing-cta__memory-label{font-size:6px;letter-spacing:.22em;bottom:6%}
  .closing-cta__disciplines{grid-template-columns:1fr;gap:8px;margin-top:54px;font-size:7px}
}

@media (max-width: 390px){
  .problem-story__intro h2,
  .problem-story__final h3,
  .transform-section__head h2,
  .featured-work__head h2,
  .vi-system__intro h2,
  .method-journey__head h2,
  .lab-index__heading h2,
  .closing-cta h2{
    text-wrap:balance;
  }

  .transform-chapter__media,
  .transform-chapter--reverse .transform-chapter__media{min-height:200px}
  .work-case__media,
  .work-case--rael .work-case__media{min-height:270px}
  .work-case--rael .work-case__logo{width:102px}
}