/* Argentalis FINAL responsive adaptation
   Desktop (>1024px) is intentionally untouched. */

@media (max-width:1024px){
  html,body{max-width:100%;overflow-x:hidden!important}
  *,*::before,*::after{box-sizing:border-box}
  img,video,svg,canvas,iframe{max-width:100%;height:auto}
  .container,.arg-ref-nav,.arg-ref-footer-shell{min-width:0;max-width:100%}
  .container{width:min(calc(100% - 40px),1180px)!important}
  main,section,header,footer,article,aside,div{min-width:0}
  input,select,textarea,button,a{min-width:0}
  h1,h2,h3,p,a,span,strong,small,label{overflow-wrap:normal;word-break:normal}
  .term-page a,.term-block a,.legal-page a,.legal-content a{overflow-wrap:anywhere}

  /* Shared header / footer: same design, tablet dimensions */
  .arg-ref-header .arg-ref-nav{width:calc(100% - 36px)!important}
  .arg-ref-footer .arg-ref-footer-shell{width:calc(100% - 40px)!important}
  .arg-ref-footer .arg-footer-links{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:34px 30px!important}
  .arg-ref-footer .arg-footer-legal{gap:32px!important}

  /* HOME */
  .sim-grid--premium{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  #simulador .sim-panel,#simulador .result-panel{width:100%!important;max-width:none!important}
  .benefits-photo-section .benefit-grid--photo{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  .visual-story-shell{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .visual-story-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .payment-flow{grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr)!important;gap:14px!important}
  .precta-reel-shell{grid-template-columns:minmax(0,1fr)!important;gap:34px!important}

  /* ABOUT */
  .abt2-videoHero__inner{grid-template-columns:minmax(0,1fr)!important;gap:30px!important}
  .abt2-whoVisual__steps{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
  .abt2-values__shell{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;min-height:0!important;perspective:none!important}
  .abt2-values__item{position:relative!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important}
  .abt2-process__row{grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr)!important;gap:18px!important}

  /* GUIDES */
  .clean-hero-shell{grid-template-columns:minmax(0,1fr)!important;gap:34px!important}
  .editorial-grid{grid-template-columns:minmax(0,1fr)!important}
  .results-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .filters-top{grid-template-columns:minmax(0,1fr)!important}

  /* CONTACT */
  .form-shell{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  .reason-grid{grid-template-columns:minmax(0,1fr)!important;gap:42px!important}

  /* SIMULATOR */
  .arg-simulator-page .hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:40px!important}
  .arg-simulator-page .hero-copy{max-width:760px!important}
  .arg-simulator-page h1{max-width:13ch!important}
  .arg-simulator-page .hero-visual{min-height:390px!important}
  .arg-simulator-page .hero-dashboard{width:min(100%,560px)!important}
  .arg-simulator-page .section-head{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .arg-simulator-page .sim-shell{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
  .arg-simulator-page .sim-card{width:100%!important;max-width:none!important}
  .v3-visual-grid{grid-template-columns:minmax(0,1fr)!important;gap:34px!important}
  .interpret-grid{grid-template-columns:minmax(0,1fr)!important;gap:34px!important}
  .final-cta-composed-inner{grid-template-columns:minmax(0,1fr)!important;gap:34px!important}

  /* LEGAL */
  .term-hero__grid{grid-template-columns:minmax(0,1fr)!important;gap:30px!important}
  .term-block,.term-block:nth-of-type(2n),.term-block:nth-of-type(3n){margin-left:78px!important;margin-right:0!important;grid-template-columns:minmax(0,1fr)!important}
}

@media (max-width:820px){
  .container{width:calc(100% - 30px)!important}
  .section{padding-left:0!important;padding-right:0!important}

  /* Header */
  .arg-ref-header .arg-ref-nav{width:calc(100% - 28px)!important;height:72px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
  html body header#header.arg-ref-header .arg-ref-nav-links,html body header#header.arg-ref-header .arg-ref-nav-actions .arg-ref-nav-cta,html body header#header.arg-ref-header .arg-ref-nav-actions .arg-ref-nav-cta:link,html body header#header.arg-ref-header .arg-ref-nav-actions .arg-ref-nav-cta:visited,html body header#header.arg-ref-header .arg-ref-nav-actions .arg-ref-nav-cta:hover,html body header#header.arg-ref-header .arg-ref-nav-actions .arg-ref-nav-cta:active{display:none!important}
  .arg-ref-header .arg-ref-nav-actions{display:flex!important;align-items:center!important;justify-self:end!important;gap:0!important}
  .arg-ref-header .arg-ref-hamburger{display:flex!important;flex:0 0 42px!important}
  .arg-ref-header .arg-ref-header-brand{min-width:0!important;overflow:visible!important}
  .arg-ref-header .arg-ref-header-logo{height:31px!important;max-width:168px!important}
  .arg-ref-mobile-drawer{top:72px!important;max-height:calc(100dvh - 72px)!important;overflow:auto!important}

  /* Footer */
  .arg-ref-footer .arg-ref-footer-shell{width:calc(100% - 30px)!important}
  .arg-ref-footer .arg-footer-top{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .arg-ref-footer .arg-footer-actions{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}
  .arg-ref-footer .arg-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important}
  .arg-ref-footer .arg-footer-legal{grid-template-columns:minmax(0,1fr)!important;gap:15px!important}
  .arg-ref-footer .arg-footer-copy{flex-wrap:wrap!important;gap:8px 16px!important}

  /* HOME hero: preserve desktop visual identity but let text and photo breathe */
  .hero.hero-editorial{padding-top:72px!important}
  .hero-editorial-stage{min-height:690px!important;display:flex!important;align-items:flex-start!important}
  .hero-editorial-media{inset:0!important;background-position:62% center!important}
  .hero-editorial-media::after{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.88) 47%,rgba(255,255,255,.28) 100%)!important}
  .hero-editorial-glow{width:100%!important;height:76%!important;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)!important;opacity:.97!important}
  .hero-editorial-copy{width:100%!important;max-width:none!important;margin:0!important;padding:34px 22px 285px!important}
  .hero-editorial-copy .eyebrow{font-size:.72rem!important;letter-spacing:.09em!important;margin-bottom:12px!important}
  .hero-editorial-copy h1{font-size:clamp(2.45rem,10vw,4rem)!important;line-height:.96!important;letter-spacing:-.055em!important;max-width:10.5ch!important;margin-bottom:17px!important}
  .hero-editorial-copy .lead{font-size:1rem!important;line-height:1.5!important;max-width:42ch!important;margin-bottom:13px!important}
  .hero-editorial-copy .hero-detail{font-size:.9rem!important;line-height:1.5!important;max-width:48ch!important;margin-bottom:19px!important}
  .hero-editorial-copy .hero-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
  .hero-editorial-copy .btn-primary{width:auto!important;min-height:48px!important;padding:13px 20px!important;font-size:.88rem!important}
  .hero-proofline{display:flex!important;flex-wrap:wrap!important;gap:8px 12px!important;margin-top:18px!important}
  .hero-proofline .proof-chip{font-size:.78rem!important}
  .hero-legal-note{font-size:.72rem!important;line-height:1.45!important;max-width:48ch!important}

  #simulador.section{padding-top:70px!important;padding-bottom:70px!important}
  #simulador .sim-wrap{padding:10px!important;border-radius:26px!important}
  #simulador .sim-panel,#simulador .result-panel{padding:26px 22px!important;border-radius:22px!important}
  #simulador .scale-topline{font-size:.7rem!important}
  #simulador .scale-number{font-size:clamp(2.7rem,13vw,4.1rem)!important}
  #simulador .scale-caption{font-size:.9rem!important}
  #simulador .scale-markers{font-size:.72rem!important}
  #simulador .scale-mini-stat span{font-size:.7rem!important}
  #simulador .scale-mini-stat strong{font-size:.95rem!important}
  #simulador .demo-note{font-size:.76rem!important;line-height:1.48!important}
  #simulador .result-pill{font-size:.68rem!important}
  #simulador .result-number{font-size:clamp(3rem,15vw,4.8rem)!important}
  #simulador .result-row{font-size:.82rem!important}
  #simulador .sim-cta{font-size:.88rem!important;min-height:48px!important}

  .benefits-photo-section .benefit--photo{padding:12px!important;border-radius:22px!important}
  .benefits-photo-section .benefit-media--photo{height:190px!important;border-radius:17px!important;margin-bottom:16px!important}
  .benefits-photo-section .benefit-copy{padding:2px 5px 10px!important}
  .benefits-photo-section .benefit--photo h3{font-size:1.05rem!important;line-height:1.18!important;margin-bottom:10px!important}
  .benefits-photo-section .benefit--photo p{font-size:.88rem!important;line-height:1.55!important}

  .visual-story-head,.extra-section-head{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .visual-stage{min-height:430px!important;border-radius:24px!important}
  .story-nav-item{min-height:84px!important;padding:13px 11px!important}
  .story-nav-copy strong{font-size:.8rem!important;line-height:1.2!important}
  .story-nav-copy span{font-size:.68rem!important;line-height:1.35!important}

  .payment-flow{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  .flow-collapse{min-height:44px!important;transform:rotate(90deg)!important}
  .multi-date-card,.single-date-card{width:100%!important;max-width:none!important}
  .payment-card-title{font-size:1.25rem!important}
  .simple-calendar-top{font-size:.76rem!important}
  .simple-calendar-grid span{font-size:.72rem!important}
  .calendar-legend-item strong,.calendar-legend-item span{font-size:.72rem!important}
  .single-date-note{font-size:.76rem!important}

  .knowledge-orbit-section .decision-film-copy>span{font-size:.7rem!important}
  .knowledge-orbit-section .decision-film-copy>strong{font-size:1rem!important}
  .knowledge-orbit-section .decision-film-tags span{font-size:.7rem!important}
  .knowledge-orbit-section .decision-film-detail-copy .knowledge-claim{font-size:.82rem!important;line-height:1.5!important}

  .precta-reel-copy h2{font-size:clamp(2rem,9vw,3rem)!important}
  .precta-reel-copy p{font-size:.95rem!important;line-height:1.58!important}

  /* ABOUT */
  .abt2-hero{min-height:auto!important}
  .abt2-videoHero__inner{min-height:650px!important;padding-top:110px!important;padding-bottom:72px!important}
  .abt2-videoHero__copy{max-width:650px!important}
  .abt2-videoHero__copy h1{font-size:clamp(2.6rem,10vw,4.3rem)!important;line-height:.98!important}
  .abt2-videoHero__lead{font-size:1rem!important;line-height:1.58!important;max-width:45ch!important}
  .abt2-videoHero__actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
  .abt2-videoHero__actions .btn{min-height:48px!important}
  .abt2-whoVisual__top{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .abt2-whoVisual__statement h2{font-size:clamp(2.05rem,8vw,3rem)!important;max-width:14ch!important}
  .abt2-whoVisual__statement p{font-size:.95rem!important;line-height:1.6!important}
  .abt2-whoVisual__steps{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .abt2-whoVisual__step{min-width:0!important;width:100%!important}
  .abt2-values__shell{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .abt2-values__item{padding:26px 22px!important;min-height:0!important}
  .abt2-values__item h2{font-size:clamp(1.9rem,8vw,2.6rem)!important}
  .abt2-process__timeline{gap:34px!important}
  .abt2-process__rail{left:22px!important}
  .abt2-process__row,
  .abt2-process__row--image-left,
  .abt2-process__row--image-right{grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:12px 14px!important;min-height:0!important;align-items:start!important}
  .abt2-process__row>.abt2-process__marker{grid-column:1!important;grid-row:1 / span 2!important;width:44px!important;height:44px!important;margin-top:12px!important;align-self:start!important;justify-self:center!important}
  .abt2-process__row>.abt2-process__marker img{width:21px!important;height:21px!important}
  .abt2-process__row>.abt2-process__visual,
  .abt2-process__row--image-right>.abt2-process__visual{grid-column:2!important;grid-row:1!important;width:100%!important;height:260px!important;border-radius:22px!important;overflow:hidden!important}
  .abt2-process__row>.abt2-process__visual img{width:100%!important;height:100%!important;object-fit:cover!important}
  .abt2-process__row>.abt2-process__copy,
  .abt2-process__row--image-right>.abt2-process__copy{grid-column:2!important;grid-row:2!important;width:100%!important;padding:24px 21px!important;clip-path:none!important}
  .abt2-process__copy h3{font-size:1.55rem!important;line-height:1.15!important;max-width:none!important}
  .abt2-process__copy p{font-size:.92rem!important;line-height:1.62!important}
  .abt2-process__conversion{flex-wrap:wrap!important;gap:12px!important}

  /* GUIDES */
  .guides-hero{padding-top:104px!important;padding-bottom:68px!important}
  .clean-hero-copy h1{font-size:clamp(2.7rem,10vw,4.2rem)!important;line-height:.98!important}
  .clean-hero-copy p{font-size:1rem!important;line-height:1.58!important}
  .organic-stage{width:100%!important;height:auto!important;min-height:360px!important;margin:8px 0 0!important;padding:50px 24px 24px!important}
  .organic-stage::before{inset:0!important;border-radius:32px!important;transform:none!important}
  .organic-stage::after{inset:8%!important}
  .organic-label{position:relative!important;inset:auto!important;width:auto!important;max-width:520px!important;margin:0 auto 22px!important;transform:none!important}
  .hero-quick-list{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin:0!important}
  .hero-quick-card{min-height:0!important;padding:15px 16px!important}
  .section-head{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .editorial-grid{gap:16px!important}
  .editorial-side{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .filters-top{gap:12px!important}
  .filters{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .filter-btn{min-height:42px!important;padding:9px 13px!important}
  .searchbox input{width:100%!important;min-height:46px!important}
  .cta-shell{grid-template-columns:minmax(0,1fr)!important;gap:22px!important;padding:38px 28px!important}

  /* CONTACT */
  .contact-hero{padding-top:112px!important;padding-bottom:70px!important}
  .hero-head h1{font-size:clamp(2.7rem,10vw,4.2rem)!important;line-height:.96!important;max-width:12ch!important}
  .hero-head p{font-size:.98rem!important;line-height:1.6!important;max-width:38ch!important}
  .hero-actions{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important}
  .contact-ribbon{width:100%!important;height:300px!important;margin-top:42px!important;border-radius:28px!important}
  .ribbon-copy{max-width:70%!important}
  .contact-dock{width:calc(100% - 20px)!important;grid-template-columns:minmax(0,1fr)!important;margin-top:-22px!important}
  .dock-item{min-height:0!important;padding:18px 20px!important}
  .form-section{padding:70px 0!important}
  .form-shell{padding:22px!important;border-radius:26px!important}
  .form-intro h2{font-size:clamp(2.1rem,9vw,3rem)!important}
  .contact-form{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .contact-form .field,.contact-form .field.full{grid-column:auto!important}
  .contact-form input,.contact-form textarea,.contact-form select{width:100%!important;max-width:100%!important;font-size:16px!important}
  .form-bottom{flex-direction:column!important;align-items:stretch!important;gap:14px!important}
  .form-bottom .btn{width:100%!important;min-height:50px!important}
  .reason-section{padding:74px 0!important}
  .reason-button{min-height:54px!important;padding:15px 0!important}
  .panel-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
  .panel-actions .btn{min-height:48px!important}

  /* SIMULATOR */
  .arg-simulator-page{padding-top:72px!important}
  .arg-simulator-page .container{width:calc(100% - 30px)!important}
  .sim-hero{padding:58px 0 50px!important}
  .arg-simulator-page .hero-grid{gap:28px!important}
  .arg-simulator-page .eyebrow{font-size:.72rem!important}
  .arg-simulator-page h1{font-size:clamp(2.75rem,11vw,4.4rem)!important;line-height:.96!important;letter-spacing:-.05em!important;max-width:12ch!important;margin:16px 0 20px!important}
  .arg-simulator-page .hero-badges{gap:8px!important;margin-top:22px!important}
  .arg-simulator-page .hero-badges span{min-height:40px!important;padding:0 13px!important;font-size:.76rem!important}
  .arg-simulator-page .hero-visual{min-height:340px!important;width:100%!important}
  .arg-simulator-page .hero-orbit{width:min(82vw,350px)!important;height:min(82vw,350px)!important}
  .arg-simulator-page .hero-dashboard{position:relative!important;inset:auto!important;width:min(100%,520px)!important;padding:26px 22px!important;border-radius:28px!important}
  .arg-simulator-page .hero-dashboard-top{font-size:.9rem!important}
  .arg-simulator-page .hero-amount{font-size:clamp(2.8rem,14vw,4.8rem)!important;line-height:.95!important;white-space:normal!important;overflow-wrap:normal!important}
  .arg-simulator-page .hero-label{font-size:.88rem!important}
  .arg-simulator-page .hero-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .arg-simulator-page .hero-mini{padding:14px!important;min-width:0!important}

  .sim-section{padding:70px 0!important}
  .arg-simulator-page .section-head{margin-bottom:28px!important}
  .arg-simulator-page .section-head h2{font-size:clamp(2.35rem,9.5vw,3.6rem)!important;line-height:1!important;max-width:15ch!important}
  .arg-simulator-page .section-head p{font-size:.95rem!important;line-height:1.58!important;max-width:52ch!important}
  .arg-simulator-page .sim-shell{gap:18px!important}
  .arg-simulator-page .sim-card{padding:24px 20px!important;border-radius:24px!important}
  .arg-simulator-page .control-top strong{font-size:clamp(2.3rem,11vw,3.6rem)!important}
  .arg-simulator-page .markers{font-size:.7rem!important}
  .arg-simulator-page .v3-count button{min-height:48px!important;font-size:.9rem!important}
  .arg-simulator-page .v3-before-after{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)!important;gap:8px!important}
  .arg-simulator-page .v3-arrow{transform:none!important;margin:auto!important}
  .arg-simulator-page .v3-stage{padding:14px 10px!important}
  .arg-simulator-page .v3-stage strong{font-size:1.05rem!important;white-space:normal!important}
  .arg-simulator-page .note{font-size:.76rem!important;line-height:1.5!important}
  .arg-simulator-page .result-card{min-height:0!important}
  .arg-simulator-page .result-pill{font-size:.72rem!important}
  .arg-simulator-page .result-number{font-size:clamp(3.4rem,17vw,5.5rem)!important}
  .arg-simulator-page .result-caption{font-size:.86rem!important}
  .arg-simulator-page .v3-saving strong{font-size:1.55rem!important}
  .arg-simulator-page .result-row{font-size:.82rem!important}
  .arg-simulator-page .result-cta{min-height:50px!important;width:100%!important}

  .v9-dark-section{padding:68px 0!important}
  .v3-visual-copy h2{font-size:clamp(2.3rem,9.5vw,3.5rem)!important;line-height:1!important}
  .v3-visual-copy p{font-size:.95rem!important;line-height:1.58!important}
  .v3-visual-card{min-height:300px!important;border-radius:26px!important}
  .v5-visual-photo{min-height:300px!important;object-fit:cover!important}

  .interpret{padding:70px 0!important}
  .interpret h2{font-size:clamp(2.3rem,9.5vw,3.5rem)!important;line-height:1!important}
  .interpret-intro{font-size:.95rem!important;line-height:1.62!important}
  .info-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  .info-card{padding:18px 15px!important;min-width:0!important}
  .info-card h3{font-size:.95rem!important;line-height:1.2!important}
  .info-card p{font-size:.78rem!important;line-height:1.5!important}

  .final-cta-composed{padding:68px 0 72px!important}
  .final-cta-composed h2{font-size:clamp(2.6rem,10.5vw,4rem)!important;line-height:.98!important;max-width:13ch!important}
  .final-cta-chip-row{gap:8px!important}
  .final-cta-chip{font-size:.76rem!important}
  .final-cta-composed-visual{min-height:240px!important;align-items:flex-start!important}
  .final-cta-mini-flow{width:min(100%,420px)!important}
  .final-cta-right-action{width:100%!important;justify-content:flex-start!important}
  .final-cta-right-action .final-cta-primary{min-height:52px!important}

  /* LEGALS */
  .term-hero{padding:116px 0 54px!important}
  .term-hero h1{font-size:clamp(2.8rem,10vw,4.5rem)!important;line-height:.98!important;max-width:12ch!important}
  .term-flow{padding-bottom:76px!important}
  .term-flow__shell{padding:0 15px!important}
  .term-flow__rail{left:26px!important}
  .term-flow__progress{left:23px!important}
  .term-block,.term-block:nth-of-type(2n),.term-block:nth-of-type(3n){margin:0 0 18px 45px!important;padding:25px 22px!important;border-radius:16px 44px 44px 16px!important;min-height:0!important}
  .term-block h2,.term-block h3{font-size:1.45rem!important;line-height:1.15!important}
  .term-block p,.term-block li{font-size:.92rem!important;line-height:1.65!important}
}

@media (max-width:620px){
  .container{width:calc(100% - 24px)!important}
  .arg-ref-footer .arg-ref-footer-shell{width:calc(100% - 24px)!important}
  .section{padding-top:62px!important;padding-bottom:62px!important}

  /* HOME */
  .hero-editorial-stage{min-height:660px!important}
  .hero-editorial-copy{padding:28px 18px 270px!important}
  .hero-editorial-copy h1{font-size:clamp(2.2rem,11.3vw,3.25rem)!important;max-width:10ch!important}
  .hero-editorial-copy .lead{font-size:.95rem!important}
  .hero-editorial-copy .hero-detail{font-size:.84rem!important}
  .hero-editorial-copy .btn-primary{width:100%!important;justify-content:center!important}
  .benefits-photo-section .benefit-grid--photo{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .benefits-photo-section .benefit-media--photo{height:220px!important}
  .visual-stage{min-height:360px!important}
  .visual-story-nav{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  .story-nav-item{grid-template-columns:34px minmax(0,1fr)!important;min-height:72px!important}

  /* ABOUT */
  .abt2-videoHero__inner{min-height:600px!important;padding-top:98px!important;padding-bottom:60px!important}
  .abt2-videoHero__copy h1{font-size:clamp(2.25rem,11vw,3.4rem)!important}
  .abt2-videoHero__actions .btn{width:100%!important}
  .abt2-whoVisual__introActions{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important}
  .abt2-process__row>.abt2-process__visual,
  .abt2-process__row--image-right>.abt2-process__visual{height:220px!important}
  .abt2-process__copy h3{font-size:1.42rem!important}
  .abt2-process__conversion{align-items:stretch!important}
  .abt2-process__conversion .btn{width:100%!important}

  /* GUIDES */
  .clean-hero-copy h1{font-size:clamp(2.35rem,11.3vw,3.4rem)!important}
  .clean-hero-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  .clean-hero-actions .btn{width:100%!important}
  .organic-stage{padding:42px 16px 16px!important;min-height:0!important}
  .organic-label{padding:18px!important}
  .results-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .cta-shell{padding:32px 20px!important;border-radius:28px!important}
  .cta-shell .btn{width:100%!important}

  /* CONTACT */
  .contact-hero{padding-top:100px!important}
  .hero-head h1{font-size:clamp(2.35rem,11vw,3.35rem)!important}
  .hero-actions .btn{width:100%!important}
  .contact-ribbon{height:270px!important;border-radius:24px!important}
  .ribbon-copy{max-width:88%!important;padding:22px!important}
  .contact-dock{width:100%!important}
  .form-shell{padding:18px!important}
  .form-card{padding:18px!important}
  .panel-actions .btn{width:100%!important}

  /* SIMULATOR */
  .arg-simulator-page .container{width:calc(100% - 24px)!important}
  .sim-hero{padding:48px 0 44px!important}
  .arg-simulator-page h1{font-size:clamp(2.35rem,11.5vw,3.55rem)!important;max-width:11ch!important}
  .arg-simulator-page .hero-badges{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
  .arg-simulator-page .hero-badges span{width:auto!important}
  .arg-simulator-page .hero-visual{min-height:315px!important}
  .arg-simulator-page .hero-dashboard{padding:22px 18px!important;border-radius:24px!important}
  .arg-simulator-page .hero-amount{font-size:clamp(2.65rem,14.5vw,4.1rem)!important;white-space:nowrap!important}
  .arg-simulator-page .hero-mini-grid{grid-template-columns:minmax(0,1fr)!important}
  .arg-simulator-page .section-head h2{font-size:clamp(2.1rem,10vw,3rem)!important;max-width:none!important}
  .arg-simulator-page .sim-card{padding:21px 16px!important}
  .arg-simulator-page .v3-before-after{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  .arg-simulator-page .v3-arrow{transform:rotate(90deg)!important;margin:2px auto!important}
  .arg-simulator-page .v3-stage{width:100%!important}
  .info-cards{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .info-card{padding:20px!important}
  .info-card h3{font-size:1.05rem!important}
  .info-card p{font-size:.86rem!important}
  .final-cta-composed h2{font-size:clamp(2.3rem,11vw,3.4rem)!important;max-width:11ch!important}
  .final-cta-mini-flow{grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important}
  .final-cta-flow-arrow{transform:rotate(90deg)!important;margin:auto!important}
  .final-cta-flow-box{width:100%!important;min-width:0!important}
  .final-cta-right-action .final-cta-primary{width:100%!important}

  /* LEGALS */
  .term-hero{padding-top:104px!important}
  .term-hero h1{font-size:clamp(2.45rem,11vw,3.6rem)!important}
  .term-block,.term-block:nth-of-type(2n),.term-block:nth-of-type(3n){margin-left:35px!important;padding:22px 18px!important;border-radius:14px 30px 30px 14px!important}
  .term-flow__rail{left:18px!important}
  .term-flow__progress{left:15px!important}
}

@media (max-width:420px){
  .container{width:calc(100% - 20px)!important}
  .arg-ref-header .arg-ref-nav{width:calc(100% - 20px)!important}
  .arg-ref-footer .arg-ref-footer-shell{width:calc(100% - 20px)!important}
  .arg-ref-footer .arg-footer-links{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
  .arg-ref-footer .arg-footer-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
  .arg-ref-footer .arg-lang,.arg-ref-footer .arg-footer-guide-btn{width:100%!important;min-width:0!important}

  .hero-editorial-stage{min-height:635px!important}
  .hero-editorial-copy{padding:24px 15px 250px!important}
  .hero-editorial-copy h1{font-size:clamp(2.05rem,10.8vw,2.8rem)!important}
  #simulador .sim-panel,#simulador .result-panel{padding:22px 16px!important}
  #simulador .scale-micro-card{grid-template-columns:minmax(0,1fr)!important}
  .visual-stage{min-height:325px!important}

  .abt2-process__row,
  .abt2-process__row--image-left,
  .abt2-process__row--image-right{grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important}
  .abt2-process__rail{left:18px!important}
  .abt2-process__row>.abt2-process__marker{width:36px!important;height:36px!important}
  .abt2-process__row>.abt2-process__marker img{width:17px!important;height:17px!important}
  .abt2-process__row>.abt2-process__visual,
  .abt2-process__row--image-right>.abt2-process__visual{height:190px!important;border-radius:18px!important}
  .abt2-process__row>.abt2-process__copy,
  .abt2-process__row--image-right>.abt2-process__copy{padding:20px 16px!important}
  .abt2-process__copy h3{font-size:1.28rem!important}
  .abt2-process__copy p{font-size:.86rem!important}

  .contact-ribbon{height:245px!important}
  .ribbon-copy{max-width:95%!important}

  .arg-simulator-page .hero-amount{font-size:clamp(2.25rem,13vw,3.3rem)!important}
  .arg-simulator-page .hero-dashboard{padding:20px 15px!important}
  .arg-simulator-page .control-top strong{font-size:2.25rem!important}
  .arg-simulator-page .result-number{font-size:3.6rem!important}
  .arg-simulator-page .result-row{display:flex!important;gap:10px!important;justify-content:space-between!important;align-items:flex-start!important}
  .arg-simulator-page .result-row strong{text-align:right!important}

  .term-block,.term-block:nth-of-type(2n),.term-block:nth-of-type(3n){margin-left:28px!important;padding:20px 15px!important;border-radius:12px 24px 24px 12px!important}
  .term-flow__rail{left:14px!important}.term-flow__progress{left:11px!important}
}

/* Touch comfort without changing desktop appearance */
@media (hover:none) and (pointer:coarse) and (max-width:1024px){
  .btn,.filter-btn,.reason-button,.story-nav-item,.knowledge-btn,.result-cta,.final-cta-primary,.arg-ref-hamburger{touch-action:manipulation}
  .btn,.result-cta,.final-cta-primary{min-height:44px}
}


/* ARGENTALIS MOBILE NAV CLICK RELIABILITY */
@media (max-width:900px){
  html body header#header.arg-ref-header.site-header{
    pointer-events:auto!important;
  }
  html body header#header.arg-ref-header .arg-ref-nav,
  html body header#header.arg-ref-header .arg-ref-nav-actions{
    pointer-events:auto!important;
  }
  html body header#header.arg-ref-header .arg-ref-nav-actions{
    position:relative!important;
    z-index:10003!important;
  }
  html body header#header.arg-ref-header .arg-ref-hamburger{
    pointer-events:auto!important;
    touch-action:manipulation!important;
    cursor:pointer!important;
    position:relative!important;
    z-index:10004!important;
  }
  html body .arg-ref-mobile-drawer{
    pointer-events:auto!important;
  }
}

/* ========================================================================
   ARGENTALIS · FOOTER MOBILE UNIFICADO + SELECTOR DE MERCADO FIABLE
   Reference: approved compact footer composition. Desktop is untouched.
   ======================================================================== */
@media (max-width:700px){
  html body .arg-footer,
  html body .arg-footer .arg-footer-shell,
  html body .arg-footer .arg-footer-top,
  html body .arg-footer .arg-footer-actions,
  html body .arg-footer .arg-lang-selector,
  html body .arg-footer .arg-bilingual-selector{
    overflow:visible!important;
  }

  html body .arg-footer .arg-footer-shell,
  html body .arg-footer.arg-ref-footer .arg-ref-footer-shell{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:30px 0 20px!important;
  }

  html body .arg-footer .arg-footer-top,
  html body .arg-footer.arg-ref-footer .arg-footer-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    padding:0 0 22px!important;
  }

  html body .arg-footer .arg-footer-brandline{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    min-width:0!important;
    gap:6px!important;
  }

  html body .arg-footer .arg-footer-logo-link{
    display:inline-flex!important;
    align-items:center!important;
    flex:0 1 auto!important;
    min-width:0!important;
  }

  html body .arg-footer .arg-footer-logo,
  html body .arg-footer .arg-footer-logo-img{
    display:block!important;
    width:clamp(96px,29vw,124px)!important;
    max-width:124px!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    flex:0 1 auto!important;
  }

  html body .arg-footer .arg-footer-brandline p{
    display:block!important;
    flex:0 1 clamp(56px,18vw,80px)!important;
    min-width:0!important;
    max-width:clamp(56px,18vw,80px)!important;
    margin:0!important;
    font-size:clamp(6px,1.6vw,7px)!important;
    line-height:1.35!important;
    font-weight:600!important;
    color:rgba(0,46,92,.66)!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  html body .arg-footer .arg-footer-actions,
  html body .arg-footer.arg-ref-footer .arg-footer-actions{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    gap:6px!important;
  }

  /* Never hide the current market on phones. */
  html body .arg-footer .arg-lang,
  html body .arg-footer.arg-ref-footer .arg-lang{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:0 5px!important;
    gap:3px!important;
    border-radius:10px!important;
    font-size:6px!important;
    line-height:1!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    position:relative!important;
    z-index:20002!important;
  }

  html body .arg-footer .arg-lang .arg-current-flag{
    display:block!important;
    flex:0 0 auto!important;
    width:22px!important;
    height:15px!important;
    border-radius:4px!important;
    object-fit:cover!important;
  }
  html body .arg-footer .arg-lang .arg-ref-es-flag{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:15px!important;
    line-height:1!important;
  }
  html body .arg-footer .arg-lang strong{
    display:none!important;
  }
  html body .arg-footer .arg-lang .arg-chevron{
    display:inline-block!important;
    margin:0!important;
    font-size:7px!important;
    line-height:1!important;
    color:#1E78CF!important;
  }

  html body .arg-footer .arg-footer-guide-btn,
  html body .arg-footer.arg-ref-footer .arg-footer-guide-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 clamp(92px,30vw,118px)!important;
    width:clamp(92px,30vw,118px)!important;
    min-width:0!important;
    max-width:118px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0 7px!important;
    gap:5px!important;
    border-radius:10px!important;
    font-size:clamp(6px,1.65vw,7px)!important;
    line-height:1.08!important;
    font-weight:700!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-decoration:none!important;
  }
  html body .arg-footer .arg-footer-guide-btn span{
    flex:0 0 auto!important;
    font-size:10px!important;
    line-height:1!important;
  }

  /* Same compact six-column footer on every market and every page. */
  html body .arg-footer .arg-footer-links,
  html body .arg-footer.arg-ref-footer .arg-footer-links{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    align-items:start!important;
    gap:6px!important;
    width:100%!important;
    padding:24px 0 30px!important;
  }
  html body .arg-footer .arg-footer-column{
    min-width:0!important;
    width:auto!important;
  }
  html body .arg-footer .arg-footer-column h4{
    margin:0 0 10px!important;
    padding:0!important;
    font-size:clamp(7px,1.85vw,8px)!important;
    line-height:1.18!important;
    font-weight:700!important;
    letter-spacing:-.015em!important;
    color:#002E5C!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:auto!important;
  }
  html body .arg-footer .arg-footer-column .arg-subheading{
    margin-top:16px!important;
  }
  html body .arg-footer .arg-footer-column a{
    display:block!important;
    margin:0 0 8px!important;
    padding:0!important;
    font-size:clamp(5.1px,1.32vw,5.8px)!important;
    line-height:1.38!important;
    color:rgba(0,46,92,.63)!important;
    text-decoration:none!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:auto!important;
    transform:none!important;
  }

  html body .arg-footer .arg-footer-divider{
    width:100%!important;
  }
  html body .arg-footer .arg-footer-legal,
  html body .arg-footer.arg-ref-footer .arg-footer-legal{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
    padding:22px 0 16px!important;
  }
  html body .arg-footer .arg-footer-legal p{
    min-width:0!important;
    margin:0!important;
    font-size:clamp(5px,1.28vw,5.6px)!important;
    line-height:1.55!important;
    color:rgba(0,46,92,.51)!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  html body .arg-footer .arg-footer-legal br.arg-ref-wide-only{
    display:none!important;
  }
  html body .arg-footer .arg-footer-copy,
  html body .arg-footer.arg-ref-footer .arg-footer-copy{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding-top:12px!important;
    font-size:clamp(5px,1.28vw,5.6px)!important;
    line-height:1.3!important;
  }

  /* Mobile selector panel: visible, tappable and contained in the viewport. */
  html body .arg-footer .arg-lang-selector,
  html body .arg-footer .arg-bilingual-selector{
    display:inline-flex!important;
    position:relative!important;
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
    z-index:20001!important;
    pointer-events:auto!important;
  }
  html body .arg-footer .arg-bilingual-menu,
  html body .arg-footer .arg-lang-menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    bottom:auto!important;
    left:50%!important;
    right:auto!important;
    width:min(294px,calc(100vw - 24px))!important;
    max-height:min(380px,62dvh)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    transform:translate(-50%,-6px)!important;
    transform-origin:top center!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:20010!important;
  }
  html body .arg-footer .arg-bilingual-selector.is-open .arg-bilingual-menu,
  html body .arg-footer .arg-lang-selector.is-open .arg-bilingual-menu,
  html body .arg-footer .arg-lang-selector.is-open .arg-lang-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,0)!important;
  }
  html body .arg-footer .arg-bilingual-menu a{
    min-height:48px!important;
    touch-action:manipulation!important;
  }
}

@media (max-width:350px){
  html body .arg-footer .arg-footer-shell,
  html body .arg-footer.arg-ref-footer .arg-ref-footer-shell{
    width:calc(100% - 18px)!important;
  }
  html body .arg-footer .arg-footer-top,
  html body .arg-footer.arg-ref-footer .arg-footer-top{
    gap:6px!important;
  }
  html body .arg-footer .arg-footer-logo,
  html body .arg-footer .arg-footer-logo-img{
    width:92px!important;
  }
  html body .arg-footer .arg-footer-brandline p{
    max-width:48px!important;
    flex-basis:48px!important;
    font-size:5.6px!important;
  }
  html body .arg-footer .arg-lang,
  html body .arg-footer .arg-lang-selector,
  html body .arg-footer .arg-bilingual-selector{
    flex-basis:32px!important;
    width:32px!important;
    min-width:32px!important;
  }
  html body .arg-footer .arg-lang{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
  }
  html body .arg-footer .arg-lang .arg-current-flag{width:19px!important;height:13px!important}
  html body .arg-footer .arg-footer-guide-btn,
  html body .arg-footer.arg-ref-footer .arg-footer-guide-btn{
    flex-basis:88px!important;
    width:88px!important;
    font-size:5.6px!important;
    padding:0 5px!important;
  }
  html body .arg-footer .arg-footer-links,
  html body .arg-footer.arg-ref-footer .arg-footer-links{gap:5px!important}
  html body .arg-footer .arg-footer-column h4{font-size:6.4px!important}
  html body .arg-footer .arg-footer-column a{font-size:4.7px!important}
  html body .arg-footer .arg-footer-legal p,
  html body .arg-footer .arg-footer-copy{font-size:4.7px!important}
}

/* Selector mobile: panel anchored to the viewport so it can never be clipped on 320–430px screens. */
@media (max-width:700px){
  html body .arg-footer .arg-bilingual-menu,
  html body .arg-footer .arg-lang-menu{
    position:fixed!important;
    top:auto!important;
    right:auto!important;
    bottom:max(14px,env(safe-area-inset-bottom))!important;
    left:50%!important;
    width:min(294px,calc(100vw - 24px))!important;
    max-height:min(380px,58dvh)!important;
    transform:translate(-50%,8px)!important;
    transform-origin:bottom center!important;
  }
  html body .arg-footer .arg-bilingual-selector.is-open .arg-bilingual-menu,
  html body .arg-footer .arg-lang-selector.is-open .arg-bilingual-menu,
  html body .arg-footer .arg-lang-selector.is-open .arg-lang-menu{
    transform:translate(-50%,0)!important;
  }
}