/* Final responsive pass: mobile-only layout fixes, plus the requested animated title treatment. */
@keyframes asFinalRoseFlow{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

:root{
  --as-final-rose:linear-gradient(110deg,#7a4c41 0%,#b97868 12%,#e1a08a 27%,#f8dfaa 43%,#d09178 58%,#9a5e51 72%,#efbd98 86%,#7a4c41 100%);
}

html body .works-hero .display,
html body .portfolio-hero .display,
html body .work-hero .display,
html body .trabajos-hero .display{
  background-image:var(--as-final-rose)!important;
  background-size:520% 100%!important;
  background-position:0% 50%;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  animation:asFinalRoseFlow 3.2s ease-in-out infinite!important;
}

html body .work-material-title{
  color:#1e1b18!important;
  -webkit-text-fill-color:#1e1b18!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  animation:none!important;
  font-weight:950!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  font-size:clamp(2.7rem,4.05vw,4.85rem)!important;
  line-height:1.02!important;
  max-width:1100px!important;
}

html body .work-material-title .rose-gold{
  background-image:var(--as-final-rose)!important;
  background-size:520% 100%!important;
  background-position:0% 50%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  animation:asFinalRoseFlow 3.2s ease-in-out infinite!important;
}

html body .results-logo-wrap{
  min-height:160px!important;
  padding:10px!important;
}

html body .results-logo-wrap img{
  width:min(92%,430px)!important;
  max-width:430px!important;
  height:auto!important;
  transform:scale(1.18)!important;
  transform-origin:center center!important;
}

@media(max-width:760px){
  html,
  body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  html body .container,
  html body .as-footer-wrap{
    width:min(100% - 30px, var(--max, 1180px))!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  html body .section,
  html body .section-tight{
    padding-top:54px!important;
    padding-bottom:54px!important;
  }

  html body .section + .section,
  html body .section-tight + .section,
  html body .section + .section-tight,
  html body .section-tight + .section-tight{
    margin-top:0!important;
  }

  html body .content-card,
  html body .info-card,
  html body .plan-card,
  html body .quote-card,
  html body .custom-form,
  html body .results-visual-card{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  html body .title,
  html body .compact-title,
  html body .display,
  html body .page-hero .display,
  html body .section-head h2{
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  html body .page-hero,
  html body .service-hero{
    padding-top:128px!important;
    padding-bottom:46px!important;
    overflow:hidden!important;
  }

  html body .page-hero .display{
    font-size:clamp(2.2rem,9.6vw,3.25rem)!important;
    line-height:1.05!important;
    letter-spacing:0!important;
  }

  html body .work-material-title{
    font-size:clamp(2.08rem,8.8vw,3.05rem)!important;
    line-height:1.06!important;
    letter-spacing:0!important;
    max-width:12ch!important;
  }

  html body .results-visual-card{
    padding:16px!important;
  }

  html body .results-visual-top{
    padding:0!important;
    gap:14px!important;
  }

  html body .results-logo-wrap{
    min-height:128px!important;
    padding:0!important;
    border-radius:24px!important;
  }

  html body .results-logo-wrap img{
    width:min(96%,360px)!important;
    max-width:360px!important;
    transform:scale(1.28)!important;
  }

  html body .page-hero .lead,
  html body .section-head .lead,
  html body .content-card p{
    font-size:1rem!important;
    line-height:1.62!important;
  }

  /* Benefits: prevent clipping, remove the large mobile gap, and normalize item typography. */
  html body #beneficios{
    overflow:hidden!important;
  }

  html body #beneficios .container{
    width:min(100% - 26px, var(--max, 1180px))!important;
  }

  html body #beneficios .content-card,
  html body #beneficios .benefit-upgrade{
    display:block!important;
    padding:28px 14px 24px!important;
    border-radius:32px!important;
    overflow:hidden!important;
  }

  html body #beneficios .benefit-intro{
    align-items:center!important;
    text-align:center!important;
    margin:0 auto!important;
  }

  html body #beneficios .benefit-intro .title{
    font-size:clamp(1.92rem,8.2vw,2.55rem)!important;
    line-height:1.08!important;
    letter-spacing:0!important;
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  html body #beneficios .benefit-intro p{
    max-width:31ch!important;
    margin:12px auto 0!important;
    text-align:center!important;
  }

  html body #beneficios .benefit-logo-wrap,
  html body #beneficios .benefit-logo-wrap.brand-logo-ticker{
    width:min(100%,360px)!important;
    min-height:94px!important;
    height:94px!important;
    margin:18px auto 18px!important;
    padding:8px 0!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }

  html body #beneficios .brand-logo-chip{
    min-width:172px!important;
    width:172px!important;
    height:72px!important;
    padding:10px 16px!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }

  html body #beneficios .brand-logo-chip img{
    width:140px!important;
    max-width:140px!important;
    max-height:48px!important;
    object-fit:contain!important;
    transform:scale(1.45)!important;
    transform-origin:center center!important;
  }

  html body #beneficios .benefit-check-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
  }

  html body #beneficios .benefit-item{
    width:100%!important;
    max-width:100%!important;
    min-height:auto!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    padding:13px 14px!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }

  html body #beneficios .benefit-item .list-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:14px!important;
    margin:0!important;
  }

  html body #beneficios .benefit-item p{
    font-size:.98rem!important;
    line-height:1.34!important;
    font-weight:720!important;
    margin:0!important;
    max-width:100%!important;
  }

  html body #beneficios .inline-actions{
    margin-top:18px!important;
    margin-bottom:0!important;
  }

  html body #beneficios + section{
    padding-top:42px!important;
  }

  html body .inline-actions{
    margin-top:22px!important;
    margin-bottom:0!important;
    gap:12px!important;
  }

  html body .btn,
  html body .btn span{
    max-width:100%!important;
  }

  html body .btn{
    min-height:54px!important;
    padding:0 20px!important;
    justify-content:center!important;
  }

  html body .btn span{
    font-size:clamp(.64rem,2.9vw,.82rem)!important;
    line-height:1.1!important;
    letter-spacing:.12em!important;
    white-space:nowrap!important;
  }

  html body .final-cta{
    padding-top:60px!important;
    padding-bottom:36px!important;
  }

  html body .final-cta .cta-panel{
    border-radius:36px!important;
    padding:44px 16px 34px!important;
  }

  html body .final-cta .title{
    font-size:clamp(2rem,8.2vw,3rem)!important;
    line-height:1.09!important;
    letter-spacing:0!important;
  }

  html body .final-cta .btn{
    width:100%!important;
    max-width:500px!important;
  }

  html body .final-cta .btn span{
    font-size:clamp(.59rem,2.55vw,.74rem)!important;
    letter-spacing:.105em!important;
  }

  html body .quote-ticker-wrap{
    margin-top:8px!important;
    margin-bottom:8px!important;
    overflow:hidden!important;
  }

  html body .quote-ticker{
    font-size:clamp(2.2rem,10vw,3.4rem)!important;
    line-height:1.02!important;
  }

  html body .vision-card,
  html body .vision-card .founder-text,
  html body .vision-card p{
    text-align:center!important;
  }

  html body .vision-card .title{
    font-size:clamp(1.9rem,8vw,2.7rem)!important;
    line-height:1.08!important;
    text-align:center!important;
  }

  html body .growth-reels-section{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }

  html body .growth-reels-shell{
    width:100%!important;
    max-width:100%!important;
    padding:24px 12px!important;
    border-radius:30px!important;
    overflow:hidden!important;
  }

  html body .growth-reels-copy{
    text-align:center!important;
  }

  html body .reel-mini-points{
    justify-content:center!important;
  }

  html body .growth-reels-track{
    height:535px!important;
    overflow:visible!important;
  }

  html body .growth-reel-card{
    width:min(252px,72vw)!important;
  }

  html body .growth-reel-card.prev{
    transform:translate(calc(-50% - 92px),-50%) rotateY(10deg) scale(.76)!important;
  }

  html body .growth-reel-card.next{
    transform:translate(calc(-50% + 92px),-50%) rotateY(-10deg) scale(.76)!important;
  }

  html body .growth-reels-controls{
    margin-top:12px!important;
  }

  html body .media-placeholder,
  html body .growth-tablet-clean{
    margin-top:10px!important;
    margin-bottom:12px!important;
    min-height:auto!important;
  }

  html body .growth-tablet-clean img,
  html body .media-placeholder img{
    max-width:100%!important;
    height:auto!important;
  }

  html body .content-card + .media-placeholder,
  html body .media-placeholder + .content-card{
    margin-top:18px!important;
  }

  html body .as-footer-video{
    padding-top:40px!important;
  }

  html body .as-footer-top,
  html body .as-footer-brand,
  html body .as-footer-bottom,
  html body .as-footer-contact,
  html body .as-footer-col,
  html body .as-footer-legal{
    text-align:center!important;
    justify-items:center!important;
  }

  html body .as-footer-brand img{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  html body .as-footer-brand p{
    max-width:29ch!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  html body .as-footer-social{
    justify-content:center!important;
    width:100%!important;
    gap:20px!important;
  }

  html body .as-footer-video-box{
    min-height:220px!important;
    margin-top:22px!important;
    margin-bottom:22px!important;
  }

  html body .as-footer-video-media{
    min-height:220px!important;
  }

  /* Home stations: give the active card room inside the bordered container. */
  html body #sistema .home-stations-card{
    min-height:690px!important;
    padding:30px 14px 34px!important;
    border-radius:32px!important;
    overflow:hidden!important;
  }

  html body #sistema .process-coverflow-shell{
    width:100%!important;
    max-width:100%!important;
    padding:0 10px 22px!important;
    margin-top:10px!important;
    box-sizing:border-box!important;
  }

  html body #sistema .process-step-grid.process-coverflow-track{
    width:100%!important;
    max-width:100%!important;
    height:500px!important;
    min-height:500px!important;
    overflow:visible!important;
  }

  html body #sistema .process-step-grid.process-coverflow-track .copy-row.process-step{
    width:min(100% - 28px,430px)!important;
    max-width:min(100% - 28px,430px)!important;
    min-height:390px!important;
    height:auto!important;
    max-height:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:26px 22px 28px!important;
    overflow:visible!important;
  }

  html body #sistema .process-step-grid.process-coverflow-track .copy-row.process-step strong{
    font-size:1.16rem!important;
    line-height:1.18!important;
  }

  html body #sistema .process-step-grid.process-coverflow-track .copy-row.process-step p{
    font-size:1.03rem!important;
    line-height:1.34!important;
  }

  html body #sistema .process-coverflow-controls{
    padding-left:10px!important;
    padding-right:10px!important;
    margin-top:12px!important;
    box-sizing:border-box!important;
  }

  html body #sistema .process-nav:focus,
  html body #sistema .process-nav:focus-visible{
    outline-offset:3px!important;
  }

  /* Footer: keep the whole top block visually centered on mobile. */
  html body .site-footer.as-footer-video,
  html body .site-footer.as-footer-video *{
    text-align:center!important;
  }

  html body .site-footer.as-footer-video .as-footer-wrap{
    display:grid!important;
    justify-items:center!important;
  }

  html body .site-footer.as-footer-video .as-footer-top,
  html body .site-footer.as-footer-video .as-footer-brand,
  html body .site-footer.as-footer-video .as-footer-bottom,
  html body .site-footer.as-footer-video .as-footer-contact,
  html body .site-footer.as-footer-video .as-footer-col,
  html body .site-footer.as-footer-video .as-footer-legal{
    width:100%!important;
    display:grid!important;
    justify-content:center!important;
    justify-items:center!important;
    align-items:center!important;
  }

  html body .site-footer.as-footer-video .as-footer-social{
    justify-content:center!important;
    align-items:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Home benefits logos: contain the marks without cropped ovals. */
  html body #beneficios .benefit-logo-wrap.brand-logo-ticker{
    height:104px!important;
    min-height:104px!important;
    padding:10px 0!important;
    overflow:hidden!important;
    border-radius:22px!important;
  }

  html body #beneficios .brand-logo-track{
    height:100%!important;
    align-items:center!important;
    gap:12px!important;
  }

  html body #beneficios .brand-logo-chip{
    width:178px!important;
    min-width:178px!important;
    height:76px!important;
    padding:8px 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }

  html body #beneficios .brand-logo-chip img{
    display:block!important;
    width:148px!important;
    max-width:148px!important;
    height:auto!important;
    max-height:52px!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:scale(1.42)!important;
    transform-origin:center center!important;
  }

  /* Brand flip mockup: reduce mobile padding and remove the empty lower area. */
  html body .media-placeholder:has(.brand-flip-scene){
    min-height:auto!important;
    padding:0!important;
    margin-top:8px!important;
    margin-bottom:0!important;
    align-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body .brand-flip-scene{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    margin:0 auto!important;
  }

  html body .brand-flip-card,
  html body .brand-face{
    width:100%!important;
    height:100%!important;
  }

  html body .brand-face,
  html body .brand-visual-img{
    border-radius:28px!important;
  }

  html body .brand-visual-img{
    object-fit:cover!important;
    object-position:center center!important;
  }

  html body .brand-flip-glow{
    display:none!important;
  }

  /* Includes orbit: mobile becomes a clean centered card with compact controls. */
  html body .includes-orbit-section{
    margin:34px 0!important;
  }

  html body .includes-orbit-showcase{
    padding:26px 12px 28px!important;
    border-radius:30px!important;
    overflow:hidden!important;
  }

  html body .includes-orbit-showcase > .title{
    font-size:clamp(1.82rem,7.8vw,2.45rem)!important;
    line-height:1.08!important;
    margin-bottom:12px!important;
  }

  html body .includes-orbit-showcase > p{
    max-width:28ch!important;
    margin-bottom:0!important;
  }

  html body .includes-orbit-showcase .includes-card-grid{
    margin-top:20px!important;
  }

  html body .brand-orbit-shell{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:auto!important;
    padding:0!important;
    width:100%!important;
  }

  html body .brand-orbit-ring{
    display:none!important;
  }

  html body .brand-orbit-center{
    width:100%!important;
    min-height:360px!important;
    height:360px!important;
    margin:0 auto!important;
    display:grid!important;
    place-items:center!important;
  }

  html body .brand-orbit-slide{
    inset:0!important;
  }

  html body .brand-orbit-slide .mini-include-card,
  html body .brand-orbit-slide .mini-include-card.full-span{
    width:100%!important;
    min-height:330px!important;
    max-height:none!important;
    padding:26px 18px 24px!important;
    border-radius:28px!important;
    justify-content:center!important;
  }

  html body .brand-orbit-slide .mini-include-card h3{
    font-size:clamp(1.36rem,6vw,1.78rem)!important;
    line-height:1.05!important;
    margin-bottom:18px!important;
  }

  html body .brand-orbit-slide .feature-list,
  html body .brand-orbit-slide .feature-list.two-col,
  html body .brand-orbit-slide .mini-include-card.full-span .feature-list.two-col{
    gap:12px!important;
  }

  html body .brand-orbit-slide .feature-list li,
  html body .brand-orbit-slide .feature-list.two-col li,
  html body .brand-orbit-slide .mini-include-card.full-span .feature-list.two-col li{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:12px!important;
    text-align:left!important;
  }

  html body .brand-orbit-slide .list-icon{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    margin:0!important;
    border-radius:15px!important;
  }

  html body .brand-orbit-slide .feature-list li > div{
    text-align:left!important;
    font-size:clamp(.95rem,4.1vw,1.05rem)!important;
    line-height:1.34!important;
  }

  html body .brand-orbit-nodes{
    position:relative!important;
    order:2!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:100%!important;
    margin:10px auto 0!important;
  }

  html body .brand-orbit-node,
  html body .brand-orbit-node[data-pos="0"],
  html body .brand-orbit-node[data-pos="1"],
  html body .brand-orbit-node[data-pos="2"],
  html body .brand-orbit-node[data-pos="3"],
  html body .brand-orbit-node[data-pos="4"]{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:58px!important;
    min-width:58px!important;
    min-height:44px!important;
    height:44px!important;
    padding:0!important;
    margin:0!important;
    border-radius:16px!important;
    display:grid!important;
    place-items:center!important;
  }

  html body .brand-orbit-node span:first-child{
    font-size:.72rem!important;
  }

  html body .brand-orbit-node span:last-child{
    display:none!important;
  }

  html body .brand-orbit-controls{
    order:3!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:56px minmax(74px,130px) 56px!important;
    gap:12px!important;
    margin-top:18px!important;
  }

  html body .brand-orbit-arrow{
    width:56px!important;
    height:56px!important;
    border-radius:18px!important;
  }

  html body .brand-orbit-progress{
    width:100%!important;
  }

  /* Brand System process: remove mobile coverflow padding and show compact steps. */
  html body.service-page-leftcards .process-card{
    padding:26px 16px!important;
    border-radius:30px!important;
    text-align:center!important;
  }

  html body.service-page-leftcards .process-card h3{
    font-size:clamp(1.8rem,8vw,2.45rem)!important;
    line-height:1.08!important;
    margin:0 auto 18px!important;
    text-align:center!important;
  }

  html body.service-page-leftcards .process-coverflow-shell{
    margin-top:8px!important;
  }

  html body.service-page-leftcards .process-step-grid.process-coverflow-track{
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:0!important;
    overflow:visible!important;
    perspective:none!important;
    transform:none!important;
  }

  html body.service-page-leftcards .process-step-grid.process-coverflow-track .process-step,
  html body.service-page-leftcards .process-step-grid.process-coverflow-track .process-step.is-active,
  html body.service-page-leftcards .process-step-grid.process-coverflow-track .process-step.is-prev,
  html body.service-page-leftcards .process-step-grid.process-coverflow-track .process-step.is-next,
  html body.service-page-leftcards .process-step-grid.process-coverflow-track .process-step.is-far-prev,
  html body.service-page-leftcards .process-step-grid.process-coverflow-track .process-step.is-far-next{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    opacity:1!important;
    filter:none!important;
    pointer-events:auto!important;
    width:100%!important;
    min-height:auto!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    padding:14px 15px!important;
    border-radius:20px!important;
    text-align:left!important;
    box-shadow:0 12px 28px rgba(95,78,61,.06)!important;
  }

  html body.service-page-leftcards .process-step-grid.process-coverflow-track .process-step-no{
    position:static!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    margin:0!important;
    font-size:1rem!important;
  }

  html body.service-page-leftcards .process-step-grid.process-coverflow-track .process-step p{
    font-size:1rem!important;
    line-height:1.35!important;
    text-align:left!important;
    margin:0!important;
  }

  html body.service-page-leftcards .process-coverflow-controls{
    display:none!important;
  }
}

/* V84: microajustes finales de espaciado y alineación solicitados. */
@media(min-width:1181px){
  html body #metodo .commercial-step{
    grid-template-rows:68px 31px 44px 1fr!important;
    row-gap:8px!important;
  }

  html body #metodo .commercial-step b{
    min-height:31px!important;
  }

  html body #metodo .commercial-step strong{
    min-height:44px!important;
    margin-top:4px!important;
  }

  html body #metodo .commercial-step p{
    margin-top:4px!important;
  }
}

html body .section-tight:has(.dense-grid.two .differentiator-list) .content-card > .title{
  margin-bottom:12px!important;
}

html body .section-tight:has(.dense-grid.two .differentiator-list) .content-card > .feature-list{
  margin-top:10px!important;
}

@media(min-width:761px){
  html body .hero:has(.work-material-title) .hero-grid > div:first-child{
    transform:translateY(-28px)!important;
  }
}

@media(max-width:760px){
  html body section:has(.copy-list.no-list) .info-card:first-child .copy-list li{
    padding-left:0!important;
  }
}

/* V85 OVERRIDE: mantener al final del archivo. */
@media(min-width:1181px){
  html body #metodo .commercial-step{
    grid-template-rows:68px 31px 42px 1fr!important;
    row-gap:5px!important;
  }
  html body #metodo .commercial-step strong{
    min-height:42px!important;
    margin-top:0!important;
  }
  html body #metodo .commercial-step p{margin-top:0!important;}
}

@media(min-width:761px){
  html body .hero:has(.work-material-title) .hero-grid > div:first-child{
    transform:none!important;
  }
  html body .hero-card:has(img[src*="logo-circulo"]) p,
  html body .hero-card:has(img[src*="logo-circulo"]) .lead{
    transform:translateY(-52px)!important;
  }
}

/* V85 FINAL: únicamente los dos ajustes puntuales solicitados. */
@media(min-width:1181px){
  html body #metodo .commercial-step{
    grid-template-rows:68px 31px 42px 1fr!important;
    row-gap:5px!important;
  }
  html body #metodo .commercial-step strong{
    min-height:42px!important;
    margin-top:0!important;
  }
  html body #metodo .commercial-step p{
    margin-top:0!important;
  }
}

@media(min-width:761px){
  html body .hero:has(.work-material-title) .hero-grid > div:first-child{
    transform:none!important;
  }
  html body .hero-card:has(img[src*="logo-circulo"]) p,
  html body .hero-card:has(img[src*="logo-circulo"]) .lead{
    transform:translateY(-52px)!important;
  }
}

/* V83: ajustes de alineación estables a zoom 100% y distintas resoluciones. */

/* Inicio: las cuatro etiquetas conservan la misma línea visual. */
html body #costo .copy-section-grid.four .info-card .eyebrow{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:clamp(7px,.7vw,12px)!important;
  width:100%!important;
  min-width:0!important;
  white-space:nowrap!important;
  font-size:clamp(.58rem,.66vw,.72rem)!important;
  letter-spacing:clamp(.1em,.14vw,.17em)!important;
  line-height:1.2!important;
  justify-content:center!important;
}

html body #costo .copy-section-grid.four .info-card .eyebrow::before,
html body #costo .copy-section-grid.four .info-card .eyebrow::after{
  flex:1 1 24px!important;
  width:auto!important;
  min-width:10px!important;
  max-width:34px!important;
}

/* Testimonios: cierre de comillas visible en todas las tarjetas y sus clones. */
html body #testimonios .t-card p::after{
  content:"”";
  display:inline;
  margin-left:.12em;
  color:rgba(164,109,97,.58);
  font-family:Georgia,serif;
  font-size:1.32em;
  font-weight:700;
  line-height:0;
}

/* Inicio: proceso alineado aun en escritorios con menos ancho útil. */
@media(min-width:1181px){
  html body #metodo .commercial-step{
    display:grid!important;
    grid-template-rows:68px 37px 52px 1fr!important;
    row-gap:14px!important;
    align-content:start!important;
  }

  html body #metodo .commercial-step b{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:2.25em!important;
    padding:7px 8px!important;
    white-space:nowrap!important;
    font-size:clamp(.52rem,.57vw,.64rem)!important;
    letter-spacing:clamp(.07em,.1vw,.12em)!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }

  html body #metodo .commercial-step strong{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-height:2.3em!important;
    margin-top:12px!important;
    font-size:clamp(.96rem,1.06vw,1.16rem)!important;
    line-height:1.15!important;
    text-align:center!important;
  }

  html body #metodo .commercial-step p{
    align-self:start!important;
    font-size:clamp(.82rem,.84vw,.94rem)!important;
    line-height:1.58!important;
    text-align:center!important;
  }
}

/* Brand System Pro: ambos encabezados parten desde la misma altura. */
html body .section-tight:has(.dense-grid.two .differentiator-list) .dense-grid.two{
  align-items:stretch!important;
}

html body .section-tight:has(.dense-grid.two .differentiator-list) .content-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
}

html body .section-tight:has(.dense-grid.two .differentiator-list) .content-card > .eyebrow{
  min-height:1.25em!important;
  margin-bottom:26px!important;
}

html body .section-tight:has(.dense-grid.two .differentiator-list) .content-card > .title{
  min-height:2.16em!important;
  margin:0 0 24px!important;
  font-size:clamp(2rem,3vw,3.55rem)!important;
  line-height:1.08!important;
}

/* Casos: el bloque de título queda centrado respecto a la tarjeta lateral. */
@media(min-width:761px){
  html body .hero:has(.work-material-title) .hero-grid{
    align-items:center!important;
  }
}

/* Agenda: icono arriba, texto abajo y las tres tarjetas con la misma guía. */
html body .section-tight:has(.agenda-meta-grid) .agenda-meta-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
  min-height:220px!important;
  text-align:center!important;
}

html body .section-tight:has(.agenda-meta-grid) .agenda-meta-card .ready-icon{
  flex:0 0 auto!important;
  margin:0 auto!important;
}

html body .section-tight:has(.agenda-meta-grid) .agenda-meta-card > div{
  width:100%!important;
  text-align:center!important;
}

html body .section-tight:has(.agenda-meta-grid) .agenda-meta-card h3,
html body .section-tight:has(.agenda-meta-grid) .agenda-meta-card p{
  text-align:center!important;
}

@media(max-width:1180px) and (min-width:761px){
  html body #costo .copy-section-grid.four .info-card .eyebrow{
    font-size:.68rem!important;
  }
}

@media(max-width:760px){
  html body .section-tight:has(.agenda-meta-grid) .agenda-meta-card{
    min-height:0!important;
  }
}

@media(max-width:430px){
  html body .site-header .brand-word{
    width:min(176px,50vw)!important;
    max-width:50vw!important;
  }

  html body .site-header{
    width:min(100% - 24px, 680px)!important;
  }

  html body .title,
  html body .compact-title,
  html body .section-head h2{
    font-size:clamp(1.82rem,8.4vw,2.45rem)!important;
    line-height:1.1!important;
    letter-spacing:0!important;
  }

  html body .page-hero .display{
    font-size:clamp(2rem,9.2vw,2.9rem)!important;
  }

  html body .final-cta .btn span{
    font-size:clamp(.54rem,2.35vw,.68rem)!important;
    letter-spacing:.09em!important;
  }
}

/* Subtle moving shine for existing icons only. */
@keyframes asIconReflectionSweep{
  0%{transform:translateX(-220%) skewX(-16deg);}
  100%{transform:translateX(220%) skewX(-16deg);}
}

html body .card-auto-icon,
html body .premium-icon,
html body .session-icon,
html body .channel-svg,
html body .diff-icon,
html body .ready-icon,
html body .step-card-icon,
html body .milestone-icon,
html body .process-step-no,
html body .testimonial-arrow,
html body .brand-orbit-arrow,
html body .video-play-dot,
html body .t-avatar,
html body .list-icon.icon-check,
html body .list-icon.icon-cross,
html body .list-icon.icon-svg,
html body .list-icon.icon-bi,
html body .differentiator-list .icon-bi{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

html body .card-auto-icon::after,
html body .premium-icon::after,
html body .session-icon::after,
html body .channel-svg::after,
html body .diff-icon::after,
html body .ready-icon::after,
html body .step-card-icon::after,
html body .milestone-icon::after,
html body .process-step-no::after,
html body .testimonial-arrow::after,
html body .brand-orbit-arrow::after,
html body .video-play-dot::after,
html body .t-avatar::after,
html body .list-icon.icon-check::after,
html body .list-icon.icon-cross::after,
html body .list-icon.icon-svg::after,
html body .list-icon.icon-bi::after,
html body .differentiator-list .icon-bi::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-18%!important;
  background:linear-gradient(115deg,transparent 0 35%,rgba(255,255,255,.42) 46%,rgba(255,255,255,.16) 53%,transparent 64% 100%)!important;
  transform:translateX(-220%) skewX(-16deg);
  animation:asIconReflectionSweep 3.8s linear infinite!important;
  pointer-events:none!important;
  z-index:1!important;
}

html body .card-auto-icon > *,
html body .premium-icon > *,
html body .session-icon > *,
html body .channel-svg > *,
html body .diff-icon > *,
html body .ready-icon > *,
html body .step-card-icon > *,
html body .milestone-icon > *,
html body .process-step-no > *,
html body .testimonial-arrow > *,
html body .brand-orbit-arrow > *,
html body .video-play-dot > *,
html body .t-avatar > *,
html body .list-icon.icon-svg > *,
html body .list-icon.icon-bi > *,
html body .differentiator-list .icon-bi > *{
  position:relative!important;
  z-index:2!important;
}

/* Brand System Pro ambient visual. */
html body .brand-system-film-section{
  padding:0 0 clamp(42px,6vw,86px)!important;
  margin-top:clamp(-48px,-3vw,-24px)!important;
  position:relative!important;
  overflow:hidden!important;
}

html body .brand-system-film-section .container{
  width:min(1480px,calc(100% - 72px))!important;
  max-width:1480px!important;
}

html body .brand-system-film-frame{
  position:relative!important;
  aspect-ratio:16/7!important;
  min-height:clamp(280px,34vw,560px)!important;
  border-radius:clamp(28px,3vw,52px)!important;
  overflow:hidden!important;
  border:1px solid rgba(213,190,170,.68)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(248,241,234,.92))!important;
  box-shadow:0 30px 90px rgba(116,82,63,.11), inset 0 1px 0 rgba(255,255,255,.82)!important;
}

html body .brand-system-film-frame::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(30,27,24,.08))!important;
  pointer-events:none!important;
  z-index:1!important;
}

html body .brand-system-film-media{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

@media(max-width:900px){
  html body .brand-system-film-section{
    margin-top:-18px!important;
    padding-bottom:36px!important;
  }

  html body .brand-system-film-section .container{
    width:min(100% - 28px,1480px)!important;
  }

  html body .brand-system-film-frame{
    aspect-ratio:4/5!important;
    min-height:360px!important;
    border-radius:32px!important;
  }
}

/* Requested final corrections: Brand System mobile logo and Cases copy alignment. */
html body .hero .hero-grid > .hero-card p{
  text-align:center!important;
}

@media(max-width:900px){
  html body .results-upgrade-grid .results-logo-wrap{
    overflow:hidden!important;
    padding:18px!important;
    min-height:150px!important;
    box-sizing:border-box!important;
  }

  html body .results-upgrade-grid .results-logo-wrap img{
    width:min(82%,280px)!important;
    max-width:280px!important;
    height:auto!important;
    transform:none!important;
    object-fit:contain!important;
  }
}

@media(max-width:760px){
  html body #calendly .calendly-shell{
    height:960px!important;
    min-height:960px!important;
    max-height:none!important;
    overflow:auto!important;
    background:#fff!important;
  }

  html body #calendly .calendly-inline-widget{
    width:100%!important;
    min-width:100%!important;
    height:960px!important;
    min-height:960px!important;
    margin:0!important;
    background:#fff!important;
  }

  html body #calendly .calendly-inline-widget iframe,
  html body #calendly iframe{
    width:100%!important;
    height:960px!important;
    min-height:960px!important;
    background:#fff!important;
  }
}

/* Final requested desktop alignment fixes. */
@media(min-width:981px){
  html body .site-header{
    width:min(100% - 48px,1780px)!important;
    max-width:calc(100% - 48px)!important;
    gap:clamp(12px,1.2vw,28px)!important;
    overflow:visible!important;
  }

  html body .site-header .brand{
    flex:0 1 clamp(230px,24vw,380px)!important;
    min-width:220px!important;
  }

  html body .site-header .brand-word{
    width:clamp(220px,23vw,360px)!important;
    max-width:100%!important;
  }

  html body .site-header .nav{
    flex:1 1 auto!important;
    min-width:0!important;
    gap:clamp(6px,.65vw,14px)!important;
  }

  html body .site-header .nav a{
    white-space:nowrap!important;
    font-size:clamp(.66rem,.78vw,.82rem)!important;
    letter-spacing:clamp(.08em,.16vw,.16em)!important;
  }

  html body .site-header .header-cta{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:clamp(250px,19vw,330px)!important;
    max-width:min(330px,24vw)!important;
    padding:0 clamp(16px,1.5vw,28px)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  html body .site-header .header-cta span{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:clamp(.58rem,.72vw,.76rem)!important;
    letter-spacing:clamp(.08em,.12vw,.13em)!important;
  }

  html body .contact-channel-grid{
    align-items:stretch!important;
  }

  html body .contact-channel-card{
    display:grid!important;
    grid-template-rows:92px auto 1fr!important;
    justify-items:center!important;
    align-items:start!important;
    text-align:center!important;
    gap:10px!important;
  }

  html body .contact-channel-card .channel-svg,
  html body .contact-channel-card .premium-icon{
    align-self:start!important;
    justify-self:center!important;
    margin:0 auto!important;
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
  }

  html body .contact-channel-card h3,
  html body .contact-channel-card p{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

html body .hero-card img[src*="logo-circulo"]{
  width:min(320px,68%)!important;
  max-width:320px!important;
  height:auto!important;
  object-fit:contain!important;
  justify-self:center!important;
  align-self:center!important;
  margin:0 auto!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:1!important;
}

/* Final small fixes: smoother benefits logo ticker and unclipped About hero title. */
html body #beneficios .brand-logo-track{
  animation:benefitLogoTickerFinal 48s linear infinite!important;
}

@keyframes benefitLogoTickerFinal{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-25%,0,0)}
}

html body.about-page .page-hero .display{
  font-size:clamp(2.2rem,8.9vw,3.08rem)!important;
  overflow:visible!important;
}

html body.about-page .page-hero .display .rose-gold{
  display:inline-block!important;
  padding-right:.11em!important;
  margin-right:-.04em!important;
  overflow:visible!important;
}

@media(min-width:981px){
  html body.about-page .page-hero .container{
    width:min(100% - 76px, var(--max, 1180px))!important;
  }
}

/* July final requested corrections. */
html body .site-header .brand{
  flex-basis:clamp(190px,18vw,300px)!important;
  min-width:190px!important;
}

html body .site-header .brand-word{
  width:clamp(188px,17vw,285px)!important;
  max-height:56px!important;
  object-fit:contain!important;
}

html body .loader-logo{
  content:url("logo_transparente_blanco.png")!important;
  width:min(330px,72vw)!important;
}

html body .floating-whatsapp{
  position:fixed!important;
  right:clamp(18px,2.4vw,34px)!important;
  bottom:clamp(18px,2.4vw,34px)!important;
  z-index:9998!important;
  width:58px!important;
  height:58px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  text-decoration:none!important;
  background:linear-gradient(135deg,#8f5a4e,#c98574)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 18px 40px rgba(93,55,44,.26)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}

html body .floating-whatsapp:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 22px 46px rgba(93,55,44,.32)!important;
}

html body .floating-whatsapp i{
  font-size:1.72rem!important;
  line-height:1!important;
}

html body .feature-list li,
html body .copy-list li,
html body .no-list li,
html body .benefit-item,
html body .content-card:has(.copy-list) .copy-list li{
  align-items:center!important;
}

html body .feature-list li > div,
html body .copy-list li > div,
html body .no-list li > div,
html body .benefit-item p,
html body .feature-list li p,
html body .copy-list li p,
html body .no-list li p{
  align-self:center!important;
}

html body .t-avatar{
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(205,143,119,.26)!important;
}

html body .t-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:inherit!important;
  display:block!important;
  padding:3px!important;
  box-sizing:border-box!important;
}

html body #beneficios .brand-logo-track{
  gap:14px!important;
}

html body #beneficios .brand-logo-chip{
  background:transparent!important;
  box-shadow:none!important;
}

html body #calendly .calendly-inline-widget iframe,
html body #calendly iframe{
  filter:none!important;
  -webkit-filter:none!important;
}

html body #calendly .calendly-shell{
  background:#fff!important;
  box-shadow:0 18px 52px rgba(48,41,35,.08)!important;
}

html body .hero-card:has(img[src*="logo-circulo"]){
  align-content:center!important;
  row-gap:18px!important;
}

html body .hero-card:has(img[src*="logo-circulo"]) p,
html body .hero-card:has(img[src*="logo-circulo"]) .lead{
  margin-top:0!important;
  transform:translateY(-10px)!important;
}

html body .hero-display,
html body .hero-display .line,
html body #hero .hero-display,
html body .hero .hero-display{
  overflow:visible!important;
}

html body .hero-display .rose-gold{
  display:inline-block!important;
  padding-right:.08em!important;
  margin-right:-.03em!important;
}

html body .mockup-phones.mockup-switcher img{
  transition:opacity .7s cubic-bezier(.22,.8,.25,1),transform .7s cubic-bezier(.22,.8,.25,1),filter .7s ease!important;
}

@media(max-width:760px){
  html body .site-header .brand{
    min-width:150px!important;
    flex-basis:150px!important;
  }

  html body .site-header .brand-word{
    width:min(150px,44vw)!important;
    max-width:44vw!important;
  }

  html body .floating-whatsapp{
    width:54px!important;
    height:54px!important;
    right:16px!important;
    bottom:18px!important;
  }

  html body .mockup-phones.mockup-switcher{
    overflow:visible!important;
  }

  html body .mockup-phones.mockup-switcher .mockup-primary{
    opacity:1!important;
    transform:translateX(-8%) rotate(-2.5deg) scale(.96)!important;
  }

  html body .mockup-phones.mockup-switcher .mockup-secondary{
    opacity:.92!important;
    transform:translateX(10%) rotate(2.5deg) scale(.94)!important;
  }

  html body .mockup-phones.mockup-switcher.reveal,
  html body .mockup-phones.mockup-switcher.revealed{
    animation:phoneSoftEntrance .9s cubic-bezier(.22,.8,.25,1) both!important;
  }

  html body #beneficios .benefit-logo-wrap.brand-logo-ticker{
    height:86px!important;
    min-height:86px!important;
    padding:4px 0!important;
    margin-top:16px!important;
  }

  html body #beneficios .brand-logo-track{
    gap:8px!important;
    padding-inline:0!important;
  }

  html body #beneficios .brand-logo-chip{
    flex:0 0 66px!important;
    width:66px!important;
    min-width:66px!important;
    height:66px!important;
    padding:0!important;
    border-radius:50%!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  html body #beneficios .brand-logo-chip img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    border-radius:50%!important;
    transform:none!important;
  }

  html body .final-cta .title .line{
    display:block!important;
  }

  html body .final-cta .title .final-cta-emphasis{
    display:block!important;
    padding-right:.12em!important;
  }

  html body .final-cta .title{
    line-height:1.08!important;
  }

  html body .final-cta .lead{
    margin-top:8px!important;
  }

  html body .final-cta .btn{
    margin-top:24px!important;
  }

  html body .service-page-leftcards .section + .section,
  html body .service-page-leftcards .section-tight + .section,
  html body .service-page-leftcards .section + .section-tight{
    margin-top:0!important;
  }

  html body .inline-actions{
    margin-top:18px!important;
  }

  html body .plans-grid + .inline-actions,
  html body .copy-section-grid + .inline-actions,
  html body .commercial-grid + .inline-actions{
    margin-top:32px!important;
    margin-bottom:28px!important;
  }

  html body .btn.btn-ghost,
  html body a.btn.btn-ghost{
    color:#6d554b!important;
    background:rgba(255,255,255,.58)!important;
    border-color:rgba(185,120,104,.28)!important;
  }

  html body .hero-display{
    font-size:clamp(2.2rem,11.6vw,3.7rem)!important;
    line-height:1.03!important;
  }

  html body .hero-display .rose-gold{
    padding-right:.13em!important;
  }

  html body #calendly{
    background:transparent!important;
  }

  html body #calendly .container{
    width:min(100% - 20px,1120px)!important;
  }

  html body #calendly .calendly-premium-card{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    overflow:visible!important;
  }

  html body #calendly .calendly-shell{
    height:690px!important;
    min-height:690px!important;
    max-height:690px!important;
    overflow:hidden!important;
    background:#fff!important;
    border-radius:28px!important;
    clip-path:inset(0 round 28px)!important;
  }

  html body #calendly .calendly-inline-widget{
    height:790px!important;
    min-height:790px!important;
    width:100%!important;
    min-width:100%!important;
    margin:0 0 -100px!important;
    background:#fff!important;
  }

  html body #calendly .calendly-inline-widget iframe,
  html body #calendly iframe{
    height:790px!important;
    min-height:790px!important;
    background:#fff!important;
    filter:none!important;
    -webkit-filter:none!important;
  }
}

@keyframes phoneSoftEntrance{
  from{opacity:.72;transform:translateY(28px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

/* Final micro-fixes: mobile CTA contrast. */

@media(max-width:760px){
  html body a.btn.btn-ghost,
  html body button.btn.btn-ghost,
  html body .inline-actions .btn.btn-ghost,
  html body .hero-actions .btn.btn-ghost{
    color:#fff!important;
    background:linear-gradient(135deg,#8f5a4e 0%,#b97868 54%,#d2917f 100%)!important;
    border-color:rgba(255,255,255,.48)!important;
    box-shadow:0 18px 44px rgba(143,90,78,.22),inset 0 1px 0 rgba(255,255,255,.35)!important;
  }

  html body a.btn.btn-ghost span,
  html body button.btn.btn-ghost span,
  html body .inline-actions .btn.btn-ghost span,
  html body .hero-actions .btn.btn-ghost span{
    color:#fff!important;
  }

  html body .cta-panel .btn.btn-ghost{
    background:linear-gradient(135deg,#8f5a4e 0%,#b97868 54%,#d2917f 100%)!important;
  }
}

/* Testimonial chips: show the real label next to every thumbnail. */
html body #testimonios .t-logo-chip span:last-child{
  font-size:.74rem!important;
  line-height:1!important;
  font-weight:800!important;
  color:var(--text,#4f453f)!important;
  display:inline-flex!important;
  align-items:center!important;
}

html body #testimonios .t-logo-chip span:last-child::after{
  content:none!important;
  display:none!important;
}

/* V79: footer clásico completo, sin acercamiento ni recorte. */
html body .as-footer-video-box{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:5 / 2!important;
  overflow:hidden!important;
}

html body .as-footer-video-media{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:5 / 2!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* V76: ajustes exclusivos para móvil / Safari en iPhone. */
@media(max-width:760px){
  html body .about-copy-grid .portrait-slot{
    min-height:0!important;height:auto!important;aspect-ratio:auto!important;
    padding:0!important;overflow:hidden!important;
  }
  html body .about-copy-grid .portrait-slot img[src*="andrea-quienes-somos"]{
    position:relative!important;inset:auto!important;display:block!important;
    width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    aspect-ratio:auto!important;object-fit:contain!important;object-position:center top!important;
    transform:none!important;
  }
  html body .as-footer-video-box{
    width:100%!important;height:auto!important;min-height:0!important;
    aspect-ratio:16 / 9!important;overflow:hidden!important;
  }
  html body .as-footer-video-media{
    display:block!important;width:100%!important;height:100%!important;min-height:0!important;
    aspect-ratio:16 / 9!important;object-fit:cover!important;background:#eee8e2!important;
  }
  html body .growth-intro-section{padding-bottom:22px!important;}
  html body .growth-intro-section .growth-tablet-clean{min-height:0!important;margin-bottom:0!important;}
  html body .growth-intro-section .growth-tablet-clean img{
    display:block!important;width:100%!important;height:auto!important;min-height:0!important;object-fit:contain!important;
  }
  html body .growth-audience-section{padding-top:22px!important;}
  html body #planes{padding-bottom:26px!important;}
  html body #planes .inline-actions{
    margin-top:28px!important;margin-bottom:0!important;transform:translateY(18px)!important;
  }
  html body .growth-results-section{padding-top:52px!important;}
  html body .growth-reels-shell{padding:22px 12px 24px!important;}
  html body .growth-reels-track{height:500px!important;}
  html body .growth-reel-card{width:min(230px,66vw)!important;}
  html body .growth-reel-card .reel-phone-frame video{
    width:100%!important;height:auto!important;aspect-ratio:9 / 16!important;
    object-fit:contain!important;object-position:center!important;background:#241f1c!important;
  }
  html body .growth-results-section .copy-list li{align-items:flex-start!important;}
  html body .growth-results-section .copy-list li::before{top:.12em!important;transform:none!important;}
  html body .contact-connect > .eyebrow,
  html body .contact-connect > h2,
  html body .contact-connect > .lead{
    width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;
    text-align:center!important;justify-content:center!important;
  }
}

/* V84 FINAL: debe permanecer al cierre para prevalecer sobre los estilos previos. */
@media(min-width:1181px){
  html body #metodo .commercial-step{
    grid-template-rows:68px 31px 44px 1fr!important;
    row-gap:8px!important;
  }
  html body #metodo .commercial-step b{min-height:31px!important;}
  html body #metodo .commercial-step strong{
    min-height:44px!important;
    margin-top:4px!important;
  }
  html body #metodo .commercial-step p{margin-top:4px!important;}
}

html body .section-tight:has(.dense-grid.two .differentiator-list) .content-card > .title{
  margin-bottom:12px!important;
}

html body .section-tight:has(.dense-grid.two .differentiator-list) .content-card > .feature-list{
  margin-top:10px!important;
}

@media(min-width:761px){
  html body .hero:has(.work-material-title) .hero-grid > div:first-child{
    transform:translateY(-28px)!important;
  }
}

@media(max-width:760px){
  html body section:has(.copy-list.no-list) .info-card:first-child .copy-list li{
    padding-left:0!important;
  }
}

/* V85 ABSOLUTE FINAL: ajustes puntuales del proceso y la tarjeta de Casos. */
@media(min-width:1181px){
  html body #metodo .commercial-step{
    grid-template-rows:68px 31px 42px 1fr!important;
    row-gap:5px!important;
  }
  html body #metodo .commercial-step strong{
    min-height:42px!important;
    margin-top:0!important;
  }
  html body #metodo .commercial-step p{margin-top:0!important;}
}

@media(min-width:761px){
  html body .hero:has(.work-material-title) .hero-grid > div:first-child{
    transform:none!important;
  }
  html body .hero-card:has(img[src*="logo-circulo"]) p,
  html body .hero-card:has(img[src*="logo-circulo"]) .lead{
    transform:translateY(-52px)!important;
  }
}

/* V86 ABSOLUTE FINAL: igualar el aire arriba y abajo del título. */
@media(min-width:1181px){
  html body #metodo .commercial-step strong{
    align-items:center!important;
  }
}

/* V87: ajustes puntuales solicitados de espaciado, alineación y rendimiento. */
html body .reveal{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  transition-delay:0s!important;
}

/* Inicio: aprovechar mejor el ancho de la columna de texto junto a Andrea. */
@media(min-width:981px){
  html body #andrea .founder{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
    padding-right:clamp(28px,2.2vw,40px)!important;
  }

  html body #andrea .founder-copy{
    padding-right:0!important;
  }

  html body #andrea .founder-copy > *,
  html body #andrea .founder-copy .title{
    width:100%!important;
    max-width:none!important;
  }
}

/* Quiénes somos: quitar los dos vacíos acumulados entre hero, tarjeta e imagen. */
@media(min-width:761px){
  html body.about-page .page-hero{
    padding-bottom:32px!important;
  }

  html body.about-page .page-hero + .section{
    padding-top:34px!important;
    padding-bottom:28px!important;
  }

  html body.about-page .page-hero + .section + .section{
    padding-top:28px!important;
  }
}

@media(max-width:760px){
  html body.about-page .page-hero{
    padding-bottom:28px!important;
  }

  html body.about-page .page-hero + .section{
    padding-top:28px!important;
    padding-bottom:24px!important;
  }

  html body.about-page .page-hero + .section + .section{
    padding-top:24px!important;
  }

  /* Header: solo en móvil, el logo gana presencia sin tocar escritorio. */
  html body .site-header .brand-word{
    width:min(220px,58vw)!important;
    max-width:58vw!important;
    max-height:52px!important;
  }

  /* Testimonios: composición centrada como en escritorio. */
  html body #testimonios .testimonials-head{
    width:100%!important;
    max-width:100%!important;
    margin-inline:auto!important;
    text-align:center!important;
    justify-items:center!important;
    align-items:center!important;
  }

  html body #testimonios .testimonials-head .eyebrow{
    width:max-content!important;
    max-width:100%!important;
    margin-inline:auto!important;
    justify-content:center!important;
    text-align:center!important;
  }

  html body #testimonios .testimonials-head .title{
    width:100%!important;
    max-width:12ch!important;
    margin-inline:auto!important;
    text-align:center!important;
  }

  html body #testimonios .testimonials-head .title .line{
    display:block!important;
    width:100%!important;
    text-align:center!important;
  }

  html body #testimonios .testimonials-head .lead{
    width:100%!important;
    max-width:32ch!important;
    margin-inline:auto!important;
    text-align:center!important;
  }

  html body #testimonios .testimonial-arrows{
    width:100%!important;
    justify-content:center!important;
    margin-inline:auto!important;
  }
}

/* Growth Ecosystem: icono arriba y contenido centrado en todos los tamaños. */
html body .operado-grid .info-card{
  align-content:start!important;
  justify-items:center!important;
  text-align:center!important;
}

html body .operado-grid .info-card .card-auto-icon,
html body .operado-grid .info-card .premium-icon{
  margin-left:auto!important;
  margin-right:auto!important;
}

html body .operado-grid .info-card strong,
html body .operado-grid .info-card p{
  width:100%!important;
  max-width:34ch!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

/* Reels: eliminar el desenfoque de presentación y evitar filtros heredados. */
html body .growth-reel-card,
html body .growth-reel-card.active,
html body .growth-reel-card.prev,
html body .growth-reel-card.next,
html body .growth-reel-card video{
  filter:none!important;
  -webkit-filter:none!important;
}

html body .growth-reel-card.prev,
html body .growth-reel-card.next{
  opacity:.68!important;
}

/* V89: únicamente los dos microajustes finales solicitados. */
@media(min-width:1181px){
  html body #metodo .commercial-step{
    grid-template-rows:81px 31px 42px 1fr!important;
  }

  html body #beneficios .brand-logo-chip img[src*="isotipo-carousel-02"]{
    transform:translateY(-7px) scale(1.04)!important;
    transform-origin:center center!important;
  }
}