/* Detalles de movimiento y profundidad de DIXAOne. */
body{background-image:radial-gradient(ellipse at 5% 8%,#4164ea10,transparent 35%),radial-gradient(ellipse at 95% 28%,#9546ef0c,transparent 32%)}
header{backdrop-filter:blur(18px);transition:box-shadow .3s}body.has-scrolled header{box-shadow:0 10px 30px #0002}
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#05d3ea,#4167ff,#a456ed);transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}
.back-top{position:fixed;bottom:24px;left:22px;z-index:35;border:1px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-text);border-radius:50%;width:44px;height:44px;box-shadow:0 8px 22px #0002;font-size:20px;transition:opacity .25s,transform .25s}.back-top[hidden]{display:none}
.hero{position:relative;isolation:isolate}.hero:before{content:'';position:absolute;z-index:-1;width:360px;height:360px;right:0;top:12%;border-radius:50%;background:radial-gradient(circle,#6655ed19,transparent 68%);animation:ambient-drift 18s ease-in-out infinite alternate;pointer-events:none}
.hero-art .orbit{border-style:dashed;animation:orbit-turn 70s linear infinite}.hero-art .big-logo{filter:drop-shadow(0 15px 35px #407afa35);animation:logo-breathe 8s ease-in-out infinite}.floating{transition:box-shadow .3s}.floating:hover{box-shadow:0 22px 48px #506bea25}
.live-welcome{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--theme-soft);margin-bottom:20px}.live-dot{height:7px;width:7px;background:#29c88d;border-radius:50%;box-shadow:0 0 0 4px #29c88d15}.live-date{border:1px solid var(--theme-border);border-radius:20px;padding:5px 10px;font-size:10px}
.primary,.bag,.subtle,.filters button{transition:transform .2s,box-shadow .2s,background .2s}.primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #6553ed30}.primary:active,.add:active{transform:scale(.98)}
.hero-tags span{border:1px solid var(--theme-border);border-radius:20px;padding:8px 12px;background:var(--theme-input)}.hero-tags{gap:8px;flex-wrap:wrap}
.discovery{padding-top:64px;padding-bottom:64px}.discovery-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.discovery-heading h2{font-size:34px;letter-spacing:-1px;margin:0 0 12px}.discovery-heading p{color:var(--theme-soft);font-size:14px;line-height:1.7;max-width:520px}
.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}.discovery-card{display:flex;flex-direction:column;background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:22px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative}.discovery-card:hover{transform:translateY(-5px);border-color:#7972eb;box-shadow:0 18px 40px #5551d515}.discovery-art{height:170px;overflow:hidden;position:relative;background:var(--theme-input)}.discovery-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.discovery-card:hover img{transform:scale(1.04)}.discovery-art>span{position:absolute;bottom:12px;left:14px;background:#111b2be6;border:1px solid #ffffff30;border-radius:20px;padding:7px 12px;color:white;font-size:11px}.discovery-body{padding:22px;display:flex;flex-direction:column;flex:1}.discovery-body h3{margin:0 0 9px;font-size:21px}.discovery-body p{font-size:13px;line-height:1.7;color:var(--theme-soft);margin:0 0 18px}.discovery-price{font-size:12px;color:var(--theme-accent);min-height:20px;margin-top:auto}.discovery-link{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-top:18px;padding-top:14px;border-top:1px solid var(--theme-border)}
.support-band{padding-top:34px;padding-bottom:60px}.support-inner{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;padding:34px;border:1px solid var(--theme-border);border-radius:24px;background:linear-gradient(120deg,#4965ec12,#9856ea12),var(--theme-surface)}.support-inner h2{margin:0 0 10px;font-size:27px;letter-spacing:-.7px}.support-inner p{max-width:620px;color:var(--theme-soft);font-size:13px;line-height:1.8}.support-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.support-actions .subtle{padding:14px 18px;border-radius:10px}
.benefit-grid article{position:relative;transition:border-color .3s,transform .3s;background:linear-gradient(150deg,#5a72e808,transparent)}.benefit-grid article:hover{transform:translateY(-4px);border-color:#7164d9}.benefit-grid article>span{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:10px 12px;background:#6963ee13;border:1px solid #6963ee25}
.how ol{position:relative}.how li{transition:background .25s}.how li:hover{background:#6478e808}.faq details{transition:background .25s,border-color .25s}.faq details[open]{background:var(--theme-surface);padding-left:20px;padding-right:20px;border-radius:15px;border-color:#695ce5}.faq summary{padding-top:19px;padding-bottom:19px}.faq details p{line-height:1.8;padding-bottom:16px}
.catalog .card{box-shadow:0 8px 24px #00000010;transition:transform .28s,border-color .28s,box-shadow .28s}.catalog .card:hover{box-shadow:0 16px 32px #4168d91a}.catalog .product-image{transition:transform .55s}.catalog .card:hover .product-image{transform:scale(1.025)}.catalog .card.out-of-stock .product-image{filter:saturate(.75)}.catalog .card select:focus{box-shadow:0 0 0 3px #6e5ce51c}.catalog .terms-trigger{transition:background .2s,transform .2s}.catalog .terms-trigger:hover{transform:translateY(-1px)}
html[data-motion=ready] .dixa-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}html[data-motion=ready] .dixa-reveal.is-visible{opacity:1;transform:none}
@keyframes ambient-drift{to{transform:translate(-40px,35px) scale(1.08)}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes logo-breathe{50%{transform:translateY(-9px)}}
@media(max-width:700px){.discovery{padding-top:42px;padding-bottom:35px}.discovery-heading{display:block}.discovery-heading h2{font-size:27px}.discovery-grid{grid-template-columns:1fr;gap:14px}.discovery-card{display:grid;grid-template-columns:115px 1fr;border-radius:18px}.discovery-art{height:100%;min-height:205px}.discovery-art img{object-fit:cover}.discovery-art>span{left:7px;bottom:9px;font-size:8px;padding:5px 7px}.discovery-body{padding:18px}.discovery-body h3{font-size:18px}.discovery-body p{font-size:12px;margin-bottom:9px}.discovery-link{margin-top:10px}.support-inner{grid-template-columns:1fr;padding:24px;gap:12px}.support-inner h2{font-size:23px}.back-top{left:13px;bottom:18px;width:39px;height:39px}.hero-tags span{font-size:10px;padding:7px 9px}.live-welcome{font-size:11px}.hero:before{width:260px;height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}html[data-motion=ready] .dixa-reveal{opacity:1;transform:none}}

/* Soft highlights, consistent depth and short, intentional transitions. */
header:after{content:'';position:absolute;bottom:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,#6383f44d,#a36feb40,transparent);pointer-events:none}
.catalog .section-head{position:relative;padding-bottom:6px}
.section-head .eyebrow{display:inline-flex;align-items:center;gap:8px}
.section-head .eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--theme-accent);box-shadow:0 0 0 4px #7765eb12}
.catalog .card{border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#7684ec05,transparent 55%),var(--theme-surface)}
.catalog .image-wrap{overflow:hidden;background:var(--theme-input)}
.catalog .image-wrap:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#26cbea,#7861ed,#ad72ed);opacity:.5;pointer-events:none;z-index:1}
.catalog .card.out-of-stock .image-wrap:after{background:linear-gradient(90deg,#df505b,#ee8b75)}
.catalog .category{letter-spacing:1.5px}
.catalog .plan-meta{border-radius:12px;background:linear-gradient(130deg,#647aef07,#a06bd407);border:1px solid var(--theme-border);padding:8px}
.catalog .delivery-pill,.catalog .terms-trigger{box-shadow:0 3px 12px #00000018;backdrop-filter:blur(8px)}
.catalog-stats>span{box-shadow:0 3px 10px #00000005;transition:border-color .25s,background .25s}
.filters button{border-radius:12px;transition:background .25s,box-shadow .25s,transform .25s}
.filters button.active{box-shadow:0 4px 15px #6655ec18}
.catalog .add{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 5px 16px #6450e518;transition:transform .2s,box-shadow .25s,filter .25s}
.catalog .add:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 25%,#ffffff1a 48%,transparent 72%);transform:translateX(-120%);pointer-events:none}
.catalog .add:disabled{box-shadow:none}
.search:focus-within{border-color:var(--theme-accent);box-shadow:0 0 0 3px #7663e914;transition:box-shadow .2s,border-color .2s}
.support-inner,.cta{box-shadow:0 12px 35px #5f68bd08}
.faq details[open] p{animation:soft-answer .3s ease-out}
dialog[open]:not(.purchase-receipt){animation:soft-dialog .22s ease-out}
dialog::backdrop{backdrop-filter:blur(5px)}
.float-nav a{transition:transform .25s,box-shadow .25s}
.polish-enter{animation:soft-enter .55s cubic-bezier(.2,.65,.3,1) var(--enter-delay,0ms) backwards}
@keyframes soft-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes soft-answer{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes soft-dialog{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}
@keyframes soft-sheen{to{transform:translateX(120%)}}
@media(hover:hover) and (pointer:fine){
 .catalog .card:hover{transform:translateY(-4px);border-color:#8973df80;box-shadow:0 15px 35px #5769c41c}
 .catalog .card:hover .product-image{transform:scale(1.035)}
 .catalog .add:not(:disabled):hover{filter:brightness(1.06);box-shadow:0 9px 22px #6450e530}
 .catalog .add:not(:disabled):hover:after{animation:soft-sheen .8s ease-out}
 .filters button:hover{transform:translateY(-1px)}
 .float-nav a:hover{transform:translateY(-3px);box-shadow:0 8px 20px #6174d52b}
 .back-top:hover{transform:translateY(-3px)}
}
@media(max-width:700px){.catalog .card{border-radius:17px}.catalog .plan-meta{padding:6px;border-radius:10px}}
@media(prefers-reduced-motion:reduce){.polish-enter,.faq details[open] p,dialog[open]{animation:none!important}.catalog .card:hover,.catalog .card:hover .product-image,.filters button:hover,.float-nav a:hover,.back-top:hover{transform:none!important}}

/* Reading cues and a compact guide, using the existing theme palette. */
.support-hours{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;line-height:1.7;color:var(--theme-soft)}
.support-hours strong{color:var(--theme-text);font-weight:650}.support-hours>span{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--theme-border);border-radius:8px;color:var(--theme-accent);background:#8474ee0a}
::selection{background:#7867dd55;color:inherit}
.buying-guide{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:20px;align-items:center;margin:24px 0 28px;padding:22px;border:1px solid var(--theme-border);border-radius:18px;background:linear-gradient(115deg,#526ced0d,#ae6bef08),var(--theme-surface)}
.guide-kicker{display:block;font-size:9px;letter-spacing:1.7px;color:var(--theme-accent);margin-bottom:8px;font-weight:700}
.guide-intro strong{font-size:17px;letter-spacing:-.4px}.guide-item{display:flex;gap:11px;align-items:flex-start;min-width:0}.guide-item img{flex:none;padding:8px;box-sizing:content-box;border-radius:11px;background:#8979ed14;opacity:.9}
html[data-theme=black] .guide-item img,html[data-theme=blue] .guide-item img{filter:invert(1)}
.guide-item b{display:block;font-size:12px;margin-bottom:6px}.guide-item span{display:block;color:var(--theme-soft);font-size:11px;line-height:1.65}
.catalog-results{font-size:12px;color:var(--theme-soft);margin:18px 0;line-height:1.6}.catalog-results:empty{display:none}
.catalog .toolbar,.catalog .delivery-toolbar{gap:14px}.catalog .delivery-toolbar{padding-bottom:18px;border-bottom:1px solid var(--theme-border)}
.catalog #empty{padding:30px 22px;text-align:center;border:1px dashed var(--theme-border);border-radius:16px;color:var(--theme-soft);background:var(--theme-surface);line-height:1.7}
.artwork-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 25% 20%,#3a5b9a,#151c35 80%);color:#f0f3ff;font-size:24px;font-weight:750;padding:25px;text-align:center;pointer-events:none}
.how ol{counter-reset:purchase-step;list-style:none;padding-left:0}.how li{position:relative;counter-increment:purchase-step;padding-left:62px;min-height:78px}.how li:before{content:'0' counter(purchase-step);position:absolute;left:0;top:18px;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--theme-border);border-radius:12px;background:linear-gradient(135deg,#6680ed13,#a367e713);color:var(--theme-accent);font-size:12px;font-weight:750}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';display:grid;place-items:center;flex:none;width:27px;height:27px;border:1px solid var(--theme-border);border-radius:8px;font-size:20px;font-weight:400;color:var(--theme-accent);background:#8474ee0a}.faq details[open] summary:after{content:'−';background:#8474ee16}
.benefits,.how,.faq{position:relative}.benefits:before,.how:before{content:'';position:absolute;left:32px;right:32px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--theme-border),transparent);pointer-events:none}
@media(max-width:1000px){.buying-guide{grid-template-columns:repeat(3,1fr);gap:16px}.guide-intro{grid-column:1/-1}}
@media(max-width:600px){.buying-guide{grid-template-columns:1fr;padding:18px;gap:15px;margin:20px 0}.guide-item{padding-top:12px;border-top:1px solid var(--theme-border)}.guide-item b{font-size:12px}.guide-item span{font-size:11px}.catalog-results{font-size:11px}.how li{padding-left:52px}.how li:before{width:33px;height:33px}.faq summary{font-size:14px;gap:12px}.faq summary:after{width:25px;height:25px}}
/* Color accents keep the compact catalog lively across appearance themes. */
#catalogo .card{--card-accent:#7c6af0;border-color:color-mix(in srgb,var(--card-accent) 35%,var(--theme-border));background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 12%,transparent),transparent 70%),var(--theme-surface);box-shadow:0 6px 20px #5269b512}
#catalogo .card:nth-child(4n+2){--card-accent:#229bc5}
#catalogo .card:nth-child(4n+3){--card-accent:#bd6bca}
#catalogo .card:nth-child(4n+4){--card-accent:#25a894}
#catalogo .card.out-of-stock{--card-accent:#d35168}
#catalogo .card .image-wrap:after{height:3px;opacity:.85;background:linear-gradient(90deg,var(--card-accent),color-mix(in srgb,var(--card-accent) 20%,transparent))}
#catalogo .card .category{align-self:flex-start;padding:4px 7px;border-radius:6px;background:color-mix(in srgb,var(--card-accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--card-accent) 30%,transparent);color:var(--theme-text)}
#catalogo .card .plan-meta{background:color-mix(in srgb,var(--card-accent) 8%,var(--theme-surface));border-color:color-mix(in srgb,var(--card-accent) 24%,var(--theme-border))}
#catalogo .card select{border-color:color-mix(in srgb,var(--card-accent) 32%,var(--theme-border))}
#catalogo .section-head{padding:16px 18px;border:1px solid var(--theme-border);border-radius:16px;background:radial-gradient(ellipse at 100% 0,#8374ec20,transparent 65%),linear-gradient(115deg,#24b7cc0e,transparent),var(--theme-surface)}
#catalogo #catalogStats span:nth-child(1){background:#7c6af018;border-color:#7c6af045}
#catalogo #catalogStats span:nth-child(2){background:#25a89418;border-color:#25a89445}
#catalogo #catalogStats span:nth-child(3){background:#d3516814;border-color:#d3516835}
#catalogo #catalogStats span:nth-child(4){background:#229bc518;border-color:#229bc545}
#catalogo .buying-guide{background:linear-gradient(110deg,#7c6af016,#229bc50e),var(--theme-surface);border-color:color-mix(in srgb,#7c6af0 30%,var(--theme-border))}
.benefit-grid article{border-radius:16px;background:linear-gradient(135deg,#7c6af013,transparent 75%),var(--theme-surface);border:1px solid var(--theme-border)}
.benefit-grid article:nth-child(2){background:linear-gradient(135deg,#229bc515,transparent 75%),var(--theme-surface)}
.benefit-grid article:nth-child(3){background:linear-gradient(135deg,#25a89415,transparent 75%),var(--theme-surface)}
.faq details{background:linear-gradient(110deg,#7c6af009,transparent),var(--theme-surface);border-radius:12px;padding-left:16px;padding-right:16px}
@media(hover:hover) and (pointer:fine){#catalogo .card:hover{border-color:var(--card-accent);box-shadow:0 12px 28px color-mix(in srgb,var(--card-accent) 18%,transparent)}}
/* Balanced benefit panels and responsive interaction feedback. */
.benefit-grid{gap:20px;align-items:stretch}
.benefit-grid article{padding:22px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.benefit-grid article>span{flex:none;transition:transform .25s ease,background .25s ease}
.benefit-grid article h3{width:100%;margin:18px 0 10px;min-height:44px;line-height:1.35;overflow-wrap:anywhere}
.benefit-grid article p{margin:0;line-height:1.75;overflow-wrap:anywhere}
.guide-item img{transition:transform .25s ease,background .25s ease}
.faq summary:after{transition:transform .25s ease,background .25s ease}
.faq details[open] summary:after{transform:rotate(180deg)}
.faq summary:active{opacity:.8}
input,textarea,select{transition:border-color .2s ease,box-shadow .2s ease}
input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:0 0 0 3px #8374ee22}
body .dixa-btn[data-action]:not(:disabled):not([aria-disabled=true]):active{transform:translateY(1px) scale(.97);box-shadow:inset 0 2px 5px #00000020}
@media(hover:hover) and (pointer:fine){
 .benefit-grid article:hover{box-shadow:0 12px 28px #6279c41c}
 .benefit-grid article:hover>span{transform:translateY(-2px) rotate(-4deg);background:#6963ee26}
 .guide-item:hover img{transform:translateY(-2px) rotate(-6deg);background:#8979ed26}
 .faq summary:hover:after{background:#8474ee26;transform:rotate(90deg)}
 .faq details[open] summary:hover:after{transform:rotate(180deg)}
}
/* Native dialog transitions also animate closing without delaying actions. */
@supports (transition-behavior:allow-discrete){
 dialog{opacity:0;transform:translateY(10px) scale(.98);transition:opacity .2s ease,transform .2s ease,display .2s allow-discrete,overlay .2s allow-discrete}
 dialog[open]:not(.purchase-receipt),dialog.purchase-receipt[open]{opacity:1;transform:none;animation:none}
 dialog::backdrop{opacity:0;transition:opacity .2s ease,display .2s allow-discrete,overlay .2s allow-discrete}
 dialog[open]::backdrop{opacity:1}
 @starting-style{dialog[open]:not(.purchase-receipt),dialog.purchase-receipt[open]{opacity:0;transform:translateY(10px) scale(.98)}dialog[open]::backdrop{opacity:0}}
}
@media(max-width:650px){.benefit-grid{gap:14px}.benefit-grid article{padding:20px}.benefit-grid article h3{min-height:0;margin-top:15px}}
@media(prefers-reduced-motion:reduce){.benefit-grid article,.benefit-grid article>span,.guide-item img,.faq summary:after,input,textarea,select,dialog,dialog::backdrop{transition:none!important;animation:none!important}.benefit-grid article:hover,.benefit-grid article:hover>span,.guide-item:hover img,.faq summary:hover:after,.faq details[open] summary:after,body .dixa-btn[data-action]:active{transform:none!important}}
/* Stronger color anchors with readable themed surfaces. */
.workspace .metrics>div{border-top:3px solid #8270ee;background:linear-gradient(135deg,#8270ee18,transparent 85%),var(--theme-surface)}
.workspace .metrics>div:nth-child(2){border-top-color:#26b3c6;background:linear-gradient(135deg,#26b3c618,transparent 85%),var(--theme-surface)}
.workspace .metrics>div:nth-child(3){border-top-color:#28b396;background:linear-gradient(135deg,#28b39618,transparent 85%),var(--theme-surface)}
.workspace .metrics>div:nth-child(4){border-top-color:#c774bb;background:linear-gradient(135deg,#c774bb18,transparent 85%),var(--theme-surface)}
#catalogo .section-head{background:radial-gradient(ellipse at 100% 0,#8374ec35,transparent 65%),linear-gradient(115deg,#24b7cc1b,transparent),var(--theme-surface);border-color:color-mix(in srgb,#8270ee 40%,var(--theme-border))}
#catalogo .card{background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 18%,transparent),transparent 85%),var(--theme-surface)}
#catalogo .card .category{background:color-mix(in srgb,var(--card-accent) 25%,transparent)}
.benefit-grid article{border-top:3px solid #8270ee;background:linear-gradient(135deg,#8270ee25,transparent 85%),var(--theme-surface)}
.benefit-grid article:nth-child(2){border-top-color:#26b3c6;background:linear-gradient(135deg,#26b3c625,transparent 85%),var(--theme-surface)}
.benefit-grid article:nth-child(3){border-top-color:#28b396;background:linear-gradient(135deg,#28b39625,transparent 85%),var(--theme-surface)}
.support-inner{border-color:color-mix(in srgb,#26b3c6 40%,var(--theme-border));background:linear-gradient(115deg,#26b3c61c,#8270ee12),var(--theme-surface)}
#phonePanel{border-top:3px solid #26b3c6;background:linear-gradient(135deg,#26b3c615,transparent 70%),var(--theme-surface)}
#recipientStatus{padding:10px 12px;border-radius:10px;background:#26b3c615;border:1px solid #26b3c630;color:var(--theme-text)}
.catalog-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 18px}
.catalog-assurance>div{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--theme-border);border-radius:12px;background:linear-gradient(125deg,#8270ee15,transparent),var(--theme-surface);min-width:0}
.catalog-assurance>div:nth-child(2){background:linear-gradient(125deg,#26b3c61a,transparent),var(--theme-surface)}
.catalog-assurance>div:nth-child(3){background:linear-gradient(125deg,#28b39618,transparent),var(--theme-surface)}
.catalog-assurance>div>span{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;background:#8270ee19;color:var(--theme-accent);font-size:17px}
.catalog-assurance p{margin:0;line-height:1.45}.catalog-assurance b{display:block;font-size:11px;color:var(--theme-text)}.catalog-assurance small{display:block;font-size:10px;color:var(--theme-soft);margin-top:3px}
#catalogo .plan-meta>div:first-child{border-left:2px solid var(--card-accent)}
#catalogo .stock:not(.empty){padding:4px 7px;border-radius:6px;background:#28b39618}
#catalogo .catalog-note{padding:12px 14px;border:1px dashed var(--theme-border);border-radius:12px;background:var(--theme-surface);line-height:1.6}
@media(max-width:650px){.catalog-assurance{grid-template-columns:1fr;gap:8px}.catalog-assurance>div{padding:10px}.catalog-assurance p{display:flex;flex-direction:column}}
/* A soft unavailable state, with terms and other modalities still accessible. */
#catalogo .card.out-of-stock{background:var(--theme-surface);border-color:var(--theme-border);box-shadow:0 4px 16px #5269b508}
#catalogo .card.out-of-stock .image-wrap{background:var(--theme-surface)}
#catalogo .card.out-of-stock .product-image{opacity:.24;filter:saturate(.45);transform:none}
#catalogo .card.out-of-stock .artwork-fallback{opacity:.3}
#catalogo .card.out-of-stock .image-wrap:before{content:'Sin stock';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;white-space:nowrap;padding:8px 13px;border-radius:20px;border:1px solid #e481923b;background:color-mix(in srgb,var(--theme-surface) 94%,#e48192);color:#d65b74;font-size:11px;font-weight:750;pointer-events:none}
#catalogo .card.out-of-stock .image-wrap:after{opacity:.12}
#catalogo .card.out-of-stock .delivery-pill{opacity:.45}
#catalogo .card.out-of-stock .terms-trigger{z-index:3}
#catalogo .card.out-of-stock h3,#catalogo .card.out-of-stock .price{color:var(--theme-soft)}
#catalogo .card.out-of-stock .category,#catalogo .card.out-of-stock .plan-meta{background:var(--theme-input);border-color:var(--theme-border)}
#catalogo .card.out-of-stock .plan-meta>div:first-child{border-left-color:var(--theme-border)}
#catalogo .card.out-of-stock .stock.empty{color:var(--theme-soft)}
#catalogo .card.out-of-stock .add:disabled{opacity:1;background:var(--theme-input);border-color:var(--theme-border);color:var(--theme-soft);box-shadow:none;filter:none;cursor:not-allowed}
@media(hover:hover) and (pointer:fine){#catalogo .card.out-of-stock:hover{transform:none;border-color:var(--theme-border);box-shadow:0 4px 16px #5269b508}#catalogo .card.out-of-stock:hover .product-image{transform:none}}
/* A shorter catalog introduction and more compact service cards. */
#catalogo{padding-top:24px;padding-bottom:48px}
#catalogo .section-head .eyebrow{margin-bottom:12px}
#catalogo .section-head h2{font-size:28px;margin:0 0 14px;line-height:1.25}
#catalogo .section-head p{margin:12px 0 0;font-size:13px;line-height:1.6}
#catalogo #catalogStats{margin:12px 0;gap:8px}
#catalogo #catalogStats span{padding:9px 11px;font-size:11px}
#catalogo .buying-guide{margin:18px 0;padding:14px 16px;gap:14px;border-radius:14px}
#catalogo .guide-kicker{margin-bottom:5px;font-size:8px}
#catalogo .guide-intro strong{font-size:15px}
#catalogo .guide-item{gap:8px}
#catalogo .guide-item img{padding:6px;width:17px;height:17px}
#catalogo .guide-item b{margin-bottom:3px}
#catalogo .guide-item span{line-height:1.45}
#catalogo .toolbar{margin:16px 0;gap:12px}
#catalogo .delivery-toolbar{margin-bottom:12px;padding-bottom:12px}
#catalogo .catalog-results{margin:10px 0}
#catalogo .grid{gap:16px}
#catalogo .card{border-radius:15px}
#catalogo .product-image{aspect-ratio:2}
#catalogo .card-content{padding:12px}
#catalogo .card h3{min-height:0;font-size:17px;line-height:1.3;margin:6px 0 12px}
#catalogo .card .category{font-size:9px}
#catalogo .card select{min-height:35px;padding:7px 9px;font-size:11px}
#catalogo .plan-meta{margin:9px 0 8px;padding:4px;border-radius:9px}
#catalogo .plan-meta>div{padding:6px 7px}
#catalogo .meta-label{margin-bottom:3px;font-size:8px}
#catalogo .plan-meta strong{font-size:10px;line-height:1.35}
#catalogo .card .access-note{margin:0 0 10px;font-size:10px;line-height:1.5}
#catalogo .card .row{margin-bottom:9px;gap:5px}
#catalogo .price{font-size:23px}
#catalogo .card .add{min-height:39px;padding:9px 12px;font-size:12px}
@media(max-width:700px){#catalogo{padding-top:18px}#catalogo .section-head h2{font-size:23px}#catalogo .grid{gap:10px}#catalogo .card-content{padding:10px}#catalogo .card h3{font-size:15px;margin-bottom:10px}#catalogo .price{font-size:21px}#catalogo .plan-meta>div{padding:5px}#catalogo .buying-guide{padding:12px;gap:10px}#catalogo .guide-item{padding-top:8px}}