/* Presentación editorial, octubre 2026. Conserva el catálogo y el ticket interactivo. */
:root{--line-2:#838790}
.site-header{border-bottom:1px solid var(--line);box-shadow:0 4px 24px #16181d04}
.brand img{width:193px;height:36px}
.product-box{border-radius:20px 20px 0 0}
.product h3 a{text-decoration:none}
.product h3 a:hover{text-decoration:underline}
.product-detail{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:.875rem;font-weight:700;text-underline-offset:4px}
.field input,.field textarea,.field select{border-color:#838790}
.home-page .hero{isolation:isolate;background:#f6f6f0;color:var(--ink);padding-block:36px 42px;border-bottom:1px solid #dedfd8}
.home-page .hero::before{display:none}
.home-page .hero-grid{gap:32px;align-items:start}
.home-page .hero-copy{min-width:0}
.studio-line{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:27px;font-size:.75rem;font-weight:650;color:var(--ink-2);letter-spacing:.015em}
.studio-line>span:first-child{width:7px;height:7px;flex:none;border-radius:50%;background:#217047}
.home-page .hero .eyebrow{font-size:.6875rem;letter-spacing:.12em;color:var(--ink-2);margin-bottom:12px}
.home-page .hero h1{font-size:clamp(2.6rem,4.75vw,4.4rem);line-height:1.04;letter-spacing:-.055em;color:var(--ink);margin-bottom:20px;max-width:12ch;text-wrap:initial}
.home-page .hero h1 .hl{display:inline-block;background:var(--tag);padding:0 .09em .045em;margin-left:-.02em;color:var(--ink);border-radius:4px}
.hero-title-end{display:block;font-size:.65em;letter-spacing:-.045em;line-height:1.14;margin-top:10px;font-weight:600}
.home-page .hero .lead{font-size:1rem;line-height:1.7;color:var(--ink-2);max-width:51ch;margin-bottom:23px}
.home-page .builder{gap:12px;margin-bottom:18px}
.home-page .builder legend{color:var(--ink-2);font-size:.6875rem;letter-spacing:.07em;margin-bottom:9px}
.home-page .builder legend small{margin-left:12px;font-size:.6875rem;font-weight:500;letter-spacing:0;text-transform:none}
.home-page .hero .pick{gap:8px}
.home-page .hero .pick span{background:#fff;border:1px solid #b6b9b0;color:var(--ink-2);padding:11px 13px;border-radius:12px;font-size:.75rem;line-height:1.3}
.home-page .hero .pick b{color:var(--ink);font-size:1.65rem;margin-top:6px}
.home-page .hero .pick input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:none}
.home-page .hero .pick input:checked+span b{color:var(--tag)}
.home-page .hero .pick label:hover span{border-color:var(--ink)}
.home-page .hero .pick input:focus-visible+span,.home-page .hero .adds input:focus-visible+span{outline:3px solid #1257aa;outline-offset:3px}
.home-page .hb-more{display:inline-flex;min-height:44px;padding:4px 10px 4px 0;border:0;color:var(--ink);font-size:.8125rem}
.home-page .hb-more small{color:var(--ink-2)}
.home-page .hb-more::before{width:19px;height:19px;background:#e7e8df}
.home-page .hero .adds span{background:#fff;border-color:#92978c;color:var(--ink);font-size:.75rem}
.home-page .hero .adds b,.home-page .hero .adds b s{color:var(--ink-2)}
.home-page .hero .adds span::before{background:#e9eae3;color:var(--ink)}
.home-page .hero .adds input:checked+span{background:var(--tag-soft);border-color:var(--ink)}
.home-page .hero .cta-row{gap:10px;align-items:stretch;margin-top:0}
.home-page .hero .btn-cfg{min-height:56px;padding-block:11px}
.home-page .hero .btn-cfg small{font-size:.6875rem}
.home-page .hero .btn-line{--fg:var(--ink);--bd:#969a91;min-height:56px;border-radius:10px;font-size:.8125rem;padding-inline:17px}
.home-page .hero .btn-line:hover{--fg:var(--ink);--bg:#fff;--bd:var(--ink)}
.hero-terms{font-size:.6875rem;line-height:1.65;max-width:68ch;color:var(--ink-2);margin:13px 0 0}
.hero-terms a{font-weight:650}
.home-page .hero-facts{color:var(--ink-2);border-color:#d8dbd0;font-size:.75rem;gap:8px 17px;padding-top:15px;margin-top:19px}
.home-page .hero-facts svg{color:#276242;width:15px;height:15px}
.home-page .hero-facts a{color:var(--ink);text-decoration-color:#a6a99d}
.home-page .hero-facts a:hover{color:var(--ink)}
.home-page .hero :focus-visible{outline-color:#1257aa}
.home-page .hero-car{position:relative;background:#20251f;border-radius:24px;padding:22px 24px 17px;box-shadow:0 24px 48px -28px #18261566;color:#fff;min-width:0;overflow:hidden;gap:16px}
.studio-stage-head{display:flex;align-items:center;justify-content:space-between;color:#e5e9dd;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.studio-stage-mark{display:grid;place-items:center;width:36px;height:36px;color:var(--tag);border:1px solid #697161;border-radius:50%;font-size:.625rem;letter-spacing:-.03em}
.home-page .hc-track{isolation:isolate;min-width:0;width:100%;margin:0}
.home-page .hc-slide{padding:10px 6px 24px}
.home-page .hc-slide .ticket-shadow{max-width:330px;margin-inline:auto;transform:none}
.home-page .hero-stamp{right:0;top:0;font-size:1.2rem;width:57px;height:57px;box-shadow:0 6px 15px #0002}
.home-page .hero-stamp small{font-size:9px;line-height:1.2;letter-spacing:0;white-space:nowrap}
.home-page .hero-car .ticket{color:var(--ink)}
.home-page .hero-car .ticket-head strong{font-size:1.2rem}
.home-page .hero-car .ticket-tot .big{font-size:1.15rem}
.home-page .hero-car .ticket-tot .big span:last-child{font-size:2.75rem}
.home-page .hc-ctrl{padding-top:12px;border-top:1px solid #4b5544;gap:14px;color:#fff}
.home-page .hc-btn{color:#f1f3ec;border-color:#707967;background:transparent;min-width:44px;min-height:44px}
.home-page .hc-dot{min-width:32px;min-height:44px}
.home-page .hc-dot>span{width:21px;height:4px;background:#838d79}
.home-page .hc-dot[aria-current=true]>span{background:var(--tag)}
.studio-stage-note{margin:0;text-align:center;font-size:.625rem;color:#c6cebd}
.home-page .hc-card{gap:10px;padding:18px 16px}
.home-page .hc-title{font-size:1.25rem}
.home-page .hc-pay .hc-list{font-size:.75rem}
.home-page .hc-card .price-label .p{font-size:3.2rem}
.home-page .hc-card .hc-plazos{font-size:.8125rem}
.home-page .hero-car .ticket{font-size:.8125rem;padding:19px 20px}
.home-page .hero-car .ticket-foot{margin-top:16px;font-size:.75rem}
.home-page .hero-car .barcode{height:22px;margin-top:13px}
.project-strip{background:#fff;border-bottom:1px solid var(--line)}
.project-strip-inner{display:grid;gap:18px;align-items:center;padding-block:23px}
.project-strip-proof{display:flex;gap:14px;align-items:center;text-decoration:none}
.project-strip-proof>strong{font-family:var(--f-num);font-size:2.8rem;line-height:1;font-weight:900;letter-spacing:-.04em}
.project-strip-proof>span{font-size:.75rem;line-height:1.6;font-weight:650}
.project-strip-proof small{display:flex;align-items:center;gap:6px;font-size:.6875rem;color:var(--ink-2);font-weight:500}
.project-strip-proof svg{width:14px;height:14px}
.project-strip-inner>p{display:flex;align-items:center;gap:11px;font-size:.75rem;margin:0;color:var(--ink-2)}
.project-strip-inner>p>b{font-size:.625rem;color:#51594a;border:1px solid #b8bdaf;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;flex:none}
.choice-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px}
.choice-head h2{margin:0;max-width:16ch}
.choice-head .lead{font-size:.9375rem;max-width:43ch;margin:0}
.choice-grid{display:grid;gap:14px}
.choice-card{display:flex;flex-direction:column;min-width:0;gap:16px;padding:25px;border:1px solid #d7dbd0;border-radius:18px;background:#f6f7f2;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.choice-card:hover{background:#eef0e7;border-color:#929b87;transform:translateY(-3px)}
.choice-index{font-size:.625rem;letter-spacing:.07em;text-transform:uppercase;font-weight:650;color:#51594a}
.choice-card h3{font-size:1.25rem;line-height:1.22;letter-spacing:-.035em;margin:0;max-width:14ch}
.choice-card p{font-size:.8125rem;line-height:1.65;margin:0;color:var(--ink-2);flex:1}
.choice-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #d4d9cb;padding-top:15px;font-size:.6875rem;font-weight:750}
.choice-bottom svg{width:18px;height:18px;flex:none}
.choice-card-light{background:#fff}
.home-page .section .head h2{letter-spacing:-.045em}
.home-page .product-box{padding-top:32px}
.home-page .section.bg-shelf{background:#f4f5ef}
.home-page .directory a{border-radius:10px}
.home-page .guide article{border-top:2px solid #b3baaa;padding-top:24px}
.buy-renewal{margin:13px 18px;font-size:.75rem;line-height:1.6;color:var(--ink-2)}
.cfg-skip{font-size:.875rem;margin:0 0 18px;line-height:1.7}
.cfg-skip a{font-weight:750;display:inline-flex;min-height:44px;align-items:center}
details.cfg-group{border:1px solid #b6bcb0;border-radius:12px;overflow:hidden;margin-bottom:12px;background:#fff}
details.cfg-group>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:56px;padding:14px 18px;cursor:pointer;font-size:.875rem;font-weight:750;list-style:none}
details.cfg-group>summary::-webkit-details-marker{display:none}
details.cfg-group>summary::after{content:'+';font-size:1.2rem;line-height:1}
details.cfg-group[open]>summary::after{content:'−'}
details.cfg-group>summary small{margin-left:auto;font-size:.6875rem;font-weight:500;color:var(--ink-2)}
details.cfg-group[open]>summary{background:#f2f4ed;border-bottom:1px solid #cbd1c3}
details.cfg-group>.list{padding:0 18px;margin:0}
details.cfg-group>summary:focus-visible{outline-offset:-4px}
.redesign-steps{counter-reset:steps;list-style:none;padding:0;display:grid;gap:18px;margin:24px 0}
.redesign-steps li{counter-increment:steps;position:relative;padding:0 0 0 44px}
.redesign-steps li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:1px;font-family:var(--f-num);font-weight:800;font-size:1.35rem;color:#4b5940}
.redesign-steps h3{font-size:1rem;margin-bottom:6px}
.redesign-steps p{font-size:.9375rem;color:var(--ink-2)}
@media(min-width:600px){.project-strip-inner{grid-template-columns:1.4fr 1fr}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.home-page .hero{padding-block:45px 48px}.home-page .hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:64px}.home-page .hero-car{padding:22px 28px 17px}.project-strip-inner{grid-template-columns:1.35fr 1fr 1fr 1.15fr;padding-block:25px}.project-strip-inner>p{padding-left:18px;border-left:1px solid var(--line)}.choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-card{padding:25px 22px;min-height:270px}.choice-section{padding-block:80px}}
@media(max-width:599px){.studio-line{font-size:.6875rem;margin-bottom:23px}.studio-location{display:none}.home-page .hero h1{font-size:clamp(2.65rem,11.5vw,3.8rem);max-width:13ch}.hero-title-end{font-size:.66em}.home-page .hero .cta-row{display:grid;grid-template-columns:minmax(0,1fr)}.home-page .hero .btn-cfg{width:100%}.home-page .hero .btn-line{min-height:46px}.home-page .hero-car{margin-top:3px;padding:19px 19px 15px;border-radius:20px}.home-page .hero-stamp{right:0;width:63px;height:63px;font-size:1.25rem}.project-strip-inner{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-strip-proof{grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid var(--line)}.project-strip-inner>p{font-size:.6875rem;gap:7px}.project-strip-inner>p:last-child{grid-column:1/-1}.choice-head .lead{font-size:.875rem}.choice-card{gap:12px;padding:22px}.choice-card h3{max-width:none;font-size:1.25rem}.home-page .hero-facts{display:grid;gap:7px}.home-page .hero .pick span{padding:11px 9px}.home-page .hero .pick b{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.choice-card{transition:none}.choice-card:hover{transform:none}}