[hidden]{display:none!important}
.scroll{padding-bottom:34px}
h1{font-size:clamp(25px,7.6vw,32px)}
.panel{display:flex;flex-direction:column;animation:fadeup .35s ease-out}
@keyframes fadeup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.svg-i,.tab svg,.try-btn svg,.big svg,.ghostbtn svg,.tips svg,.autopick svg,.render svg,.inc svg,.eico svg,.cmp-knob svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* tabs */
.tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:11px;padding:4px;background:#E7ECF2;border-radius:20px}
.tabs::before{content:"";position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);border-radius:16px;background:var(--navy);box-shadow:0 8px 18px rgba(30,41,59,.3);transform:translateX(0);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.app[data-tab=studio] .tabs::before{transform:translateX(100%)}
.tab{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;padding:6px 6px;border-radius:16px;text-align:center;font-size:13.5px;font-weight:800;line-height:1.12;letter-spacing:-.01em;color:var(--mute);transition:color .25s;overflow:hidden}
.tab.on{color:#fff}
.tab svg{width:17px;height:17px;color:var(--orange)}
.tab .spk{fill:currentColor;stroke:none}
.tab#tab-studio{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:3px;white-space:nowrap;font-size:12px}
.tab#tab-studio .tab-label{min-width:0;white-space:nowrap;line-height:1.15}
.tab#tab-studio .tab-label small{display:block;font-size:9px;font-weight:600;letter-spacing:0;margin-top:3px}
.tab#tab-studio .spk{width:14px;height:14px}
.tab#tab-studio .nuevo{font-size:8px;letter-spacing:.02em;padding:2px 4px}
.tab#tab-studio span{flex:0 1 auto}
.tab#tab-studio:not(.on){color:#9A3412;background:#FFF1E7;box-shadow:inset 0 0 0 1px #FDBA74}
.nuevo{font-style:normal;font-size:9.5px;font-weight:900;letter-spacing:.08em;color:#fff;background:linear-gradient(180deg,#FB923C,var(--hot));border-radius:999px;padding:2px 7px;position:relative;overflow:hidden}
.nuevo::after,.tab#tab-studio::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:translateX(-160%) skewX(-18deg);animation:shine 3.4s ease-in-out infinite}
.tab#tab-studio::after{background:linear-gradient(100deg,transparent,rgba(249,115,22,.16),transparent);width:30%}
.tab#tab-studio.on::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent)}
@keyframes shine{0%,55%{transform:translateX(-160%) skewX(-18deg)}100%{transform:translateX(420%) skewX(-18deg)}}

/* offer */
.lead{margin-top:6px}
.hero{position:relative;margin-top:11px}
.cmp{position:relative;width:100%;aspect-ratio:4/3;max-height:54dvh;border-radius:22px;overflow:hidden;background:#CBD5E1;border:1px solid var(--line);box-shadow:0 8px 24px rgba(15,23,42,.1);touch-action:pan-y;user-select:none;-webkit-user-select:none;--p:50}
.cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.cmp-b{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--p)*1%) 0 0)}
.cmp-line{position:absolute;top:0;bottom:0;left:calc(var(--p)*1%);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(15,23,42,.15)}
.cmp-knob{position:absolute;top:50%;left:calc(var(--p)*1%);width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;box-shadow:0 4px 14px rgba(15,23,42,.35)}
.cmp-knob svg{width:20px;height:20px;stroke-width:2.4}
.cmp input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.cmp:focus-within{outline:3px solid var(--orange);outline-offset:2px}
.cmp .lab{position:absolute;bottom:10px;font-size:11px;font-weight:800;letter-spacing:.04em;color:#fff;background:rgba(15,23,42,.62);border-radius:999px;padding:4px 10px;pointer-events:none}
.cmp .lab.l{left:10px}.cmp .lab.r{right:10px}
.aibadge{position:absolute;left:10px;top:10px;z-index:2;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#fff;background:rgba(15,23,42,.7);border-radius:999px;padding:5px 10px 5px 8px;pointer-events:none}
.aibadge svg{width:12px;height:12px;fill:var(--orange);stroke:none}
.try{display:flex;flex-direction:column;gap:9px;margin-top:11px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:13px 14px}
.try p{font-size:14.5px;line-height:1.35;font-weight:700;color:var(--navy)}
.try-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:15px;background:var(--navy);color:#fff;font-size:15px;font-weight:900;transition:transform .15s}
.try-btn:active{transform:scale(.97)}
.try-btn svg{width:18px;height:18px;fill:var(--orange);stroke:none}
.sec{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:16px 2px 7px}
.inc{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.inc li{position:relative;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:8px 8px 8px 8px;min-height:52px}
.inc .ii{flex:none;width:32px;height:32px;border-radius:11px;background:#F1F5F9;display:grid;place-items:center}
.inc .ii svg{width:19px;height:19px;stroke:var(--navy)}
.inc b{flex:1;font-size:12.8px;font-weight:800;line-height:1.15;letter-spacing:-.01em}
.inc .ok{flex:none;width:16px;height:16px;stroke:var(--ok);stroke-width:3}
.custom{margin-top:12px}

/* bar adaptation */
.bar{padding-top:35px}
.fab{top:4px}
.fab::before{pointer-events:none}
.app[data-tab=offer] .bar{padding-top:12px}
.app[data-tab=offer] .row{padding-right:66px}
.app[data-tab=offer] .fab{top:15px}
.app[data-tab=studio] .price{display:none}
.app[data-tab=offer] .status{display:none}
.status[data-dots=off] .dots{display:none}
.dots i{width:16px}
.cta.idle{background:#334155;box-shadow:none;color:#CBD5E1}
.cta.idle svg{display:none}
.cta .ico2{display:none}

/* studio */
.steps{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:11px}
.steps li{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:800;color:#94A3B8;padding:7px 4px;border-radius:999px;background:#E7ECF2;transition:background .25s,color .25s}
.steps li i{font-style:normal;width:19px;height:19px;border-radius:50%;background:#CBD5E1;color:#fff;font-size:11px;display:grid;place-items:center;transition:background .25s}
.steps li.on{background:var(--navy);color:#fff}
.steps li.on i{background:var(--orange)}
.steps li.done{color:var(--navy);background:#FFF1E7}
.steps li.done i{background:var(--ok)}
.view{animation:fadeup .35s ease-out}
.vt{font-size:21px;font-weight:900;letter-spacing:-.025em;line-height:1.12;margin:14px 2px 10px}
.big{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:56px;border-radius:17px;background:linear-gradient(180deg,#FB923C,var(--hot));color:#fff;font-size:16.5px;font-weight:900;letter-spacing:-.01em;box-shadow:0 10px 24px rgba(234,88,12,.35);transition:transform .15s}
.big:active{transform:scale(.97)}
.big svg{width:22px;height:22px}
.big.sm{min-height:50px;font-size:15.5px}
.ghostbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;border-radius:15px;background:#fff;border:1.5px solid var(--line);color:var(--navy);font-size:14.5px;font-weight:800;padding:6px 10px;line-height:1.15;transition:transform .15s}
.ghostbtn:active{transform:scale(.97)}
.ghostbtn svg{width:19px;height:19px}
.linkbtn{color:var(--hot);font-weight:800;font-size:13.5px;padding:8px;text-decoration:underline}
.pcard{background:#fff;border:2px dashed #F4B183;border-radius:24px;padding:16px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.pempty{display:flex;flex-direction:column;align-items:center;gap:10px}
.pico{width:84px;height:84px;border-radius:28px;background:#FFF1E7;display:grid;place-items:center;margin-bottom:2px}
.pico svg{width:44px;height:44px;fill:none;stroke:var(--hot);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pprev{display:flex;flex-direction:column;gap:10px}
.pprev img{display:block;width:100%;max-height:44dvh;object-fit:contain;border-radius:16px;background:#E2E8F0}
.pact{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}
.pproc{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--navy);justify-content:center;padding:26px 0}
.pproc i{width:22px;height:22px;border-radius:50%;border:3px solid #FED7AA;border-top-color:var(--hot);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.perr{margin-top:10px;font-size:13.5px;line-height:1.35;font-weight:700;color:#9A3412;background:#FFF1E7;border-radius:12px;padding:9px 12px}
.tips{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}
.tips li{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;font-size:11.8px;font-weight:800;line-height:1.15;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px 4px}
.tips svg{width:23px;height:23px;color:var(--hot)}

.cpills{position:relative;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin:8px 0 0;padding:2px 0 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cpills::-webkit-scrollbar{display:none}
.cp{flex:none;display:flex;align-items:center;gap:6px;min-height:38px;padding:4px 12px 4px 5px;white-space:nowrap;border-radius:999px;background:#fff;border:1.5px solid var(--line);font-size:11.5px;font-weight:800;color:var(--navy);transition:background .2s,border-color .2s,color .2s}
.cp .th{flex:none;width:25px;height:25px;border-radius:50%;background:#EEF2F6;display:grid;place-items:center;overflow:hidden;font-size:12px;color:#94A3B8}
.cp .th img{width:100%;height:100%;object-fit:cover}
.cp .th.ld{background:#EEF2F6}
.cp.done{border-color:#FED7AA}
.cp.on{background:var(--navy);border-color:var(--navy);color:#fff}
.phead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pcount{font-size:12px;font-weight:800;color:var(--mute);white-space:nowrap}
.mount{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#E7ECF2;border-radius:15px;margin-bottom:10px}
.mount button{min-height:42px;border-radius:12px;font-size:13.5px;font-weight:800;color:var(--mute);transition:background .2s,color .2s}
.mount.micro-colors{scroll-margin-top:12px}
.opt.micro-option .media img{object-fit:cover}
.mc-label{position:absolute;left:6px;bottom:6px;padding:3px 8px;background:rgba(255,255,255,.9);border-radius:999px;font-size:10px;font-weight:800;color:var(--navy)}
.mount button.on{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(15,23,42,.12)}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.opts{--ch:clamp(118px,calc((100dvh - 382px)/2),180px);grid-auto-rows:var(--ch);gap:8px}
.opts[data-cat=azulejos]{--sh:25px}
.opt{position:relative;height:var(--ch);display:grid;grid-template-rows:minmax(0,1fr) 17px var(--sh,13px);gap:3px;text-align:left;background:#fff;border:2px solid var(--line);border-radius:20px;padding:6px 6px 9px;overflow:hidden;transition:transform .15s,border-color .2s,box-shadow .2s}
.opt:active{transform:scale(.97)}
.opt .media{position:relative;min-height:0;border-radius:14px;overflow:hidden;background:#fff}
.opt .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.opt .tz{position:absolute;inset:0;display:grid;grid-template-rows:1fr 1fr;border-radius:14px;overflow:hidden}
.opt .tz div{position:relative;overflow:hidden}
.opt .tz div+div{border-top:2px solid #fff}
.opt .tz div:first-child::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent calc(50% - 1px),rgba(255,255,255,.55) calc(50% - 1px),rgba(255,255,255,.55) 50%),repeating-linear-gradient(90deg,transparent 0,transparent calc(33.333% - 1px),rgba(255,255,255,.55) calc(33.333% - 1px),rgba(255,255,255,.55) 33.333%);pointer-events:none}
.opt .tz img{object-fit:cover;mix-blend-mode:normal}
.opt .tz span{position:absolute;left:5px;bottom:4px;font-size:9.5px;font-weight:900;letter-spacing:.04em;color:var(--navy);background:rgba(255,255,255,.88);border-radius:999px;padding:2px 7px}
.opt .pair{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.opt .pair div{position:relative}
.opt b{display:block;padding:0 5px;height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14.5px;font-weight:900;line-height:17px;letter-spacing:-.02em;color:var(--ink)}
.opt small{display:block;height:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 5px;font-size:10px;line-height:12px;font-weight:600;color:var(--mute)}
.opt .ck{position:absolute;right:9px;top:9px;width:26px;height:26px;border-radius:50%;background:var(--orange);display:grid;place-items:center;opacity:0;transform:scale(.3);transition:opacity .2s,transform .3s cubic-bezier(.34,1.56,.64,1);z-index:2}
.opt .ck svg{width:15px;height:15px;stroke:#fff;stroke-width:3.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.opt.on{border-color:var(--orange);box-shadow:0 8px 20px rgba(249,115,22,.25)}
.opt.on .ck{opacity:1;transform:scale(1)}
.opt.pop{animation:selpop .38s cubic-bezier(.34,1.56,.64,1)}
@keyframes selpop{0%{transform:scale(.95)}60%{transform:scale(1.03)}100%{transform:scale(1)}}
.opt.sk{pointer-events:none;background:linear-gradient(100deg,#EEF2F6 30%,#F8FAFC 50%,#EEF2F6 70%);background-size:200% 100%;animation:skel 1.2s linear infinite;border-color:transparent}
@keyframes skel{to{background-position:-200% 0}}
.autopick{display:flex;flex:none;align-items:center;justify-content:center;gap:5px;padding:6px 8px;min-height:44px;border-radius:15px;background:#FFF1E7;color:#9A3412;border:1.5px solid #FED7AA;font-size:12px;font-weight:900}
.autopick svg{width:17px;height:17px;fill:var(--hot);stroke:none}

.sumgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sc{display:flex;flex-direction:column;gap:5px;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:17px;padding:6px 6px 8px}
.sc .th{aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#fff}
.sc .th img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.sc small{font-size:10.5px;font-weight:800;color:var(--mute);letter-spacing:.04em;text-transform:uppercase;padding:0 3px}
.sc b{font-size:13px;font-weight:900;line-height:1.1;padding:0 3px;letter-spacing:-.01em}
.render{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:64px;margin-top:14px;border-radius:20px;background:linear-gradient(135deg,#FDBA74 0%,#F97316 45%,#C2410C 100%);color:#fff;font-size:19px;font-weight:900;letter-spacing:-.02em;box-shadow:0 14px 30px rgba(234,88,12,.45);position:relative;overflow:hidden;transition:transform .15s}
.render:active{transform:scale(.97)}
.render svg{width:26px;height:26px;fill:#fff;stroke:none}
.render::after{content:"";position:absolute;top:0;bottom:0;width:30%;left:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-160%) skewX(-18deg);animation:shine 3s ease-in-out infinite}
.fine{margin-top:9px;font-size:11.5px;line-height:1.4;color:var(--mute);text-align:center;font-weight:600}
.fine.b{margin-top:5px}

.busy{position:relative;margin-top:14px;border-radius:24px;overflow:hidden;background:#1E293B;aspect-ratio:4/3;max-height:52dvh;width:100%}
.busy img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sweep{position:absolute;top:-10%;bottom:-10%;left:0;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-120%) skewX(-16deg);animation:sweepx 2.2s ease-in-out infinite}
@keyframes sweepx{to{transform:translateX(320%) skewX(-16deg)}}
.bmsg{margin-top:14px;text-align:center;font-size:19px;font-weight:900;letter-spacing:-.02em;color:var(--navy);animation:fadeup .4s ease-out}
.errc{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.eico{width:56px;height:56px;border-radius:50%;background:#FFF1E7;display:grid;place-items:center;color:var(--hot)}
.eico svg{width:30px;height:30px}
.errc p{font-size:16px;line-height:1.35;font-weight:800;color:var(--navy)}
.eact{display:flex;flex-direction:column;gap:8px;width:100%}
.ideas{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:13px 14px}
.ideas h3{font-size:15px;font-weight:900;letter-spacing:-.01em;margin-bottom:7px}
.ideas ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.ideas li{position:relative;padding-left:20px;font-size:13.5px;line-height:1.35;font-weight:600;color:#334155}
.ideas li::before{content:"";position:absolute;left:3px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--orange)}
.racts{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.racts .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#res-cmp .cmp{aspect-ratio:3/4}
button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
@media(max-height:700px){.vt{margin-top:10px}.tab{min-height:52px}.try{padding:10px 12px}}
@media(max-width:360px){.tab{font-size:12.5px}.opt b{font-size:14.5px}.render{font-size:17.5px}}

/* shimmer + images */
.shim:not(.ld),.opt .media:not(.ld),.opt .tz div:not(.ld),.opt .pair div:not(.ld){background:linear-gradient(100deg,#EEF2F6 30%,#F8FAFC 50%,#EEF2F6 70%);background-size:200% 100%;animation:skel 1.2s linear infinite}
.opt .media img,.opt .tz img,.opt .pair img,.sc .th img,.cp .th img{opacity:0;transition:opacity .25s}
.cmp img{opacity:0;transition:opacity .3s}
.opt .media img.ld,.opt .tz img.ld,.opt .pair img.ld,.sc .th img.ld,.cp .th img.ld,.cmp img.ld{opacity:1}
.opt .tz{background:none}
.opts[data-cat=azulejos] small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}
.pact{display:grid;grid-template-columns:1fr}
.inc b{display:block}
.inc li{min-height:54px}
.inc li{padding:8px 7px;gap:7px}
.inc .ii{width:27px;height:27px;border-radius:9px}
.inc b{font-size:12px}
.inc .ok{position:absolute;right:6px;top:6px;width:11px;height:11px}

/* single bottom CTA */
.cta{position:relative;overflow:hidden}
.cta.spark{background:linear-gradient(135deg,#FDBA74 0%,#F97316 45%,#C2410C 100%);box-shadow:0 14px 30px rgba(234,88,12,.5)}
.cta.spark svg{fill:#fff;stroke:none}
.cta.spark::after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-160%) skewX(-18deg);animation:shine 3s ease-in-out infinite;pointer-events:none}
.cta span{position:relative}

/* compact studio chrome after step 1 */
.app[data-tab=studio] .bar{padding-top:12px}
.app[data-tab=studio] .status{min-height:36px;padding-right:56px;margin-bottom:6px}
.app[data-tab=studio] .fab{top:8px;width:44px;height:44px}
.app[data-tab=studio] .fab svg{width:25px;height:25px}
.app[data-tab=studio]:not([data-view=photo]) .scroll{padding-top:8px;padding-bottom:8px}
.app[data-tab=studio]:not([data-view=photo]) .logo{height:28px}
.app[data-tab=studio]:not([data-view=photo]) .tag{padding:4px 10px;font-size:11px}
.app[data-tab=studio]:not([data-view=photo]) .tabs{margin-top:6px;padding:3px;border-radius:16px}
.app[data-tab=studio]:not([data-view=photo]) .tabs::before{left:3px;top:3px;bottom:3px;width:calc(50% - 3px);border-radius:13px}
.app[data-tab=studio]:not([data-view=photo]) .tab{min-height:34px;font-size:12.5px;border-radius:13px;padding:3px 6px}
.app[data-tab=studio]:not([data-view=photo]) .nuevo{display:inline-block}
.app[data-tab=studio]:not([data-view=photo]) .steps{margin-top:6px}
.app[data-tab=studio]:not([data-view=photo]) .steps li{padding:4px}
.app[data-tab=studio][data-view=pick] .steps{display:none}
.app[data-tab=studio][data-view=pick] .vt{font-size:19px;margin:8px 2px 6px}
.app[data-tab=studio][data-view=pick] .autopick{min-height:36px;padding:4px 10px}
.app[data-tab=studio][data-view=pick] .mount{margin-bottom:6px}
.budget-acceptance{margin-top:14px;padding:13px 12px;border:1px solid var(--line);border-radius:17px;background:#fff}
.budget-acceptance-label{display:flex;gap:11px;align-items:flex-start;min-height:48px;font-size:14px;line-height:1.45;font-weight:700;cursor:pointer}
.budget-acceptance input{flex:none;width:24px;height:24px;margin:3px 0;accent-color:var(--navy)}
.budget-acceptance a{color:var(--hot);text-decoration:underline;text-underline-offset:3px}
.budget-acceptance p{margin:5px 0 0 35px;font-size:12px;line-height:1.4;color:var(--mute)}
.budget-acceptance #budget-terms-notice{color:#9A3412;font-weight:700}
.budget-acceptance.terms-attention{border:2px solid var(--orange);padding:12px 11px;background:#FFF7ED}
.terms-locked{opacity:.5;box-shadow:none!important}
.budget-terms-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,500px);max-height:90dvh;border:0;border-radius:24px 24px 0 0;padding:0;background:#fff;color:#1E293B;font-family:inherit;box-shadow:0 -12px 40px rgba(15,23,42,.24)}
.budget-terms-sheet[open]{display:flex;flex-direction:column}
.budget-terms-sheet::backdrop{background:rgba(15,23,42,.58)}
.budget-terms-sheet header{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #E2E8F0}
.budget-terms-sheet header strong{font-size:17px;font-weight:900}
.budget-terms-sheet .terms-close{width:44px;height:44px;flex:none;border:0;border-radius:12px;background:#F1F5F9;font-size:28px;cursor:pointer}
.budget-terms-sheet .terms-body{overflow-y:auto;overscroll-behavior:contain;padding:14px 18px;font-size:14px;line-height:1.5}
.budget-terms-sheet .terms-body h3{font-size:14px;font-weight:800;margin:20px 0 6px}
.budget-terms-sheet .terms-body p{margin:0 0 9px}
.budget-terms-sheet .terms-body ul{list-style:disc;padding-left:20px;margin:7px 0 12px}
.budget-terms-sheet .terms-body li{margin:5px 0}
.budget-terms-sheet .terms-body a{color:#C2410C;text-decoration:underline}
.budget-terms-sheet footer{padding:12px 16px max(14px,env(safe-area-inset-bottom));border-top:1px solid #E2E8F0}
.budget-terms-sheet .terms-continue{width:100%;min-height:50px;border:0;border-radius:15px;background:linear-gradient(180deg,#FB923C,#EA580C);color:#fff;font-size:15px;font-weight:800;cursor:pointer}
.budget-terms-sheet button:focus-visible,.budget-terms-sheet a:focus-visible{outline:3px solid #F97316;outline-offset:2px}
.app[data-tab=studio][data-view=pick] .mount button{min-height:34px}

/* global: comparator labels */
.cmp .lab.l{left:10px;right:auto;top:auto;bottom:10px}
.cmp .lab.r{right:10px;left:auto;top:10px;bottom:auto}
.aibadge,.cmp .aibadge{top:10px;bottom:auto;left:10px;right:auto;max-width:calc(100% - 92px);font-size:10px}
/* global: extras */
.extras-t{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:16px 2px 7px}
.extras{display:flex;flex-direction:column;gap:10px}
.xsw{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:68px;text-align:left;background:#fff;border:2px solid var(--line);border-radius:18px;padding:12px 14px;transition:border-color .2s,background .2s,box-shadow .2s}
.xsw .xt{flex:1;min-width:0}
.xsw b{display:block;font-size:16px;font-weight:900;line-height:1.2;color:var(--ink)}
.xsw small{display:block;font-size:12px;font-weight:600;color:var(--mute);margin-top:3px}
.xsw .sw{position:relative;flex:none;width:56px;height:32px;border-radius:99px;background:#CBD5E1;transition:background .2s}
.xsw .sw::after{content:"";position:absolute;left:4px;top:4px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.3);transition:transform .2s}
.xsw[aria-checked=true]{border-color:var(--orange);background:#FFF7ED;box-shadow:0 6px 16px rgba(249,115,22,.18)}
.xsw[aria-checked=true] .sw{background:var(--orange)}
.xsw[aria-checked=true] .sw::after{transform:translateX(24px)}
/* global: budget card */
.budget{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 8px 24px rgba(15,23,42,.07)}
.budget h3{font-size:19px;font-weight:900;letter-spacing:-.02em;color:var(--navy)}
.budget .bq{font-size:11.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:12px 0 4px}
.budget .bi{list-style:none;display:flex;flex-direction:column}
.budget .bi li{display:flex;align-items:baseline;gap:8px;padding:8px 0;border-top:1px solid var(--line);min-width:0}
.budget .bi li:first-child{border-top:0}
.budget .bk{flex:none;width:16px;height:16px;align-self:center;border-radius:50%;background:#DCFCE7;display:grid;place-items:center}
.budget .bk svg{width:10px;height:10px;fill:none;stroke:var(--ok);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.budget .bn{flex:none;font-size:12px;font-weight:600;color:var(--mute)}
.budget .bv{flex:1;min-width:0;text-align:right;font-size:13.5px;font-weight:800;line-height:1.25;color:var(--ink)}
.budget .bi li.one .bv{text-align:left}
.budget .bp{margin-top:8px;border-top:1px solid var(--line);padding-top:8px;display:flex;flex-direction:column;gap:6px}
.budget .bp div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13.5px;font-weight:600;color:#334155}
.budget .bp dd{text-align:right;font-weight:900;color:var(--ink)}
.budget .bt{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:10px;margin-top:12px;padding:13px 14px;border-radius:16px;background:var(--deep);color:#fff;border-bottom:4px solid var(--orange)}
.budget .bt span{font-size:14px;font-weight:800;color:#FDBA74}
.budget .bt strong{font-size:32px;font-weight:900;letter-spacing:-.03em;line-height:1}
.budget .bt small{grid-column:1/-1;text-align:right;font-size:11px;font-weight:700;color:#94A3B8;margin-top:3px}
.budget .bd{margin-top:10px;font-size:12px;line-height:1.4;font-weight:700;color:#9A3412}
/* global: result buttons */
.wabtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;border-radius:16px;background:#16A34A;color:#fff;font-size:16px;font-weight:900;text-decoration:none;box-shadow:0 8px 20px rgba(22,163,74,.3)}
.wabtn svg{width:22px;height:22px;fill:#fff;flex:none}
.btn-save{min-height:54px;border-radius:16px}
.btn-save svg{width:18px;height:18px;flex:none}
.racts .two{align-items:center}
.racts .linkbtn{display:flex;align-items:center;justify-content:center;min-height:52px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:center;line-height:1.25}
.budget .bd{color:var(--mute);font-weight:400}
.cta{height:54px;min-height:54px;max-height:54px;padding:8px 10px;line-height:1.1;gap:6px}
.cta span{min-width:0}
.btn-share svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:380px){
  .opts[data-cat=azulejos]{--sh:37px;--ch:clamp(140px,calc((100dvh - 382px)/2),192px)}
  .opts[data-cat=azulejos] small{-webkit-line-clamp:3}
}
.terms-locked{opacity:.45;filter:saturate(.6)}
.budget-terms-sheet .terms-continue{min-height:54px}

/* contacto: resultado bloqueado */
.sheet .top{flex:none}
.formwrap{min-height:0}
.formwrap iframe{height:640px}
.unlock-fb-slot{height:44px;display:flex;align-items:center;justify-content:center}
.unlock-fb{display:block;margin:0;padding:8px 4px;min-height:44px;text-align:center;font-size:12px;font-weight:400;color:#64748B;text-decoration:none;background:transparent}
.cmp img{transition:opacity .3s,filter .8s,transform .8s}
.cmp[data-locked] img{filter:blur(28px);transform:scale(1.15)}
.cmp[data-locked] .cmp-b{visibility:hidden}
.cmp[data-locked] input{visibility:hidden;pointer-events:none}
.cmp[data-locked] .lab,.cmp[data-locked] .cmp-line,.cmp[data-locked] .cmp-knob{display:none}
.lockov{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;color:#fff;background:rgba(15,23,42,.10);transition:opacity .6s}
.lockov.out{opacity:0;pointer-events:none}
.lockov svg{width:44px;height:44px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 5px rgba(15,23,42,.45))}
.lockov b{font-size:17px;font-weight:900;line-height:1.2;letter-spacing:-.01em;text-shadow:0 1px 5px rgba(15,23,42,.4);padding:10px 12px;border-radius:12px;background:rgba(15,23,42,.30)}
.lockbtn{min-height:48px;padding:10px 20px;border-radius:15px;background:linear-gradient(180deg,#FB923C,var(--hot));color:#fff;font-size:15px;font-weight:900}
.locked .gate-x{display:none!important}
.saved-links{display:flex;flex-direction:column;gap:8px}
.saved-links[hidden]{display:none}
.saved-links a.ghostbtn{text-decoration:none}

/* comparadores de resultado y diseño: imagen completa, sin recorte por max-height */
#res-cmp .cmp,#d-cmp .cmp{--ar:.75;aspect-ratio:var(--ar)!important;width:min(100%,calc(58dvh*var(--ar)));max-height:none;margin:0 auto}
#res-cmp .cmp img,#d-cmp .cmp img{object-fit:contain;background:#CBD5E1}