/* Visual refinement: three commercial pages, September 2026. */
.marketing-page{--accent:#497953;--text:#4f6257;--line:#dce5dd}
.marketing-page .wrap{width:min(1200px,calc(100% - 80px))}
.marketing-page .site-header{height:84px}
.marketing-page .nav{gap:28px;font-size:14px}
.marketing-page .nav [aria-current=page]{font-weight:700}
.marketing-page .nav [aria-current=page]:after{transform:scaleX(1)}
.marketing-page .button{min-height:52px;padding:17px 23px;border-radius:8px;font-size:14px}
.marketing-page .eyebrow{font-size:11px;letter-spacing:1.15px;margin-bottom:22px}
.marketing-page h1{font-size:54px;line-height:1.08;letter-spacing:-2px;text-wrap:balance}
.marketing-page .intro{font-size:18px;line-height:1.65;max-width:460px;margin-bottom:27px}
.marketing-page .text-link{font-size:14px;min-height:44px}
.marketing-page .hero{padding-top:22px}
.marketing-page .trust-strip{margin-bottom:28px;min-height:46px;gap:22px}
.marketing-page .privacy-badge small{font-size:11px}
.marketing-page .hero-layout{grid-template-columns:.9fr 1.1fr;gap:40px}
.marketing-page .hero-copy{min-width:0}
.marketing-page .hero-copy h1{margin-bottom:26px}
.marketing-page .service-signature{margin-top:24px;align-items:flex-start}
.marketing-page .service-signature p{font-size:13px;line-height:1.65}
.marketing-page .signature-icon{flex-shrink:0}
.page-home .demo-stage{height:548px}
.page-home .phone{left:18px;top:24px;width:268px;height:474px}
.page-home .calendar{right:18px;top:128px;width:258px}
.page-home .connection{left:259px}
.page-home .message{font-size:12px}
.page-home .phone-bottom{display:none}
.page-home .confirmation{bottom:17px}
.page-home .demo-topline{font-size:10px}
.page-home .demo-disclaimer{font-size:11px;color:#65765d}
.page-home .progress{font-size:10px;color:#62745b;gap:15px}
.page-home .replay{font-size:11px;min-height:44px}
.page-home .channel-summary{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:none;margin:27px 0 0;padding:19px 0;border-top:1px solid var(--line)}
.page-home .channel-summary p{font-size:13px}
.page-home .channel-summary .voice-preview{margin:0;font-size:12px}
.page-home .audience{margin-top:0;padding:20px 0}
.page-home .audience>span{font-size:10px}
.marketing-page .setup{padding:62px 0 70px}
.marketing-page .setup h2,.marketing-page .section-heading h2{font-size:36px;line-height:1.17;letter-spacing:-1px;text-wrap:balance}
.marketing-page .setup-steps p{font-size:14px}
.marketing-page .setup-steps strong{font-size:17px}
.marketing-page .pricing-intro,.marketing-page .price-section,.marketing-page .included,.marketing-page .pricing-extras,.marketing-page .price-questions,.marketing-page .web-included,.marketing-page .web-pricing,.marketing-page .web-process{max-width:1080px}
.marketing-page .pricing-intro{padding-top:44px;padding-bottom:27px}
.marketing-page .pricing-intro h1{font-size:48px;max-width:1000px;margin-bottom:20px}
.marketing-page .pricing-intro>p:not(.eyebrow){font-size:17px;margin:0;max-width:700px}
.marketing-page .service-promises{margin-top:22px;gap:14px 28px;font-size:14px}
.marketing-page .price-grid{gap:24px}
.marketing-page .price-card{padding:28px 30px;background:#f6f9f4;border-color:#d4e0d4;border-radius:14px;display:flex;flex-direction:column}
.marketing-page .price-card h2{font-size:25px}
.marketing-page .price-card>p{font-size:14px}
.marketing-page .monthly{margin:20px 0 24px;gap:12px}
.marketing-page .monthly strong{font-size:52px;font-variant-numeric:tabular-nums}
.marketing-page .monthly>span{font-size:14px}
.marketing-page .setup-price>span{font-size:13px}
.marketing-page .price-card .offer-condition{max-width:none;font-size:12px;line-height:1.65;margin:16px 0 20px}
.marketing-page .price-card .button{margin-top:auto}
.conditions-link{text-decoration:underline;text-underline-offset:3px}
#condiciones,#precios-web{scroll-margin-top:25px}
.marketing-page .price-note{font-size:13px;line-height:1.7}
.marketing-page .feature summary{font-size:16px;min-height:68px;line-height:1.45}
.marketing-page .feature summary>span{flex-shrink:0;width:24px;text-align:center}
.marketing-page .feature[open]{background:#f8faf6}
.marketing-page .feature-body{font-size:15px;line-height:1.75}
.marketing-page .feature-grid{column-gap:42px;row-gap:0}
.marketing-page .web-hero{grid-template-columns:1fr 1fr;gap:55px;padding-top:54px;padding-bottom:40px}
.marketing-page .web-hero h1{font-size:54px}
.marketing-page .web-hero .intro{max-width:490px}
.web-price-link{margin-left:20px}
.marketing-page .web-caption{font-size:13px;line-height:1.7;max-width:450px}
.marketing-page .web-visual{padding:27px;background:#f0f5ed;border-radius:20px;border:1px solid #e4ecdf}
.marketing-page .mini-site{padding:28px}
.marketing-page .mini-site h2{font-size:30px;line-height:1.15}
.marketing-page .mini-site p,.marketing-page .web-chat p{font-size:14px}
.marketing-page .mini-site .mini-label{font-size:10px;color:#5d7454}
.marketing-page .browser-bar{font-size:11px}
.marketing-page .sample-services{font-size:12px}
.marketing-page .sample-whatsapp{font-size:13px;padding:16px}
.marketing-page .web-chat{padding:18px;margin-left:22px}
.marketing-page .web-chat small{font-size:9px;letter-spacing:.5px}
.marketing-page .web-visual .demo-disclaimer{font-size:11px;color:#65765d}
.marketing-page .web-audience{font-size:13px}
.marketing-page .web-pricing h3{font-size:19px;min-height:54px}
.marketing-page .web-price span{font-size:13px}
.marketing-page .closing h2{font-size:42px;line-height:1.13}
.marketing-page .footer-heading{font-size:11px;color:#b6d0ae}
.marketing-page .footer-list{font-size:13px;gap:12px}
.marketing-page .copyright{font-size:11px;color:#b6cbae}
@media(min-width:1101px) and (max-width:1270px){
 .marketing-page .wrap{width:calc(100% - 64px)}
 .marketing-page .hero-layout{grid-template-columns:.8fr 1.2fr;gap:30px}
 .marketing-page .hero-copy h1{font-size:46px}
 .page-home .phone{width:248px;left:14px}
 .page-home .calendar{width:234px;right:14px}
 .page-home .appointment strong{font-size:8px}
 .marketing-page .web-hero{gap:35px}
 .marketing-page .web-hero h1{font-size:48px}
}
@media(min-width:700px) and (max-width:1150px){
 .marketing-page .hero-layout{grid-template-columns:1fr;gap:35px}
 .marketing-page .hero-copy{max-width:760px}
 .marketing-page .hero-copy h1{font-size:54px}
 .marketing-page .hero-copy .intro{max-width:620px}
 .page-home .demo{max-width:650px}
 .page-home .channel-summary{align-items:flex-start}
 .marketing-page .web-hero h1{font-size:44px}
}
@media(max-width:850px){
 .marketing-page .wrap{width:calc(100% - 40px)}
 .marketing-page .site-header{height:76px}
 .marketing-page .nav{top:76px}
 .marketing-page .menu-toggle{min-height:44px;min-width:68px}
 .marketing-page .web-hero{grid-template-columns:1fr;gap:30px;padding-top:38px}
 .marketing-page .web-hero .intro{max-width:600px}
 .marketing-page .trust-strip{justify-content:flex-start}
 .marketing-page .closing h2{font-size:35px}
 .marketing-page .footer-list{overflow-wrap:anywhere}
}
@media(max-width:700px){
 .marketing-page h1,.marketing-page .hero-copy h1,.marketing-page .web-hero h1{font-size:clamp(35px,9.6vw,48px);line-height:1.1;letter-spacing:-1.4px}
 .marketing-page .hero-layout{grid-template-columns:1fr;gap:30px}
 .marketing-page .eyebrow{font-size:10px;letter-spacing:.9px;margin-bottom:18px}
 .marketing-page .intro{font-size:16px;line-height:1.7}
 .marketing-page .hero{padding-top:18px}
 .marketing-page .trust-strip{margin-bottom:26px;gap:18px}
 .marketing-page .privacy-badge strong{font-size:11px}
 .marketing-page .privacy-badge small{font-size:10px}
 .marketing-page .meta-badge{width:100px}
 .marketing-page .actions{gap:12px 18px}
 .marketing-page .button{font-size:14px;padding:16px 18px;min-height:52px}
 .marketing-page .actions .text-link{font-size:13px}
 .page-home .demo-stage{height:auto;padding:17px 14px 70px;gap:16px}
 .page-home .phone{position:relative;top:auto;left:auto;width:100%;height:auto;padding-bottom:14px}
 .page-home .calendar{position:relative;top:auto;right:auto;width:100%}
 .page-home .channel-summary{flex-direction:column;align-items:flex-start;gap:12px;padding:20px 0}
 .page-home .channel-summary p{font-size:13px}
 .page-home .progress{font-size:9px;gap:10px}
 .page-home .demo-disclaimer{font-size:10px}
 .marketing-page .pricing-intro{padding-top:35px;padding-bottom:25px}
 .marketing-page .pricing-intro h1{font-size:35px;line-height:1.12;letter-spacing:-1.3px}
 .marketing-page .pricing-intro>p:not(.eyebrow){font-size:16px}
 .marketing-page .service-promises{font-size:13px;gap:10px}
 .marketing-page .price-grid,.marketing-page .feature-grid{grid-template-columns:1fr}
 .marketing-page .price-card{padding:25px}
 .marketing-page .monthly strong{font-size:48px}
 .marketing-page .price-card h2{font-size:24px}
 .marketing-page .feature summary{font-size:15px;min-height:65px}
 .marketing-page .setup h2,.marketing-page .section-heading h2{font-size:30px}
 .marketing-page .web-visual{padding:18px}
 .marketing-page .mini-site{padding:23px 20px}
 .marketing-page .mini-site h2{font-size:26px}
 .marketing-page .web-chat{margin-left:8px;padding:16px}
 .marketing-page .web-pricing h3{min-height:0}
 .web-price-link{margin-left:14px;font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){.marketing-page .feature summary>span{transition:none}}

@media(max-width:700px){.marketing-page .hero-copy h1{font-size:clamp(32px,8.8vw,44px)}}

/* Home: bloque de texto alineado arriba con la etiqueta de la demo (solo en dos columnas) */
@media(min-width:1151px){.page-home .hero-layout{align-items:start}.page-home .hero-copy{padding-top:0}}