/* =========================================================
   V26 · Inicio móvil
   Clearer compositions, faster reading and stable native flow.
   ========================================================= */

@media (max-width:900px){
  body.cinematic-home{background:#fff!important}
  body.cinematic-home main{overflow:visible!important}
  body.cinematic-home .container{width:calc(100% - 32px)!important}

  body.cinematic-home .cinema-scene,
  body.cinematic-home .cinema-scene.cinema-hero{
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    overflow:hidden!important;
    contain:none!important;
    perspective:1100px!important;
    background:#fff!important;
  }
  body.cinematic-home .cinema-sticky{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:700px!important;
    overflow:hidden!important;
    background:#fff!important;
    contain:none!important;
    isolation:isolate;
  }
  body.cinematic-home .cinema-hero .cinema-sticky{min-height:790px!important}

  body.cinematic-home .cinema-media{
    inset:0!important;
    height:100%!important;
    opacity:1!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.cinematic-home .cinema-media img{
    width:100%!important;
    height:100%!important;
    opacity:1!important;
    object-fit:cover!important;
    object-position:center center;
    filter:saturate(.96) contrast(.98) brightness(1.025)!important;
  }
  body.cinematic-home .cinema-hero .cinema-media img{object-position:56% center!important}
  body.cinematic-home .cinema-scene:nth-of-type(3) .cinema-media img{object-position:54% center!important}
  body.cinematic-home .cinema-scene:nth-of-type(5) .cinema-media img{object-position:59% center!important}
  body.cinematic-home .cinema-scene:nth-of-type(7) .cinema-media img{object-position:52% center!important}
  body.cinematic-home .cinema-contact-scene .cinema-media img{object-position:54% center!important}

  body.cinematic-home .cinema-overlay,
  body.cinematic-home .cinema-overlay-right,
  body.cinematic-home .cinema-overlay-center,
  body.cinematic-home .cinema-overlay-strong{
    opacity:1!important;
    background:
      linear-gradient(180deg,
        rgba(255,255,255,.82) 0%,
        rgba(255,255,255,.12) 18%,
        rgba(255,255,255,.04) 42%,
        rgba(255,255,255,.54) 67%,
        rgba(255,255,255,.95) 82%,
        #fff 100%),
      linear-gradient(90deg,rgba(255,255,255,.74),transparent 18%,transparent 84%,rgba(255,255,255,.58))!important;
  }

  body.cinematic-home .cinema-content,
  body.cinematic-home .cinema-content-center-y{
    position:relative!important;
    z-index:5!important;
    width:calc(100% - 32px)!important;
    min-height:700px!important;
    height:auto!important;
    margin:0 auto!important;
    padding:335px 0 46px!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:flex-start!important;
    text-align:left!important;
    pointer-events:none;
  }
  body.cinematic-home .cinema-hero .cinema-content{
    min-height:790px!important;
    padding-top:300px!important;
    padding-bottom:174px!important;
  }
  body.cinematic-home .cinema-content-center,
  body.cinematic-home .cinema-content-right{justify-content:flex-start!important;text-align:left!important}

  body.cinematic-home .cinema-copy,
  body.cinematic-home .cinema-copy-narrow,
  body.cinematic-home .cinema-copy-centered,
  body.cinematic-home .cinema-copy-contact{
    position:relative!important;
    width:100%!important;
    max-width:560px!important;
    margin:0!important;
    text-align:left!important;
    opacity:1!important;
    filter:none!important;
    pointer-events:auto!important;
    transform-style:preserve-3d;
  }
  body.cinematic-home .cinema-copy::after{
    inset:-10% -7% -12%!important;
    border-radius:34px!important;
    background:radial-gradient(ellipse at 38% 55%,rgba(255,255,255,1) 0%,rgba(255,255,255,.96) 35%,rgba(255,255,255,.76) 58%,rgba(255,255,255,0) 82%)!important;
    filter:blur(12px)!important;
    opacity:.97!important;
  }
  body.cinematic-home .cinema-copy-centered::before{margin-inline:0!important;transform-origin:left!important}

  body.cinematic-home .cinema-copy h1,
  body.cinematic-home .cinema-copy h2{
    max-width:100%!important;
    color:#122c3e!important;
    font-weight:590!important;
    line-height:1.015!important;
    letter-spacing:-.043em!important;
    text-align:left!important;
    text-wrap:pretty!important;
    text-shadow:0 1px 0 #fff,0 2px 10px rgba(22,49,69,.14)!important;
  }
  body.cinematic-home .cinema-copy h1{font-size:clamp(2.55rem,12vw,3.55rem)!important}
  body.cinematic-home .cinema-copy h2{font-size:clamp(2.15rem,10.3vw,3rem)!important}
  body.cinematic-home .cinema-title-line{
    white-space:normal!important;
    overflow:visible!important;
    padding-bottom:.08em!important;
    margin-bottom:-.04em!important;
  }
  body.cinematic-home .cinema-word,
  body.cinematic-home .cinema-word-inner{overflow:visible!important}
  body.cinematic-home .cinema-word-inner,
  body.cinematic-home .cinema-detail-line,
  body.cinematic-home [data-cinema-line]{opacity:1!important}

  body.cinematic-home .cinema-kicker{
    margin-bottom:12px!important;
    color:#0d5c94!important;
    font-size:.66rem!important;
    line-height:1.35!important;
    font-weight:720!important;
    letter-spacing:.15em!important;
    text-align:left!important;
    text-shadow:0 1px 8px #fff!important;
  }
  body.cinematic-home .cinema-copy p{
    max-width:34rem!important;
    margin:17px 0 0!important;
    color:#395162!important;
    font-size:.94rem!important;
    line-height:1.58!important;
    font-weight:470!important;
    text-align:left!important;
    text-shadow:0 1px 5px rgba(255,255,255,.98)!important;
  }
  body.cinematic-home .cinema-actions,
  body.cinematic-home .cinema-actions-center{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:100%!important;
    max-width:360px!important;
    margin:23px 0 0!important;
    justify-content:stretch!important;
  }
  body.cinematic-home .cinema-btn{
    width:100%!important;
    min-height:48px!important;
    padding:11px 17px!important;
    font-size:.84rem!important;
  }
  body.cinematic-home .cinema-text-link{
    margin-top:22px!important;
    color:#153246!important;
    border-bottom-color:rgba(21,50,70,.32)!important;
    font-size:.88rem!important;
    text-shadow:0 1px 5px #fff!important;
  }
  body.cinematic-home .scene-meta{display:none!important}

  body.cinematic-home .cinema-hero .hero-facts{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    left:16px!important;
    right:16px!important;
    bottom:12px!important;
    gap:0!important;
    padding:9px 0 0!important;
    border:0!important;
    opacity:1!important;
    transform:none!important;
  }
  body.cinematic-home .cinema-hero .hero-facts::before{
    background:linear-gradient(90deg,transparent,rgba(19,53,77,.24) 8%,rgba(19,53,77,.24) 92%,transparent)!important;
  }
  body.cinematic-home .cinema-hero .hero-facts>div{
    min-width:0;
    padding:8px 8px 7px!important;
    gap:7px!important;
  }
  body.cinematic-home .cinema-hero .hero-facts>div:nth-child(n+3){display:flex!important}
  body.cinematic-home .cinema-hero .hero-facts b{
    flex:0 0 auto;
    color:#173143!important;
    font-size:1.27rem!important;
  }
  body.cinematic-home .cinema-hero .hero-facts span{
    color:#5c747a!important;
    font-size:.61rem!important;
    line-height:1.22!important;
  }

  body.cinematic-home .cinema-intro,
  body.cinematic-home .cinema-strip,
  body.cinematic-home .cinema-process,
  body.cinematic-home .cinema-pricing{
    padding:58px 0 64px!important;
    background:#fff!important;
    contain:none!important;
    content-visibility:visible!important;
  }
  body.cinematic-home .cinema-intro-grid,
  body.cinematic-home .cinema-process-head,
  body.cinematic-home .cinema-pricing-head,
  body.cinematic-home .cinema-strip-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.cinematic-home .cinema-section-number{padding:0!important;font-size:.68rem!important}
  body.cinematic-home .cinema-eyebrow{margin-bottom:10px!important;font-size:.67rem!important}
  body.cinematic-home .cinema-intro h2,
  body.cinematic-home .cinema-process h2,
  body.cinematic-home .cinema-pricing h2,
  body.cinematic-home .cinema-strip h2{
    max-width:100%!important;
    font-size:clamp(2rem,9.2vw,2.8rem)!important;
    line-height:1.06!important;
    letter-spacing:-.04em!important;
  }
  body.cinematic-home .cinema-intro-grid>p,
  body.cinematic-home .cinema-process-head>p{
    grid-column:auto!important;
    padding:5px 0 0!important;
    font-size:.94rem!important;
    line-height:1.65!important;
  }
  body.cinematic-home .kinetic-word-inner,
  body.cinematic-home .scroll-3d-block{opacity:1!important}

  body.cinematic-home .cinema-strip{padding-inline:0!important}
  body.cinematic-home .client-marquee{margin-top:26px!important;padding-left:16px!important}
  body.cinematic-home .client-marquee-track{gap:11px!important}
  body.cinematic-home .client-marquee figure{
    width:176px!important;
    flex-basis:176px!important;
    min-height:122px!important;
    padding:15px!important;
    border-radius:16px!important;
  }

  body.cinematic-home .process-horizontal{padding:25px 16px 0!important}
  body.cinematic-home .process-horizontal ol{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body.cinematic-home .process-horizontal li{
    width:100%!important;
    min-height:0!important;
    padding:19px!important;
    border-radius:16px!important;
  }

  body.cinematic-home .cinema-pricing-head .cinema-dark-link{grid-column:auto!important;margin-top:5px!important}
  body.cinematic-home .cinema-pricing-list{display:grid!important;gap:10px!important;margin-top:28px!important}
  body.cinematic-home .cinema-price-row{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px 12px!important;
    min-height:0!important;
    padding:19px 17px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.055)!important;
  }
  body.cinematic-home .cinema-price-row p{grid-column:1/-1!important;font-size:.82rem!important}
  body.cinematic-home .cinema-price-row>strong{grid-column:2!important;grid-row:1!important;font-size:1.13rem!important}
  body.cinematic-home .cinema-price-row>b{display:none!important}

  body.cinematic-home .cinematic-footer{padding:48px 0 26px!important}
  body.cinematic-home .footer-grid{grid-template-columns:1fr!important;gap:30px!important}
  body.cinematic-home .footer-brand img{width:178px!important}
  body.cinematic-home .back-to-top{right:14px!important;bottom:14px!important;width:42px!important;height:42px!important}

  body.cinematic-home .ambient-particles{opacity:.52!important}
}

@media (max-width:420px){
  body.cinematic-home .cinema-sticky{min-height:680px!important}
  body.cinematic-home .cinema-hero .cinema-sticky{min-height:770px!important}
  body.cinematic-home .cinema-content,
  body.cinematic-home .cinema-content-center-y{min-height:680px!important;padding-top:315px!important}
  body.cinematic-home .cinema-hero .cinema-content{min-height:770px!important;padding-top:285px!important;padding-bottom:168px!important}
  body.cinematic-home .cinema-copy h1{font-size:clamp(2.35rem,11.7vw,3.1rem)!important}
  body.cinematic-home .cinema-copy h2{font-size:clamp(2rem,9.7vw,2.72rem)!important}
}

@media (max-width:360px){
  body.cinematic-home .cinema-content,
  body.cinematic-home .cinema-content-center-y{width:calc(100% - 26px)!important}
  body.cinematic-home .cinema-copy h1{font-size:2.24rem!important}
  body.cinematic-home .cinema-copy h2{font-size:1.94rem!important}
  body.cinematic-home .cinema-hero .hero-facts>div{padding-inline:4px!important}
  body.cinematic-home .cinema-hero .hero-facts span{font-size:.57rem!important}
}

@media (prefers-reduced-motion:reduce){
  body.cinematic-home .cinema-word-inner,
  body.cinematic-home .cinema-detail-line,
  body.cinematic-home .kinetic-word-inner,
  body.cinematic-home .scroll-3d-block{transform:none!important;opacity:1!important}
}

/* V26.1 · The first screen fits within the mobile viewport, including
   its actions and compact business facts. */
@media (max-width:900px){
  body.cinematic-home .cinema-hero .cinema-sticky{
    height:calc(100svh - 64px)!important;
    min-height:720px!important;
    max-height:820px!important;
  }
  body.cinematic-home .cinema-hero .cinema-content{
    height:100%!important;
    min-height:0!important;
    padding-top:245px!important;
    padding-bottom:152px!important;
  }
}
@media (max-width:420px){
  body.cinematic-home .cinema-hero .cinema-sticky{
    height:calc(100svh - 64px)!important;
    min-height:720px!important;
    max-height:800px!important;
  }
  body.cinematic-home .cinema-hero .cinema-content{
    min-height:0!important;
    padding-top:230px!important;
    padding-bottom:148px!important;
  }
}

/* V26.2 · Light, readable mobile pricing cards. */
@media (max-width:900px){
  body.cinematic-home .cinema-pricing{
    background:linear-gradient(180deg,#f8fbfb 0%,#edf7f7 100%)!important;
    color:#172f40!important;
  }
  body.cinematic-home .cinema-pricing .cinema-section-number,
  body.cinematic-home .cinema-pricing .cinema-eyebrow{color:#106099!important}
  body.cinematic-home .cinema-pricing h2{color:#152e3f!important;text-shadow:none!important}
  body.cinematic-home .cinema-dark-link{
    color:#1e445f!important;
    border-bottom-color:rgba(30,68,95,.3)!important;
  }
  body.cinematic-home .cinema-pricing-list{
    border-top:0!important;
  }
  body.cinematic-home .cinema-price-row,
  body.cinematic-home .cinema-price-featured{
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(18,58,87,.11)!important;
    box-shadow:0 14px 34px rgba(23,55,77,.065)!important;
    color:#172f40!important;
  }
  body.cinematic-home .cinema-price-featured{
    border-color:rgba(17,103,164,.3)!important;
    box-shadow:0 16px 38px rgba(17,103,164,.11)!important;
  }
  body.cinematic-home .cinema-price-row div>span{color:#146299!important}
  body.cinematic-home .cinema-price-row h3{color:#172f40!important}
  body.cinematic-home .cinema-price-row p{color:#60787e!important}
  body.cinematic-home .cinema-price-row>strong{color:#0d5a90!important}
  body.cinematic-home .cinema-price-row>strong small{color:#6e858a!important}
}