:root{--ink:#0b0c0e;--ink2:#14171a;--paper:#f5f3ee;--white:#fff;--muted:#666d72;--line:#d9d7d1;--accent:#ff5a3c;--accent2:#d9ff5b;--max:1240px;--r:26px;--shadow:0 24px 70px rgba(0,0,0,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:17px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.topbar{background:#050607;color:#cfd1d2;font-size:13px}.topbar-inner{height:36px;display:flex;justify-content:space-between;align-items:center}.topbar a:hover{color:#fff}.site-header{background:var(--ink);color:#fff;position:relative;z-index:40;border-bottom:1px solid rgba(255,255,255,.09)}.navrow{height:82px;display:flex;align-items:center;gap:28px}.brand{width:150px;flex:0 0 auto}.brand img{width:100%;height:56px;object-fit:contain}.mainnav{margin-left:auto;display:flex;align-items:center;gap:23px;font-size:14px;font-weight:650}.mainnav a{opacity:.83}.mainnav a:hover{opacity:1}.mainnav .nav-cta{background:var(--accent);color:#fff;border-radius:999px;padding:12px 17px;opacity:1}.menu-toggle{display:none;background:none;border:1px solid #444;color:#fff;border-radius:12px;padding:9px 12px}.hero{background:var(--ink);color:#fff;padding:54px 0 70px}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:12px;color:#596066;margin-bottom:16px}.eyebrow:before{content:"";width:22px;height:2px;background:var(--accent)}.eyebrow.light{color:#c5c8ca}.hero .eyebrow,.subhero .eyebrow,.cluster-hero .eyebrow,.about-hero .eyebrow,.product-hero .eyebrow{color:#c5c8ca}.hero h1,.subhero h1,.cluster-hero h1,.about-hero h1,.product-hero h1,.compact-hero h1{font-size:clamp(48px,6vw,82px);line-height:.95;letter-spacing:-.055em;margin:0 0 24px;max-width:850px}.hero-lead,.subhero p,.cluster-hero>div>div>p,.about-hero p,.product-hero p,.compact-hero p{font-size:20px;line-height:1.55;color:#c9cccf;max-width:720px}.hero-lead strong{color:#fff}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 21px;border-radius:999px;font-weight:800;font-size:14px;transition:.2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--accent);color:#fff}.btn.ghost{border-color:#555b5f;color:#fff;background:transparent}.btn.white{background:#fff;color:var(--ink)}.btn.outline-white{border-color:rgba(255,255,255,.55);color:#fff}.btn.darkbtn{background:var(--ink);color:#fff}.btn.full{width:100%}.proof-inline{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.proof-inline span{border:1px solid #33383c;border-radius:999px;padding:8px 11px;font-size:12px;color:#d8dadb}.hero-visual{margin:0;position:relative}.hero-visual img{border-radius:34px;width:100%;height:min(70vh,720px);object-fit:cover;box-shadow:var(--shadow)}.hero-visual figcaption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(8,9,10,.82);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:13px 15px;color:#eee;font-size:13px}.trustbar{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0}.trust-grid div{display:flex;flex-direction:column;padding:0 24px;border-right:1px solid var(--line)}.trust-grid div:first-child{padding-left:0}.trust-grid div:last-child{border:0}.trust-grid b{font-size:25px;letter-spacing:-.04em}.trust-grid span{font-size:12px;color:var(--muted)}.section{padding:100px 0}.section-head{max-width:760px;margin-bottom:40px}.section-head.row{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head.compact{margin-bottom:24px}.section-head h2,.split h2,.workshop h2,.price-tease h2,.about-grid h1,.cluster-unique h2{font-size:clamp(38px,4.3vw,62px);line-height:1.02;letter-spacing:-.05em;margin:0 0 18px}.section-head p,.split p,.workshop p,.price-tease p{color:var(--muted);font-size:18px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.case-card{background:#fff;border-radius:var(--r);overflow:hidden;padding-bottom:22px;transition:.22s;box-shadow:0 8px 30px rgba(0,0,0,.05)}.case-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.case-card img{width:100%;aspect-ratio:1.25;object-fit:cover}.case-card>span,.case-card>h3,.case-card>p,.case-card>b{display:block;margin-left:22px;margin-right:22px}.case-card>span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:850;margin-top:20px}.case-card h3{font-size:25px;line-height:1.08;margin-top:7px;margin-bottom:10px;letter-spacing:-.035em}.case-card p{font-size:14px;color:var(--muted);min-height:66px}.case-card b{font-size:13px}.dark{background:var(--ink);color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.dark .split p{color:#bfc3c6}.text-link{font-weight:800;font-size:14px;border-bottom:1px solid currentColor;padding-bottom:4px}.steps-vertical{margin:0;padding:0;list-style:none}.steps-vertical li{display:grid;grid-template-columns:60px 1fr;gap:22px;padding:20px 0;border-top:1px solid #303437}.steps-vertical li>b{color:var(--accent2);font-size:13px}.steps-vertical h3{margin:0 0 4px;font-size:21px}.steps-vertical p{margin:0!important;font-size:14px!important}.price-tease{background:#eeece6}.price-tease-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.price-pills{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 8px}.price-pills span{background:#fff;border-radius:14px;padding:12px 14px;font-size:14px}.price-pills b{margin-right:6px}.price-tease small{display:block;color:#777;margin-bottom:22px}.calculator-visual{background:var(--ink);color:#fff;border-radius:30px;padding:34px;box-shadow:var(--shadow)}.calc-tag{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent2);font-weight:900}.calc-big{font-size:54px;font-weight:900;letter-spacing:-.06em;margin:16px 0 25px}.calc-big small{display:block;color:#9da2a5;font-size:12px;letter-spacing:0;font-weight:600}.calc-line,.calc-total{display:flex;justify-content:space-between;border-top:1px solid #303437;padding:13px 0;font-size:14px}.calc-line b{color:var(--accent2)}.calc-total{margin-top:10px;padding-top:22px}.calc-total strong{font-size:24px}.mosaic{display:grid;grid-template-columns:1.4fr .8fr .8fr;grid-template-rows:270px 270px;gap:14px}.mosaic figure{margin:0;position:relative;overflow:hidden;border-radius:22px;background:#ddd}.mosaic-a{grid-row:span 2}.mosaic-d{grid-column:span 2}.mosaic img{width:100%;height:100%;object-fit:cover;transition:.25s}.mosaic figure:hover img{transform:scale(1.025)}.mosaic figcaption{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.72);color:#fff;padding:8px 11px;border-radius:999px;font-size:11px}.workshop{background:#fff}.workshop-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:80px;align-items:center}.workshop figure{margin:0}.workshop figure img{border-radius:30px;height:560px;width:100%;object-fit:cover}.workshop-facts{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.workshop-facts span{border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:12px}.final-cta{padding-top:30px}.final-cta-box{background:var(--accent);color:#fff;border-radius:34px;padding:70px;box-shadow:var(--shadow)}.final-cta-box h2{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.05em;margin:0 0 15px;max-width:900px}.final-cta-box p{font-size:18px;max-width:650px}.footer{background:#08090a;color:#fff;padding:80px 0 30px;margin-top:90px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:42px}.footer h3,.footer-title{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#8f9599;margin:0 0 18px;font-weight:700}.footer a{display:block;font-size:14px;margin:9px 0;color:#d7d9da}.footer-brand img{width:180px;margin-bottom:20px}.footer-brand p{font-size:14px;color:#c2c5c7;max-width:330px}.muted{color:#7f858a!important;font-size:12px!important}.footer-bottom{margin-top:50px;padding-top:22px;border-top:1px solid #272a2c;display:flex;justify-content:space-between;gap:30px;color:#777d82;font-size:11px}.footer-bottom a{display:inline;font-size:inherit}.mobile-actions{display:none}.subhero,.cluster-hero,.about-hero,.product-hero{background:var(--ink);color:#fff;padding:75px 0}.subhero-grid,.cluster-grid,.about-grid,.product-grid,.compact-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:75px;align-items:center}.subhero h1,.cluster-hero h1,.about-hero h1,.product-hero h1{font-size:clamp(50px,5.5vw,78px)}.price-hero-card,.form-map{background:#191c1f;border:1px solid #34383b;border-radius:26px;padding:30px}.price-hero-card b{font-size:23px}.price-hero-card p{font-size:15px;color:#b8bdc0}.price-hero-card span{color:var(--accent2);font-weight:800;font-size:13px}.calculator-shell{display:grid;grid-template-columns:1.2fr .8fr;background:#fff;border-radius:32px;overflow:hidden;box-shadow:var(--shadow)}.calculator-form{padding:45px}.calculator-summary{padding:45px;background:var(--ink);color:#fff;position:relative}.qty-main{display:flex;flex-direction:column;gap:8px;font-weight:850;font-size:14px;margin-bottom:28px}.qty-main input,.extra-qty-wrap input{font:inherit;border:1px solid #d6d7d4;border-radius:14px;padding:14px 15px;background:#fafafa}.qty-main input{font-size:24px;font-weight:850;max-width:220px}.extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.extra-card{border:1px solid #e0dfdb;border-radius:18px;padding:16px}.extra-toggle{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.extra-toggle input{position:absolute;opacity:0}.toggle-ui{width:22px;height:22px;border:2px solid #b9bcb9;border-radius:7px;flex:0 0 auto;margin-top:1px}.extra-toggle input:checked+.toggle-ui{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 4px #fff}.extra-toggle b,.extra-toggle small{display:block}.extra-toggle small{font-size:12px;color:#747a7e;margin-top:4px}.extra-qty-wrap{display:none;margin-top:13px;padding-top:13px;border-top:1px dashed #ddd}.extra-qty-wrap.visible{display:block}.extra-qty-wrap label{font-size:11px;font-weight:750;color:#555;display:flex;flex-direction:column;gap:6px}.summary-row{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #303437;font-size:13px}.summary-total{padding:28px 0 20px}.summary-total span{display:block;color:#adb2b5;font-size:13px}.summary-total strong{font-size:50px;letter-spacing:-.06em}.summary-config{font-size:12px;color:#b5b9bc;line-height:1.6;margin-bottom:18px}.summary-note{background:#191c1f;border:1px solid #33383b;padding:14px;border-radius:14px;font-size:11px;color:#aeb3b6;margin:18px 0}.compare-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.compare-grid>div{border-top:3px solid var(--ink);padding:20px 6px}.compare-grid>div>b{color:var(--accent);font-size:12px}.compare-grid h3{font-size:20px}.compare-grid p{color:var(--muted);font-size:14px}.tally-hero .form-map ul{padding-left:18px;color:#d8dadb}.form-map>span{color:var(--accent2);font-size:12px;text-transform:uppercase;font-weight:850;letter-spacing:.1em}.microproof{font-size:13px!important;color:var(--accent2)!important;font-weight:750}.tally-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.tally-grid h2{font-size:46px;line-height:1.02;letter-spacing:-.04em}.privacy-mini{margin-top:25px;padding:15px;border:1px solid var(--line);border-radius:15px;font-size:12px;color:#666}.privacy-mini a{text-decoration:underline}.tally-embed{background:#fff;border-radius:26px;box-shadow:var(--shadow);padding:10px;min-height:650px}.tally-embed iframe{border-radius:18px;background:#fff}.flow-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.flow-cards>div{background:#fff;border:1px solid var(--line);padding:22px;border-radius:20px}.flow-cards span{color:var(--accent);font-weight:900}.flow-cards b,.flow-cards p{display:block}.flow-cards p{font-size:13px;color:var(--muted)}.how-hero .subhero-img{border-radius:28px;height:460px;width:100%;object-fit:cover}.timeline{max-width:920px}.timeline article{display:grid;grid-template-columns:90px 1fr;gap:30px;border-top:1px solid var(--line);padding:42px 0}.timeline article>span{font-size:12px;font-weight:900;color:var(--accent)}.timeline h2{font-size:34px;letter-spacing:-.035em;margin:0 0 8px}.timeline p{color:var(--muted)}.timeline a{font-weight:800;font-size:14px}.portfolio-hero .wrap{max-width:1000px;margin-left:max(24px,calc((100% - var(--max))/2))}.portfolio-hero p{max-width:760px}.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filterbar button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:10px 14px;cursor:pointer}.filterbar button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.portfolio-grid{columns:3 320px;column-gap:16px}.portfolio-item{break-inside:avoid;margin:0 0 16px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 6px 25px rgba(0,0,0,.045)}.portfolio-item[hidden]{display:none}.portfolio-item img{width:100%;height:auto}.portfolio-item figcaption{padding:15px}.portfolio-item figcaption span{display:block;color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.portfolio-item figcaption b{display:block;margin-top:4px;font-size:14px}.about-grid figure{margin:0}.about-grid figure img{height:620px;width:100%;object-fit:cover;border-radius:30px}.about-grid figcaption{color:#9ea3a6;font-size:12px;margin-top:10px}.workshop-story{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}.workshop-story figure{margin:0}.workshop-story img{border-radius:30px;height:560px;width:100%;object-fit:cover}.workshop-story h2{font-size:50px;line-height:1;letter-spacing:-.045em}.workshop-story dl>div{border-top:1px solid var(--line);padding:12px 0;display:grid;grid-template-columns:100px 1fr}.workshop-story dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:#7a8083}.workshop-story dd{margin:0;font-size:13px}.values{background:#fff}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.values-grid>div{background:var(--paper);padding:24px;border-radius:20px}.values-grid h3{margin-top:0}.values-grid p{font-size:13px;color:var(--muted)}.cluster-hero figure,.product-hero figure{margin:0}.cluster-hero figure img,.product-hero figure img{border-radius:30px;height:600px;width:100%;object-fit:cover}.cluster-hero figcaption,.product-hero figcaption{color:#969da1;font-size:11px;margin-top:10px}.hero-checks{padding:0;list-style:none;margin:24px 0}.hero-checks li{padding:8px 0 8px 23px;position:relative;color:#d3d6d8;font-size:14px}.hero-checks li:before{content:"✓";position:absolute;left:0;color:var(--accent2);font-weight:900}.cluster-points>div{display:grid;grid-template-columns:42px 1fr;border-top:1px solid var(--line);padding:16px 0}.cluster-points b{color:var(--accent);font-size:11px}.cluster-points p{font-size:14px!important;margin:0;color:#4c5357!important}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-grid figure{margin:0;background:#fff;border-radius:22px;overflow:hidden}.detail-grid img{width:100%;aspect-ratio:1;object-fit:cover}.detail-grid figcaption{padding:13px 16px;font-size:12px;font-weight:750}.process-short .section-head{max-width:800px}.process-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.process-row div{border-top:1px solid #363a3d;padding:18px 4px}.process-row span{display:block;color:var(--accent2);font-size:11px;margin-bottom:8px}.process-row b{font-size:14px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.related-grid a{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;display:block}.related-grid span{display:block;color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.related-grid b{display:block;margin:5px 0 15px}.compact-hero{background:var(--ink);color:#fff;padding:70px 0}.compact-hero h1{font-size:clamp(46px,5vw,72px);max-width:900px}.compact-grid img{border-radius:28px;height:500px;width:100%;object-fit:cover}.seo-content{display:grid;grid-template-columns:1fr 1fr;gap:80px}.seo-content h2{font-size:48px;line-height:1;letter-spacing:-.045em}.mini-features{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-features>div{background:#fff;border-radius:18px;padding:20px}.mini-features b,.mini-features span{display:block}.mini-features span{font-size:12px;color:var(--muted)}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:15px}.two-up img{height:520px;width:100%;object-fit:cover;border-radius:24px}.tech-note{background:#fff;padding:28px;border-radius:22px}.detail-side{border-radius:24px;height:500px;width:100%;object-fit:cover}.faq-simple{max-width:850px}.faq-simple details{border-top:1px solid var(--line);padding:18px 0}.faq-simple summary{font-weight:850;cursor:pointer}.faq-simple p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-grid>*{background:#fff;border-radius:20px;padding:28px}.contact-grid span,.contact-grid b{display:block}.contact-grid span{color:var(--accent);font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.product-spec{display:flex;flex-direction:column;gap:7px;border-left:3px solid var(--accent2);padding-left:18px;margin:24px 0;color:#bfc4c6;font-size:13px}.product-spec b{color:#fff;font-size:20px}
@media(max-width:980px){.wrap{width:min(var(--max),calc(100% - 32px))}.menu-toggle{display:block;margin-left:auto}.mainnav{display:none;position:absolute;top:118px;left:16px;right:16px;background:#111416;border:1px solid #303437;border-radius:20px;padding:16px;flex-direction:column;align-items:stretch;gap:2px}.mainnav.open{display:flex}.mainnav a{padding:11px}.hero-grid,.subhero-grid,.cluster-grid,.about-grid,.product-grid,.compact-grid,.price-tease-grid,.workshop-grid,.workshop-story,.tally-grid,.seo-content,.split{grid-template-columns:1fr;gap:40px}.hero{padding-top:35px}.hero-visual img{height:620px}.case-grid{grid-template-columns:1fr 1fr}.case-grid .case-card:last-child{grid-column:span 2}.trust-grid{grid-template-columns:1fr 1fr;row-gap:20px}.trust-grid div:nth-child(2){border-right:0}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:300px 240px 240px}.mosaic-a{grid-row:span 1;grid-column:span 2}.mosaic-d{grid-column:span 1}.calculator-shell{grid-template-columns:1fr}.calculator-summary{position:static}.compare-grid,.values-grid,.related-grid{grid-template-columns:1fr 1fr}.process-row{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.flow-cards{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr 1fr}.cluster-hero figure img,.product-hero figure img{height:520px}}
@media(max-width:640px){body{font-size:16px}.topbar-inner{height:32px}.topbar-inner span:first-child{display:none}.navrow{height:70px}.brand{width:130px}.brand img{height:46px}.mainnav{top:102px}.hero h1,.subhero h1,.cluster-hero h1,.about-hero h1,.product-hero h1,.compact-hero h1{font-size:47px}.hero-lead,.subhero p,.cluster-hero>div>div>p,.about-hero p,.product-hero p,.compact-hero p{font-size:17px}.hero-visual img{height:520px;border-radius:24px}.hero-grid{gap:28px}.section{padding:70px 0}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid div{padding:0 12px}.trust-grid b{font-size:20px}.case-grid{grid-template-columns:1fr}.case-grid .case-card:last-child{grid-column:auto}.section-head.row{display:block}.mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:260px 180px 180px}.mosaic-a{grid-column:span 2}.mosaic-d{grid-column:span 2}.final-cta-box{padding:38px 24px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.mobile-actions{display:grid;position:fixed;z-index:80;bottom:10px;left:10px;right:10px;grid-template-columns:.8fr 1.2fr;background:#111;border:1px solid #34373a;border-radius:16px;padding:6px;box-shadow:0 10px 40px rgba(0,0,0,.4)}.mobile-actions a{color:#fff;text-align:center;padding:11px;border-radius:11px;font-weight:800;font-size:13px}.mobile-actions .primary{background:var(--accent)}.footer{padding-bottom:100px}.extras-grid,.compare-grid,.values-grid,.related-grid,.flow-cards,.detail-grid,.mini-features,.contact-grid{grid-template-columns:1fr}.calculator-form,.calculator-summary{padding:24px}.summary-total strong{font-size:44px}.process-row{grid-template-columns:1fr 1fr}.portfolio-grid{columns:2 145px;column-gap:10px}.portfolio-item{margin-bottom:10px}.portfolio-item figcaption{padding:10px}.timeline article{grid-template-columns:45px 1fr;gap:12px}.timeline h2{font-size:27px}.workshop figure img,.workshop-story img,.two-up img{height:380px}.two-up{grid-template-columns:1fr}.cluster-hero figure img,.product-hero figure img,.compact-grid img,.about-grid figure img{height:440px}.footer{margin-top:50px}}


/* HITO005 editorial visual */
.hero-home .hero-visual:after{content:"";position:absolute;inset:0;border-radius:34px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}.hero-home .hero-copy{position:relative}.hero-home .hero-copy:after{content:"Kronix · grupos desde idea a entrega";display:block;margin-top:24px;color:#71777b;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.case-media-trio{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1.25;gap:3px;background:#111;overflow:hidden}.case-media-trio img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}.case-media-trio img:first-child{grid-row:span 2}.cluster-hero figure{position:relative;isolation:isolate}.cluster-hero figure:before{content:attr(data-photo-label);position:absolute;z-index:3;left:16px;top:16px;background:var(--accent2);color:#111;padding:8px 11px;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.18)}.cluster-hero figure:after{content:"";position:absolute;z-index:1;inset:0 0 24px;border-radius:30px;background:linear-gradient(180deg,transparent 64%,rgba(0,0,0,.56));pointer-events:none}.cluster-hero figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:40px;color:#fff;font-size:12px;line-height:1.4;margin:0;padding:11px 13px;border-radius:13px;background:rgba(8,9,10,.62);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12)}.product-hero figure{position:relative}.product-hero figure:after{content:"Resultado real · personalización aplicada";position:absolute;left:16px;top:16px;background:var(--accent2);color:#111;padding:8px 11px;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.product-hero figure img{box-shadow:var(--shadow)}.product-hero figcaption{font-size:12px;line-height:1.45;color:#aeb4b7}.portfolio-home .mosaic figure{box-shadow:0 10px 30px rgba(0,0,0,.08)}.portfolio-home .mosaic figcaption{font-weight:800;letter-spacing:.02em}.workshop figure{position:relative}.workshop figure:after{content:"Producción real · San Sebastián de los Reyes";position:absolute;left:16px;bottom:16px;background:rgba(9,10,11,.8);color:#fff;padding:10px 13px;border-radius:999px;font-size:11px;font-weight:800;backdrop-filter:blur(8px)}.price-hero-card{box-shadow:0 18px 50px rgba(0,0,0,.18)}.price-hero-card:before{content:"SIN REGISTRO · SIN COMPROMISO";display:block;color:var(--accent2);font-size:10px;letter-spacing:.11em;font-weight:900;margin-bottom:12px}.calculator-shell{border:1px solid #dedbd4}.tally-embed{border:1px solid #e4e1da}.form-map li{margin:8px 0;color:#d4d7d9}.form-map span{display:block;color:var(--accent2);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;margin-bottom:12px}
@media(max-width:640px){.hero-home .hero-copy:after{display:none}.cluster-hero figcaption{bottom:35px;left:12px;right:12px}.cluster-hero figure:before,.product-hero figure:after{top:12px;left:12px}.case-media-trio{aspect-ratio:1.15}.workshop figure:after{left:10px;right:10px;text-align:center}.product-hero figure img{height:500px}}

/* HITO 005 · técnica y producto: contenido visual y de decisión */
.tech-hero-figure{margin:0;position:relative}.tech-hero-figure img{height:500px;width:100%;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.tech-hero-figure figcaption{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(8,9,10,.76);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:11px 13px;font-size:12px;line-height:1.4;backdrop-filter:blur(7px)}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.decision-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 8px 24px rgba(0,0,0,.035)}.decision-card h3{margin:0 0 10px;font-size:23px;line-height:1.08;letter-spacing:-.035em}.decision-card p{margin:0;color:var(--muted);font-size:15px}.decision-closing{max-width:900px;margin:24px 0 0;padding-left:18px;border-left:3px solid var(--accent);color:#51565a}.product-decision{background:#eeece6}.technique-decision{background:#f3f1ec}.product-decision .decision-card{background:#fff}.technique-decision .section-head,.product-decision .section-head{max-width:900px}
@media(max-width:980px){.decision-grid{grid-template-columns:1fr 1fr}.decision-card:last-child{grid-column:span 2}}
@media(max-width:640px){.decision-grid{grid-template-columns:1fr}.decision-card:last-child{grid-column:auto}.tech-hero-figure img{height:440px}}


/* HITO 006 · ritmo visual por intención */
.outcome-strip{background:#0f1113;color:#fff;padding:0 0 26px}.outcome-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:10px;transform:translateY(-1px)}.outcome-grid figure{margin:0;position:relative;min-height:230px;overflow:hidden;border-radius:0 0 22px 22px;background:#191c1f}.outcome-grid img{width:100%;height:100%;min-height:230px;object-fit:cover;filter:saturate(.95)}.outcome-grid figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(5,6,7,.78))}.outcome-grid figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:17px}.outcome-grid figcaption span,.outcome-grid figcaption b{display:block}.outcome-grid figcaption span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);font-weight:900;margin-bottom:4px}.outcome-grid figcaption b{font-size:15px;line-height:1.25}.page-home .choose{padding-top:82px}
.page-school .cluster-hero{background:linear-gradient(115deg,#090a0b 0%,#15181a 72%,#202428 100%)}.page-school .editorial-asym{grid-template-columns:1.35fr .65fr}.page-school .editorial-asym img:first-child{height:590px}.page-school .editorial-asym img:last-child{height:430px;align-self:end}.page-school .cluster-unique{background:#f3f1ec}.page-school .cluster-points>div:nth-child(odd){transform:translateX(18px)}
.page-uni .cluster-hero{padding-bottom:90px;background:radial-gradient(circle at 78% 32%,#27313b 0%,#0b0c0e 42%,#08090a 100%)}.hero-collage-wrap{position:relative;margin:0}.hero-collage{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:260px 260px;gap:9px}.hero-collage img{width:100%;height:100%;object-fit:cover;border-radius:18px}.hero-collage .hero-collage-main{grid-row:span 2;border-radius:30px 18px 18px 30px}.hero-collage-wrap figcaption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(8,9,10,.76);color:#fff;border:1px solid rgba(255,255,255,.14);padding:12px 14px;border-radius:14px;backdrop-filter:blur(7px);font-size:12px;z-index:3}.page-uni .cluster-unique .split{grid-template-columns:.8fr 1.2fr}.page-uni .cluster-gallery{background:#eef0f2}
.page-penas .cluster-hero{background:linear-gradient(135deg,#160707,#0b0c0e 47%,#111315 100%)}.cluster-grid-reverse>div:first-child{order:2}.cluster-grid-reverse>figure{order:1}.page-penas .cluster-grid{grid-template-columns:1.06fr .94fr}.page-penas .detail-grid-story{grid-template-columns:1.25fr .75fr .75fr;align-items:end}.page-penas .detail-grid-story figure:first-child img{height:620px}.page-penas .detail-grid-story figure:nth-child(2) img{height:470px}.page-penas .detail-grid-story figure:nth-child(3) img{height:390px}.page-penas .cluster-unique{background:#fff3f1}
.page-teams .cluster-hero{background:linear-gradient(145deg,#07131b,#0b0c0e 58%)}.page-events .cluster-hero{background:linear-gradient(135deg,#151005,#0b0c0e 56%)}
.page-price .calculator-section{background:linear-gradient(180deg,#f5f3ee,#fff)}.page-price .calculator-shell{box-shadow:0 28px 80px rgba(0,0,0,.13)}.page-order .tally-section,.page-budget .tally-section{background:#f0eee8}
@media(max-width:980px){.outcome-grid{grid-template-columns:1fr 1fr}.outcome-grid figure:first-child{grid-column:span 2}.page-school .editorial-asym{grid-template-columns:1fr 1fr}.page-school .editorial-asym img:first-child,.page-school .editorial-asym img:last-child{height:480px}.hero-collage{grid-template-rows:220px 220px}.page-penas .detail-grid-story{grid-template-columns:1fr 1fr}.page-penas .detail-grid-story figure:first-child{grid-column:span 2}.page-penas .detail-grid-story figure:first-child img{height:520px}}
@media(max-width:640px){.outcome-strip{padding-bottom:14px}.outcome-grid{grid-template-columns:1fr;gap:7px}.outcome-grid figure:first-child{grid-column:auto}.outcome-grid figure{min-height:190px;border-radius:0 0 18px 18px}.outcome-grid img{min-height:190px}.page-school .editorial-asym{grid-template-columns:1fr}.page-school .editorial-asym img:first-child,.page-school .editorial-asym img:last-child{height:390px}.page-school .cluster-points>div:nth-child(odd){transform:none}.hero-collage{grid-template-columns:1fr 1fr;grid-template-rows:330px 150px}.hero-collage .hero-collage-main{grid-column:span 2;grid-row:auto;border-radius:24px}.hero-collage img{border-radius:16px}.cluster-grid-reverse>div:first-child,.cluster-grid-reverse>figure{order:initial}.page-penas .detail-grid-story{grid-template-columns:1fr}.page-penas .detail-grid-story figure:first-child{grid-column:auto}.page-penas .detail-grid-story figure:first-child img,.page-penas .detail-grid-story figure:nth-child(2) img,.page-penas .detail-grid-story figure:nth-child(3) img{height:380px}}

/* Legal and privacy pages */
.legal-hero{background:#101214;color:#fff;padding:70px 0}.legal-identity{display:flex;flex-direction:column;gap:7px;border:1px solid #363b3e;border-radius:24px;padding:26px;background:#191c1f;color:#cdd1d3}.legal-identity b{font-size:20px;color:#fff}.legal-identity a{color:var(--accent2);font-weight:800}.legal-updated{font-size:13px!important;color:#959b9f!important}.legal-content{padding-top:70px}.legal-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:70px;align-items:start}.legal-layout article{max-width:830px}.legal-section{padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid var(--line)}.legal-section:last-child{border-bottom:0}.legal-section h2{font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.04em;margin:0 0 14px}.legal-section p,.legal-section li{color:#4e5559;line-height:1.75}.legal-section li{margin:8px 0}.legal-nav{position:sticky;top:22px;background:#eeece6;border-radius:22px;padding:24px}.legal-nav b{display:block;margin-bottom:12px}.legal-nav a{display:block;padding:9px 0;border-bottom:1px solid #d7d3cb;font-size:14px;font-weight:700}.tally-consent{padding:32px;min-height:440px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;background:#fff;border-radius:24px}.tally-consent h3{font-size:30px;line-height:1.05;margin:0}.tally-consent p{color:var(--muted);max-width:600px}.tally-consent .text-link{margin-top:4px}.tally-target{width:100%}.tally-target iframe{display:block;margin-top:24px;border:0;min-height:720px;background:#fff}.tally-consent[data-loaded="1"]{padding:12px;display:block}.tally-consent[data-loaded="1"]>.eyebrow,.tally-consent[data-loaded="1"]>h3,.tally-consent[data-loaded="1"]>p,.tally-consent[data-loaded="1"]>.text-link{display:none}@media(max-width:860px){.legal-layout{grid-template-columns:1fr}.legal-nav{position:static;order:-1}.legal-hero{padding:55px 0}.tally-consent{padding:24px;min-height:360px}}

/* A11Y V3 */
.skip-link{position:fixed;left:12px;top:12px;z-index:9999;padding:12px 16px;background:#fff;color:#111;border:2px solid #111;border-radius:10px;font-weight:800;transform:translateY(-180%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ffb703;outline-offset:3px}.menu-toggle{cursor:pointer}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Organizador local de pedido */
.planner-shell{background:#f6f7f8;border:1px solid #e3e5e8;border-radius:28px;padding:clamp(22px,4vw,44px)}
.planner-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:34px;align-items:end;margin-bottom:24px}
.planner-intro p{max-width:760px}.planner-privacy{background:#fff;border:1px solid #e1e3e6;border-radius:18px;padding:16px 18px;font-size:.92rem;line-height:1.55}
.planner-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 16px}.planner-count{margin-left:auto;font-weight:800;font-size:.92rem}
.planner-scroll{overflow:auto;border:1px solid #dfe2e6;border-radius:18px;background:#fff}
.planner-table{width:100%;border-collapse:collapse;min-width:820px}.planner-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;text-align:left;background:#101114;color:#fff;padding:13px 12px}.planner-table td{padding:8px;border-bottom:1px solid #eceef0;vertical-align:middle}.planner-table tr:last-child td{border-bottom:0}.planner-table input,.planner-table select{width:100%;min-height:44px;border:1px solid #d8dade;border-radius:10px;padding:8px 10px;background:#fff;font:inherit}.planner-index{width:44px;text-align:center;font-weight:800;color:#6b7077}.planner-remove{width:38px;height:38px;border-radius:999px;border:1px solid #d8dade;background:#fff;font-size:1.3rem;cursor:pointer}.planner-remove:hover{background:#111;color:#fff}.planner-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.planner-status{min-height:1.5em;margin-top:10px;color:#555;font-size:.9rem}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){.planner-intro{grid-template-columns:1fr}.planner-count{width:100%;margin-left:0}.planner-shell{border-radius:20px}.planner-actions .btn{width:100%}}

/* HITO 010 · simulador de mockup real */
.mockup-intro{max-width:860px;margin:0 auto 28px;text-align:center}.mockup-intro p{max-width:720px;margin:10px auto 0}.mockup-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:28px;align-items:start}.mockup-stage{background:#f3f2ef;border:1px solid rgba(11,12,14,.12);border-radius:22px;padding:14px;position:sticky;top:112px}.mockup-canvas-wrap{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.08)}#mockupCanvas{display:block;width:100%;height:auto;cursor:grab;touch-action:none}#mockupCanvas.is-dragging{cursor:grabbing}.mockup-note{font-size:.88rem;margin:12px 6px 2px;color:#636363}.mockup-panel{display:grid;gap:18px}.mockup-card{background:#fff;border:1px solid rgba(11,12,14,.12);border-radius:18px;padding:20px}.mockup-card h2,.mockup-card h3{margin-top:0}.mockup-card h2{font-size:1.35rem}.mockup-card h3{font-size:1.05rem}.mockup-garments{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mockup-garment{border:2px solid transparent;background:#f6f5f2;border-radius:12px;padding:5px;cursor:pointer}.mockup-garment.is-active{border-color:#0b0c0e}.mockup-garment img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;display:block}.mockup-garment span{display:block;font-size:.73rem;margin-top:4px;text-align:center}.mockup-upload{display:block;border:1.5px dashed rgba(11,12,14,.3);padding:18px;border-radius:12px;text-align:center;cursor:pointer;background:#faf9f6}.mockup-upload input{display:block;width:100%;margin-top:10px}.mockup-controls{display:grid;gap:13px}.mockup-control{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center}.mockup-control label{font-size:.88rem;font-weight:700}.mockup-control input[type=range]{width:100%}.mockup-presets{display:flex;flex-wrap:wrap;gap:8px}.mockup-presets button{border:1px solid rgba(11,12,14,.18);background:#f6f5f2;border-radius:999px;padding:8px 11px;font:inherit;cursor:pointer}.mockup-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mockup-actions .btn{justify-content:center;text-align:center}.mockup-status{font-size:.9rem;min-height:1.4em;color:#454545}.mockup-status.is-error{color:#a11}.mockup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mockup-step{border-top:3px solid #0b0c0e;padding-top:14px}.mockup-step b{font-size:1.7rem}.proof-source{font-size:.82rem;color:#656565;margin-top:10px}
@media(max-width:900px){.mockup-shell{grid-template-columns:1fr}.mockup-stage{position:static}.mockup-steps{grid-template-columns:1fr}.mockup-garments{grid-template-columns:repeat(3,1fr)}}
@media(max-width:540px){.mockup-garments{grid-template-columns:repeat(2,1fr)}.mockup-control{grid-template-columns:90px 1fr}.mockup-actions{grid-template-columns:1fr}.mockup-card{padding:16px}}
.deadline-summary{background:#f6f5f2;border-radius:18px;padding:22px;margin-bottom:18px}.deadline-summary h2{margin:.2rem 0 .7rem}.deadline-summary p{margin:.55rem 0}

/* HITO 011 · personalización variable por titular */
.signature-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:34px;align-items:center}.signature-copy>p{max-width:760px}.signature-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.signature-options>div{border:1px solid rgba(11,12,14,.12);border-radius:16px;padding:17px;background:#fff}.signature-options h3{font-size:1.03rem;margin:0 0 8px}.signature-options p{font-size:.9rem;margin:0}.signature-visual{margin:0}.signature-visual img{width:100%;height:auto;border-radius:20px;display:block}.signature-visual figcaption{font-size:.82rem;color:#666;margin-top:8px}.signature-callout .wrap{max-width:920px}.signature-callout p{max-width:820px}.mockup-policy{background:#f6f5f2}.brief-before-design{background:#f6f5f2}.planner-table{min-width:1180px}
@media(max-width:900px){.signature-grid{grid-template-columns:1fr}.signature-options{grid-template-columns:1fr}.signature-visual{max-width:620px}.planner-table{min-width:1080px}}


/* HITO 014 · conversión: decisión rápida, certeza y organización */
.hero-assurance{margin:4px 0 0;color:#f0f2f3;font-size:13px;font-weight:750;letter-spacing:.01em;display:flex;align-items:center;gap:9px}.hero-assurance:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--accent2);color:var(--ink);font-size:12px;font-weight:950}.decision-router{padding:72px 0;background:#fff}.decision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.decision-card{border:1px solid var(--line);border-radius:22px;padding:22px;background:#f8f7f3;min-height:245px;display:flex;flex-direction:column;transition:.2s}.decision-card:hover{transform:translateY(-4px);box-shadow:0 16px 42px rgba(0,0,0,.08);border-color:#c9c5bc}.decision-card>span{font-size:11px;font-weight:900;color:var(--accent);letter-spacing:.1em}.decision-card>b{font-size:22px;line-height:1.08;letter-spacing:-.03em;margin:14px 0 9px}.decision-card p{font-size:14px;color:var(--muted);margin:0 0 20px}.decision-card strong{margin-top:auto;font-size:13px}.decision-proof{margin-top:16px;border-radius:18px;background:var(--ink);color:#fff;padding:16px 18px;display:flex;flex-wrap:wrap;gap:9px 18px;align-items:center;font-size:13px}.decision-proof b{margin-right:6px}.decision-proof span:before{content:"✓";color:var(--accent2);font-weight:900;margin-right:6px}.final-cta-facts{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.32);font-size:12px;font-weight:750}.budget-ease{margin-top:24px;border:1px solid #363b3e;background:#171a1d;border-radius:18px;padding:17px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:#fff}.budget-ease span{font-size:14px;color:#c9cccf}.budget-ease .text-link{color:var(--accent2)}.date-critical{margin-top:22px!important;border-left:3px solid var(--accent2);padding:12px 0 12px 16px;color:#eef0f1!important;font-size:15px!important}.payment-scope-note{margin-top:-24px;margin-bottom:34px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 20px;display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center}.payment-scope-note span{color:var(--muted);font-size:14px}.planner-bulk{background:#fff;border:1px solid #dfe2e6;border-radius:20px;padding:20px;margin:0 0 18px}.planner-bulk h3{font-size:22px;letter-spacing:-.025em;margin:0 0 6px}.planner-bulk p{font-size:14px;color:var(--muted);margin:0 0 12px}.planner-bulk textarea{width:100%;resize:vertical;min-height:120px;border:1px solid #d8dade;border-radius:12px;padding:12px 13px;font:inherit;background:#fafafa}.planner-bulk-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.planner-bulk .planner-import-hint{font-size:12px;margin:9px 0 0}.planner-sample{color:var(--ink)!important;border-color:#c8cbd0!important}
@media(max-width:980px){.decision-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.decision-router{padding:54px 0}.decision-grid{grid-template-columns:1fr}.decision-card{min-height:auto}.decision-proof{align-items:flex-start;flex-direction:column}.final-cta-facts{flex-direction:column;gap:7px}.payment-scope-note{margin-top:-10px}.planner-bulk-actions .btn{width:100%}}

/* HITO 014 · generador visual de número formado por nombres */
.mockup-help{font-size:.9rem;color:var(--muted);margin:-4px 0 14px}.name-number-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.name-number-grid label,.name-number-names{display:grid;gap:6px;font-size:.82rem;font-weight:750}.name-number-grid input:not([type=color]),.name-number-grid select,.name-number-names textarea{width:100%;border:1px solid #d8dade;border-radius:10px;padding:10px 11px;background:#fafafa;font:inherit}.name-number-grid input[type=color]{width:100%;height:44px;border:1px solid #d8dade;border-radius:10px;padding:3px;background:#fafafa}.name-number-names{margin:10px 0}.name-number-names textarea{resize:vertical;min-height:96px;font-weight:500}.mockup-name-number .proof-source{margin-bottom:0}@media(max-width:540px){.name-number-grid{grid-template-columns:1fr}}

/* Rescue P1B: local initial budget brief */
.budget-local-form{background:#fff;border-radius:26px;box-shadow:var(--shadow);padding:32px;display:grid;gap:16px}.budget-local-form label{display:grid;gap:7px;font-size:14px;font-weight:800;color:#2d3337}.budget-local-form input,.budget-local-form textarea{width:100%;border:1px solid #d6d7d4;border-radius:14px;background:#fafafa;padding:13px 14px;font:inherit;color:var(--ink)}.budget-local-form textarea{resize:vertical;min-height:130px}.budget-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.budget-local-form .budget-consent{display:flex;align-items:flex-start;gap:10px;font-weight:600;font-size:13px}.budget-local-form .budget-consent input{width:auto;margin-top:4px}.budget-local-form .budget-consent a{text-decoration:underline}.budget-form-note,.budget-form-status{margin:0;color:var(--muted);font-size:13px}.budget-form-status{font-weight:750}.budget-local-section .tally-grid{align-items:start}@media(max-width:640px){.budget-local-form{padding:22px}.budget-form-row{grid-template-columns:1fr}}

/* KRONIX P1B2: media non-regression + guide center */
img{height:auto}
.hero-visual img,.mosaic img,.workshop figure img,.case-card img,.mockup-garment img{height:var(--media-controlled-height,auto)}
.hero-visual img{--media-controlled-height:min(70vh,720px)}
.mosaic img{--media-controlled-height:100%}
.workshop figure img{--media-controlled-height:560px}
.guide-hero-media{margin:0;min-width:0}.guide-hero-media img{width:100%;max-height:650px;object-fit:cover;border-radius:28px}.guide-hero-media figcaption{font-size:14px;color:#9da2a5;margin-top:10px}.guide-body .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:54px;align-items:start}.guide-sections{display:grid;gap:16px}.guide-section{display:grid;grid-template-columns:54px 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}.guide-section>span{font-weight:900;color:var(--accent);font-size:14px}.guide-section h2{font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.035em;margin:0 0 10px}.guide-section p{font-size:17px;color:var(--muted);margin:0}.guide-next{position:sticky;top:120px;background:#eeece6;border-radius:24px;padding:28px}.guide-next h2{font-size:32px;line-height:1.05;margin:0 0 12px}.guide-next p{font-size:16px;color:var(--muted)}.guide-next .text-link{display:block;margin-top:18px}.guide-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;display:flex;flex-direction:column;min-height:310px;transition:.2s}.guide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.guide-card>span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:850}.guide-card h2{font-size:31px;line-height:1.04;letter-spacing:-.04em;margin:16px 0 12px}.guide-card p{font-size:16px;color:var(--muted);margin:0 0 18px}.guide-card b{margin-top:auto;font-size:14px}@media(max-width:900px){.guide-body .wrap{grid-template-columns:1fr}.guide-next{position:static}.guide-card-grid{grid-template-columns:1fr}.workshop figure img{--media-controlled-height:auto}}

/* P6 model-aware calculator */
.calculator-form .model-main{display:grid;gap:.45rem;margin-top:1rem}
.calculator-form .model-main select{width:100%;min-height:48px;padding:.75rem .9rem;border:1px solid rgba(17,20,24,.2);border-radius:12px;background:#fff;color:#111418;font:inherit}
.calculator-form .model-main small{font-size:14px;line-height:1.45;color:#5c6269}

/* P6 sizes/model comparison */
.size-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}
.size-model-card{background:#fff;border:1px solid rgba(17,20,24,.1);border-radius:20px;padding:1.35rem;box-shadow:0 14px 40px rgba(15,18,22,.06)}
.size-model-head>span{display:inline-block;font-size:14px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;margin-bottom:.45rem}
.size-model-head h2{margin:.1rem 0 .55rem}
.table-scroll{overflow-x:auto;margin:1rem 0;-webkit-overflow-scrolling:touch}
.table-scroll table{width:100%;min-width:720px;border-collapse:collapse;font-size:15px}
.table-scroll caption{text-align:left;font-weight:800;font-size:15px;padding:0 0 .65rem}
.table-scroll th,.table-scroll td{padding:.65rem .7rem;border-bottom:1px solid rgba(17,20,24,.12);text-align:center;white-space:nowrap}
.table-scroll th:first-child{text-align:left}
.size-source{font-size:14px;line-height:1.5;color:#626870}
.size-model-awdis{border-width:2px}
.composition-note{display:flex;flex-wrap:wrap;gap:.45rem .7rem;margin:.7rem 0;font-size:14px}
.composition-note b{width:100%}
.composition-note span{padding:.35rem .55rem;border-radius:999px;background:#f1f2f3}
@media(max-width:860px){.size-model-grid{grid-template-columns:1fr}.size-model-card{padding:1rem}.table-scroll table{font-size:14px}}

/* P6 mockup multmodelo: no habilitar una vista sin asset exacto */
.mockup-models{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mockup-model{display:grid;gap:3px;text-align:left;border:1px solid rgba(11,12,14,.16);background:#f7f6f2;border-radius:13px;padding:12px 13px;cursor:pointer;font:inherit;color:inherit}.mockup-model b{font-size:.92rem}.mockup-model span{font-size:.78rem;color:#666}.mockup-model.is-active{border-color:#0b0c0e;box-shadow:inset 0 0 0 1px #0b0c0e;background:#fff}.mockup-asset-state{font-size:.82rem;color:#5f6166;margin:10px 0 0}.mockup-face-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.mockup-face-tabs button{border:1px solid rgba(11,12,14,.16);background:#f7f6f2;border-radius:999px;padding:9px 12px;font:inherit;font-weight:750;cursor:pointer}.mockup-face-tabs button.is-active{background:#0b0c0e;color:#fff;border-color:#0b0c0e}.mockup-face-tabs button.is-pending:not(.is-active)::after{content:' · pendiente';font-size:.72em;font-weight:600}.mockup-pending-copy{grid-column:1/-1;border:1px dashed #c7c4bc;border-radius:12px;background:#f8f7f3;padding:14px;font-size:.88rem;color:#5f6166;margin:0}.mockup-garments{max-height:520px;overflow:auto;align-content:start;padding-right:4px;scrollbar-gutter:stable}.mockup-actions button:disabled{opacity:.48;cursor:not-allowed}.mockup-garment img{object-fit:contain;background:#fff}.mockup-source-note{font-size:.82rem}@media(max-width:540px){.mockup-models{grid-template-columns:1fr}}
.tally-close{margin:0 0 14px}.tally-close[hidden],.tally-load[hidden]{display:none!important}

/* HITO 025 · no-regresión de legibilidad global
   Escala acordada: texto útil 15–18px, ayudas 14–15px, etiquetas 13–14px. */
.eyebrow,
.case-card>span,
.calc-tag,
.extra-qty-wrap label,
.portfolio-item figcaption span,
.workshop-story dt,
.cluster-points b,
.process-row span,
.related-grid span,
.hero-home .hero-copy:after,
.cluster-hero figure:before,
.product-hero figure:after,
.workshop figure:after,
.price-hero-card:before,
.outcome-grid figcaption span,
.decision-card>span,
.guide-card>span{font-size:13px}

.proof-inline span,
.hero-visual figcaption,
.trust-grid span,
.case-card b,
.steps-vertical li>b,
.calc-big small,
.workshop-facts span,
.muted,
.extra-toggle small,
.summary-row,
.summary-total span,
.summary-config,
.summary-note,
.compare-grid>div>b,
.form-map>span,
.form-map span,
.microproof,
.privacy-mini,
.timeline article>span,
.about-grid figcaption,
.cluster-hero figcaption,
.product-hero figcaption,
.detail-grid figcaption,
.mini-features span,
.contact-grid span,
.product-spec,
.mobile-actions a,
.tech-hero-figure figcaption,
.hero-collage-wrap figcaption,
.legal-updated,
.hero-assurance,
.decision-card strong,
.decision-proof,
.final-cta-facts,
.planner-bulk .planner-import-hint,
.budget-local-form .budget-consent,
.budget-form-note,
.budget-form-status{font-size:14px}

.case-card p,
.steps-vertical p,
.flow-cards p,
.workshop-story dd,
.values-grid p{font-size:15px!important;line-height:1.55}

.footer-bottom{font-size:13px}
.mosaic figcaption{font-size:13px}

/* HITO 032 · contención responsive de tablas verificadas en Chromium real */
.size-model-card{min-width:0}
.table-scroll{min-width:0;max-width:100%}
.planner-scroll{min-width:0;max-width:100%;contain:inline-size}
.planner-scroll .sr-only{position:fixed!important;left:0!important;top:0!important;clip-path:inset(50%)!important}

/* HITO 032B · primera impresión móvil: la imagen específica entra en el primer viewport */
@media(max-width:640px){
  body{font-size:17px}
  .cluster-hero .cluster-grid,
  .product-hero .product-grid,
  .compact-hero .compact-grid,
  .guide-hero .subhero-grid{display:flex;flex-direction:column;gap:0}
  .cluster-hero .cluster-grid>div:first-child,
  .product-hero .product-grid>div:first-child,
  .compact-hero .compact-grid>div:first-child,
  .guide-hero .subhero-grid>div:first-child{display:contents}

  .cluster-hero .eyebrow,.product-hero .eyebrow,.compact-hero .eyebrow,.guide-hero .eyebrow{order:1;margin-bottom:12px}
  .cluster-hero h1,.product-hero h1,.compact-hero h1,.guide-hero h1{order:2;font-size:42px;line-height:.98;margin:0 0 4px}
  .cluster-hero figure,.product-hero figure,.compact-hero figure,.guide-hero figure{order:3;margin:14px 0 18px;align-self:stretch;min-width:0}
  .cluster-hero figure img,.guide-hero figure img{height:220px;width:100%;object-fit:cover;border-radius:22px}
  .compact-hero figure img{height:210px;width:100%;object-fit:cover;border-radius:22px}
  .product-hero figure{width:74%;align-self:flex-end}
  .product-hero figure img{height:245px;width:100%;object-fit:contain;border-radius:22px;background:#fff}
  .product-hero figcaption{display:none}
  .cluster-hero p,.product-hero p,.compact-hero p,.guide-hero p{order:4;margin:0 0 14px;font-size:17px;line-height:1.48}
  .cluster-hero .hero-checks{order:5;margin:7px 0 14px}
  .product-hero .product-spec{order:5;margin:6px 0 14px}
  .cluster-hero .hero-actions,.product-hero .hero-actions,.guide-hero .hero-actions{order:6;margin:4px 0 0}
  .compact-hero .btn{order:5;align-self:flex-start}
  .cluster-hero,.product-hero,.compact-hero,.guide-hero{padding-top:38px;padding-bottom:46px}
}

/* HITO 032C · orden correcto de compact-hero en móvil */
@media(max-width:640px){
  .compact-hero .compact-grid>img{order:3;margin:14px 0 18px;width:100%;height:220px;object-fit:cover;border-radius:22px;align-self:stretch}
  .compact-hero .compact-grid>.hero-actions,
  .compact-hero .hero-actions{order:5;margin:4px 0 0}
  .compact-hero .hero-actions .btn{order:initial}
}

/* HITO 032C · variante compact-hero con imagen directa / CTA agrupado */
@media(max-width:640px){
  .compact-hero .compact-grid>img{order:3;width:100%;height:220px;object-fit:cover;border-radius:22px;margin:14px 0 18px}
  .compact-hero .hero-actions{order:5;margin:4px 0 0}
}

/* HITO 032D · funciones propias arriba; Trabajos abre con prueba real */
.portfolio-hero-visual{margin:0;position:relative;min-width:0}
.portfolio-hero-visual img{width:100%;height:500px;object-fit:cover;border-radius:28px}
.portfolio-hero-visual figcaption{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(8,9,10,.8);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 14px;color:#fff;display:grid;gap:2px}
.portfolio-hero-visual figcaption span{font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:var(--accent2);font-weight:850}
.portfolio-hero-visual figcaption b{font-size:14px}
@media(max-width:640px){
  .portfolio-hero .subhero-grid{display:flex;flex-direction:column;gap:0}
  .portfolio-hero .subhero-grid>div:first-child{display:contents}
  .portfolio-hero .eyebrow{order:1;margin-bottom:12px}
  .portfolio-hero h1{order:2;font-size:42px;line-height:.98;margin:0 0 4px}
  .portfolio-hero-visual{order:3;margin:14px 0 18px}
  .portfolio-hero-visual img{height:235px;border-radius:22px}
  .portfolio-hero p{order:4;margin:0;font-size:17px;line-height:1.48}
  .portfolio-hero{padding-top:38px;padding-bottom:46px}
}


/* HITO 037 · recuperación visual/editorial tras revisión histórica HITO 017/018/021 */
/* Contraste: el eyebrow de cualquier hero oscuro vuelve a ser visible y usa el acento lima. */
.hero .eyebrow,.subhero .eyebrow,.cluster-hero .eyebrow,.about-hero .eyebrow,.product-hero .eyebrow,.compact-hero .eyebrow,.portfolio-hero .eyebrow,.guide-hero .eyebrow{color:var(--accent2)}
/* El lima sólo se usa sobre fondos oscuros. En fondos claros el microcopy usa tinta legible. */
.microproof{color:#4b5358!important;font-size:15px!important;line-height:1.55}
.hero .microproof,.subhero .microproof,.compact-hero .microproof,.dark .microproof{color:var(--accent2)!important}
/* Escala de legibilidad reforzada según HITO017/021/025. */
.hero-checks li{font-size:16px;line-height:1.5;padding-top:7px;padding-bottom:7px}
.trust-grid span{font-size:15px;line-height:1.4}.trust-grid b{font-size:26px}
.hero-visual figcaption,.cluster-hero figcaption,.product-hero figcaption,.tech-hero-figure figcaption,.hero-collage-wrap figcaption,.hero-visual-clean figcaption{font-size:15px;line-height:1.45}
.proof-inline span,.workshop-facts span,.product-spec,.mini-features span,.related-grid span,.related-grid b,.text-link{font-size:15px}
.related-grid a{padding:21px}.related-grid b{line-height:1.35;margin:7px 0 12px}
.footer a,.footer-brand p{font-size:15px}.footer h3,.footer-title{font-size:14px}.footer-bottom{font-size:14px}
.planner-bulk p,.budget-form-note,.budget-form-status,.payment-scope-note span{font-size:15px}
.mockup-model span,.mockup-asset-state,.mockup-source-note,.mockup-pending-copy{font-size:14px;line-height:1.45}
/* Universidad/Erasmus: una imagen fuerte, sin columnas estrechas que se corten. */
.hero-visual-clean{margin:0;position:relative;min-width:0}.hero-visual-clean img{width:100%;height:560px;object-fit:cover;border-radius:30px}.hero-visual-clean figcaption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(8,9,10,.82);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:13px 15px;backdrop-filter:blur(8px)}
/* Ruta tipo IKEA: barra compacta integrada, no un bloque de texto repetido. */
.journey-bar{background:#ece8de;border-bottom:1px solid #d5d0c4;border-top:1px solid rgba(11,12,14,.08)}
.journey-inner{min-height:88px;display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:18px;align-items:center;padding-top:13px;padding-bottom:13px}
.journey-label{display:flex;flex-direction:column;gap:2px}.journey-label>span{font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#a63d26}.journey-label strong{font-size:18px;line-height:1.15;letter-spacing:-.02em}
.journey-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0}
.journey-step{position:relative;display:flex;align-items:center;gap:9px;min-width:0;padding:10px 11px;border-radius:14px;color:#24282b;border:1px solid transparent}
.journey-step>span:first-child{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:999px;background:#fff;border:1px solid #cdc8bc;font-size:14px;font-weight:900}
.journey-step-copy{display:block;min-width:0}.journey-step b,.journey-step small{display:block}.journey-step b{font-size:15px;line-height:1.15}.journey-step small{font-size:14px;line-height:1.25;color:#656b6e;margin-top:2px}
.journey-step.is-current{background:#fff;border-color:#c9c4b8;box-shadow:0 5px 18px rgba(0,0,0,.05)}.journey-step.is-current>span:first-child{background:#111;color:#fff;border-color:#111}
.journey-step.is-next{background:#111;color:#fff}.journey-step.is-next>span:first-child{background:var(--accent2);color:#111;border-color:var(--accent2)}.journey-step.is-next small{color:#d2d6d8}
.journey-quick{display:flex;gap:7px}.journey-quick a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid #d0cbc0;font-size:14px;font-weight:800}.journey-quick a:hover{border-color:#8e8a82}
/* Home: la ruta se explica una sola vez y los accesos laterales no compiten con los cuatro pasos. */
.purchase-home{background:#fff}.purchase-home-grid .decision-card{min-height:260px}.decision-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.decision-shortcuts a{background:#111;color:#fff;border-radius:17px;padding:15px 17px;display:flex;justify-content:space-between;gap:12px;align-items:center}.decision-shortcuts b{font-size:15px}.decision-shortcuts span{font-size:14px;color:#cfd2d4;text-align:right}
/* Enlaces editoriales al blog: texto útil, no relleno SEO. */
.guide-bridge{padding-top:72px;padding-bottom:72px;background:#eeece6}.guide-bridge-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}.guide-bridge-copy h2{font-size:clamp(34px,3.8vw,52px);line-height:1.03;letter-spacing:-.045em;margin:0 0 14px}.guide-bridge-copy p{font-size:17px;line-height:1.6;color:#565d61;margin:0 0 18px}.guide-bridge-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guide-bridge-card{background:#fff;border:1px solid #d9d5cc;border-radius:20px;padding:21px;display:flex;min-height:210px;flex-direction:column;transition:.2s}.guide-bridge-card:hover{transform:translateY(-3px);box-shadow:0 13px 35px rgba(0,0,0,.08)}.guide-bridge-card>span{font-size:13px;color:#a83f28;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.guide-bridge-card b{font-size:23px;line-height:1.1;margin:12px 0 8px}.guide-bridge-card small{font-size:15px;line-height:1.5;color:#62686c}.guide-bridge-card strong{font-size:15px;margin-top:auto;padding-top:16px}.faq-guide-link{display:inline-block;margin-top:10px}
@media(max-width:980px){.journey-inner{grid-template-columns:125px minmax(0,1fr)}.journey-quick{grid-column:1/-1;justify-content:flex-end}.guide-bridge-grid{grid-template-columns:1fr}.guide-bridge-links{max-width:760px}.decision-shortcuts{grid-template-columns:1fr}}
@media(max-width:640px){.hero-checks li{font-size:15px}.trust-grid span{font-size:14px}.journey-inner{display:block;min-height:0;padding-top:13px;padding-bottom:14px}.journey-label{flex-direction:row;align-items:baseline;gap:8px;margin-bottom:9px}.journey-label>span{font-size:12px}.journey-label strong{font-size:16px}.journey-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.journey-step{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:5px;padding:8px 4px}.journey-step>span:first-child{width:27px;height:27px;flex-basis:27px;font-size:13px}.journey-step b{font-size:14px}.journey-step small{display:none}.journey-quick{margin-top:8px;justify-content:flex-start}.journey-quick a{font-size:14px;min-height:36px}.hero-visual-clean img{height:245px;border-radius:22px}.hero-visual-clean figcaption{position:static;margin-top:8px;background:#171a1d}.guide-bridge{padding-top:52px;padding-bottom:52px}.guide-bridge-links{grid-template-columns:1fr}.guide-bridge-card{min-height:0}.guide-bridge-card small{font-size:15px}.decision-shortcuts a{align-items:flex-start;flex-direction:column}.decision-shortcuts span{text-align:left}}
/* HITO 037B · cierre de escala útil */
.btn{font-size:15px}
.guide-hero-media figcaption{font-size:15px;line-height:1.45}
.hero-assurance{font-size:15px}
.price-hero-card p,.calculator-visual .summary-note,.planner-bulk .planner-import-hint,.budget-local-form .budget-consent,.budget-form-note,.budget-form-status{font-size:15px}
@media(max-width:640px){.journey-label>span{font-size:13px}}
/* HITO 037C · cierre real de legibilidad: el footer no puede heredar .muted a 12 px. */
.footer .muted{font-size:14px!important;color:#aeb4b7!important;line-height:1.55}
/* HITO 037D · etiquetas de color del mockup también forman parte de la información útil. */
.mockup-garment span{font-size:13px;line-height:1.35}
/* HITO 037E · botones funcionales de herramientas/formularios: mayor legibilidad que un CTA decorativo. */
.mockup-actions .btn,.mockup-name-number .btn,.planner-bulk-actions .btn,.planner-actions .btn,.tally-load,.budget-local-form .btn{font-size:16px!important}
.page-order button.btn,.page-order .tally-load{font-size:17px!important}

/* HITO 050 · restauración de la corrección visual profunda documentada tras HITO049.
   Capa aditiva: no altera SEO, copy, lógica comercial, JS/PHP ni activos de producto. */
/* Legibilidad útil: HITO049 reabre microtipografía y controles de 13/14 px. */
.topbar{font-size:15px}
.mainnav{font-size:15px}
.menu-toggle{font:inherit;font-size:15px}
.eyebrow{font-size:14px}
.btn{font-size:16px;transition:transform .2s,background-color .2s,border-color .2s,color .2s,box-shadow .2s}
.proof-inline span,.hero-visual figcaption,.cluster-hero figcaption,.product-hero figcaption,.tech-hero-figure figcaption,.hero-collage-wrap figcaption,.hero-visual-clean figcaption,.guide-hero-media figcaption,.about-grid figcaption,.detail-grid figcaption,.portfolio-item figcaption,.portfolio-hero-visual figcaption{font-size:15px;line-height:1.45}
.case-card>span,.calc-tag,.extra-qty-wrap label,.portfolio-item figcaption span,.workshop-story dt,.cluster-points b,.process-row span,.related-grid span,.outcome-grid figcaption span,.decision-card>span,.guide-card>span,.footer h3,.footer-title{font-size:14px}
.case-card p,.steps-vertical p,.flow-cards p,.workshop-story dd,.values-grid p,.mini-features span,.related-grid span,.related-grid b,.text-link,.footer a,.footer-brand p,.planner-privacy,.planner-count,.planner-status,.mockup-note,.mockup-status,.proof-source{font-size:15px!important}
.footer-bottom,.footer .muted{font-size:14px!important}
.mockup-card label,.mockup-control label{font-size:14px}
.mockup-garment{font:inherit;font-size:15px}
.mockup-garment span{font-size:14px}
.mockup-model span,.mockup-asset-state,.mockup-source-note,.mockup-pending-copy{font-size:14px;line-height:1.45}
.filterbar button{font-size:15px}
/* Ghost controls on light surfaces: never white/transparent on white. */
.signature-home .btn.ghost,.signature-personalization .btn.ghost,.mockup-card .btn.ghost,.planner-shell .btn.ghost,.budget-local-form .btn.ghost{color:var(--ink)!important;background:#fff!important;border-color:#74797c!important;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.signature-home .btn.ghost:hover,.signature-personalization .btn.ghost:hover,.mockup-card .btn.ghost:hover,.planner-shell .btn.ghost:hover,.budget-local-form .btn.ghost:hover{background:#f0eee8!important;border-color:#34383b!important}
/* Home: 1 pieza principal + 4 secundarias; desaparece la tercera fila accidental. */
.page-home .mosaic{grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:270px 270px}
.page-home .mosaic-a{grid-column:1;grid-row:1 / span 2}
.page-home .mosaic figure:nth-child(2){grid-column:2;grid-row:1}
.page-home .mosaic figure:nth-child(3){grid-column:3;grid-row:1}
.page-home .mosaic figure:nth-child(4){grid-column:2;grid-row:2}
.page-home .mosaic figure:nth-child(5){grid-column:3;grid-row:2}
.page-home .mosaic-d{grid-column:auto}
.signature-home .signature-visual{max-width:420px;justify-self:end}
/* HITO049: contener sólo los activos con crop destructivo detectado; no cambiar globalmente object-fit. */
.tech-hero-figure img[src$="tech-bordado-proceso-real.webp"],
.tech-hero-figure img[src$="tech-dtf-printer-clean.webp"],
.tech-hero-figure img[src$="tech-dtg-printer-clean.webp"],
.tech-hero-figure img[src$="media-publicitarias-serigrafia.webp"],
.tech-hero-figure img[src$="tech-vinilo-dato-variable-real.webp"],
.guide-hero-media img[src$="guide-organizar-video.webp"],
.guide-hero-media img[src$="guide-elegir-modelo-video.webp"],
.guide-hero-media img[src$="guide-diseno-video.webp"],
.guide-hero-media img[src$="guide-plazos-video.webp"],
.guide-hero-media img[src$="guide-hub-real-video.webp"],
.guide-hero-media img[src$="guide-nombres-video.webp"],
img.subhero-img[src$="hero-pedido-listado-real.webp"],
img.detail-side[src$="campus-apoyo-silueta-video.webp"],
.two-up img[src$="media-promocion-apoyo.webp"],
.two-up img[src$="media-baratas-taller.webp"],
.two-up img[src$="media-2bach-diseno-apoyo.webp"],
.two-up img[src$="media-4eso-diseno.webp"],
.two-up img[src$="media-ampas-escolar.webp"],
.two-up img[src$="media-erasmus-viaje.webp"],
.two-up img[src$="media-graduacion-detalle.webp"],
.two-up img[src$="media-publicitarias-tecnica.webp"],
.detail-grid img[src$="media-colegios-entrega.webp"],
.about-grid img[src$="workshop-wide-real.webp"],
.portfolio-hero-visual img[src$="hero-trabajos-esther-frente-espalda.webp"]{object-fit:contain;background:#fff}
/* H040 se carga después: activos escolares/universitarios afectados requieren prioridad explícita. */
body.h040-school img[src$="hero-fin-curso-produccion-video.webp"],
body.h040-school img[src$="hero-eso-bajocinca-video.webp"],
body.h040-uni img[src$="hero-universidad-cunef-video.webp"],
body.h040-uni img[src$="hero-universidad-grupo-real.webp"]{object-fit:contain!important;background:#fff!important}
/* Viajes/campamentos/comunidad: conservar identidad oscura H040 pero enmarcar el activo vertical en vez de recortarlo full-bleed. */
body.h040-experience.h050-experience-framed .compact-hero,
body.h040-experience.h050-experience-framed .cluster-hero{min-height:650px;display:flex;align-items:center;background:#0a0b0d;padding:72px 0;overflow:hidden}
body.h040-experience.h050-experience-framed .compact-grid,
body.h040-experience.h050-experience-framed .cluster-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:54px;align-items:center;position:relative;z-index:2}
body.h040-experience.h050-experience-framed .compact-grid>div:first-child,
body.h040-experience.h050-experience-framed .cluster-grid>div:first-child{max-width:760px;position:relative;z-index:3}
body.h040-experience.h050-experience-framed .compact-grid>img,
body.h040-experience.h050-experience-framed .cluster-grid>figure{position:static;inset:auto;z-index:auto;margin:0;width:100%;height:auto}
body.h040-experience.h050-experience-framed .compact-grid>img,
body.h040-experience.h050-experience-framed .cluster-grid>figure>img{width:100%;height:560px;object-fit:contain;border-radius:28px;background:#151719;filter:none;box-shadow:0 28px 75px rgba(0,0,0,.32)}
body.h040-experience.h050-experience-framed .compact-hero:after,
body.h040-experience.h050-experience-framed .cluster-hero:after{display:none}
body.h040-experience.h050-experience-framed .cluster-grid>figure figcaption{display:none}
/* Universidad: evitar overflow de la composición dividida en móvil. */
@media(max-width:900px){body.page-uni .cluster-unique .split{grid-template-columns:1fr!important;gap:34px}}
@media(max-width:640px){
  .topbar{font-size:14px}.mainnav{font-size:16px}.btn{font-size:15px}.eyebrow{font-size:14px}
  .page-home .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:260px 180px 180px}
  .page-home .mosaic-a{grid-column:1 / -1;grid-row:1}
  .page-home .mosaic figure:nth-child(2){grid-column:1;grid-row:2}
  .page-home .mosaic figure:nth-child(3){grid-column:2;grid-row:2}
  .page-home .mosaic figure:nth-child(4){grid-column:1;grid-row:3}
  .page-home .mosaic figure:nth-child(5){grid-column:2;grid-row:3}
  .signature-home .signature-visual{max-width:350px;justify-self:center}
  .guide-hero-media img[src$="guide-organizar-video.webp"],.guide-hero-media img[src$="guide-elegir-modelo-video.webp"],.guide-hero-media img[src$="guide-diseno-video.webp"],.guide-hero-media img[src$="guide-plazos-video.webp"],.guide-hero-media img[src$="guide-hub-real-video.webp"],.guide-hero-media img[src$="guide-nombres-video.webp"]{height:390px;max-height:none;object-fit:contain;background:#fff}
  body.h040-experience.h050-experience-framed .compact-hero,body.h040-experience.h050-experience-framed .cluster-hero{min-height:0!important;padding:42px 0 48px!important;display:block!important}
  body.h040-experience.h050-experience-framed .compact-grid,body.h040-experience.h050-experience-framed .cluster-grid{display:flex!important;flex-direction:column!important;gap:22px!important}
  body.h040-experience.h050-experience-framed .compact-grid>div:first-child,body.h040-experience.h050-experience-framed .cluster-grid>div:first-child{display:block!important;order:1}
  body.h040-experience.h050-experience-framed .compact-grid>img,body.h040-experience.h050-experience-framed .cluster-grid>figure{position:static!important;inset:auto!important;width:100%!important;height:auto!important;order:2!important;margin:0!important}
  body.h040-experience.h050-experience-framed .compact-grid>img,body.h040-experience.h050-experience-framed .cluster-grid>figure>img{height:390px!important;border-radius:22px!important;object-fit:contain!important;background:#151719!important}
}
/* HITO050 · captions funcionales que quedaban a 13 px por reglas de componente. */
.signature-visual figcaption,.mosaic figcaption,.portfolio-hero-visual figcaption span{font-size:14px}
.footer-brand p.muted{font-size:15px!important}
.compact-grid img[src$="gallery-name25.webp"],.two-up img[src$="university-cunef-proceso-video.webp"]{object-fit:contain!important;background:#fff!important}


/* HITO050 PHASE 2 · historical proof + recovered approved content */
.group-history{background:#111315;color:#fff;border-top:1px solid #26292c;border-bottom:1px solid #26292c}
.group-history-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:end;margin-bottom:30px}
.group-history-head h2{font-size:clamp(38px,4.5vw,64px);line-height:1.01;letter-spacing:-.05em;margin:0 0 16px;max-width:780px}
.group-history-head p{font-size:17px;line-height:1.6;color:#c5c9cb;max-width:850px;margin:0}
.group-history .history-source{align-self:end;border-color:#73797d;background:#fff;color:#111315;white-space:nowrap}
.history-tools{background:#1a1d20;border:1px solid #303438;border-radius:22px;padding:20px;margin-bottom:16px}
.history-tools label{display:grid;gap:8px;font-size:15px;font-weight:800;color:#f5f5f3}
.history-tools input[type=search]{width:100%;min-height:52px;border:1px solid #4b5054;border-radius:14px;background:#0c0e10;color:#fff;padding:0 16px;font:inherit;font-size:16px;outline:none}
.history-tools input[type=search]::placeholder{color:#8f969a}
.history-tools input[type=search]:focus{border-color:#d9ff5b;box-shadow:0 0 0 3px rgba(217,255,91,.16)}
.history-filterbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.history-filter{border:1px solid #4b5054;background:#24282b;color:#f3f3f0;border-radius:999px;min-height:42px;padding:0 15px;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.history-filter.active,.history-filter[aria-pressed=true]{background:#d9ff5b;color:#111315;border-color:#d9ff5b}
.history-count{font-size:14px;color:#aeb4b7;margin:12px 0 0}
.history-count span{font-weight:900;color:#fff}
.history-periods{display:grid;gap:10px}
.history-period{border:1px solid #33383b;border-radius:18px;background:#171a1c;overflow:hidden}
.history-period summary{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;cursor:pointer;font-size:17px;font-weight:850}
.history-period summary b{font-size:14px;color:#d9ff5b;font-weight:800}
.history-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px;list-style:none;margin:0;padding:4px 20px 22px}
.history-list li{border-top:1px solid #2f3437;padding:10px 2px 4px;font-size:15px;line-height:1.35;color:#e4e6e7}
.history-list li[hidden]{display:none}
.history-empty{background:#2a2020;border:1px solid #624a4a;border-radius:14px;padding:14px 16px;color:#fff;font-size:15px}
.history-note{font-size:14px;color:#9da4a8;margin:18px 0 0;line-height:1.55}
.history-note a{text-decoration:underline;text-underline-offset:3px;color:#d9ff5b}
.deadline-shipping{background:#fff;border:1px solid #dedbd4;border-radius:14px;padding:14px 16px!important;color:#34383a!important;font-size:15px!important}
.deadline-shipping strong{color:#111315}
.compare-grid>.compare-card-link{display:block;border-top:3px solid var(--ink);padding:20px 6px;color:inherit;min-width:0}
.compare-grid>.compare-card-link>b{color:var(--accent);font-size:14px}
.compare-grid>.compare-card-link strong{display:inline-block;margin-top:8px;font-size:15px;border-bottom:1px solid currentColor;padding-bottom:2px}
.compare-grid>.compare-card-link:hover strong{color:var(--accent)}
@media(max-width:980px){.group-history-head{grid-template-columns:1fr;align-items:start}.group-history .history-source{justify-self:start}.history-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.group-history-head h2{font-size:40px}.history-tools{padding:16px}.history-filterbar{gap:6px}.history-filter{font-size:15px;padding:0 12px}.history-period summary{align-items:flex-start;flex-direction:column;gap:4px;padding:16px}.history-list{grid-template-columns:1fr;padding:2px 16px 18px}.history-list li{font-size:15px}.history-note{font-size:14px}}