:root{--bg:#f6f8fb;--card:#fff;--text:#102033;--muted:#6c7a89;--line:#e7ecf2;--accent:#0fa66e;--accent2:#0b7f57;--nav:#0d1c2e;--warn:#f4a340;--danger:#d84c5b;--radius:18px;--shadow:0 14px 34px rgba(17,34,51,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{width:min(1180px,92vw);margin:auto}.topbar{position:sticky;top:0;z-index:30;background:rgba(13,28,46,.94);backdrop-filter:blur(14px);color:#fff}.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}.brand{font-weight:850;font-size:1.18rem;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#13bd80,#0d845d)}nav{display:flex;gap:24px;font-size:.94rem;color:#d8e2ee}nav a:hover{color:#fff}.hero{padding:62px 0 38px;background:radial-gradient(circle at 80% 0,#d8fff0 0,transparent 35%),linear-gradient(180deg,#fff,#f6f8fb)}.eyebrow{font-weight:800;color:var(--accent);text-transform:uppercase;font-size:.75rem;letter-spacing:.12em}.hero h1{font-size:clamp(2.2rem,5vw,4.3rem);line-height:1.02;max-width:850px;margin:12px 0 16px;letter-spacing:-.045em}.hero p{font-size:1.15rem;color:var(--muted);max-width:760px}.searchbox{display:flex;gap:10px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:10px;border-radius:20px;max-width:850px;margin-top:28px}.searchbox input{border:0;outline:0;flex:1;font-size:1rem;padding:10px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;padding:12px 17px;font-weight:800;cursor:pointer}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2)}.btn-soft{background:#edf7f3;color:#087853}.btn-dark{background:var(--nav);color:#fff}.section{padding:34px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.section h2{font-size:1.7rem;margin:0}.muted{color:var(--muted)}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 20px rgba(17,34,51,.045);padding:20px}.product-card{display:flex;flex-direction:column;min-height:100%}.product-img{height:190px;border-radius:15px;background:linear-gradient(135deg,#eef4f8,#fff);display:grid;place-items:center;overflow:hidden}.product-img img{max-width:92%;max-height:92%;object-fit:contain}.badge{display:inline-flex;width:max-content;padding:6px 9px;border-radius:999px;font-size:.74rem;font-weight:800;background:#edf7f3;color:#06754f}.score{font-size:1.8rem;font-weight:900}.price{font-weight:900;font-size:1.3rem}.pillrow{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:7px 10px;border-radius:999px;background:#f1f4f7;color:#4d5b68;font-size:.78rem}.product-card h3{margin:14px 0 8px;font-size:1.08rem}.product-card .actions{margin-top:auto;display:flex;gap:8px;padding-top:16px}.kpis{grid-template-columns:repeat(4,1fr)}.kpi strong{font-size:1.8rem;display:block}.category-card{transition:.2s transform,.2s box-shadow}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.breadcrumb{font-size:.86rem;color:var(--muted);padding-top:20px}.product-hero{display:grid;grid-template-columns:1.05fr 1.4fr;gap:28px;padding:28px 0}.big-product{height:450px;background:#fff;border:1px solid var(--line);border-radius:24px;display:grid;place-items:center}.big-product img{max-height:86%;max-width:88%}.ratingbox{display:flex;align-items:center;gap:14px}.score-ring{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--score)*10%),#e7ecf2 0);position:relative}.score-ring:after{content:'';position:absolute;inset:7px;background:#fff;border-radius:50%}.score-ring b{position:relative;z-index:1;font-size:1.35rem}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pros li::marker{color:var(--accent)}.cons li::marker{color:var(--danger)}.offer{display:grid;grid-template-columns:1.2fr .8fr .7fr .7fr;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.offer:last-child{border-bottom:0}.table-wrap{overflow:auto}.specs{width:100%;border-collapse:collapse}.specs td{padding:11px 8px;border-bottom:1px solid var(--line)}.specs td:first-child{color:var(--muted);width:42%}.chart{height:190px;display:flex;align-items:end;gap:7px;padding:14px 0}.bar{flex:1;background:linear-gradient(180deg,#34c895,#0fa66e);border-radius:7px 7px 2px 2px;min-width:5px}.notice{border-radius:14px;padding:13px 15px;background:#fff8ea;border:1px solid #f9ddb0;color:#75511d}.footer-grid{display:flex;justify-content:space-between;gap:30px;padding:38px 0}.footer-grid div:last-child{display:flex;gap:18px}footer{margin-top:50px;background:#0d1c2e;color:#d9e5ef}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#0d1c2e;color:#d9e5ef;padding:24px 18px;position:sticky;top:0;height:100vh}.sidebar .brand{margin-bottom:26px}.sidebar a{display:block;padding:11px 12px;border-radius:10px;margin:4px 0}.sidebar a:hover,.sidebar a.active{background:#172b42;color:#fff}.admin-main{padding:28px}.admin-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.help{font-size:.84rem;color:#087853;background:#edf7f3;border-radius:10px;padding:8px 10px;display:inline-flex;gap:6px;cursor:pointer}.status-off{color:#815d1f;background:#fff4d9}.status-on{color:#087853;background:#e9f8f1}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#d6fff0,transparent 35%),#f6f8fb}.login-card{width:min(430px,92vw)}
@media(max-width:900px){.grid-4,.kpis{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.product-hero{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.offer{grid-template-columns:1fr 1fr}.nav nav{display:none}}@media(max-width:620px){.grid-4,.grid-3,.grid-2,.kpis{grid-template-columns:1fr}.hero{padding-top:38px}.searchbox{flex-direction:column}.proscons{grid-template-columns:1fr}.big-product{height:310px}.offer{grid-template-columns:1fr}.footer-grid{flex-direction:column}.footer-grid div:last-child{flex-direction:column}.admin-main{padding:18px}}

/* V2 visual upgrade */
:root{--bg:#f4f7fb;--nav:#071522;--accent:#12b981;--accent2:#078b62;--violet:#7357ff;--cyan:#17a9d4;--soft:#eef3f8;--radius:22px;--shadow:0 22px 60px rgba(14,31,53,.10)}
body{background:linear-gradient(180deg,#f8fafc 0,#f3f6fa 46%,#f8fafc 100%)}
.topbar{background:rgba(7,21,34,.92);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{min-height:78px}.brand{font-size:1.25rem}.brand-mark{width:36px;height:36px;border-radius:12px;box-shadow:0 8px 22px rgba(18,185,129,.25)}
.hero{padding:76px 0 62px;position:relative;overflow:hidden;background:radial-gradient(circle at 83% 12%,rgba(18,185,129,.18),transparent 26%),radial-gradient(circle at 65% 5%,rgba(115,87,255,.10),transparent 24%),linear-gradient(180deg,#fff,#f4f7fb)}
.hero:after{content:'';position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(18,185,129,.14);right:-170px;top:-260px;box-shadow:0 0 0 70px rgba(18,185,129,.025),0 0 0 140px rgba(115,87,255,.018)}
.hero .container{position:relative;z-index:2}.hero h1{font-size:clamp(2.7rem,5.5vw,5.1rem);max-width:980px}.hero p{font-size:1.2rem;line-height:1.7}.hero-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:32px;align-items:center}.hero-panel{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 80px rgba(17,34,51,.12);backdrop-filter:blur(18px);border-radius:28px;padding:24px}.mini-product{display:flex;gap:14px;align-items:center;padding:14px;border-radius:18px;background:#fff;border:1px solid var(--line);margin-top:10px}.mini-product img{width:72px;height:72px;object-fit:contain;background:#f6f8fb;border-radius:14px}.trend{font-size:.78rem;font-weight:850;color:#078b62;background:#e8faf3;padding:6px 9px;border-radius:999px}.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.trust-chip{background:rgba(255,255,255,.8);border:1px solid var(--line);padding:9px 12px;border-radius:999px;font-size:.82rem;font-weight:750}
.searchbox{max-width:920px;padding:8px;border-radius:18px}.searchbox input{padding:14px 14px}.section{padding:46px 0}.section h2{font-size:2rem;letter-spacing:-.03em}.card{border-radius:22px;padding:22px;box-shadow:0 12px 32px rgba(17,34,51,.055)}.card:hover{border-color:#dbe3ec}.category-card{min-height:178px;position:relative;overflow:hidden}.category-card:after{content:'→';position:absolute;right:18px;bottom:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1f6f4;color:var(--accent2);font-weight:900}.category-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#e9fbf4,#f1efff);font-size:1.7rem}.product-card{position:relative;transition:.22s transform,.22s box-shadow}.product-card:hover{transform:translateY(-5px);box-shadow:0 25px 55px rgba(17,34,51,.11)}.product-img{height:220px;background:radial-gradient(circle at 50% 20%,#fff,#f0f4f8)}.ratingbox{margin-top:10px}.actions .btn-primary{flex:1}.btn{border-radius:14px}.btn-primary{box-shadow:0 10px 24px rgba(18,185,129,.20)}
.feature-band{background:#071522;color:#fff;border-radius:30px;padding:34px;display:grid;grid-template-columns:1.1fr repeat(3,.8fr);gap:22px;align-items:center}.feature-band h2{font-size:2.2rem}.feature-stat{padding:18px;border-left:1px solid rgba(255,255,255,.12)}.feature-stat strong{display:block;font-size:1.8rem}.feature-stat span{color:#9fb0c2;font-size:.88rem}
.big-product{height:520px;border-radius:28px;box-shadow:0 18px 55px rgba(17,34,51,.08);background:radial-gradient(circle at 50% 28%,#fff,#f0f4f8)}.product-hero{gap:42px;padding:36px 0}.product-title{font-size:clamp(2.2rem,4.5vw,3.8rem);letter-spacing:-.045em;margin:12px 0}.verdict{background:linear-gradient(135deg,#f0fbf7,#f7f5ff);border:1px solid #dcebe5;border-radius:20px;padding:18px;margin:20px 0}.score-ring{width:92px;height:92px}.product-sticky{position:sticky;top:96px}.offer{grid-template-columns:1.3fr .65fr .7fr .8fr;border-radius:14px;padding:14px 12px}.offer:hover{background:#f8fafb}.offer-best{background:#edfbf5;border:1px solid #c9efdf}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#f7f9fb;border:1px solid var(--line);border-radius:16px;padding:14px}.metric strong{display:block;font-size:1.25rem}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.research-item{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fafcfd}.research-item b{display:block;margin-bottom:5px}.chart{background:linear-gradient(180deg,#fbfdfd,#f2f7f5);border-radius:18px;padding:18px}.bar{opacity:.88}.alert-box{background:linear-gradient(135deg,#071522,#112c3f);color:#fff;border-radius:22px;padding:22px}.alert-box .muted{color:#aebdca}
.admin-shell{grid-template-columns:270px 1fr;background:#f4f7fb}.sidebar{background:linear-gradient(180deg,#071522,#0b2031);padding:26px 18px}.sidebar a{padding:12px 14px}.admin-main{padding:34px;max-width:1600px}.admin-top h1{font-size:2.3rem;letter-spacing:-.04em;margin:5px 0}.kpi{position:relative;overflow:hidden}.kpi:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;right:-30px;top:-30px;background:rgba(18,185,129,.08)}.kpi strong{font-size:2.2rem;margin-top:6px}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.activity-chart{height:260px;display:flex;align-items:end;gap:10px;padding-top:20px}.activity-chart i{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#7357ff,#12b981);min-height:20px}.opportunity{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.opportunity:last-child{border:0}.op-score{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e9faf3;color:#078b62;font-weight:900}.help{border:1px solid #cceee0}
@media(max-width:1050px){.hero-grid,.feature-band{grid-template-columns:1fr}.hero-panel{display:none}.feature-stat{border-left:0;border-top:1px solid rgba(255,255,255,.12)}.dashboard-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.hero h1{font-size:2.65rem}.section{padding:34px 0}.product-title{font-size:2.35rem}.big-product{height:340px}.metric-grid,.research-grid{grid-template-columns:1fr}.feature-band{padding:24px}.admin-main{padding:18px}.product-sticky{position:static}}

/* V3 experience */
.smart-search{position:relative}.suggestions{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 22px 60px rgba(15,23,42,.16);z-index:30;display:none;overflow:hidden}.suggestions.open{display:block}.suggestion{display:flex;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text)}.suggestion:hover{background:#f8fafc}.suggestion img{width:48px;height:48px;object-fit:contain;border-radius:10px;background:#f8fafc}.compare-dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(760px,calc(100% - 24px));background:#0f172a;color:white;border-radius:20px;padding:12px 14px;box-shadow:0 20px 60px rgba(15,23,42,.28);z-index:40;display:none;align-items:center;gap:12px}.compare-dock.open{display:flex}.compare-dock .items{display:flex;gap:8px;flex:1;overflow:auto}.compare-chip{white-space:nowrap;background:#1e293b;padding:8px 10px;border-radius:12px;font-size:.82rem}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.filterbar select,.filterbar input{padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:white}.product-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);gap:22px}.sticky-buy{position:sticky;top:88px}.price-big{font-size:2rem;font-weight:850;letter-spacing:-.04em}.tabs{display:flex;gap:8px;overflow:auto;border-bottom:1px solid var(--border);margin:10px 0 22px}.tabs a{padding:12px 14px;white-space:nowrap;color:var(--muted);font-weight:700}.tabs a:hover{color:var(--text)}.evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.evidence>div{background:#f8fafc;border:1px solid var(--border);padding:12px;border-radius:14px}.decision{background:linear-gradient(135deg,#effdf7,#f7fbff);border:1px solid #bfead6}.compare-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:18px}.compare-table{width:100%;border-collapse:collapse;min-width:700px}.compare-table th,.compare-table td{padding:14px;border-bottom:1px solid var(--border);vertical-align:top}.compare-table th{background:#f8fafc;text-align:left}.winner{background:#f0fdf4!important}.recommender{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice{border:1px solid var(--border);border-radius:14px;padding:12px;cursor:pointer}.choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px rgba(20,184,166,.12)}.admin-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.progress{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--accent)}
@media(max-width:900px){.product-layout,.recommender{grid-template-columns:1fr}.sticky-buy{position:static}.evidence,.admin-kpi{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.evidence,.admin-kpi,.choice-grid{grid-template-columns:1fr}.compare-dock{bottom:8px}.topbar nav{gap:8px}.topbar nav a:nth-child(3){display:none}}

/* V3.1 Auditorías */
.audit-actions form{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.audit-actions label{display:grid;gap:7px;min-width:min(420px,100%)}.audit-actions select{padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--text)}.audit-list{display:grid;gap:11px}.audit-row{border:1px solid var(--line);border-radius:16px;padding:15px;background:#fff}.audit-row.warning{border-color:#f3d9a4;background:#fffdf7}.audit-row.error{border-color:#f1bbc2;background:#fff9fa}.audit-row.critical{border-color:#e78c98;background:#fff5f6;box-shadow:inset 4px 0 #c62d40}.audit-row-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.audit-status{font-size:.74rem;font-weight:850;padding:5px 8px;border-radius:999px}.audit-error{color:#9b2736;background:#fdecef}.audit-critical{color:#fff;background:#b82135}.audit-row code{display:block;margin-top:7px;padding:7px 9px;border-radius:9px;background:#f1f5f9;overflow-wrap:anywhere;font-size:.78rem}.audit-row p{margin:8px 0;color:var(--muted);font-size:.9rem}.audit-fix{padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.72);font-size:.86rem}.audit-history{display:grid;gap:8px}.audit-history a{display:grid;gap:4px;padding:12px;border-radius:13px;border:1px solid var(--line);background:#fafcfd}.audit-history a:hover{border-color:#c6ddd4;background:#f5fbf8}.audit-history span,.audit-history small{color:var(--muted);font-size:.82rem}

/* V3.3 Comparador avanzado */
:root{--border:var(--line)}
.compare-page h1{font-size:clamp(2.1rem,4.5vw,3.9rem);letter-spacing:-.045em;margin:.35em 0 .2em}.compare-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:end;margin:22px 0}.compare-priority label,.compare-add{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.compare-toolbar select{padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;min-width:180px}.compare-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.compare-summary-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(17,34,51,.055)}.compare-summary-card.is-recommended{border-color:#9cdfc6;box-shadow:0 14px 36px rgba(18,185,129,.12)}.compare-summary-card img{display:block;width:100%;height:145px;object-fit:contain;background:radial-gradient(circle at 50% 20%,#fff,#f2f6f9);border-radius:14px;margin:8px 0 12px}.compare-summary-card h3{font-size:1rem;min-height:2.5em;margin:10px 0}.compare-recommend,.compare-fit{display:inline-flex;font-size:.72rem;font-weight:850;border-radius:999px;padding:6px 8px}.compare-recommend{background:#e7faf2;color:#05734f}.compare-fit{background:#f1f4f7;color:#5a6876}.compare-summary-metrics{display:flex;gap:10px;flex-wrap:wrap;font-size:.78rem;color:var(--muted);margin:8px 0}.compare-remove{border:0;background:transparent;color:#8b98a5;padding:7px 0;cursor:pointer;font-weight:700}.compare-remove:hover{color:var(--danger)}.compare-table-advanced th:not(:first-child){min-width:220px}.compare-table-advanced .winner{background:#eefbf5!important}.compare-sticky-col{position:sticky;left:0;z-index:3;background:#fff!important;min-width:185px;box-shadow:8px 0 18px rgba(17,34,51,.035)}.compare-table thead .compare-sticky-col{z-index:5;background:#f8fafc!important}.metric-best{background:#f2fcf7}.mini-best{display:block;width:max-content;margin-top:5px;padding:4px 7px;border-radius:999px;background:#dff7ed;color:#087450;font-size:.69rem;font-weight:850}.compare-section-row td{background:#0d1c2e;color:#fff;font-weight:850;letter-spacing:.02em;padding:11px 14px}.fit-meter{height:7px;background:#e7edf2;border-radius:99px;overflow:hidden;margin-bottom:7px}.fit-meter i{display:block;height:100%;background:linear-gradient(90deg,#13b77e,#7357ff);border-radius:99px}.criterion-note{font-size:.78rem;color:var(--muted);line-height:1.4;margin-top:5px}.btn-small{padding:8px 11px;font-size:.78rem;margin-top:8px}.compare-method{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:center;background:linear-gradient(135deg,#f1fcf7,#f7f5ff)}.compare-method-points{display:grid;gap:9px;font-weight:750;font-size:.88rem}.compare-chip{display:flex;align-items:center;gap:8px}.compare-chip img{width:28px;height:28px;object-fit:contain;border-radius:7px;background:white}.compare-chip span{max-width:180px;overflow:hidden;text-overflow:ellipsis}.compare-chip button{border:0;background:transparent;color:#cbd5e1;font-size:1.1rem;cursor:pointer}.compare-dock .disabled{pointer-events:none;opacity:.55}
@media(max-width:1000px){.compare-summary-grid{grid-template-columns:repeat(2,1fr)}.compare-toolbar{align-items:stretch;flex-direction:column}.compare-method{grid-template-columns:1fr}}
@media(max-width:620px){.compare-summary-grid{grid-template-columns:1fr 1fr;gap:9px}.compare-summary-card{padding:12px}.compare-summary-card img{height:105px}.compare-summary-card h3{font-size:.9rem}.compare-summary-card .price-big{font-size:1.25rem}.compare-toolbar .compare-add,.compare-toolbar .compare-priority label{display:grid;grid-template-columns:1fr}.compare-toolbar select{width:100%}.compare-sticky-col{min-width:145px}.compare-table-advanced th:not(:first-child){min-width:190px}}

.price-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.price-kpis>div{padding:14px;border:1px solid var(--line,#e6e9ee);border-radius:14px;background:rgba(255,255,255,.55)}.price-kpis span{display:block;font-size:.78rem;color:#667085}.price-kpis strong{display:block;margin-top:4px;font-size:1.08rem}.price-kpis.compact{grid-template-columns:repeat(3,1fr)}.price-status.buy{background:#eaf8ef;color:#187a3f}.price-status.wait{background:#fff0ed;color:#b42318}.price-status.normal{background:#eef4ff;color:#2e5aac}.history-chart{height:210px;display:flex;align-items:flex-end;gap:7px;padding:18px 8px 8px;border-bottom:1px solid #d9dee7;background:linear-gradient(180deg,rgba(246,248,251,.4),rgba(246,248,251,.9));border-radius:14px;margin:18px 0}.history-point{flex:1;min-width:5px;display:flex;align-items:flex-start;justify-content:center;border-left:2px solid rgba(28,40,60,.16);position:relative}.history-point span{width:8px;height:8px;border-radius:50%;background:currentColor;transform:translate(-1px,-4px)}@media(max-width:700px){.price-kpis{grid-template-columns:repeat(2,1fr)}.history-chart{height:170px}}


/* V3.5 account, lists, alerts */
.narrow{max-width:760px}.stack{display:grid;gap:16px}.stack label{display:grid;gap:7px;font-weight:700}
.stack input,.stack select,.inline-form input{width:100%;padding:13px 14px;border:1px solid var(--line,#dfe4ea);border-radius:12px;background:var(--card,#fff);color:inherit}
.inline-form{display:flex;gap:10px;align-items:center}.split-title{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}
.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.kpi-grid .card{display:grid;gap:5px}.kpi-grid strong{font-size:1.45rem}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.notice{padding:13px 15px;border-radius:12px;margin:12px 0}.notice.error{background:#fff0f0}.notice.success{background:#effaf3}
.alert-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line,#e7e9ed)}.signal.buy{margin-top:8px;font-size:.9rem;font-weight:700}
@media(max-width:780px){.grid-2,.kpi-grid{grid-template-columns:1fr}.split-title{align-items:flex-start;flex-direction:column}.inline-form{align-items:stretch;flex-direction:column}}


/* V3.6 master product, evidence */
.admin-tabs{position:sticky;top:0;z-index:5;display:flex;gap:8px;overflow:auto;padding:10px 0;margin-bottom:12px;background:var(--bg,#f7f8fa)}
.admin-tabs a{white-space:nowrap;padding:9px 12px;border:1px solid var(--line,#e2e5ea);background:var(--card,#fff);border-radius:999px;text-decoration:none;font-weight:700}
.admin-section{margin:18px 0;scroll-margin-top:72px}.master-form{display:grid;gap:14px}.master-form label{display:grid;gap:6px;font-weight:700}.master-form input,.master-form textarea,.master-form select,.inline-add input,.inline-add select{width:100%;padding:11px 12px;border:1px solid var(--line,#dfe4ea);border-radius:10px;background:var(--card,#fff);color:inherit}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.master-list{display:grid}.master-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px solid var(--line,#e5e8ed)}.master-row>div{display:grid;gap:5px;min-width:0}.inline-add{display:grid;grid-template-columns:1.2fr 1.2fr .5fr auto;gap:8px;margin-top:14px;align-items:end}.btn-danger{border-color:#e6b7b7}.checkline{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;justify-content:flex-start}.checkline input{width:auto!important}
.master-health{display:flex;justify-content:space-between;gap:24px;align-items:center}.health-number{font-size:2.2rem}.health-stats{display:flex;gap:8px;flex-wrap:wrap}.health-stats span{padding:7px 10px;border-radius:999px;background:var(--soft,#f1f4f7);font-size:.86rem}.evidence-public{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid var(--line,#e5e8ed)}
@media(max-width:820px){.form-grid,.inline-add{grid-template-columns:1fr}.master-health,.master-row{align-items:flex-start;flex-direction:column}.master-row form{width:100%}.master-row form .btn{width:100%}}


/* V3.7 discovery */
.discovery-list{display:grid;margin-top:14px}.discovery-row{display:flex;justify-content:space-between;gap:12px;padding:13px 10px;border-bottom:1px solid var(--line,#e5e8ed);text-decoration:none;color:inherit}.discovery-row:hover,.discovery-row.active{background:var(--soft,#f3f5f8);border-radius:10px}.candidate-card{margin-top:14px}.candidate-card h3{margin:7px 0 2px}


/* V3.8 catálogo dinámico */
.attribute-row{display:grid;grid-template-columns:1.2fr 1fr .55fr .8fr .9fr repeat(3,.65fr) .45fr 1.4fr auto;gap:7px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line,#e5e8ed)}
.attribute-row input,.attribute-row select,.dynamic-attr-row input,.dynamic-attr-row select,.category-filters input,.category-filters select{width:100%;padding:9px 10px;border:1px solid var(--line,#dfe4ea);border-radius:9px;background:var(--card,#fff);color:inherit}.mini-check{font-size:.8rem;display:flex;gap:4px;align-items:center}.mini-check input{width:auto}.check-grid{display:flex;gap:16px;flex-wrap:wrap}.dynamic-attr-row{display:grid;grid-template-columns:1.3fr 1fr .55fr;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line,#e5e8ed)}.variant-switcher{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:9px 0}.variant-switcher .pill.active{outline:2px solid currentColor}.attr-help{margin-left:6px;cursor:help}.category-filters{margin:20px 0}.category-filters summary{cursor:pointer}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px}.filter-field{display:grid;gap:6px}.range-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px}.filter-actions{display:flex;gap:8px;align-items:end}
@media(max-width:1100px){.attribute-row{grid-template-columns:repeat(3,minmax(0,1fr))}.attribute-row>div:first-child{grid-column:1/-1}}@media(max-width:780px){.attribute-row,.dynamic-attr-row,.filter-grid{grid-template-columns:1fr}.range-fields{grid-template-columns:1fr 1fr}}


/* V3.9 ofertas multitienda */
.offer-rich{display:grid;grid-template-columns:1.25fr .8fr .9fr 1fr auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line,#e5e8ed)}.offer-store{display:grid;gap:4px}.price-main{font-size:1.05rem;font-weight:800}.offer-health{display:grid;gap:5px}.offer-promo{font-size:.82rem;font-weight:800;margin-top:4px}.affiliate-note{margin-top:14px;font-size:.86rem}.freshness.fresh{background:#eef9f1}.freshness.aging{background:#fff8e8}.freshness.stale{background:#fff0f0}.freshness.unknown{background:#f2f3f5}.integration-card{padding:14px 0;border-bottom:1px solid var(--line,#e5e8ed)}.offer-editor{overflow:visible}
@media(max-width:980px){.offer-rich{grid-template-columns:1fr 1fr}.offer-rich .btn{width:100%}}@media(max-width:650px){.offer-rich{grid-template-columns:1fr}}


/* V4.0 recomendador explicable */
.recommender-v2{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.4fr);gap:20px;align-items:start}.recommendation-results{display:grid;gap:14px}.recommendation-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.recommendation-card{position:relative}.recommendation-card.winner{outline:2px solid currentColor}.recommendation-rank{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--soft,#f1f4f7);font-weight:800;font-size:.82rem;margin-bottom:12px}.recommendation-grid{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center}.recommendation-grid img{width:120px;height:110px;object-fit:contain}.recommendation-score{display:flex;align-items:baseline;gap:7px;margin:9px 0}.recommendation-score strong{font-size:1.9rem}.recommendation-explain{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.recommendation-explain ul{margin:7px 0 0;padding-left:20px}.methodology-card{font-size:.92rem}.rec-rule-form{grid-template-columns:1.2fr 1fr .7fr .5fr 1.5fr .4fr auto}
@media(max-width:900px){.recommender-v2{grid-template-columns:1fr}.recommendation-explain{grid-template-columns:1fr}}@media(max-width:600px){.recommendation-grid{grid-template-columns:1fr}.recommendation-grid img{width:100%;height:160px}.rec-rule-form{grid-template-columns:1fr}}


/* V4.1 reputación */
.feedback-pattern,.issue-public{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid var(--line,#e5e8ed)}.feedback-pattern strong,.issue-public strong{font-size:1.02rem}.feedback-disclaimer{margin-top:14px;font-size:.85rem}.issue-public.severity-critical,.issue-public.severity-high{padding-left:12px;border-left:3px solid currentColor}.issue-public.severity-medium{padding-left:10px;border-left:2px solid currentColor}


/* V4.2 páginas SEO */
.seo-guide-hero{padding:44px 0 24px;max-width:900px}.seo-guide-hero h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.02}.seo-guide-hero>p{font-size:1.1rem;line-height:1.7}.prose{line-height:1.75}.quality-checks{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}


/* V4.3 inteligencia */
.metric-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;margin:18px 0}.metric-card{background:var(--card,#fff);border:1px solid var(--line,#e5e8ed);border-radius:16px;padding:15px;display:grid;gap:6px}.metric-card span{font-size:.78rem;color:var(--muted,#68707d)}.metric-card strong{font-size:1.5rem}.analytics-row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line,#e5e8ed)}.opportunity-row{display:grid;grid-template-columns:80px 1fr 150px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line,#e5e8ed)}.opportunity-score{width:68px;height:68px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--soft,#f1f4f7)}.opportunity-score strong{font-size:1.4rem}.opportunity-score span{font-size:.65rem}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.metric-grid{grid-template-columns:repeat(2,1fr)}.opportunity-row{grid-template-columns:65px 1fr}.opportunity-row form{grid-column:1/-1}.analytics-row{display:grid}}


/* V4.4 comparador premium */
.compare-page .container{max-width:1500px}.compare-summary-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.compare-summary-card{transition:transform .18s ease,box-shadow .18s ease}.compare-summary-card:hover{transform:translateY(-2px)}.compare-table-advanced th,.compare-table-advanced td{min-width:180px}.compare-table-advanced .compare-sticky-col{min-width:210px}.compare-history-section{margin-top:28px}.history-mini{display:grid;gap:14px}.history-range{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.history-range span{display:grid;gap:4px;padding:10px;background:var(--soft,#f4f6f8);border-radius:12px;font-size:.78rem}.history-range strong{font-size:1rem}.buy-signal{padding-top:10px;border-top:1px solid var(--line,#e5e8ed)}
@media(max-width:760px){.compare-summary-grid{display:flex;overflow:auto;padding-bottom:8px}.compare-summary-card{min-width:235px}.compare-table-wrap{overflow:auto}.history-range{grid-template-columns:1fr}}


/* V4.5 alertas */
.alert-history-row{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line,#e5e8ed)}.alert-history-row p{margin:.35rem 0 0}.alert-row .signal{margin-top:7px}.notification-status{font-size:.8rem}
@media(max-width:650px){.alert-history-row{display:grid}}


/* V4.6 cuentas y fidelización */
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-row,.notification-row,.activity-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line,#e5e8ed)}.notification-row.unread{padding-left:10px;border-left:3px solid currentColor}.favorite-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.favorite-actions form{display:flex;gap:6px;align-items:center}.nav-count{display:inline-grid;place-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--soft,#f0f2f5);font-size:.7rem;font-weight:800}
@media(max-width:850px){.account-grid{grid-template-columns:1fr}.account-row,.notification-row,.activity-row{display:grid}}


/* V4.7 seguridad */
.security-row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line,#e5e8ed)}.login-card .notice.error{margin-bottom:12px}
@media(max-width:650px){.security-row{display:grid}}


/* V4.8 rendimiento, responsive y accesibilidad */
html{scroll-behavior:smooth}body{overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}:focus-visible{outline:3px solid rgba(18,185,129,.45);outline-offset:3px}.skip-link{position:fixed;left:12px;top:10px;z-index:9999;transform:translateY(-160%);background:#fff;color:#071522;padding:10px 14px;border-radius:10px;box-shadow:var(--shadow)}.skip-link:focus{transform:none}.mobile-nav-toggle{display:none;background:transparent;border:0;padding:8px;border-radius:10px}.mobile-nav-toggle span{display:block;width:23px;height:2px;background:#fff;margin:5px 0;border-radius:99px}.btn.disabled,.btn[aria-disabled="true"]{opacity:.55;pointer-events:none}.product-card,.card,.hero-panel,.compare-summary-card{contain:layout paint}.product-img img,.mini-product img,.big-product img{content-visibility:auto}.table-wrap,.compare-table-wrap{max-width:100%;overscroll-behavior-inline:contain}.admin-main,.container,.card,.product-card,.offer,.account-row,.notification-row{min-width:0}.section-head>*{min-width:0}.section-head h1,.section-head h2,.product-card h3,.compare-summary-card h3{overflow-wrap:anywhere}.nav a,.btn{min-height:44px}.nav a{display:inline-flex;align-items:center}.searchbox input{min-width:0}.footer-grid a{min-height:40px;display:inline-flex;align-items:center}

@media(max-width:980px){
 .nav{min-height:68px}.mobile-nav-toggle{display:block;margin-left:auto}.nav nav{position:absolute;left:4vw;right:4vw;top:calc(100% + 8px);display:none!important;flex-direction:column;gap:4px;padding:12px;background:rgba(7,21,34,.985);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 22px 50px rgba(0,0,0,.28);max-height:calc(100vh - 92px);overflow:auto}.nav nav.open{display:flex!important}.nav nav a{padding:10px 12px;border-radius:10px}.nav nav a:hover,.nav nav a:focus-visible{background:rgba(255,255,255,.08)}body.nav-open{overflow:hidden}.hero-grid{grid-template-columns:1fr}.hero-panel{max-width:760px}.admin-main{padding:20px}
}
@media(max-width:720px){
 .container{width:min(94vw,1180px)}.hero{padding:42px 0 34px}.hero h1{font-size:clamp(2.15rem,11vw,3.4rem)}.hero p{font-size:1.02rem}.searchbox{padding:8px;border-radius:16px}.section{padding:26px 0}.section-head{align-items:flex-start;flex-direction:column}.card{padding:16px;border-radius:18px}.product-card .actions{flex-wrap:wrap}.product-card .actions .btn-primary{flex:1 1 100%}.kpi-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.offer{grid-template-columns:1fr!important}.compare-dock{left:10px;right:10px;bottom:10px;width:auto;max-width:none}.compare-dock .items{overflow:auto;max-width:100%}.admin-top{align-items:flex-start;flex-direction:column}.master-form,.form-grid{grid-template-columns:1fr!important}
}
@media(max-width:430px){
 .brand{font-size:1.05rem}.brand-mark{width:32px;height:32px}.hero h1{letter-spacing:-.035em}.kpi-grid,.metric-grid{grid-template-columns:1fr!important}.btn{width:100%}.favorite-actions,.favorite-actions form{width:100%}.favorite-actions select{flex:1}.footer-grid{padding:30px 0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){:root{--muted:#4e5965;--line:#b9c3ce}.card,.searchbox,.hero-panel{border-width:2px}.btn-soft{border:1px solid currentColor}}

/* V5.11 inline-style migration */
.u-660c1d80f0{font-size:2.2rem}
.u-e4ddccab54{font-size:1.05rem;margin-bottom:0}
.u-93795365db{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.u-53b688b407{font-size:.84rem}
.u-d6f2af6e0a{margin-top:14px}
.u-72373b55b4{margin:14px 0}
.u-20fee6bada{display:flex;justify-content:space-between;gap:12px}
.u-79d74ad5e2{height:8px;background:#edf1f5;border-radius:99px;overflow:hidden;margin:7px 0}
.u-fc17ced091{font-size:.88rem}
.u-7ed833a222{text-decoration:none;color:inherit}
.u-2856e6628f{width:100%;height:150px;object-fit:contain}
.u-a26bda7d11{margin-top:20px}
.u-3de8f987ba{display:flex;gap:8px;flex-wrap:wrap}
.u-313aee25fa{color:var(--accent2)}
.u-c1fafc235b{margin:6px 0}
.u-97445a8d93{flex:1}
.u-1fe8667280{font-size:.82rem}
.u-f5554e45e6{margin:8px 0}
.u-fd3f6fed39{display:flex;justify-content:space-between;align-items:center;margin-top:15px}
.u-5af557a50a{min-width:220px}
.u-6157e89086{display:flex;gap:6px;flex-wrap:wrap}
.u-86de7ac63a{margin-top:18px}
.u-5dd2a67868{margin-left:8px}
.u-9a4131ee01{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line,#e5e7eb)}
.u-2d33542e2c{color:#102033}
.u-afdeb3c3de{width:100%;padding:12px;margin:7px 0 15px;border:1px solid #dde5ec;border-radius:10px}
.u-0466783d98{width:100%}
.u-cccfa4560d{display:inline}
.u-8a77e5a311{margin-top:8px}
.u-a753dac283{margin-top:15px}
.u-077c6b2961{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.u-d2c171b18b{margin-top:10px}
.u-31e1f90b26{max-width:650px}
.u-5555b29605{width:100%;padding:12px;margin:8px 0 16px;border:1px solid #dde5ec;border-radius:10px}
.u-a76d597a07{display:flex;gap:8px}
.u-3922d32600{min-width:0}
.u-fc40ab2852{margin-top:18px;align-items:start}
.u-c98d624f6f{min-width:210px}
.u-49cd09213e{display:flex;gap:6px}
.u-a3d12b9b83{display:flex;justify-content:space-between}
.u-3a441cc575{margin:-6px 0 12px;text-align:right}
.u-1b0f4999d2{margin-top:16px}
.criterion-bar{height:8px;background:#edf1f5;border-radius:99px;overflow:hidden;margin:7px 0}.criterion-bar>div{height:100%;background:currentColor}
.pct-0{width:0%}.pct-h-0{height:0%}.score-v-0{--score:0}
.pct-1{width:1%}.pct-h-1{height:1%}.score-v-1{--score:0.1}
.pct-2{width:2%}.pct-h-2{height:2%}.score-v-2{--score:0.2}
.pct-3{width:3%}.pct-h-3{height:3%}.score-v-3{--score:0.3}
.pct-4{width:4%}.pct-h-4{height:4%}.score-v-4{--score:0.4}
.pct-5{width:5%}.pct-h-5{height:5%}.score-v-5{--score:0.5}
.pct-6{width:6%}.pct-h-6{height:6%}.score-v-6{--score:0.6}
.pct-7{width:7%}.pct-h-7{height:7%}.score-v-7{--score:0.7}
.pct-8{width:8%}.pct-h-8{height:8%}.score-v-8{--score:0.8}
.pct-9{width:9%}.pct-h-9{height:9%}.score-v-9{--score:0.9}
.pct-10{width:10%}.pct-h-10{height:10%}.score-v-10{--score:1}
.pct-11{width:11%}.pct-h-11{height:11%}.score-v-11{--score:1.1}
.pct-12{width:12%}.pct-h-12{height:12%}.score-v-12{--score:1.2}
.pct-13{width:13%}.pct-h-13{height:13%}.score-v-13{--score:1.3}
.pct-14{width:14%}.pct-h-14{height:14%}.score-v-14{--score:1.4}
.pct-15{width:15%}.pct-h-15{height:15%}.score-v-15{--score:1.5}
.pct-16{width:16%}.pct-h-16{height:16%}.score-v-16{--score:1.6}
.pct-17{width:17%}.pct-h-17{height:17%}.score-v-17{--score:1.7}
.pct-18{width:18%}.pct-h-18{height:18%}.score-v-18{--score:1.8}
.pct-19{width:19%}.pct-h-19{height:19%}.score-v-19{--score:1.9}
.pct-20{width:20%}.pct-h-20{height:20%}.score-v-20{--score:2}
.pct-21{width:21%}.pct-h-21{height:21%}.score-v-21{--score:2.1}
.pct-22{width:22%}.pct-h-22{height:22%}.score-v-22{--score:2.2}
.pct-23{width:23%}.pct-h-23{height:23%}.score-v-23{--score:2.3}
.pct-24{width:24%}.pct-h-24{height:24%}.score-v-24{--score:2.4}
.pct-25{width:25%}.pct-h-25{height:25%}.score-v-25{--score:2.5}
.pct-26{width:26%}.pct-h-26{height:26%}.score-v-26{--score:2.6}
.pct-27{width:27%}.pct-h-27{height:27%}.score-v-27{--score:2.7}
.pct-28{width:28%}.pct-h-28{height:28%}.score-v-28{--score:2.8}
.pct-29{width:29%}.pct-h-29{height:29%}.score-v-29{--score:2.9}
.pct-30{width:30%}.pct-h-30{height:30%}.score-v-30{--score:3}
.pct-31{width:31%}.pct-h-31{height:31%}.score-v-31{--score:3.1}
.pct-32{width:32%}.pct-h-32{height:32%}.score-v-32{--score:3.2}
.pct-33{width:33%}.pct-h-33{height:33%}.score-v-33{--score:3.3}
.pct-34{width:34%}.pct-h-34{height:34%}.score-v-34{--score:3.4}
.pct-35{width:35%}.pct-h-35{height:35%}.score-v-35{--score:3.5}
.pct-36{width:36%}.pct-h-36{height:36%}.score-v-36{--score:3.6}
.pct-37{width:37%}.pct-h-37{height:37%}.score-v-37{--score:3.7}
.pct-38{width:38%}.pct-h-38{height:38%}.score-v-38{--score:3.8}
.pct-39{width:39%}.pct-h-39{height:39%}.score-v-39{--score:3.9}
.pct-40{width:40%}.pct-h-40{height:40%}.score-v-40{--score:4}
.pct-41{width:41%}.pct-h-41{height:41%}.score-v-41{--score:4.1}
.pct-42{width:42%}.pct-h-42{height:42%}.score-v-42{--score:4.2}
.pct-43{width:43%}.pct-h-43{height:43%}.score-v-43{--score:4.3}
.pct-44{width:44%}.pct-h-44{height:44%}.score-v-44{--score:4.4}
.pct-45{width:45%}.pct-h-45{height:45%}.score-v-45{--score:4.5}
.pct-46{width:46%}.pct-h-46{height:46%}.score-v-46{--score:4.6}
.pct-47{width:47%}.pct-h-47{height:47%}.score-v-47{--score:4.7}
.pct-48{width:48%}.pct-h-48{height:48%}.score-v-48{--score:4.8}
.pct-49{width:49%}.pct-h-49{height:49%}.score-v-49{--score:4.9}
.pct-50{width:50%}.pct-h-50{height:50%}.score-v-50{--score:5}
.pct-51{width:51%}.pct-h-51{height:51%}.score-v-51{--score:5.1}
.pct-52{width:52%}.pct-h-52{height:52%}.score-v-52{--score:5.2}
.pct-53{width:53%}.pct-h-53{height:53%}.score-v-53{--score:5.3}
.pct-54{width:54%}.pct-h-54{height:54%}.score-v-54{--score:5.4}
.pct-55{width:55%}.pct-h-55{height:55%}.score-v-55{--score:5.5}
.pct-56{width:56%}.pct-h-56{height:56%}.score-v-56{--score:5.6}
.pct-57{width:57%}.pct-h-57{height:57%}.score-v-57{--score:5.7}
.pct-58{width:58%}.pct-h-58{height:58%}.score-v-58{--score:5.8}
.pct-59{width:59%}.pct-h-59{height:59%}.score-v-59{--score:5.9}
.pct-60{width:60%}.pct-h-60{height:60%}.score-v-60{--score:6}
.pct-61{width:61%}.pct-h-61{height:61%}.score-v-61{--score:6.1}
.pct-62{width:62%}.pct-h-62{height:62%}.score-v-62{--score:6.2}
.pct-63{width:63%}.pct-h-63{height:63%}.score-v-63{--score:6.3}
.pct-64{width:64%}.pct-h-64{height:64%}.score-v-64{--score:6.4}
.pct-65{width:65%}.pct-h-65{height:65%}.score-v-65{--score:6.5}
.pct-66{width:66%}.pct-h-66{height:66%}.score-v-66{--score:6.6}
.pct-67{width:67%}.pct-h-67{height:67%}.score-v-67{--score:6.7}
.pct-68{width:68%}.pct-h-68{height:68%}.score-v-68{--score:6.8}
.pct-69{width:69%}.pct-h-69{height:69%}.score-v-69{--score:6.9}
.pct-70{width:70%}.pct-h-70{height:70%}.score-v-70{--score:7}
.pct-71{width:71%}.pct-h-71{height:71%}.score-v-71{--score:7.1}
.pct-72{width:72%}.pct-h-72{height:72%}.score-v-72{--score:7.2}
.pct-73{width:73%}.pct-h-73{height:73%}.score-v-73{--score:7.3}
.pct-74{width:74%}.pct-h-74{height:74%}.score-v-74{--score:7.4}
.pct-75{width:75%}.pct-h-75{height:75%}.score-v-75{--score:7.5}
.pct-76{width:76%}.pct-h-76{height:76%}.score-v-76{--score:7.6}
.pct-77{width:77%}.pct-h-77{height:77%}.score-v-77{--score:7.7}
.pct-78{width:78%}.pct-h-78{height:78%}.score-v-78{--score:7.8}
.pct-79{width:79%}.pct-h-79{height:79%}.score-v-79{--score:7.9}
.pct-80{width:80%}.pct-h-80{height:80%}.score-v-80{--score:8}
.pct-81{width:81%}.pct-h-81{height:81%}.score-v-81{--score:8.1}
.pct-82{width:82%}.pct-h-82{height:82%}.score-v-82{--score:8.2}
.pct-83{width:83%}.pct-h-83{height:83%}.score-v-83{--score:8.3}
.pct-84{width:84%}.pct-h-84{height:84%}.score-v-84{--score:8.4}
.pct-85{width:85%}.pct-h-85{height:85%}.score-v-85{--score:8.5}
.pct-86{width:86%}.pct-h-86{height:86%}.score-v-86{--score:8.6}
.pct-87{width:87%}.pct-h-87{height:87%}.score-v-87{--score:8.7}
.pct-88{width:88%}.pct-h-88{height:88%}.score-v-88{--score:8.8}
.pct-89{width:89%}.pct-h-89{height:89%}.score-v-89{--score:8.9}
.pct-90{width:90%}.pct-h-90{height:90%}.score-v-90{--score:9}
.pct-91{width:91%}.pct-h-91{height:91%}.score-v-91{--score:9.1}
.pct-92{width:92%}.pct-h-92{height:92%}.score-v-92{--score:9.2}
.pct-93{width:93%}.pct-h-93{height:93%}.score-v-93{--score:9.3}
.pct-94{width:94%}.pct-h-94{height:94%}.score-v-94{--score:9.4}
.pct-95{width:95%}.pct-h-95{height:95%}.score-v-95{--score:9.5}
.pct-96{width:96%}.pct-h-96{height:96%}.score-v-96{--score:9.6}
.pct-97{width:97%}.pct-h-97{height:97%}.score-v-97{--score:9.7}
.pct-98{width:98%}.pct-h-98{height:98%}.score-v-98{--score:9.8}
.pct-99{width:99%}.pct-h-99{height:99%}.score-v-99{--score:9.9}
.pct-100{width:100%}.pct-h-100{height:100%}.score-v-100{--score:10}
.chart-h-0{height:0px}
.chart-h-1{height:1px}
.chart-h-2{height:2px}
.chart-h-3{height:3px}
.chart-h-4{height:4px}
.chart-h-5{height:5px}
.chart-h-6{height:6px}
.chart-h-7{height:7px}
.chart-h-8{height:8px}
.chart-h-9{height:9px}
.chart-h-10{height:10px}
.chart-h-11{height:11px}
.chart-h-12{height:12px}
.chart-h-13{height:13px}
.chart-h-14{height:14px}
.chart-h-15{height:15px}
.chart-h-16{height:16px}
.chart-h-17{height:17px}
.chart-h-18{height:18px}
.chart-h-19{height:19px}
.chart-h-20{height:20px}
.chart-h-21{height:21px}
.chart-h-22{height:22px}
.chart-h-23{height:23px}
.chart-h-24{height:24px}
.chart-h-25{height:25px}
.chart-h-26{height:26px}
.chart-h-27{height:27px}
.chart-h-28{height:28px}
.chart-h-29{height:29px}
.chart-h-30{height:30px}
.chart-h-31{height:31px}
.chart-h-32{height:32px}
.chart-h-33{height:33px}
.chart-h-34{height:34px}
.chart-h-35{height:35px}
.chart-h-36{height:36px}
.chart-h-37{height:37px}
.chart-h-38{height:38px}
.chart-h-39{height:39px}
.chart-h-40{height:40px}
.chart-h-41{height:41px}
.chart-h-42{height:42px}
.chart-h-43{height:43px}
.chart-h-44{height:44px}
.chart-h-45{height:45px}
.chart-h-46{height:46px}
.chart-h-47{height:47px}
.chart-h-48{height:48px}
.chart-h-49{height:49px}
.chart-h-50{height:50px}
.chart-h-51{height:51px}
.chart-h-52{height:52px}
.chart-h-53{height:53px}
.chart-h-54{height:54px}
.chart-h-55{height:55px}
.chart-h-56{height:56px}
.chart-h-57{height:57px}
.chart-h-58{height:58px}
.chart-h-59{height:59px}
.chart-h-60{height:60px}
.chart-h-61{height:61px}
.chart-h-62{height:62px}
.chart-h-63{height:63px}
.chart-h-64{height:64px}
.chart-h-65{height:65px}
.chart-h-66{height:66px}
.chart-h-67{height:67px}
.chart-h-68{height:68px}
.chart-h-69{height:69px}
.chart-h-70{height:70px}
.chart-h-71{height:71px}
.chart-h-72{height:72px}
.chart-h-73{height:73px}
.chart-h-74{height:74px}
.chart-h-75{height:75px}
.chart-h-76{height:76px}
.chart-h-77{height:77px}
.chart-h-78{height:78px}
.chart-h-79{height:79px}
.chart-h-80{height:80px}
.chart-h-81{height:81px}
.chart-h-82{height:82px}
.chart-h-83{height:83px}
.chart-h-84{height:84px}
.chart-h-85{height:85px}
.chart-h-86{height:86px}
.chart-h-87{height:87px}
.chart-h-88{height:88px}
.chart-h-89{height:89px}
.chart-h-90{height:90px}
.chart-h-91{height:91px}
.chart-h-92{height:92px}
.chart-h-93{height:93px}
.chart-h-94{height:94px}
.chart-h-95{height:95px}
.chart-h-96{height:96px}
.chart-h-97{height:97px}
.chart-h-98{height:98px}
.chart-h-99{height:99px}
.chart-h-100{height:100px}
.chart-h-101{height:101px}
.chart-h-102{height:102px}
.chart-h-103{height:103px}
.chart-h-104{height:104px}
.chart-h-105{height:105px}
.chart-h-106{height:106px}
.chart-h-107{height:107px}
.chart-h-108{height:108px}
.chart-h-109{height:109px}
.chart-h-110{height:110px}
.chart-h-111{height:111px}
.chart-h-112{height:112px}
.chart-h-113{height:113px}
.chart-h-114{height:114px}
.chart-h-115{height:115px}
.chart-h-116{height:116px}
.chart-h-117{height:117px}
.chart-h-118{height:118px}
.chart-h-119{height:119px}
.chart-h-120{height:120px}
.chart-h-121{height:121px}
.chart-h-122{height:122px}
.chart-h-123{height:123px}
.chart-h-124{height:124px}
.chart-h-125{height:125px}
.chart-h-126{height:126px}
.chart-h-127{height:127px}
.chart-h-128{height:128px}
.chart-h-129{height:129px}
.chart-h-130{height:130px}
.chart-h-131{height:131px}
.chart-h-132{height:132px}
.chart-h-133{height:133px}
.chart-h-134{height:134px}
.chart-h-135{height:135px}
.chart-h-136{height:136px}
.chart-h-137{height:137px}
.chart-h-138{height:138px}
.chart-h-139{height:139px}
.chart-h-140{height:140px}
.chart-h-141{height:141px}
.chart-h-142{height:142px}
.chart-h-143{height:143px}
.chart-h-144{height:144px}
.chart-h-145{height:145px}
.chart-h-146{height:146px}
.chart-h-147{height:147px}
.chart-h-148{height:148px}
.chart-h-149{height:149px}
.chart-h-150{height:150px}
.chart-h-151{height:151px}
.chart-h-152{height:152px}
.chart-h-153{height:153px}
.chart-h-154{height:154px}
.chart-h-155{height:155px}
.chart-h-156{height:156px}
.chart-h-157{height:157px}
.chart-h-158{height:158px}
.chart-h-159{height:159px}
.chart-h-160{height:160px}
.chart-h-161{height:161px}
.chart-h-162{height:162px}
.chart-h-163{height:163px}
.chart-h-164{height:164px}
.chart-h-165{height:165px}
.chart-h-166{height:166px}
.chart-h-167{height:167px}
.chart-h-168{height:168px}
.chart-h-169{height:169px}
.chart-h-170{height:170px}
.chart-h-171{height:171px}
.chart-h-172{height:172px}
.chart-h-173{height:173px}
.chart-h-174{height:174px}
.chart-h-175{height:175px}
.chart-h-176{height:176px}
.chart-h-177{height:177px}
.chart-h-178{height:178px}
.chart-h-179{height:179px}
.chart-h-180{height:180px}
.chart-h-181{height:181px}
.chart-h-182{height:182px}
.chart-h-183{height:183px}
.chart-h-184{height:184px}
.chart-h-185{height:185px}
.chart-h-186{height:186px}
.chart-h-187{height:187px}
.chart-h-188{height:188px}
.chart-h-189{height:189px}
.chart-h-190{height:190px}
.chart-h-191{height:191px}
.chart-h-192{height:192px}
.chart-h-193{height:193px}
.chart-h-194{height:194px}
.chart-h-195{height:195px}
.chart-h-196{height:196px}
.chart-h-197{height:197px}
.chart-h-198{height:198px}
.chart-h-199{height:199px}
.chart-h-200{height:200px}
.chart-h-201{height:201px}
.chart-h-202{height:202px}
.chart-h-203{height:203px}
.chart-h-204{height:204px}
.chart-h-205{height:205px}
.chart-h-206{height:206px}
.chart-h-207{height:207px}
.chart-h-208{height:208px}
.chart-h-209{height:209px}
.chart-h-210{height:210px}
.chart-h-211{height:211px}
.chart-h-212{height:212px}
.chart-h-213{height:213px}
.chart-h-214{height:214px}
.chart-h-215{height:215px}
.chart-h-216{height:216px}
.chart-h-217{height:217px}
.chart-h-218{height:218px}
.chart-h-219{height:219px}
.chart-h-220{height:220px}


.cookie-consent,.cookie-preferences{position:fixed;inset:0;z-index:9998;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:rgba(6,18,31,.35)}
.cookie-consent[hidden],.cookie-preferences[hidden]{display:none}
.cookie-consent-card,.cookie-preferences-card{width:min(920px,100%);background:var(--card,#fff);color:var(--text,#12223a);border:1px solid var(--border,#e1e7ed);border-radius:20px;padding:20px;box-shadow:0 24px 80px rgba(0,0,0,.22)}
.cookie-consent-card p,.cookie-preferences-card p{margin:.45rem 0 .8rem}
.cookie-consent-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}
.cookie-consent-actions .btn{flex:1 1 180px}
.cookie-choice{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border,#e1e7ed)}
.cookie-choice input{width:22px;height:22px;flex:0 0 auto}
.footer-link-button{appearance:none;border:0;background:transparent;color:inherit;padding:0;font:inherit;text-align:left;cursor:pointer}
.footer-link-button:hover{text-decoration:underline}
@media (max-width:640px){.cookie-consent,.cookie-preferences{padding:10px}.cookie-consent-card,.cookie-preferences-card{border-radius:16px;padding:16px}.cookie-consent-actions{flex-direction:column}.cookie-consent-actions .btn{width:100%;flex-basis:auto}}

/* V5.41 · Banners / publicidad responsive */
.ad-banner{width:min(1180px,92vw);margin:18px auto;padding:0;background:transparent;text-align:center;position:relative;overflow:hidden;border-radius:16px}
.ad-banner picture,.ad-banner img{display:block;width:100%;height:auto}
.ad-banner img{object-fit:contain;aspect-ratio:auto}
.ad-banner .banner-link{display:block}
.ad-disclosure{position:absolute;z-index:2;top:8px;left:8px;background:rgba(255,255,255,.92);color:#526171;border:1px solid #dfe5eb;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:750;letter-spacing:.02em}
.banner-cta{display:inline-flex;margin:10px auto 0;background:var(--nav);color:#fff;border-radius:11px;padding:9px 14px;font-size:.85rem;font-weight:800}
.grid-banner{grid-column:1/-1;width:100%}.grid-banner .ad-banner{width:100%;margin:6px 0 12px}
.catalog-ad-layout{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) minmax(0,190px);gap:18px;align-items:start}
.catalog-ad-layout>.catalog-products{min-width:0}
.catalog-side-ad{position:sticky;top:90px;min-width:0}.catalog-side-ad:empty{display:none}.catalog-side-ad .ad-banner{width:100%;margin:0}.catalog-side-ad .ad-banner img{width:100%;height:auto}
.ad-slot-global_header{margin-top:12px;margin-bottom:12px}
.admin-banner-layout{align-items:start}.banner-admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.banner-admin-actions form{margin:0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:grid;gap:6px;font-weight:700}.form-grid input,.form-grid select{width:100%}.form-grid .span-2{grid-column:1/-1}.form-grid .check{display:flex;align-items:center;gap:8px}.form-grid .check input{width:auto}
@media(max-width:1180px){.catalog-ad-layout{grid-template-columns:1fr}.catalog-side-ad{display:none}}
@media(max-width:760px){.ad-banner{width:94vw;margin:12px auto;border-radius:12px}.ad-disclosure{font-size:.62rem;top:5px;left:5px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}}

.banner-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 18px}.banner-preview-grid div{border:1px solid var(--line);border-radius:12px;padding:8px;background:#fafcfd}.banner-preview-grid img{display:block;width:100%;height:90px;object-fit:contain;margin-top:6px}
.product-side-float{display:none}
@media(min-width:1500px){.product-side-float{display:block;position:fixed;right:14px;top:96px;width:150px;z-index:8}.product-side-float .ad-banner{width:150px;margin:0}.product-side-float .ad-banner img{width:150px;height:auto}}
@media(max-width:760px){.banner-preview-grid{grid-template-columns:1fr}}

/* EligeBien Complete 2026.10 */
.container{width:min(var(--eb-content-width,88%),var(--eb-content-max,1600px));max-width:none}.trust-top{background:#071522;color:#cbd6e4;font-size:.78rem}.trust-top .container{min-height:32px;display:flex;gap:22px;align-items:center;justify-content:center;flex-wrap:wrap}.market-select select{background:#172b42;color:#fff;border:1px solid #32465c;border-radius:10px;padding:9px 10px;min-height:42px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.category-strip{background:#10243c;color:#eaf1f7;border-top:1px solid rgba(255,255,255,.06)}.category-strip-scroll{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin;padding:8px 0}.category-strip-item{display:flex;min-width:max-content;align-items:center;gap:7px;padding:9px 12px;border-radius:11px;font-size:.78rem}.category-strip-item:hover{background:#1c3857}.category-strip-item.featured{background:#ffdf6b;color:#271f00}.category-strip-item span{font-size:1.05rem}.catalog-intro-grid{display:grid;grid-template-columns:280px 1fr;gap:22px}.facet-sidebar{position:sticky;top:118px;max-height:calc(100vh - 138px);overflow-y:auto;align-self:start}.facet-group{padding:14px 0;border-bottom:1px solid var(--line)}.facet-group:last-child{border-bottom:0}.facet-group summary{cursor:pointer;font-weight:850}.filter-chip-row{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.filter-chip{padding:7px 10px;background:#f0f4f8;border-radius:999px;font-size:.78rem}.result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0}.product-price-row{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:12px}.demo-label{display:inline-flex;border-radius:999px;background:#fff4d9;color:#7a5418;padding:5px 8px;font-size:.7rem;font-weight:900}.home-section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-product-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;min-width:0}.home-product-card img{height:170px;width:100%;object-fit:contain;background:#f8fafc;border-radius:14px}.home-product-card h3{font-size:.98rem;margin:11px 0 6px}.price-from{font-size:1.25rem;font-weight:900;margin-top:auto}.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.admin-shell{height:100vh;min-height:0}.admin-main{height:100vh;overflow-y:auto}.admin-section-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#8296aa;padding:16px 12px 6px;font-weight:900}.form-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.module-row{display:grid;grid-template-columns:52px 1.4fr .7fr .7fr .7fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.drag-handle{cursor:grab;font-size:1.2rem;color:var(--muted)}.status-pending{background:#fff4d9;color:#805811}.status-active{background:#e9f8f1;color:#087853}.country-flag{font-size:1.35rem}.code-hint{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#f3f6f9;border-radius:8px;padding:2px 6px;font-size:.78rem}
@media(max-width:1100px){.home-section-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-intro-grid{grid-template-columns:240px 1fr}.form-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.container{width:var(--eb-content-tablet,94%)}.trust-top{display:none}.market-select{margin-left:auto}.catalog-intro-grid{grid-template-columns:1fr}.facet-sidebar{position:static;max-height:none}.home-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell{height:auto;min-height:100vh}.admin-main{height:auto;overflow:visible}.sidebar{max-height:45vh;overflow-y:auto}.module-row{grid-template-columns:34px 1fr}.module-row>*:nth-child(n+3){grid-column:2}}
@media(max-width:620px){.container{width:var(--eb-content-mobile,94%)}.home-section-grid{grid-template-columns:1fr 1fr;gap:10px}.home-product-card{padding:10px}.home-product-card img{height:130px}.category-strip-item{padding:8px 10px}.market-select select{max-width:110px}.form-grid-4{grid-template-columns:1fr}}
.demo-public-notice{background:#fff6dc;border-bottom:1px solid #f0d99b;color:#6c4a10;padding:9px 0;font-size:.82rem}.visual-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.visual-category{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:104px;transition:.18s}.visual-category:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.visual-category span{font-size:1.7rem}.visual-category strong{font-size:.82rem}.hero-benefit{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-weight:750}.hero-panel .btn{margin-top:18px}.deal-section{background:linear-gradient(180deg,#fffaf0,#f6f8fb)}.newsletter-section .feature-band{background:linear-gradient(135deg,#10243c,#172f4d);color:#fff}.newsletter-section .muted{color:#cbd7e4}
@media(max-width:1100px){.visual-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.visual-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-category{min-height:90px;padding:12px 7px}.visual-category span{font-size:1.45rem}.visual-category strong{font-size:.74rem}}
.category-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:8px 0 18px}.category-result-count{display:flex;align-items:baseline;gap:8px;background:#fff;border:1px solid var(--line);padding:12px 16px;border-radius:14px}.category-result-count strong{font-size:1.5rem}.facet-options{display:grid;gap:8px;margin-top:10px}.facet-options label{font-size:.86rem;display:flex;gap:8px;align-items:flex-start}.facet-options input[type=checkbox]{margin-top:3px}.facet-sidebar input[type=search]{width:100%;margin-top:10px}.facet-apply{width:100%;position:sticky;bottom:8px;margin-top:16px;z-index:2}.catalog-products .product-card{min-width:0}
@media(max-width:900px){.category-title-row{align-items:flex-start}.facet-sidebar{order:0;position:static;max-height:none;overflow:visible}.catalog-intro-grid{display:block}.facet-sidebar{margin-bottom:16px}.facet-group{display:block}.facet-apply{position:sticky;bottom:8px;z-index:2;background:var(--surface,#fff);padding:8px 0}}

/* ========================================================================== 
   EligeBien 2026.10 · Visual Experience Edition
   ========================================================================== */
:root{
 --bg:#f4f7fb;--surface:#ffffff;--surface-2:#eef4f7;--text:#102238;--muted:#68788b;--line:#dfe7ee;
 --nav:#081725;--nav-2:#10273a;--accent:#10bd87;--accent-2:#07996c;--accent-soft:#e7f8f2;--coral:#ff7a59;
 --violet:#705cff;--yellow:#f5c552;--danger:#d64a5b;--radius:22px;--radius-lg:32px;--shadow:0 18px 55px rgba(16,34,56,.10);
 --shadow-sm:0 8px 26px rgba(16,34,56,.07);--ease:cubic-bezier(.2,.75,.25,1)
}
html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}.container{width:min(var(--eb-content-width,88%),var(--eb-content-max,1600px));margin-inline:auto}.ui-icon{width:20px;height:20px;display:inline-block;vertical-align:-.2em;flex:0 0 auto}.ui-icon-xl{width:42px;height:42px}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:900;color:var(--accent-2);text-transform:uppercase}.muted{color:var(--muted)}.section{padding:64px 0}.section-head{align-items:end;margin-bottom:28px}.section-head h2{font-size:clamp(1.8rem,2.6vw,2.65rem);line-height:1.08;letter-spacing:-.04em}.section-head p{margin:.55rem 0 0;max-width:720px}.section-link{display:inline-flex;gap:8px;align-items:center;font-weight:800;color:var(--text)}.section-link .ui-icon{width:17px}.btn{min-height:46px;padding:0 18px;border-radius:14px;transition:transform .2s var(--ease),background .2s,color .2s,border-color .2s,box-shadow .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#11c88f,#08a875);box-shadow:0 10px 25px rgba(16,189,135,.22)}.btn-dark{background:var(--nav);color:#fff}.btn-outline{background:#fff;border:1px solid var(--line);color:var(--text)}.btn-ghost-light{border:1px solid rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.06)}.btn-block{width:100%}.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:12px;cursor:pointer}.icon-button:hover{border-color:#b9c8d5;background:#f8fbfd}.icon-button.danger{color:var(--danger)}.text-link{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.9rem}.text-link .ui-icon{width:16px}.text-link-light{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:800}

/* Header */
.trust-top{background:#06121e;color:#a9bbc9;font-size:.72rem}.trust-top-inner{height:32px;display:flex;align-items:center;justify-content:center;gap:28px}.trust-top span{display:flex;align-items:center;gap:6px}.trust-top .ui-icon{width:14px;height:14px;color:var(--accent)}.topbar{position:sticky;top:0;z-index:100;background:rgba(8,23,37,.95);backdrop-filter:saturate(150%) blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{min-height:74px;gap:28px}.brand{font-size:1.22rem;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#18d69b,#08a46f);box-shadow:0 9px 24px rgba(15,187,132,.3)}#mainNav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}#mainNav a{display:flex;gap:7px;align-items:center;padding:10px 11px;border-radius:11px;font-size:.9rem;color:#cbd8e3;transition:.2s}#mainNav a:hover{background:rgba(255,255,255,.07);color:#fff}#mainNav .ui-icon{width:17px;height:17px}.nav-actions{display:flex;align-items:center;gap:8px}.nav-search{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#e6eff6;background:rgba(255,255,255,.06)}.market-select select,.footer-market select{background:#10273a;color:#fff;border:1px solid #284156;border-radius:12px;padding:10px 34px 10px 12px;min-height:42px}.category-strip{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:40}.category-strip-scroll{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:8px 0}.category-strip-scroll::-webkit-scrollbar{display:none}.category-strip-item{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 11px;border-radius:12px;font-size:.78rem;color:#42566b;transition:.2s}.category-strip-item:hover{background:#f0f5f7;color:var(--text)}.category-strip-item.featured{background:#fff0ea;color:#a9482c}.category-strip-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#eff6f4;color:var(--accent-2)}.category-strip-icon .ui-icon{width:15px;height:15px}.category-strip-item.featured .category-strip-icon{background:#ffdcd1;color:#b44325}.category-more{margin-left:auto}

/* Hero */
.hero-premium{padding:72px 0 28px;overflow:hidden;background:radial-gradient(circle at 83% 10%,rgba(16,189,135,.17),transparent 31%),radial-gradient(circle at 65% 30%,rgba(112,92,255,.09),transparent 24%),linear-gradient(180deg,#fff 0,#f5f8fb 100%)}.hero-premium .hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);gap:56px;align-items:center}.hero-copy h1{font-size:clamp(3rem,6vw,6rem);line-height:.95;letter-spacing:-.065em;max-width:900px;margin:16px 0 22px}.hero-copy h1 span{color:var(--accent-2)}.hero-copy>p{font-size:1.18rem;line-height:1.7;max-width:740px;color:var(--muted)}.searchbox{position:relative;margin-top:28px;padding:7px 7px 7px 17px;border-radius:18px;box-shadow:0 20px 60px rgba(18,44,66,.12);border:1px solid #dfe7ed;max-width:800px}.search-icon{display:grid;place-items:center;color:#8192a3}.searchbox input{padding:14px 8px;font-size:1.02rem}.searchbox .btn{min-width:118px}.hero-quick{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}.hero-quick a{display:inline-flex;align-items:center;gap:7px;color:#344a60;font-size:.86rem;font-weight:750}.hero-quick .ui-icon{width:16px;color:var(--accent-2)}.hero-showcase{position:relative;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.88);backdrop-filter:blur(14px);border-radius:30px;padding:18px;box-shadow:0 30px 90px rgba(16,34,56,.16)}.hero-showcase:before{content:"";position:absolute;inset:-10px;border:1px solid rgba(16,189,135,.11);border-radius:38px;z-index:-1}.showcase-head{display:flex;align-items:center;gap:8px;padding:4px 4px 14px;font-size:.77rem;font-weight:800;color:#54687b}.showcase-head small{margin-left:auto;background:#eef3f6;padding:5px 8px;border-radius:999px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(16,189,135,.12)}.showcase-product{display:grid;grid-template-columns:30px 74px 1fr 52px;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);padding:10px;border-radius:17px;margin-top:9px;transition:.25s var(--ease)}.showcase-product:hover{transform:translateX(-4px);box-shadow:var(--shadow-sm)}.showcase-product img{width:74px;height:64px;object-fit:contain;background:#f5f8fa;border-radius:12px}.showcase-product strong{display:block;font-size:.88rem;line-height:1.25}.showcase-product span{display:block;font-size:.72rem;color:var(--muted);margin-top:4px}.showcase-rank{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#eef5f3;font-size:.75rem;font-weight:900;color:var(--accent-2)}.showcase-score{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--nav);color:#fff;font-weight:900;font-size:.86rem}.showcase-insight{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#0c2637,#102f43);color:#fff;border-radius:17px;padding:14px;margin-top:10px}.showcase-insight>.ui-icon{color:#7fe3be}.showcase-insight strong,.showcase-insight span{display:block}.showcase-insight span{font-size:.75rem;color:#bbcad4;margin-top:2px}.hero-trust{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:28px 0 4px}.hero-trust span{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.76rem;font-weight:750;color:#54677b}.hero-trust .ui-icon{width:15px;color:var(--accent-2)}

.demo-public-notice{background:#fff8e9;border-block:1px solid #f4e2b5;padding:10px 0;color:#775820;font-size:.78rem}.demo-public-notice strong{color:#5f461a}

/* category visual storytelling */
.category-mosaic{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.category-visual-card{position:relative;min-height:220px;border-radius:24px;overflow:hidden;background:#eaf0f4;color:#fff;isolation:isolate;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s}.category-visual-card.category-featured{grid-column:span 2;min-height:270px}.category-visual-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(16,34,56,.18)}.category-visual-bg{position:absolute;inset:0;background:linear-gradient(135deg,#dfe7ec,#f7f9fa);z-index:-3}.category-visual-bg img{width:100%;height:100%;object-fit:contain;object-position:70% 50%;transform:scale(.94);transition:transform .5s var(--ease);filter:saturate(.9)}.category-visual-card:hover img{transform:scale(1.02)}.category-visual-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,22,34,.04) 10%,rgba(7,22,34,.8) 100%);z-index:-2}.category-visual-content{position:absolute;inset:auto 16px 16px;display:grid;grid-template-columns:42px 1fr 36px;align-items:end;gap:10px}.category-icon-quality{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.92);color:#0b7757}.category-icon-quality .ui-icon{width:21px;height:21px}.category-visual-content strong{display:block;font-size:1.06rem;line-height:1.1}.category-visual-content small{display:block;color:#d8e4eb;margin-top:4px;font-size:.7rem}.category-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.15);backdrop-filter:blur(10px)}.category-arrow .ui-icon{width:16px}

/* Product rails */
.product-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-tile{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;min-width:0;transition:.3s var(--ease)}.product-tile:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#ccd8e2}.product-tile-image{height:220px;display:grid;place-items:center;background:linear-gradient(145deg,#f6f9fa,#eef3f6);position:relative;overflow:hidden}.product-tile-image:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:rgba(16,189,135,.07);right:-30px;top:-35px}.product-tile-image img{width:86%;height:86%;object-fit:contain;transition:transform .35s var(--ease)}.product-tile:hover .product-tile-image img{transform:scale(1.045)}.demo-label{position:absolute;left:12px;top:12px;background:rgba(7,23,36,.88);color:#fff;border:0;border-radius:999px;font-size:.62rem;letter-spacing:.08em;padding:6px 8px;z-index:2}.product-tile-body{padding:17px}.product-kicker{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);font-weight:900}.product-tile h3{font-size:1rem;line-height:1.35;margin:6px 0 14px;min-height:2.7em}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.78rem}.product-meta strong{font-size:.94rem}.rating-dot{font-weight:800;color:#785d10}.product-tile-actions{border-top:1px solid #edf1f4;margin-top:15px;padding-top:13px;display:flex;align-items:center;justify-content:space-between}.product-tile-actions .icon-button{width:36px;height:36px;border-radius:11px}.product-tile-actions .icon-button .ui-icon{width:17px}

.deal-story{background:linear-gradient(135deg,#0b1e30 0,#102d42 65%,#0e3b43 100%);color:#fff}.deal-story .muted{color:#bfd0db}.deal-story-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.deal-story-head h2{font-size:clamp(2rem,3vw,3rem);margin:.2rem 0}.deal-story-head p{color:#c1d0da;max-width:650px}.deal-story-badge{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:12px 15px;border-radius:16px}.deal-story-badge>.ui-icon{color:#ffca63}.deal-story-badge b,.deal-story-badge small{display:block}.deal-story-badge small{color:#a9bbc8}.deal-story .product-tile{border-color:rgba(255,255,255,.1)}

/* Comparison / editorial */
.comparison-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.comparison-card{position:relative;display:grid;grid-template-columns:170px 1fr 42px;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px;transition:.25s var(--ease)}.comparison-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.comparison-products{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center}.comparison-products img{width:64px;height:64px;object-fit:contain;background:#f2f6f8;border-radius:13px}.comparison-products span{font-size:.62rem;font-weight:900;text-align:center;color:#8090a0}.comparison-card h3{font-size:.95rem;margin:0 0 5px;line-height:1.3}.comparison-card h3 span{color:var(--muted);font-weight:500}.comparison-card p{font-size:.78rem;color:var(--muted);margin:0}.comparison-go{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#edf7f3;color:var(--accent-2)}.editorial-grid{display:grid;grid-template-columns:1.1fr .95fr .95fr;gap:18px}.editorial-card{min-height:220px;display:flex;flex-direction:column;justify-content:end;background:#fff;border:1px solid var(--line);border-radius:26px;padding:22px;position:relative;overflow:hidden;transition:.3s var(--ease)}.editorial-card:first-child{background:linear-gradient(145deg,#0a2032,#123b50);color:#fff}.editorial-card>span{position:absolute;top:22px;right:22px;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#edf8f4;color:var(--accent-2)}.editorial-card:first-child>span{background:rgba(255,255,255,.1);color:#6de4ba}.editorial-card h3{font-size:1.3rem;margin:0 0 6px}.editorial-card p{margin:0;color:var(--muted)}.editorial-card:first-child p{color:#bfd0da}.editorial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}

.alert-cta{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:54px;background:linear-gradient(135deg,#091b2c,#12384c);border-radius:34px;padding:44px;color:#fff;overflow:hidden;position:relative}.alert-cta:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:1px solid rgba(80,227,177,.18);left:-180px;bottom:-210px;box-shadow:0 0 0 70px rgba(80,227,177,.03),0 0 0 140px rgba(80,227,177,.02)}.alert-cta-visual{position:relative;height:220px}.notification-card{position:absolute;display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;width:min(330px,90%);padding:15px;border-radius:18px;background:#fff;color:var(--text);box-shadow:0 18px 50px rgba(0,0,0,.22)}.notification-card>.ui-icon{display:grid;place-items:center;width:38px;height:38px;padding:9px;border-radius:12px;background:#ebf8f3;color:var(--accent-2)}.notification-card small,.notification-card strong{display:block}.notification-card small{color:var(--muted)}.notification-card.n1{top:12px;left:12px;transform:rotate(-2deg)}.notification-card.n2{right:10px;bottom:10px;transform:rotate(2deg)}.alert-cta-copy h2{font-size:clamp(2rem,3.4vw,3.3rem);line-height:1;letter-spacing:-.045em;margin:10px 0 16px}.alert-cta-copy p{color:#c6d3dc;max-width:620px}.alert-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px}.discovery-cta{display:grid;grid-template-columns:70px 1fr auto;gap:22px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:27px;padding:26px}.discovery-cta>div:first-child{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:var(--accent-soft);color:var(--accent-2)}.discovery-cta h2{margin:3px 0;font-size:1.5rem}.discovery-cta p{margin:0;color:var(--muted)}.method-story{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:30px;padding:38px}.method-story h2{font-size:2.2rem;line-height:1.05;letter-spacing:-.04em;margin:10px 0}.method-story p{color:var(--muted)}.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.method-steps span{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:20px;background:#f3f7f8;font-weight:800}.method-steps b{font-size:2rem;color:#bdcad4;letter-spacing:-.05em}

/* App block */
.app-install-card{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;background:linear-gradient(145deg,#fff,#eef5f6);border:1px solid var(--line);border-radius:34px;padding:44px 50px;overflow:hidden}.app-copy h2{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.02;letter-spacing:-.05em;margin:10px 0 16px}.app-copy>p{font-size:1.02rem;max-width:650px}.app-install-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px}.store-badge{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 12px;font-weight:800;font-size:.82rem}.store-badge small{display:block;color:var(--muted);font-weight:600}.app-device{width:min(330px,82%);margin:auto;border:8px solid #0b1d2c;border-radius:38px;background:#fff;padding:8px;box-shadow:0 24px 70px rgba(17,34,51,.2);transform:rotate(2deg)}.device-screen{border-radius:27px;background:#f5f8fa;padding:15px;min-height:420px}.device-top{display:flex;align-items:center;gap:8px;font-size:.8rem;margin-bottom:24px}.device-top .brand-mark{width:26px;height:26px;border-radius:9px}.device-product{display:flex;gap:12px;align-items:center;background:#fff;border-radius:17px;padding:12px}.device-product img{width:70px;height:70px;object-fit:contain}.device-product small,.device-product strong{display:block}.device-alert{display:flex;gap:10px;align-items:flex-start;background:#fff;border-radius:16px;padding:12px;margin-top:12px;box-shadow:0 8px 24px rgba(17,34,51,.06)}.device-alert>.ui-icon{color:var(--violet)}.device-alert.positive>.ui-icon{color:var(--accent-2)}.device-alert small,.device-alert strong{display:block}.device-alert small{color:var(--muted);font-size:.68rem}.device-alert strong{font-size:.77rem}

/* Footer */
.site-footer{background:#061521;color:#d9e5ec;margin-top:70px;padding-top:0}.footer-cta{transform:translateY(-36px);display:grid;grid-template-columns:72px 1fr auto;gap:22px;align-items:center;background:linear-gradient(135deg,#0e2c3e,#105747);border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:24px 28px;box-shadow:0 22px 60px rgba(0,0,0,.18)}.footer-cta-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:19px;background:rgba(255,255,255,.09);color:#68e2b8}.footer-cta h2{font-size:1.35rem;margin:3px 0 3px;letter-spacing:-.02em}.footer-cta p{margin:0;color:#b8cad5;font-size:.86rem}.footer-cta-actions{display:flex;gap:8px}.footer-main{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:38px;padding:24px 0 42px}.footer-brand p{max-width:330px;color:#9fb0bd}.footer-trust{display:flex;flex-wrap:wrap;gap:8px}.footer-trust span{display:flex;align-items:center;gap:5px;border:1px solid #19364a;border-radius:999px;padding:6px 9px;color:#9fb3c0;font-size:.69rem}.footer-trust .ui-icon{width:13px}.footer-col h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin:7px 0 14px}.footer-col a,.footer-col button{display:block;color:#9fb0bd;margin:9px 0;font-size:.84rem}.footer-col a:hover,.footer-col button:hover{color:#fff}.footer-market select{width:100%;font-size:.8rem}.footer-bottom{border-top:1px solid #173044;padding:18px 0 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7690a1;font-size:.74rem}.footer-bottom a{color:#91a9b8}.mobile-app-nav .ui-icon{width:21px;height:21px}

/* Category directory */
.catalog-hero{padding:68px 0 28px;background:linear-gradient(180deg,#fff,#f4f7fb)}.catalog-hero h1{font-size:clamp(2.8rem,5vw,5rem);line-height:.98;letter-spacing:-.055em;max-width:950px;margin:12px 0}.catalog-hero h1 span{color:var(--accent-2)}.catalog-hero p{max-width:780px;color:var(--muted);font-size:1.08rem}.category-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.directory-card{display:grid;grid-template-columns:150px 1fr;min-height:210px;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;transition:.3s var(--ease)}.directory-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.directory-highlight{grid-column:span 2}.directory-art{position:relative;background:linear-gradient(145deg,#edf3f6,#f9fbfc);display:grid;place-items:center;overflow:hidden}.directory-art img{width:90%;height:90%;object-fit:contain;transition:transform .35s var(--ease)}.directory-card:hover .directory-art img{transform:scale(1.05)}.directory-icon{position:absolute;left:12px;top:12px;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.9);color:var(--accent-2);box-shadow:0 8px 18px rgba(17,34,51,.08)}.directory-icon .ui-icon{width:19px}.directory-copy{padding:22px;display:flex;flex-direction:column}.directory-count{font-size:.67rem;font-weight:900;color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em}.directory-copy h2{margin:7px 0 6px;font-size:1.35rem;letter-spacing:-.03em}.directory-copy p{color:var(--muted);font-size:.83rem;margin:0}.directory-link{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:12px;font-size:.82rem;font-weight:850}.directory-link .ui-icon{width:15px}

/* Auth */
.auth-page{padding:70px 0 80px;background:radial-gradient(circle at 10% 10%,rgba(16,189,135,.08),transparent 25%),linear-gradient(180deg,#f7fafc,#eef3f6)}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:80px;align-items:center;max-width:1180px}.auth-story h1{font-size:clamp(2.5rem,4.4vw,4.7rem);line-height:.98;letter-spacing:-.055em;margin:12px 0 18px}.auth-story>p{font-size:1.05rem;color:var(--muted);max-width:620px}.auth-benefits{display:flex;flex-direction:column;gap:11px;margin-top:28px}.auth-benefits span{display:flex;align-items:center;gap:10px;font-weight:750;color:#3a5065}.auth-benefits .ui-icon{width:19px;color:var(--accent-2)}.auth-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 30px 80px rgba(16,34,56,.12)}.auth-card-head{display:flex;gap:13px;align-items:center;margin-bottom:24px}.auth-card-head h2{font-size:1.65rem;margin:0;letter-spacing:-.03em}.auth-card-head p{margin:2px 0 0;color:var(--muted);font-size:.82rem}.auth-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--accent-soft);color:var(--accent-2)}.auth-form{display:grid;gap:16px}.auth-form label>span{display:block;font-size:.79rem;font-weight:800;margin-bottom:7px}.auth-form label small{font-weight:500;color:var(--muted)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon>.ui-icon{position:absolute;left:14px;color:#8494a3;width:19px}.input-with-icon input{width:100%;min-height:52px;border:1px solid #dce5eb;border-radius:14px;padding:0 46px 0 44px;background:#fbfcfd;font:inherit;outline:none;transition:.2s}.input-with-icon input:focus{border-color:#5fcdaa;box-shadow:0 0 0 4px rgba(16,189,135,.09);background:#fff}.password-toggle{position:absolute;right:8px;display:grid;place-items:center;width:38px;height:38px;border:0;background:transparent;color:#7d8f9e;cursor:pointer;border-radius:10px}.password-toggle:hover{background:#eef4f6;color:var(--text)}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.78rem}.remember{display:flex!important;align-items:center;gap:6px;margin:0}.remember input{width:auto}.auth-row a{color:var(--accent-2);font-weight:750}.auth-submit{width:100%;margin-top:2px}.auth-divider{display:flex;align-items:center;gap:12px;color:#8a99a7;font-size:.75rem;margin:20px 0 12px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-create{width:100%}.auth-legal{font-size:.72rem;color:var(--muted);text-align:center;margin:16px 0 0}.email-sent{text-align:center;padding:18px}.email-sent>span{display:grid;place-items:center;width:70px;height:70px;margin:auto;border-radius:22px;background:var(--accent-soft);color:var(--accent-2)}.email-sent>span .ui-icon{width:32px;height:32px}.email-sent h2{font-size:1.8rem;margin:18px 0 5px}.email-sent p{color:var(--muted)}.login-wrap{min-height:100vh;background:radial-gradient(circle at 25% 15%,rgba(16,189,135,.12),transparent 30%),linear-gradient(135deg,#071521,#102c40);padding:28px}.login-card{width:min(470px,94vw)}.auth-admin-brand{color:var(--text);margin-bottom:20px}.login-card label{display:block;margin-top:15px}.login-card label>span{display:block;font-size:.78rem;font-weight:800;margin-bottom:6px}.login-card h1{font-size:2rem;margin:5px 0}.login-card .auth-submit{margin-top:20px}

/* Recommender */
.recommend-hero{padding:64px 0 26px;background:linear-gradient(180deg,#fff,#f4f7fb)}.recommend-hero h1{font-size:clamp(2.8rem,5vw,5rem);line-height:.98;letter-spacing:-.055em;margin:10px 0}.recommend-hero h1 span{color:var(--accent-2)}.recommend-hero p{max-width:780px;color:var(--muted);font-size:1.06rem}.recommender-layout{display:grid;grid-template-columns:minmax(0,620px) minmax(0,1fr);gap:34px;align-items:start}.recommend-form{background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow-sm)}.recommend-step{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:4px 0 26px}.recommend-step+.recommend-step{border-top:1px solid #edf1f4;padding-top:26px}.step-number{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#0d2839;color:#fff;font-weight:900}.step-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px}.step-heading>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--accent-soft);color:var(--accent-2)}.step-heading h2{font-size:1.2rem;margin:0}.step-heading p{font-size:.78rem;color:var(--muted);margin:2px 0 0}.recommend-select{width:100%;min-height:50px;border:1px solid var(--line);border-radius:14px;padding:0 14px;background:#fbfcfd;font:inherit}.priority-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.priority-card{position:relative;display:grid;grid-template-columns:40px 1fr;gap:4px 10px;align-items:center;border:1px solid var(--line);border-radius:17px;padding:13px;cursor:pointer;transition:.2s;background:#fff}.priority-card input{position:absolute;opacity:0;pointer-events:none}.priority-card:has(input:checked){border-color:#4bcaa0;background:#f0fbf7;box-shadow:0 0 0 3px rgba(16,189,135,.08)}.priority-icon{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eff5f6;color:#4f6475}.priority-card:has(input:checked) .priority-icon{background:#d9f4ea;color:var(--accent-2)}.priority-card strong{font-size:.82rem;line-height:1.2}.priority-card small{font-size:.67rem;color:var(--muted);line-height:1.25}.priority-check{position:absolute;right:9px;top:9px;display:none;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;text-align:center;font-size:.7rem}.priority-card:has(input:checked) .priority-check{display:grid;place-items:center}.budget-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.budget-box{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:90px;border:1px solid var(--line);border-radius:17px;padding:13px;cursor:pointer}.budget-box:has(input:checked){border-color:#4bcaa0;background:#f0fbf7}.budget-box>input[type=radio]{position:absolute;right:12px;top:12px}.budget-box>span{font-size:.72rem;font-weight:800;color:#536778}.budget-box>div{display:flex;align-items:center;gap:6px}.budget-box>div input{width:110px;border:0;background:transparent;font-size:1.7rem;font-weight:900;outline:none;color:var(--text)}.budget-box>div b{font-size:1.3rem}.budget-box>b{display:flex;gap:6px;align-items:center;font-size:.78rem}.recommend-submit{width:100%;min-height:54px}.recommend-side{min-width:0}.recommend-intro{min-height:560px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px dashed #cdd9e2;border-radius:30px;background:linear-gradient(145deg,#f9fbfc,#eff5f6);padding:42px}.recommend-intro-visual{position:relative;width:180px;height:150px;margin-bottom:20px}.recommend-intro-visual>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:82px;height:82px;border-radius:28px;background:#0d2a3c;color:#6ee2ba}.recommend-intro-visual i{position:absolute;width:52px;height:70px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.recommend-intro-visual i:nth-child(2){left:0;bottom:5px;transform:rotate(-12deg)}.recommend-intro-visual i:nth-child(3){right:0;bottom:5px;transform:rotate(12deg)}.recommend-intro-visual i:nth-child(4){left:64px;top:0}.recommend-intro h2{max-width:500px;font-size:1.8rem;letter-spacing:-.035em}.recommend-intro>p{max-width:520px;color:var(--muted)}.recommend-intro-points{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:15px}.recommend-intro-points span{display:flex;align-items:center;gap:6px;border-radius:999px;background:#fff;border:1px solid var(--line);padding:7px 10px;font-size:.7rem;font-weight:750}.recommend-intro-points .ui-icon{width:14px;color:var(--accent-2)}.recommend-result-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:14px}.recommend-result-head h2{font-size:1.7rem;line-height:1.08;margin:4px 0}.result-profile{padding:7px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-2);font-size:.72rem;font-weight:850}.recommend-result{position:relative;background:#fff;border:1px solid var(--line);border-radius:25px;padding:18px;margin-bottom:14px}.recommend-result.winner{border-color:#77d8b7;box-shadow:0 14px 35px rgba(16,189,135,.10)}.result-rank{display:inline-flex;background:#eef4f6;border-radius:999px;padding:5px 9px;font-size:.67rem;font-weight:900;color:#4e6374;margin-bottom:12px}.winner .result-rank{background:#dcf6ed;color:#087c58}.result-main{display:grid;grid-template-columns:105px 1fr 64px;gap:15px;align-items:center}.result-main img{width:105px;height:95px;object-fit:contain;background:#f4f7f8;border-radius:15px}.result-copy h3{font-size:1rem;margin:0 0 4px}.result-copy p{font-size:.75rem;color:var(--muted);margin:0}.result-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.result-tags span{font-size:.65rem;padding:5px 7px;background:#f1f5f6;border-radius:999px;font-weight:700}.result-score{width:60px;height:60px;display:flex;align-items:baseline;justify-content:center;border-radius:50%;background:#0c2638;color:#fff;padding-top:15px}.result-score strong{font-size:1.2rem}.result-score small{font-size:.65rem}.result-explanation{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #edf1f4;margin-top:14px;padding-top:14px}.result-explanation>div{background:#f7f9fa;border-radius:14px;padding:11px;font-size:.7rem}.result-explanation b{display:flex;align-items:center;gap:6px}.result-explanation .ui-icon{width:14px;color:var(--accent-2)}.result-explanation ul{margin:7px 0 0;padding-left:17px;color:#5d7080}.result-explanation p{color:#5d7080;margin:7px 0}.result-actions{display:flex;gap:8px;margin-top:12px}

/* Admin shell */
.admin-body{background:#eef3f7}.admin-shell{display:grid;grid-template-columns:286px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain;padding:14px;background:linear-gradient(180deg,#071522,#0a1d2d);scrollbar-width:thin;scrollbar-color:#355267 transparent}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:#355267;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.sidebar-top{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;background:#071522;padding:7px 3px 13px}.sidebar-top .brand{margin:0;color:#fff}.sidebar-collapse{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:#10283b;color:#8fa7b8;cursor:pointer}.sidebar-collapse .ui-icon{width:16px}.sidebar-search{position:sticky;top:62px;z-index:3;display:flex;align-items:center;margin-bottom:12px;background:#0f2639;border:1px solid #1d3a50;border-radius:12px}.sidebar-search>.ui-icon{width:16px;margin-left:11px;color:#6f899c}.sidebar-search input{min-width:0;width:100%;height:40px;border:0;background:transparent;color:#fff;padding:0 10px;outline:0}.sidebar-search input::placeholder{color:#668093}.admin-nav{display:block}.admin-nav details{margin:4px 0}.admin-nav summary{list-style:none;display:grid;grid-template-columns:22px 1fr 18px;gap:8px;align-items:center;padding:9px 9px;border-radius:10px;color:#7f99ab;font-size:.71rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.admin-nav summary::-webkit-details-marker{display:none}.admin-nav summary>.ui-icon{width:17px}.admin-nav summary i{display:grid;place-items:center;transition:.2s}.admin-nav summary i .ui-icon{width:13px}.admin-nav details[open] summary i{transform:rotate(90deg)}.admin-nav-link{display:flex!important;align-items:center;gap:10px;margin:2px 0!important;padding:9px 10px!important;border-radius:10px!important;color:#b3c3ce!important;font-size:.79rem!important;transition:.15s}.admin-nav-link .ui-icon{width:17px;height:17px;color:#68869a}.admin-nav-link:hover{background:#10283b!important;color:#fff!important}.admin-nav-link.active{background:linear-gradient(135deg,#12384c,#10483f)!important;color:#fff!important;box-shadow:inset 3px 0 #1bd19a}.admin-nav-link.active .ui-icon{color:#66e1b7}.sidebar-footer{position:sticky;bottom:-14px;background:linear-gradient(180deg,rgba(7,21,34,.2),#071522 25%);padding:16px 3px 10px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.sidebar-footer a{display:flex;align-items:center;justify-content:center;gap:6px;background:#0e2638;padding:9px;border-radius:10px;color:#9fb4c3;font-size:.74rem}.sidebar-footer .ui-icon{width:16px}.admin-main{padding:0 28px 40px;min-width:0}.admin-global-top{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dce5eb;margin-bottom:28px}.admin-breadcrumb{display:flex;gap:8px;align-items:center;font-size:.76rem;color:#8393a1}.admin-breadcrumb b{color:#bac5ce}.admin-breadcrumb strong{color:#405568}.admin-global-actions{display:flex;align-items:center;gap:8px}.admin-quick-add{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:.76rem;font-weight:850}.admin-quick-add .ui-icon{width:16px;color:var(--accent-2)}.admin-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#0d2839;color:#fff}.admin-avatar .ui-icon{width:17px}.admin-mobile-menu{display:none}.admin-page-title,.admin-head,.admin-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.admin-page-title h1,.admin-head h1,.admin-top h1{font-size:2.15rem;letter-spacing:-.045em;line-height:1;margin:6px 0}.admin-page-title p,.admin-head p{color:var(--muted);max-width:760px;margin:0}.card{border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-sm)}.visual-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.visual-kpis>div{display:grid;grid-template-columns:44px 1fr;column-gap:11px;background:#fff;border:1px solid var(--line);border-radius:19px;padding:16px}.kpi-icon{grid-row:1/4;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#edf7f3;color:var(--accent-2)}.visual-kpis p{margin:0;color:var(--muted);font-size:.7rem}.visual-kpis strong{font-size:1.45rem;line-height:1.1}.visual-kpis small{color:#8a99a6;font-size:.66rem}.notice{border-radius:15px}.notice.success{background:#eaf9f3;border-color:#c7eedf;color:#176e54}.notice.error{background:#fff0f2;border-color:#f5cfd5;color:#993847}

/* Builder */
.builder-page-tabs{display:flex;gap:6px;margin-bottom:18px;background:#fff;border:1px solid var(--line);padding:5px;border-radius:15px;width:max-content}.builder-page-tabs a{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:11px;font-size:.76rem;font-weight:800;color:#657788}.builder-page-tabs a.active{background:#0d2839;color:#fff}.builder-page-tabs .ui-icon{width:16px}.builder-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.builder-library{position:sticky;top:86px;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.builder-library-head{display:flex;align-items:center;gap:10px;padding:17px;border-bottom:1px solid var(--line)}.builder-library-head>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:var(--accent-2)}.builder-library-head b,.builder-library-head small{display:block}.builder-library-head small{font-size:.68rem;color:var(--muted)}.builder-add-form{padding:14px}.builder-components{display:grid;grid-template-columns:1fr 1fr;gap:7px}.builder-component{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:78px;border:1px solid var(--line);border-radius:13px;text-align:center;cursor:pointer;background:#fbfcfd}.builder-component input{position:absolute;opacity:0}.builder-component:has(input:checked){border-color:#51cda6;background:#effaf6}.builder-component>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eff4f6;color:#557083}.builder-component:has(input:checked)>span{background:#d9f4e9;color:var(--accent-2)}.builder-component b{font-size:.67rem;line-height:1.1}.builder-field{display:block;margin-top:12px}.builder-field>span{display:block;font-size:.7rem;font-weight:800;margin-bottom:5px}.builder-field input,.builder-field select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:11px;padding:0 10px}.segmented{display:flex;gap:5px}.segmented label{position:relative;flex:1}.segmented input{position:absolute;opacity:0}.segmented span{display:flex;align-items:center;justify-content:center;gap:4px;min-height:39px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:.63rem;font-weight:750;cursor:pointer}.segmented input:checked+span{background:#0d2839;color:#fff;border-color:#0d2839}.segmented .ui-icon{width:14px}.builder-add-form>.btn{margin-top:14px}.builder-canvas{min-width:0}.builder-devicebar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}.builder-devicebar b,.builder-devicebar span{display:block}.builder-devicebar span{font-size:.7rem;color:var(--muted)}.device-switch{display:flex;background:#e8eef2;border-radius:12px;padding:4px}.device-switch button{display:flex;align-items:center;gap:5px;border:0;background:transparent;padding:7px 10px;border-radius:9px;color:#64798a;font-size:.7rem;font-weight:800;cursor:pointer}.device-switch button.active{background:#fff;color:var(--text);box-shadow:0 4px 12px rgba(17,34,51,.08)}.device-switch .ui-icon{width:15px}.page-frame{background:#dfe7ec;border-radius:22px;padding:18px;display:grid;gap:12px;transition:max-width .3s var(--ease);margin-inline:auto}.page-frame[data-device="tablet"]{max-width:780px}.page-frame[data-device="mobile"]{max-width:390px}.builder-module{background:#fff;border:2px solid transparent;border-radius:18px;overflow:hidden;transition:.2s}.builder-module:hover{border-color:#74d6b7}.builder-module.is-disabled{opacity:.52}.builder-module-toolbar{display:grid;grid-template-columns:42px 36px 1fr auto;gap:8px;align-items:center;padding:9px 10px;border-bottom:1px solid #edf1f4;background:#fbfcfd}.builder-module-toolbar .drag-handle{cursor:grab}.module-type-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf7f3;color:var(--accent-2)}.module-type-icon .ui-icon{width:17px}.module-title-editor input{border:0;background:transparent;font-size:.82rem;font-weight:900;width:100%;outline:0;color:var(--text)}.module-title-editor small{display:block;color:var(--muted);font-size:.62rem}.module-actions{display:flex;gap:4px}.module-actions .icon-button{width:34px;height:34px}.module-actions .ui-icon{width:15px}.module-preview{min-height:140px;padding:18px;background:#fff}.module-preview-top{display:flex;gap:7px;align-items:center;color:#7b8d9c;font-size:.63rem;margin-bottom:10px}.module-preview-top>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eef4f6;color:#577284}.module-preview-top .ui-icon{width:14px}.preview-hero-lines b{font-size:1.35rem}.preview-hero-lines>span{display:block;width:55%;height:8px;border-radius:999px;background:#dfe7eb;margin:8px 0}.preview-search{height:35px;border-radius:12px;background:#f1f5f6;border:1px solid #dce5ea;width:70%}.preview-cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.preview-cat-grid i{height:70px;border-radius:13px;background:linear-gradient(145deg,#dfe9ea,#f6f8f9);position:relative}.preview-cat-grid i:after{content:"";position:absolute;left:9px;right:9px;bottom:9px;height:6px;background:#92a7b4;border-radius:999px}.preview-products{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preview-products i{height:100px;border:1px solid #e3eaee;border-radius:13px;padding:7px}.preview-products em{display:block;height:56px;border-radius:9px;background:linear-gradient(145deg,#e8eff2,#f8fafb)}.preview-products span{display:block;width:70%;height:5px;background:#b2c0c9;border-radius:999px;margin-top:7px}.preview-banner{height:100px;border-radius:15px;background:linear-gradient(135deg,#123449,#11604e);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px}.preview-banner .ui-icon{width:26px}.preview-newsletter{height:100px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:15px;background:#0d2839;color:#fff}.preview-newsletter>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.1);color:#6fe2bb}.preview-newsletter i{width:80px;height:28px;border-radius:9px;background:var(--accent)}.preview-compare{display:flex;align-items:center;justify-content:center;gap:10px}.preview-compare i{width:100px;height:90px;border-radius:15px;background:#eef3f5}.preview-compare b{font-size:.7rem;color:#8494a0}.preview-content b{font-size:1.1rem}.preview-content span{display:block;width:70%;height:7px;border-radius:999px;background:#e1e8ec;margin-top:8px}.preview-content span:last-child{width:48%}.module-settings{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:10px;border-top:1px solid #edf1f4;background:#f9fbfc}.setting-group{display:grid;gap:4px}.setting-group>span{font-size:.6rem;font-weight:900;color:#758896;text-transform:uppercase;letter-spacing:.05em}.setting-group select{min-height:36px;border:1px solid var(--line);border-radius:9px;padding:0 28px 0 9px;background:#fff;font-size:.68rem}.module-advanced{margin-left:auto;display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#637889;font-size:.68rem;font-weight:800;cursor:pointer}.module-advanced .ui-icon{width:14px}.builder-savebar{position:sticky;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(7,22,34,.94);backdrop-filter:blur(12px);color:#fff;border-radius:16px;padding:10px 12px 10px 16px;margin-top:12px;box-shadow:0 16px 45px rgba(8,23,37,.26)}.builder-savebar span{font-size:.7rem;color:#a9bdca}

/* Banner studio */
.banner-studio{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.campaign-list{position:sticky;top:86px;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;max-height:calc(100vh - 110px);overflow-y:auto}.campaign-list-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:15px;background:#fff;border-bottom:1px solid var(--line)}.campaign-list-head b,.campaign-list-head span{display:block}.campaign-list-head span{font-size:.67rem;color:var(--muted)}.campaign-item{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:11px;border-bottom:1px solid #edf1f4}.campaign-item:hover,.campaign-item.active{background:#f2f8f6}.campaign-thumb{display:grid;place-items:center;width:72px;height:60px;border-radius:11px;background:#edf2f5;overflow:hidden;color:#8194a2}.campaign-thumb img{width:100%;height:100%;object-fit:cover}.campaign-copy{min-width:0}.campaign-copy>div:first-child{display:flex;align-items:center;gap:5px}.campaign-copy strong{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-copy>small{display:block;color:var(--muted);font-size:.62rem;margin:2px 0 5px}.status-dot{width:7px;height:7px;border-radius:50%;background:#a7b4be}.status-dot.on{background:var(--accent)}.campaign-metrics{display:flex;gap:6px;flex-wrap:wrap;font-size:.57rem;color:#738694}.campaign-metrics b{color:var(--text)}.empty-visual{text-align:center;padding:40px 20px;color:#80919f}.empty-visual .ui-icon{color:#a9b8c3}.empty-visual b{display:block;color:var(--text);margin-top:10px}.empty-visual p{font-size:.7rem}.banner-editor{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;min-width:0}.banner-editor-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}.banner-editor-head h2{font-size:1.6rem;margin:3px 0}.banner-live-preview{background:#dfe7ec;border-radius:20px;padding:14px;margin-bottom:20px}.preview-browser{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(16,34,56,.10)}.preview-browser-bar{height:30px;display:flex;align-items:center;gap:5px;background:#eef2f4;padding:0 10px;color:#8495a2;font-size:.58rem}.preview-browser-bar i{width:7px;height:7px;border-radius:50%;background:#c7d1d7}.preview-browser-bar span{margin-left:6px}.preview-page{padding:11px 16px 16px;background:#f8fafb}.preview-site-head{display:flex;align-items:center;gap:6px;height:30px;background:#0b2030;color:#fff;border-radius:8px;padding:0 9px;font-size:.6rem}.preview-site-head .brand-mark{width:19px;height:19px;border-radius:6px;font-size:.55rem}.preview-site-head em{margin-left:auto;width:100px;height:6px;border-radius:999px;background:#294458}.preview-slot-label{text-align:center;font-size:.55rem;color:#7b8e9c;margin:8px}.preview-banner-box{min-height:140px;border:1px dashed #b7c6d0;border-radius:11px;overflow:hidden;background:#fff;display:grid;place-items:center}.preview-banner-box img{width:100%;max-height:260px;object-fit:contain}.preview-banner-empty{text-align:center;color:#8495a1}.preview-banner-empty b,.preview-banner-empty span{display:block}.preview-banner-empty span{font-size:.62rem}.preview-products-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.preview-products-mini i{height:44px;background:#e8eef1;border-radius:8px}.banner-wizard{display:grid;gap:12px}.wizard-step{display:grid;grid-template-columns:38px 1fr;gap:12px;border:1px solid var(--line);border-radius:18px;padding:14px}.wizard-number{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#0d2839;color:#fff;font-weight:900;font-size:.78rem}.wizard-title{display:flex;gap:9px;align-items:center;margin-bottom:12px}.wizard-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent-soft);color:var(--accent-2)}.wizard-title h3,.wizard-title p{margin:0}.wizard-title h3{font-size:1rem}.wizard-title p{font-size:.65rem;color:var(--muted)}.editor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.editor-grid label{display:grid;gap:5px;font-size:.69rem;font-weight:800}.editor-grid input,.editor-grid select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:11px;padding:0 10px;background:#fff;font:inherit;font-size:.76rem}.editor-grid input[type=range]{padding:0}.editor-grid .span-2{grid-column:1/-1}.upload-card{grid-template-columns:32px 1fr!important;align-items:center;border:1px dashed #c8d4dc;border-radius:12px;padding:9px;cursor:pointer}.upload-card>.ui-icon{grid-row:1/3;color:#6b8292}.upload-card span b,.upload-card span small{display:block}.upload-card span small{font-weight:500;color:var(--muted)}.upload-card input{grid-column:1/-1;border:0!important;min-height:30px!important;padding:0!important;font-size:.65rem!important}.switch-row{display:flex!important;grid-template-columns:unset!important;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:10px}.switch-row input{width:20px!important;min-height:20px!important}.switch-row span b,.switch-row span small{display:block}.switch-row span small{font-weight:500;color:var(--muted)}.editor-savebar{position:sticky;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#0d2839;color:#fff;border-radius:15px;padding:10px 10px 10px 14px;box-shadow:0 15px 40px rgba(8,23,37,.25);z-index:5}.editor-savebar b,.editor-savebar span{display:block}.editor-savebar span{font-size:.62rem;color:#a9bdca}.danger-zone{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}.danger-zone form{margin:0}

/* reveal motion */
/* Progressive enhancement: el contenido nunca depende de JavaScript para ser visible. */
.reveal,.reveal-item{opacity:1!important;visibility:visible!important;transform:none!important;transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.is-visible,.reveal-item.is-visible{opacity:1;transform:none}.reveal-stagger .reveal-item:nth-child(2){transition-delay:.06s}.reveal-stagger .reveal-item:nth-child(3){transition-delay:.12s}.reveal-stagger .reveal-item:nth-child(4){transition-delay:.18s}.reveal-stagger .reveal-item:nth-child(5){transition-delay:.24s}.reveal-stagger .reveal-item:nth-child(6){transition-delay:.3s}

/* Responsive */
@media(max-width:1200px){.category-mosaic{grid-template-columns:repeat(4,1fr)}.product-rail{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:1.4fr repeat(2,1fr)}.footer-col:nth-of-type(4),.footer-col:nth-of-type(5){margin-top:0}.builder-workspace{grid-template-columns:240px minmax(0,1fr)}.banner-studio{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:980px){.container{width:min(var(--eb-content-tablet,94%),1200px)}.trust-top{display:none}.hero-premium .hero-grid{grid-template-columns:1fr}.hero-showcase{max-width:680px}.category-mosaic{grid-template-columns:repeat(3,1fr)}.category-visual-card.category-featured{grid-column:span 1;min-height:220px}.product-rail{grid-template-columns:repeat(2,1fr)}.comparison-cards{grid-template-columns:1fr}.alert-cta{grid-template-columns:1fr}.alert-cta-visual{height:190px}.app-install-card{grid-template-columns:1fr}.app-device{max-width:320px}.category-directory{grid-template-columns:repeat(2,1fr)}.directory-highlight{grid-column:span 1}.auth-layout{grid-template-columns:1fr;gap:30px}.auth-story{text-align:center}.auth-story>p{margin-inline:auto}.auth-benefits{align-items:center}.auth-card{max-width:520px;width:100%;margin-inline:auto}.recommender-layout{grid-template-columns:1fr}.recommend-intro{min-height:360px}.admin-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:286px;transform:translateX(-102%);transition:.25s;z-index:999;height:100vh}.admin-body.admin-menu-open .sidebar{transform:none}.admin-main{padding:0 18px 30px}.admin-mobile-menu{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:11px}.admin-global-top{justify-content:flex-start}.admin-global-actions{margin-left:auto}.builder-workspace,.banner-studio{grid-template-columns:1fr}.builder-library,.campaign-list{position:static;max-height:none}.campaign-list{display:grid;grid-template-columns:repeat(2,1fr)}.campaign-list-head{grid-column:1/-1}.visual-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){body{padding-bottom:64px}.container{width:var(--eb-content-mobile,94%)}.section{padding:44px 0}.topbar .nav{min-height:64px}.nav-actions{margin-left:auto}.market-select{display:none}.hero-premium{padding-top:48px}.hero-copy h1{font-size:3.35rem}.hero-copy>p{font-size:1rem}.searchbox{flex-direction:row;padding:6px 6px 6px 12px}.searchbox .btn{min-width:0;padding-inline:13px}.hero-showcase{padding:12px}.showcase-product{grid-template-columns:28px 58px 1fr 44px}.showcase-product img{width:58px;height:54px}.hero-trust{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.category-mosaic{grid-template-columns:repeat(2,1fr);gap:10px}.category-visual-card,.category-visual-card.category-featured{min-height:180px}.category-visual-content{grid-template-columns:36px 1fr 30px;inset:auto 11px 11px}.category-icon-quality{width:36px;height:36px}.category-visual-content strong{font-size:.86rem}.category-arrow{width:30px;height:30px}.product-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.product-tile{min-width:78vw;scroll-snap-align:start}.deal-story-head{align-items:flex-start;flex-direction:column}.comparison-card{grid-template-columns:120px 1fr 34px}.comparison-products img{width:48px;height:52px}.editorial-grid{grid-template-columns:1fr}.alert-cta{padding:28px 20px;gap:15px}.alert-cta-visual{height:180px}.notification-card{width:88%;padding:12px}.discovery-cta{grid-template-columns:52px 1fr}.discovery-cta .btn{grid-column:1/-1}.method-story{grid-template-columns:1fr;padding:25px}.method-steps{grid-template-columns:1fr}.app-install-card{padding:28px 20px;gap:25px}.app-device{width:80%}.footer-cta{grid-template-columns:52px 1fr;transform:translateY(-28px;padding:18px}.footer-cta-icon{width:48px;height:48px}.footer-cta-actions{grid-column:1/-1}.footer-main{grid-template-columns:1fr 1fr;gap:26px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start}.category-directory{grid-template-columns:1fr}.directory-card{grid-template-columns:120px 1fr;min-height:180px}.directory-copy{padding:17px}.auth-page{padding:38px 0}.auth-story h1{font-size:2.8rem}.auth-card{padding:20px}.auth-row{align-items:flex-start;flex-direction:column}.priority-grid{grid-template-columns:1fr}.budget-choice{grid-template-columns:1fr}.result-main{grid-template-columns:80px 1fr 52px}.result-main img{width:80px;height:78px}.result-explanation{grid-template-columns:1fr}.result-actions{flex-direction:column}.admin-page-title,.admin-head,.admin-top{align-items:flex-start;flex-direction:column}.visual-kpis{grid-template-columns:1fr 1fr}.admin-quick-add span{display:none}.builder-components{grid-template-columns:repeat(3,1fr)}.builder-devicebar{align-items:flex-start;flex-direction:column}.module-settings{display:grid;grid-template-columns:1fr 1fr}.module-advanced{margin:0}.campaign-list{grid-template-columns:1fr}.editor-grid{grid-template-columns:1fr}.editor-grid .span-2{grid-column:auto}.banner-editor{padding:14px}.banner-editor-head{align-items:flex-start;flex-direction:column}.wizard-step{grid-template-columns:30px 1fr;padding:11px}.wizard-number{width:28px;height:28px}.footer-col:nth-child(n+4){border-top:1px solid #173044;padding-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-item{opacity:1;transform:none;transition:none}.category-visual-card,.product-tile,.editorial-card,.comparison-card{transition:none}.category-visual-card:hover,.product-tile:hover,.editorial-card:hover,.comparison-card:hover{transform:none}}

/* Offer manager visual edition */
.offer-control{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;margin-bottom:14px}.offer-product-picker,.offer-add{display:flex;align-items:end;gap:10px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px}.offer-product-picker>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--accent-soft);color:var(--accent-2)}.offer-product-picker label,.offer-add label{flex:1}.offer-control small{display:block;color:var(--muted);font-size:.65rem;font-weight:800;margin-bottom:5px}.offer-control select{width:100%;min-height:43px;border:1px solid var(--line);border-radius:11px;padding:0 10px;background:#fff}.offer-plus{display:grid;place-items:center;width:34px;height:34px;margin-bottom:4px;border-radius:50%;background:#edf3f6;color:#6b7f8e;font-weight:900}.offer-explainer{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;background:linear-gradient(135deg,#0d2839,#10483f);color:#fff;border-radius:20px;padding:17px 20px;margin-bottom:16px}.offer-explainer>span{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:rgba(255,255,255,.1);color:#70e3ba}.offer-explainer b{display:block}.offer-explainer p{margin:2px 0;color:#b8cbd4;font-size:.76rem}.offer-flow{display:flex;align-items:center;gap:8px}.offer-flow span{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.65rem;font-weight:800}.offer-flow .ui-icon{width:14px;color:#6ee0b8}.offer-admin-list{display:grid;gap:14px}.offer-admin-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:23px;padding:18px}.offer-admin-card>header{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:start;border-bottom:1px solid #edf1f4;padding-bottom:14px;margin-bottom:14px}.offer-store-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eff6f4;color:var(--accent-2)}.offer-admin-card h2{font-size:1.08rem;margin:2px 0 7px}.offer-statuses{display:flex;gap:5px;flex-wrap:wrap}.status-chip{padding:5px 8px;border-radius:999px;background:#eef3f6;color:#617687;font-size:.6rem;font-weight:850}.status-chip.good{background:#e7f8f1;color:#087957}.status-chip.bad{background:#fff0f2;color:#a33c4b}.offer-total{text-align:right}.offer-total small,.offer-total span{display:block;color:var(--muted);font-size:.62rem}.offer-total strong{display:block;font-size:1.55rem;letter-spacing:-.04em}.offer-simple-form{display:grid;gap:12px}.offer-essential{display:grid;grid-template-columns:150px 130px 170px 1fr;gap:10px}.offer-essential label{display:grid;gap:5px}.offer-essential label>span{font-size:.65rem;font-weight:850;color:#5c7081}.offer-essential input,.offer-essential select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:11px;padding:0 10px;background:#fff}.money-input{position:relative}.money-input input{padding-right:30px}.money-input b{position:absolute;right:10px;top:10px}.offer-advanced{border:1px solid #e3eaee;border-radius:14px;background:#f8fafb}.offer-advanced summary{display:flex;align-items:center;gap:7px;cursor:pointer;padding:11px 13px;font-size:.7rem;font-weight:850}.offer-advanced summary .ui-icon{width:15px;color:#6d8292}.offer-advanced summary small{margin-left:auto;color:#8d9ba7;font-weight:500}.offer-advanced[open] summary{border-bottom:1px solid #e3eaee}.offer-advanced .editor-grid{padding:12px}.advanced-full{display:grid;gap:5px;padding:0 12px 12px;font-size:.68rem;font-weight:800}.advanced-full textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:9px}.offer-stock-toggle{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:800}.offer-card-actions{display:flex;align-items:center;gap:12px}.offer-card-actions span{font-size:.62rem;color:var(--muted)}.offer-delete{position:absolute;right:14px;top:14px}.offer-delete .icon-button{width:34px;height:34px}.offer-empty{background:#fff;border:1px dashed var(--line);border-radius:22px;margin-top:14px}
@media(max-width:1050px){.offer-control{grid-template-columns:1fr}.offer-essential{grid-template-columns:repeat(2,1fr)}.offer-explainer{grid-template-columns:54px 1fr}.offer-flow{grid-column:1/-1}}
@media(max-width:680px){.offer-add{align-items:stretch;flex-direction:column}.offer-plus{display:none}.offer-essential{grid-template-columns:1fr}.offer-admin-card>header{grid-template-columns:42px 1fr}.offer-total{grid-column:1/-1;text-align:left}.offer-flow{overflow-x:auto}.offer-advanced summary small{display:none}}

/* Email verification */
.email-verify-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:18px 20px;margin:18px 0;border:1px solid color-mix(in srgb,var(--brand,#14b88a) 28%,transparent);background:color-mix(in srgb,var(--brand,#14b88a) 8%,#fff);border-radius:18px}.email-verify-banner strong{display:block;margin-bottom:4px}.email-verify-banner p{margin:0;color:var(--muted,#667085)}@media(max-width:680px){.email-verify-banner{flex-direction:column}.email-verify-banner .btn{width:100%;justify-content:center}}

/* Automatic password visibility wrapper */
.auto-password{position:relative;display:block;width:100%}.auto-password input{padding-right:52px!important}.auto-password .password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:inline-grid;place-items:center;border:0;background:transparent;border-radius:10px;color:inherit;cursor:pointer}.auto-password .password-toggle:hover{background:rgba(15,23,42,.06)}.auto-password .password-toggle:focus-visible{outline:2px solid var(--brand,#14b88a);outline-offset:2px}.auto-password .password-toggle svg{width:20px;height:20px}


/* P0 responsive portada — 2026-09-19
   El hero debe permanecer dentro del viewport incluso a 320px y con zoom de texto.
   clamp() es CSS nativo y compatible con el stack Apache/PHP de IONOS. */
.hero-copy{min-width:0}
.hero-copy h1{
  font-size:clamp(2.55rem,7.2vw,5.35rem);
  line-height:.94;
  max-width:12ch;
  overflow-wrap:normal;
  text-wrap:balance;
}
.searchbox{min-width:0}
.searchbox input{min-width:0;width:100%}

@media(max-width:680px){
  .hero-premium{padding-top:34px}
  .hero-premium .hero-grid{min-width:0}
  .hero-copy h1{
    font-size:clamp(2.55rem,13vw,3.7rem);
    line-height:.96;
    max-width:100%;
    letter-spacing:-.045em;
  }
  .hero-copy>p{font-size:1rem;line-height:1.58;max-width:34rem}
  .searchbox{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,36%);gap:6px;padding:6px}
  .searchbox .btn{width:100%;min-width:0;padding-inline:12px}
  .hero-quick{display:grid;gap:12px;margin-top:18px}
  .hero-quick a{min-height:44px;font-size:.9rem}
}
@media(max-width:380px){
  .hero-copy h1{font-size:clamp(2.35rem,12.5vw,3rem)}
  .searchbox{grid-template-columns:minmax(0,1fr) 108px}
}

/* ============================================================
   EligeBien · UI adaptativa por dispositivo · 2026-09-22
   Una sola aplicación / tres composiciones: móvil, tablet y PC.
   ============================================================ */

/* PC / escritorio: >= 1181px */
@media (min-width:1181px){
  .container{width:min(var(--eb-content-desktop,92%),1280px)}
  .mobile-app-nav{display:none!important}
  .mobile-nav-toggle{display:none!important}
  .recommender-layout{grid-template-columns:minmax(0,640px) minmax(360px,1fr);gap:40px}
  .recommend-form{padding:30px}
  .budget-choice{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}

/* Tablet: 681px–1180px. Composición propia, no móvil ampliado. */
@media (min-width:681px) and (max-width:1180px){
  .container{width:min(var(--eb-content-tablet,94%),1040px)}
  .mobile-app-nav{display:none!important}
  .recommender-layout{grid-template-columns:1fr}
  .recommend-form{max-width:820px;margin-inline:auto;padding:28px}
  .recommend-intro{max-width:820px;margin-inline:auto;min-height:340px}
  .priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .budget-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .budget-box{min-width:0;min-height:112px;padding:16px 46px 16px 16px}
  .budget-box>span{font-size:.84rem;line-height:1.35;overflow-wrap:normal;word-break:normal}
  .budget-box>div input{max-width:150px;width:100%}
  .product-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compare-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Móvil: <= 680px. Interfaz táctil y composición vertical real. */
@media (max-width:680px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .container{width:min(var(--eb-content-mobile,94%),100%);padding-inline:max(12px,env(safe-area-inset-left,0px));}
  .topbar{position:sticky;top:0;z-index:800}
  .topbar .nav{min-height:66px;gap:10px}
  .brand{min-width:0}.brand span{white-space:nowrap}
  .nav-actions{gap:6px}.nav-actions .btn{min-width:44px}
  .mobile-app-nav{height:calc(72px + env(safe-area-inset-bottom,0px));padding:7px 8px env(safe-area-inset-bottom,0px);align-items:start}
  .mobile-app-nav a{min-width:0;min-height:58px;padding:5px 3px;gap:3px}
  .mobile-app-nav small{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

  /* Elige por mí: cada paso aprovecha todo el ancho útil. */
  .recommend-hero{padding:36px 0 18px}
  .recommend-hero h1{font-size:clamp(2.2rem,11vw,3.1rem);overflow-wrap:normal;word-break:normal}
  .recommender-layout{display:block}
  .recommend-form{border-radius:22px;padding:18px 14px;margin:0;min-width:0}
  .recommend-step{grid-template-columns:34px minmax(0,1fr);gap:10px;padding-bottom:22px;min-width:0}
  .recommend-step+.recommend-step{padding-top:22px}
  .step-number{width:32px;height:32px;border-radius:11px}
  .step-body,.step-heading,.step-heading>div{min-width:0}
  .step-heading{gap:8px;margin-bottom:13px}
  .step-heading>span{width:32px;height:32px;flex:0 0 32px}
  .step-heading h2{font-size:clamp(1.05rem,5.2vw,1.28rem);line-height:1.18;overflow-wrap:normal;word-break:normal;text-wrap:balance}
  .step-heading p{font-size:.8rem;line-height:1.45;overflow-wrap:normal;word-break:normal}
  .priority-grid{grid-template-columns:1fr;gap:9px}

  /* Presupuesto: nunca dos tarjetas comprimidas. */
  .budget-choice{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px;width:100%;min-width:0}
  .budget-box{width:100%;min-width:0;min-height:82px;padding:14px 48px 14px 14px;border-radius:16px;overflow:hidden}
  .budget-box>input[type=radio]{right:16px;top:50%;transform:translateY(-50%);width:22px;height:22px;margin:0}
  .budget-box>span{display:block;max-width:100%;font-size:.82rem;line-height:1.3;white-space:normal;overflow-wrap:normal;word-break:normal}
  .budget-box>div{min-width:0;display:flex;align-items:center;gap:8px;margin-top:3px}
  .budget-box>div input{width:min(150px,65%);max-width:100%;min-width:0;font-size:1.65rem;line-height:1.15}
  .budget-box>div b{font-size:1.2rem}
  .budget-box>b{margin-top:6px;min-width:0;overflow-wrap:normal;word-break:normal}
  .recommend-submit{min-height:56px;padding:12px 18px;font-size:1rem;line-height:1.25;white-space:normal;text-align:center}
  .recommend-side{margin-top:18px}
  .recommend-intro{min-height:auto;padding:26px 18px;border-radius:22px}

  /* Contenido y comparaciones: densidad móvil controlada. */
  .product-rail{gap:12px}.product-tile{min-width:min(84vw,340px)}
  .compare-summary-grid{grid-template-columns:1fr!important}
  .compare-summary-card{min-width:0}
  .compare-table-wrap{margin-inline:0;border-radius:14px;-webkit-overflow-scrolling:touch}
  .filterbar{display:grid;grid-template-columns:1fr;gap:8px}
  .filterbar select,.filterbar input{width:100%;min-height:46px}
  .result-main{grid-template-columns:72px minmax(0,1fr) 50px;gap:10px}
  .result-main img{width:72px;height:72px}
  .result-copy,.result-copy h3,.result-copy p{min-width:0;overflow-wrap:anywhere}
}

/* Teléfonos estrechos: preservar legibilidad antes que densidad. */
@media (max-width:390px){
  .container{width:100%;padding-inline:12px}
  .recommend-form{padding:16px 12px}
  .recommend-step{grid-template-columns:30px minmax(0,1fr);gap:8px}
  .step-number{width:30px;height:30px}
  .step-heading{display:grid;grid-template-columns:30px minmax(0,1fr)}
  .step-heading>span{width:30px;height:30px}
  .budget-box{padding-left:12px;padding-right:46px}
  .result-main{grid-template-columns:62px minmax(0,1fr)}
  .result-main img{width:62px;height:62px}
  .result-score{grid-column:1/-1;width:auto;height:auto;border-radius:12px;padding:8px 12px;justify-content:flex-start}
}