/* Escala visual compartida: páginas completas, sin alterar contenido ni recorridos. */
:root{
  --type-page:clamp(38px,4vw,56px);
  --type-section:clamp(32px,3.2vw,42px);
  --type-card:26px;
  --space-section:72px;
  --space-heading:32px;
  --radius-panel:24px;
  --radius-card:20px;
}
h1,h2,h3{overflow-wrap:normal;word-break:normal}
h1,h2{text-wrap:balance}
h1{font-size:var(--type-page);line-height:1.13;letter-spacing:-.045em}
h2{font-size:var(--type-section);line-height:1.16;letter-spacing:-.04em}
h3{font-size:var(--type-card);line-height:1.22;letter-spacing:-.03em}
.section{padding-block:var(--space-section)}
.eyebrow{margin-bottom:18px;line-height:1.5}
.section-head{gap:32px;margin-bottom:var(--space-heading);align-items:end}
.section-head>div{min-width:0;flex:1}
.section-head h2{max-width:900px}
.section-head>p{flex:0 1 280px;font-size:15px;line-height:1.65}
.lead{font-size:18px;line-height:1.65;margin-top:20px}
.center .lead{margin-top:20px;max-width:660px}
.body-copy{font-size:16px;line-height:1.65;margin-top:18px}
.section-close{font-size:18px;line-height:1.65;max-width:760px;margin-top:30px}
.actions{margin-top:24px;gap:20px}
.button{line-height:1.45}
/* Aperturas: una jerarquía por página, con el mismo rango de tamaños. */
.service-hero{padding-top:42px;padding-bottom:52px}
.service-switch{margin-bottom:26px;gap:22px;line-height:1.5}
.service-hero h1,.project-intro h1{font-size:var(--type-page);line-height:1.14;letter-spacing:-.045em}
.hero-split{gap:44px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.hero-split>div{min-width:0}
.service-hero .lead{font-size:17px;line-height:1.65;max-width:520px}
.capture-scene{height:410px;border-radius:var(--radius-panel);padding:42px 28px}
.capture-chain{margin-top:17px}
.presence-showcase{min-height:370px;border-radius:var(--radius-panel);padding:46px 28px}
.presence-hero .hero-footer{margin-top:38px;padding-block:20px}
.project-intro{padding:48px 0 60px}
.project-intro .lead{font-size:17px;max-width:660px}
/* Mantener las dos composiciones de portada ya ajustadas. */
.home-hero-integrated .home-hero-layout{padding-bottom:30px}
.home-hero-integrated h1{font-size:clamp(34px,3.25vw,45px);line-height:1.15;letter-spacing:-.052em;text-wrap:initial}
.home-hero-integrated .lead{font-size:17px;max-width:490px}
.auto-hero{padding-top:30px;padding-bottom:0}
.auto-hero .service-switch{margin-bottom:18px}
.auto-hero h1{font-size:clamp(38px,4.1vw,56px);line-height:1.13;max-width:1020px}
.auto-hero .lead{font-size:17px;max-width:620px;margin-top:16px}
.auto-hero .operations{margin-top:26px}
/* Tarjetas y paneles: menos vacío, más ancho útil para leer. */
.pain-grid{margin-top:32px;gap:18px}
.pain{padding:25px 22px;border-radius:var(--radius-card);min-height:0}
.pain .icon{margin-bottom:19px}
.pain p{font-size:14px;line-height:1.65}
.pain strong{margin-bottom:8px;line-height:1.4}
.solutions-grid{gap:22px}
.solution{border-radius:var(--radius-panel);padding:32px}
.three-services .solution{padding:28px;min-height:0}
.three-services .solution h3{font-size:28px;line-height:1.18;letter-spacing:-.035em}
.three-services .solution>p{font-size:14px;line-height:1.65;margin-top:18px;margin-bottom:20px}
.three-services .solution .service-benefit{font-size:13px;margin-top:10px;margin-bottom:23px}
.three-services .solution .mini-art{height:210px;flex-shrink:0;margin-top:auto;margin-bottom:10px}
.three-services .solution .text-link{margin-top:0;font-size:12px;line-height:1.6}
.feature-grid{gap:30px;margin-top:34px}
.feature{padding-top:23px}
.feature .icon{margin-bottom:18px}
.feature h3{font-size:23px;line-height:1.24;margin-bottom:12px;max-width:340px}
.feature p{font-size:14px;line-height:1.7;max-width:340px}
.scope-note{margin-top:28px;padding:14px 18px;line-height:1.6;font-size:12px;border-radius:12px}
.bento-panel{padding:30px;border-radius:var(--radius-panel);min-height:0}
.bento-panel h3{font-size:26px;line-height:1.2;max-width:440px}
.bento-panel p{font-size:15px;line-height:1.65;max-width:440px;margin-top:16px}
.bento-panel .icon{margin-bottom:22px}
.bento-panel.wide{gap:32px}
.auto-bento{margin-top:32px;gap:22px}
.notification{font-size:12px;padding:15px 18px}
/* Comparación antes/después: ninguna palabra aislada por un ancho artificial. */
.contrast-pair{margin-top:30px;border-radius:var(--radius-panel)}
.before,.after{padding:34px 36px;min-height:0}
.before h3,.after h3{font-size:28px;line-height:1.23;letter-spacing:-.035em;max-width:none;margin-top:23px}
.before p,.after p{font-size:15px;line-height:1.65;max-width:46ch;margin-top:20px}
.scattered{margin-top:24px;gap:10px}
.scattered .icon{padding:11px}
/* Proyectos y método conservan sus diferencias, con márgenes compartidos. */
.project-grid{gap:34px 26px}
.project-cover{height:300px;border-radius:var(--radius-panel);padding:28px}
.project-meta{margin-top:19px;align-items:start}
.project h3{font-size:23px;line-height:1.25}
.project p{font-size:14px;line-height:1.7;margin-top:10px}
.project .type{font-size:9px;line-height:1.5;white-space:normal;text-align:center;max-width:160px}
.project-action{margin-top:13px}
.process-line{gap:25px;margin-top:36px}
.process-item{padding-top:21px}
.process-item svg{margin:20px 0}
.process-item h3{font-size:22px;line-height:1.25;max-width:250px}
.process-item p{font-size:14px;line-height:1.7;max-width:250px}
.method-strip{margin-top:32px;gap:24px}
.method-step{padding-top:20px}
.method-step h3{font-size:20px;line-height:1.25;margin:16px 0 12px}
.method-step p{font-size:14px;line-height:1.65}
/* Bloques de apoyo y cierre. */
.fit-box{padding:38px;gap:40px;border-radius:var(--radius-panel);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.fit-box h2{font-size:34px;line-height:1.2;letter-spacing:-.035em}
.fit-box li{font-size:15px;line-height:1.65;margin-bottom:15px}
.faq-layout{gap:60px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.faq-layout h2{font-size:36px;line-height:1.18}
summary{font-size:16px;line-height:1.5}
details{padding:20px 0}
details p{font-size:14px!important;line-height:1.7}
.founder{gap:64px;grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}
.founder-mark{height:315px;border-radius:var(--radius-panel)}
.founder h2{font-size:36px;line-height:1.18}
.founder p{font-size:15px;line-height:1.75;margin-top:18px}
.final-cta{padding:68px 30px}
.final-cta h2{font-size:var(--type-section);line-height:1.18;max-width:860px}
.final-cta p{font-size:16px;line-height:1.7;max-width:620px;margin-top:20px}
.final-cta .button{margin-top:25px}
.final-cta small{line-height:1.65;max-width:650px;margin:16px auto 0}
.investment{margin-top:25px}
.investment>strong{font-size:56px;line-height:1.15;letter-spacing:-2px}
.investment>strong.project-budget{font-size:23px;line-height:1.4;letter-spacing:-.5px}
.investment p{font-size:14px;line-height:1.65}
/* Presencia digital: mismas proporciones en todas sus secciones. */
.share-visual{min-height:290px;border-radius:var(--radius-panel);padding:35px}
.included-grid{gap:14px 30px}
.included-item{padding:20px 0;gap:16px}
.included-item p{font-size:15px;line-height:1.7}
.qr-scene{min-height:300px;border-radius:var(--radius-panel);padding:36px 25px}
.web-offer{padding:38px;border-radius:var(--radius-panel);max-width:860px}
.web-offer h2{font-size:42px;line-height:1.18}
.web-offer>.lead{font-size:17px}
.web-offer>.investment strong{font-size:62px}
.web-offer>p{font-size:15px;line-height:1.7}
/* Formularios, confirmaciones y privacidad. */
.form-page{padding:46px 0 60px}
.form-layout{gap:64px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.form-intro h1{font-size:44px;line-height:1.16;letter-spacing:-.04em}
.form-intro>p,.form-intro div>p{font-size:16px;line-height:1.7;max-width:430px}
.form-panel{padding:30px;border-radius:var(--radius-panel)}
.form-panel h2{font-size:28px;line-height:1.25;letter-spacing:-.03em}
.form-panel>p{line-height:1.65}
.field-grid{gap:20px}
.field{font-size:13px;line-height:1.55;gap:8px}
input,textarea{padding:12px 13px;border-radius:9px;line-height:1.5}
.form-controls{margin-top:25px}
.selection-grid{gap:22px;margin-top:34px}
.select-card{padding:28px;border-radius:var(--radius-panel)}
.select-card h3{font-size:25px;line-height:1.2}
.select-card p{font-size:14px;line-height:1.7}
.confirmation{padding-block:65px}
.confirmation h1{font-size:48px;line-height:1.16}
.confirmation p{font-size:16px;line-height:1.7}
.confirmation .fineprint,.confirmation .receipt-id{font-size:12px}
.prose h1{font-size:48px;line-height:1.15;margin-bottom:30px}
.prose h2{font-size:28px;line-height:1.25;margin-top:32px}
.prose p{font-size:16px;line-height:1.75}
.dialog-copy{padding:30px 34px 34px}
.dialog-copy h2{font-size:36px;line-height:1.2}
.dialog-copy p{line-height:1.7}
/* Tablet: conservar columnas solo cuando el contenido siga siendo legible. */
@media(min-width:761px) and (max-width:1050px){
  .hero-split{gap:30px}
  .service-hero h1{font-size:46px}
  .home-hero-integrated h1{font-size:clamp(29px,3.3vw,35px)}
  .auto-hero h1{font-size:clamp(38px,4.1vw,56px)}
  .three-services .solution:last-child{min-height:0}
  .three-services .solution:last-child .mini-art{height:200px;margin:auto 0}
  .feature-grid{gap:25px}
  .fit-box{padding:32px;gap:30px}
  .fit-box h2{font-size:31px}
  .before,.after{padding:30px}
  .before h3,.after h3{font-size:26px}
  .form-layout{gap:38px}
  .form-intro h1{font-size:39px}
  .faq-layout{gap:38px}
}
@media(max-width:760px){
  :root{--type-page:40px;--type-section:32px;--type-card:24px;--space-section:48px;--space-heading:26px;--radius-panel:22px;--radius-card:18px}
  h1{line-height:1.16}
  h2{line-height:1.2}
  .section-head{display:block;margin-bottom:26px}
  .section-head>p{font-size:15px;max-width:540px;margin-top:16px}
  .eyebrow{font-size:9px;margin-bottom:17px}
  .lead,.center .lead{font-size:16px;line-height:1.7;margin-top:18px}
  .section-close{font-size:16px;margin-top:26px}
  .hero-split,.founder,.fit-box,.faq-layout,.form-layout{grid-template-columns:1fr;gap:28px}
  .service-hero{padding-top:30px;padding-bottom:42px}
  .service-hero h1,.project-intro h1{font-size:40px;line-height:1.15}
  .service-switch{gap:14px;margin-bottom:24px;font-size:10px}
  .service-hero .lead{font-size:16px}
  .capture-scene{height:350px;padding:30px 24px}
  .presence-showcase{min-height:315px;padding:35px 24px}
  .presence-hero .hero-footer{margin-top:32px}
  .project-intro{padding:34px 0 46px}
  .home-hero-integrated h1{font-size:clamp(28px,5.1vw,38px);line-height:1.2}
  .home-hero-integrated .lead{font-size:15px}
  .auto-hero{padding-top:24px;padding-bottom:0}
  .auto-hero h1{font-size:clamp(32px,5.6vw,43px)}
  .auto-hero .lead{font-size:15px}
  .pain-grid{gap:14px;margin-top:28px}
  .pain{padding:22px 20px;min-height:0}
  .pain p{font-size:14px}
  .solutions-grid{gap:20px}
  .three-services .solution,.three-services .solution:last-child{min-height:0;padding:27px}
  .three-services .solution h3{font-size:29px;line-height:1.2}
  .three-services .solution>p{font-size:15px;max-width:none}
  .three-services .solution .mini-art,.three-services .solution:last-child .mini-art{height:205px;margin:15px 0}
  .three-services .solution .text-link{font-size:13px}
  .feature-grid{gap:28px 22px;margin-top:28px}
  .feature h3{font-size:21px;line-height:1.25}
  .feature p{font-size:14px}
  .auto-bento{gap:18px;margin-top:28px}
  .bento-panel{padding:27px;min-height:0}
  .bento-panel h3{font-size:25px}
  .bento-panel p{font-size:15px}
  .bento-panel.wide{gap:25px}
  .contrast-pair{margin-top:26px}
  .before,.after{padding:28px;min-height:0}
  .before h3,.after h3{font-size:25px;line-height:1.25;max-width:none}
  .before p,.after p{font-size:15px;max-width:none}
  .project-cover{height:275px;padding:26px}
  .project-grid{gap:32px 22px}
  .project h3{font-size:22px}
  .project p{font-size:14px}
  .process-line{gap:28px 22px;margin-top:28px}
  .process-item h3{font-size:21px}
  .method-strip{gap:27px 22px;margin-top:28px}
  .method-step p{font-size:14px}
  .fit-box{padding:28px;gap:25px}
  .fit-box h2,.founder h2,.faq-layout h2{font-size:32px;line-height:1.2}
  .founder-mark{height:265px}
  .faq-layout{gap:28px}
  summary{font-size:16px}
  .final-cta{padding:48px 22px}
  .final-cta h2{font-size:32px;line-height:1.2}
  .final-cta p{font-size:15px;line-height:1.7}
  .investment>strong{font-size:50px}
  .investment>strong.project-budget{font-size:22px}
  .share-visual{min-height:260px;padding:30px}
  .qr-scene{min-height:270px;padding:32px 22px}
  .web-offer{padding:28px}
  .web-offer h2{font-size:34px}
  .web-offer>.investment strong{font-size:54px}
  .form-page{padding:30px 0 46px}
  .form-intro h1{font-size:36px;line-height:1.2}
  .form-panel{padding:25px}
  .form-panel h2{font-size:27px}
  .selection-grid{gap:17px}
  .select-card{padding:25px}
  .select-card h3{font-size:23px}
  .confirmation{padding-block:48px}
  .confirmation h1{font-size:38px}
  .prose h1{font-size:38px}
  .prose h2{font-size:26px}
  .dialog-copy{padding:26px}
  .dialog-copy h2{font-size:32px}
}
@media(max-width:480px){
  :root{--type-section:30px}
  .section-head h2{font-size:30px}
  .service-hero h1,.project-intro h1{font-size:36px}
  .home-hero-integrated h1{font-size:clamp(27px,5.1vw,34px);line-height:1.2}
  .home-hero-integrated .lead{font-size:14px}
  .auto-hero h1{font-size:32px}
  .auto-hero .lead{font-size:14px}
  .pain-grid{grid-template-columns:1fr}
  .pain{display:grid;grid-template-columns:24px 1fr;gap:16px;padding:22px}
  .pain .icon{margin-bottom:0;margin-top:2px}
  .pain strong{margin-bottom:5px}
  .feature-grid{grid-template-columns:1fr;gap:25px}
  .feature{display:grid;grid-template-columns:24px 1fr;gap:0 16px}
  .feature .icon{grid-column:1;grid-row:1/3;margin-bottom:0;margin-top:2px}
  .feature h3{grid-column:2;font-size:22px;margin-bottom:9px;max-width:none}
  .feature p{grid-column:2;max-width:none;font-size:14px}
  .before h3,.after h3{font-size:24px}
  .bento-panel h3{font-size:24px}
  .three-services .solution h3{font-size:28px}
  .project-cover{height:285px}
  .fit-box h2,.faq-layout h2,.founder h2{font-size:30px}
  .final-cta h2{font-size:30px}
  .form-intro h1{font-size:34px}
  .form-panel h2{font-size:25px}
}

/* Cabecera continua y escenas de captación proporcionadas. */
.header{max-width:none;width:100%;padding-inline:max(32px,calc((100vw - 1200px)/2))}
.story-demo{border-radius:var(--radius-panel);margin-top:32px}
.story-screen{padding:34px;min-height:420px}
.story-content h3{font-size:28px;line-height:1.2;margin-bottom:14px}
.story-content p{font-size:15px;line-height:1.65}
.story-content .step-scene{height:175px;margin-bottom:22px}
.story-content .social-scene{padding:13px}
.story-content .scene-form{padding:14px 18px}
.story-content .scene-mail{padding:14px 18px}
.story-tab{padding:15px;font-size:14px}
@media(max-width:760px){
 .header{padding-inline:20px}
 .story-screen{padding:28px;min-height:0}
 .story-tabs{padding:12px}
 .story-tab{font-size:11px;padding:12px 5px;min-width:0}
 .story-content h3{font-size:26px}
 .story-content p{font-size:15px}
}
/* Ajustes a partir de las capturas de teléfono. */
.final-cta .cta-phrase{display:block}
@media(max-width:760px){
 .home-hero-integrated .home-hero-layout{grid-template-columns:minmax(0,1fr);gap:0}
 .home-hero-integrated .home-hero-copy{display:contents}
 .home-hero-copy>.eyebrow{grid-row:1;margin:0 auto 20px;justify-content:center;text-align:center}
 .home-hero-copy>h1{grid-row:2;width:100%;margin:0;text-align:center}
 .home-hero-copy>.lead{grid-row:3;margin:20px auto 0;text-align:center}
 .home-hero-integrated .hero-workspace{grid-row:4;margin:18px auto 12px}
 .home-hero-copy>.actions{grid-row:5;margin:12px auto 18px;width:100%;justify-content:center;align-items:center}
 .final-cta{padding:44px 22px}
 .final-cta h2{font-size:28px;line-height:1.23;letter-spacing:-.035em;max-width:24ch;margin:0 auto;text-align:center}
 .final-cta .cta-phrase{text-wrap:balance}
 .final-cta .cta-phrase+.cta-phrase{margin-top:6px}
 .final-cta>p{max-width:39ch;font-size:15px;line-height:1.65;margin:20px auto 0}
 .final-cta>small{max-width:42ch}
}
@media(max-width:400px){
 .final-cta h2{font-size:26px;max-width:23ch;line-height:1.25}
 .home-hero-integrated .hero-workspace{margin-top:15px;margin-bottom:5px}
 .home-hero-copy>.actions{margin-top:9px;margin-bottom:18px}
}

/* Títulos móviles: misma escala contenida que la portada, sin cortes impuestos. */
@media(max-width:760px){
 :root{--type-page:clamp(27px,5.1vw,36px);--type-section:clamp(25px,4.8vw,32px)}
 .service-hero h1,.project-intro h1,.auto-hero h1,.form-intro h1,.confirmation h1,.prose h1{font-size:var(--type-page);line-height:1.22;letter-spacing:-.04em;max-width:none;width:100%;text-align:center;text-wrap:balance}
 .section-head h2,.fit-box h2,.faq-layout h2,.founder h2,.web-offer h2,.final-cta h2{font-size:var(--type-section);line-height:1.24;letter-spacing:-.035em;max-width:none;width:100%;text-align:center;text-wrap:balance}
 .form-panel h2,.dialog-copy h2{font-size:clamp(24px,4.6vw,30px);line-height:1.25;text-wrap:balance;max-width:none}
 h1 br,h2 br{display:none}
 .final-cta .cta-phrase{display:inline}
 .final-cta .cta-phrase+.cta-phrase{margin-top:0}
 .auto-hero h1>span{display:inline}
}

/* Frases completas en las cabeceras y recorrido visual antes de la acción. */
.page-title-phrase{display:block}
@media(max-width:760px){
 .service-hero h1 .page-title-phrase,.project-intro h1 .page-title-phrase,.confirmation h1 .page-title-phrase,.prose h1 .page-title-phrase{display:block;text-wrap:balance}
 .service-hero-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 .service-hero-copy{display:contents}
 .service-hero-copy>.eyebrow{grid-row:1;justify-content:center;text-align:center}
 .service-hero-copy>h1{grid-row:2}
 .service-hero-copy>.lead{grid-row:3;text-align:center;margin-inline:auto}
 .service-hero-copy>.web-price{grid-row:4;text-align:center;margin-top:20px}
 .service-hero-copy>.web-delivery{grid-row:5;justify-content:center}
 .service-hero-layout>.service-hero-visual{grid-row:6;margin-top:24px;min-width:0;width:100%}
 .service-hero-copy>.actions{grid-row:7;justify-content:center;margin:26px auto 0;text-align:center}
 .auto-hero>.wrap{display:flex;flex-direction:column;align-items:center}
 .auto-hero>.wrap>.operations{order:1;width:100%;border-radius:20px;margin-top:24px}
 .auto-hero>.wrap>.actions{order:2;margin:26px auto 32px}
 .service-hero .eyebrow,.project-intro .eyebrow,.form-intro .eyebrow{justify-content:center;text-align:center}
 .form-intro p{margin-inline:auto;text-align:center}
}