/* BubbleTic / Escala de lectura v0.4. Cargar después de los estilos visuales. */
:root{--text-body:18px;--text-small:15px;--text-label:13px}
body{font-size:var(--text-body)}
.nav-links,.nav .btn{font-size:16px}
.hero .eyebrow,.eyebrow,.section-index{font-size:var(--text-label);letter-spacing:1.1px;line-height:1.6}
.hero-copy>p{font-size:20px;line-height:1.7;max-width:480px}
.btn,.hero-actions .btn,.hero-actions .text-link,.text-link{font-size:16px}
.hero-note,.hero-bottom p,.disciplines{font-size:var(--text-small);line-height:1.7}
.hero-bottom{gap:24px;flex-wrap:wrap}.disciplines{flex-wrap:wrap;gap:12px}.disciplines span+span:before{margin-right:12px}
.art-coordinate,.art-bottom,.studio-art>span{font-size:11px;letter-spacing:1.2px}
.floating-note{font-size:14px}
.idea-strip p,.section-heading>p,.service p,.demo-copy>p,.step p,.about-text>p,.contact-panel p,details>p{font-size:var(--text-body);line-height:1.75}
.section-heading>p{max-width:390px}.idea-strip p{max-width:420px}
.sorting-pieces span{font-size:14px}.sorting-caption>span{font-size:var(--text-small);line-height:1.6}.sorting-caption button{font-size:16px;min-height:44px}
.service{min-height:600px}.service h3{font-size:30px;line-height:1.25}.service-number,.service-bottom{font-size:var(--text-label);line-height:1.7}.service-bottom{gap:12px;padding-top:24px}.service-foot{font-size:16px;line-height:1.75}
.scene-badge,.auto-node small,.evolve-tag{font-size:12px}.scene-badge{gap:12px}
.demo-tabs button{font-size:16px;padding:11px 17px}.demo-detail{font-size:17px!important;line-height:1.7;min-height:90px}
.board-header{font-size:17px;flex-wrap:wrap;gap:12px}.demo-badge{font-size:12px}.flow-text strong{font-size:17px;line-height:1.4}.flow-text span{font-size:var(--text-small);line-height:1.6}.flow-result{font-size:16px;line-height:1.6}.demo-board .btn{font-size:16px}.demo-disclaimer{font-size:13px;line-height:1.6}
.step h3{font-size:26px;line-height:1.3}.step-top span{font-size:14px}.process-footer{font-size:var(--text-small);line-height:1.7}
.about-sign{font-size:var(--text-small);line-height:1.6}.principle strong{font-size:18px}.principle p{font-size:17px;line-height:1.7}.principle>span{font-size:14px}
summary{font-size:20px;line-height:1.5;gap:20px}
.contact-form label{font-size:16px;line-height:1.5}.contact-form select,.contact-form textarea{font-size:18px;line-height:1.6}.contact-form textarea{min-height:140px}.contact-form .btn{font-size:16px}.form-note{font-size:14px!important;line-height:1.7}.contact-result{font-size:16px;line-height:1.7}.contact-result button,.contact-result .btn{font-size:15px;min-height:44px}.brief-output{font-size:16px;line-height:1.7}
.footer-main p,.footer-links{font-size:16px;line-height:1.7}.footer-main p{max-width:370px}.footer-bottom{font-size:14px;line-height:1.7;padding-bottom:70px}.motion-toggle{font-size:13px;min-height:44px}.motion-icon{font-size:15px}
/* El menú se compacta antes para conservar una navegación legible en tablet. */
@media(max-width:1000px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:88px;left:0;right:0;padding:24px 40px;background:var(--paper);border-bottom:1px solid var(--line);gap:22px;align-items:stretch;font-size:17px}.nav-links.open{display:flex;flex-direction:column}.nav .btn{font-size:16px}.hero-bottom .disciplines{flex-basis:100%}.service-grid{grid-template-columns:1fr}.service{min-height:0}.service p{max-width:650px}.service-scene{margin-bottom:24px}.scene-automation{gap:32px}.demo-layout{gap:35px}.demo-board{transform:none}.flow-row{gap:10px}.flow-icon{flex-shrink:0}.contact-panel{gap:32px;padding:36px}}
@media(max-width:760px){.nav-links{top:78px;padding:24px}.hero .eyebrow{font-size:12px}.hero-copy>p{font-size:19px;line-height:1.7}.hero-actions{gap:22px}.hero-note,.hero-bottom p,.disciplines{font-size:14px}.hero-bottom{gap:18px}.hero .hero-actions .btn,.hero-actions .text-link{font-size:16px}.floating-note{font-size:12px}.art-coordinate,.art-bottom,.studio-art>span{font-size:10px;letter-spacing:.8px}.note-build{right:0}.section-index{font-size:12px}.section-heading>p{max-width:100%}.service{padding:27px}.service h3{font-size:30px}.service p,.step p,.about-text>p,.contact-panel p,.demo-copy>p,.section-heading>p,.idea-strip p{font-size:18px}.service-bottom{font-size:14px}.service-foot{font-size:16px}.service-number{font-size:13px}.demo-detail{min-height:0}.demo-tabs{gap:8px}.demo-tabs button{font-size:15px;padding:10px 14px}.demo-board{padding:22px}.board-header{font-size:16px}.flow-text strong{font-size:16px}.flow-text span{font-size:15px}.flow-result{font-size:16px}.demo-disclaimer{font-size:13px}.step h3{font-size:25px}.principle strong{font-size:18px}.principle p{font-size:17px}.about-sign{font-size:14px}summary{font-size:19px}.contact-panel{padding:32px 24px}.contact-form select,.contact-form textarea{font-size:18px}.contact-form .btn{font-size:16px}.footer-links{font-size:16px;justify-content:flex-start}.footer-bottom{font-size:14px}.motion-toggle{font-size:12px;padding:10px 13px}}
@media(max-width:370px){.hero .eyebrow{font-size:11px;letter-spacing:.8px}.floating-note{font-size:12px}.art-coordinate{font-size:10px}.scene-automation{gap:18px}.contact-panel{padding:28px 20px}.flow-row{gap:8px}.flow-text strong{font-size:15px}.flow-text span{font-size:14px}.demo-board{padding:18px}}