/* Comparador Evidelo 2.0: descoberta + decisão. Escopo restrito à rota /comparar. */
.compare-page{--cx-primary:#503bd7;--cx-primary-soft:#eeeafd;--cx-ink:#182039;--cx-line:#e3e6ee;--cx-bg:#f6f7fc;--cx-paper:#fff;--cx-card:#fff;background:radial-gradient(ellipse 65% 330px at 65% 0,rgba(93,73,235,.08),transparent),var(--cx-bg)}
.compare-page .cx-hero{position:relative;align-items:center;gap:22px;padding-top:44px;padding-bottom:22px}
.compare-page .cx-hero h1{max-width:750px;font-size:clamp(36px,5vw,60px);line-height:1.04}
.compare-page .cx-hero .intro{max-width:680px}
.compare-page .cx-principles{gap:9px}
.compare-page .cx-principles li{border-radius:16px;box-shadow:0 5px 22px rgba(45,42,91,.035)}
.compare-page .cx-principles svg{color:var(--cx-primary);background:var(--cx-primary-soft)}
.compare-page .cx-editor{background:#fff;border:1px solid #e4e4f0;box-shadow:0 14px 50px rgba(48,42,95,.07)}
.compare-page .cx-editor h2{font-size:clamp(21px,2.6vw,27px)}
.compare-page .cx-slot--empty button{background:#fafaff;border-color:#dad8ec}
.compare-page .cx-slot--filled{border-color:#e3e0f3;min-width:0}
.compare-page .cx-slot--filled img{background:#fff;object-fit:contain}
.compare-page .cx-slot__name{overflow-wrap:anywhere}
.compare-page .cx-slot--filled,.compare-page .cx-slot--empty button{min-height:170px}
.compare-page .compare-empty .cx-editor{max-width:none;margin:0 0 22px}
.compare-page .cx-onboard{margin-top:22px;border-radius:23px}
.compare-page .cx-discovery{display:grid;gap:24px}
.compare-page .cx-discovery__lead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px}
.compare-page .cx-kicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--cx-primary);font-weight:800}
.compare-page .cx-discovery h2,.compare-page .cx-discovery h3{margin:6px 0 0;color:var(--cx-ink);font-family:"Outfit",sans-serif}
.compare-page .cx-discovery h2{font-size:clamp(23px,3.1vw,31px)}
.compare-page .cx-discovery h3{font-size:20px}
.compare-page .cx-discovery__lead p{margin:6px 0 0;font-size:14px;color:var(--cx-muted)}
.compare-page .cx-discovery__link{font-size:13px;font-weight:700;color:var(--cx-primary);text-decoration:none}
.compare-page .cx-discovery__link:hover{text-decoration:underline}
.compare-page .cx-battles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.compare-page .cx-battle{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--cx-line);border-radius:22px;background:#fff;text-align:left;box-shadow:var(--cx-shadow);font:inherit;color:inherit;cursor:pointer;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}
.compare-page .cx-battle:hover{transform:translateY(-3px);border-color:#bcb4f8;box-shadow:0 18px 28px rgba(50,46,119,.11)}
.compare-page .cx-battle:focus-visible,.compare-page .cx-suggest-card button:focus-visible,.compare-page .cx-tab:focus-visible{outline:3px solid #7a69f7;outline-offset:3px}
.compare-page .cx-battle__meta{display:flex;justify-content:space-between;gap:7px;align-items:center;font-size:12px;font-weight:700;color:var(--cx-muted)}
.compare-page .cx-battle__media{display:flex;align-items:center;justify-content:center;gap:6px;min-height:106px}
.compare-page .cx-battle__media img{width:42%;height:108px;object-fit:contain;min-width:0}
.compare-page .cx-battle__versus{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:99px;background:var(--cx-primary-soft);font:800 10px "Outfit",sans-serif;color:var(--cx-primary)}
.compare-page .cx-battle__titles{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:700;line-height:1.45;min-height:40px}
.compare-page .cx-battle__action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:var(--cx-primary);font-size:13px;font-weight:800}
.compare-page .cx-discovery__panel{padding:24px;border:1px solid var(--cx-line);border-radius:24px;background:#fff}
.compare-page .cx-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.compare-page .cx-tab{padding:9px 13px;border:1px solid var(--cx-line);border-radius:99px;background:#fff;color:var(--cx-muted);font:700 12.5px "Figtree",sans-serif;cursor:pointer}
.compare-page .cx-tab:hover{color:var(--cx-primary);border-color:#bcb4f8}
.compare-page .cx-tab[aria-pressed="true"]{color:#fff;background:var(--cx-primary);border-color:var(--cx-primary)}
.compare-page .cx-suggest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.compare-page .cx-suggest-card{display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid var(--cx-line);border-radius:17px;background:#fff}
.compare-page .cx-suggest-card__image{display:grid;place-items:center;height:135px;margin-bottom:10px;border-radius:12px;background:#f8f9fc}
.compare-page .cx-suggest-card__image img{max-width:100%;width:100%;height:125px;object-fit:contain;mix-blend-mode:multiply}
.compare-page .cx-suggest-card__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;margin:0;font-size:13px;font-weight:700;line-height:1.5}
.compare-page .cx-suggest-card__price{display:block;min-height:28px;margin-top:9px;font-size:14px;font-weight:800;color:var(--cx-ink)}
.compare-page .cx-suggest-card__price small{display:block;font-size:10px;font-weight:500;color:var(--cx-muted)}
.compare-page .cx-suggest-card button{margin-top:auto;width:100%;padding:10px 6px;border:1px solid var(--cx-primary);border-radius:11px;background:var(--cx-primary-soft);color:var(--cx-primary);font:750 12px "Figtree",sans-serif;cursor:pointer}
.compare-page .cx-suggest-card button:hover:not(:disabled){color:#fff;background:var(--cx-primary)}
.compare-page .cx-suggest-card button:disabled{opacity:.58;cursor:not-allowed}
.compare-page .cx-discovery__status{padding:20px;border:1px dashed var(--cx-line);border-radius:16px;color:var(--cx-muted);font-size:14px}
.compare-page .cx-decisions{padding:22px;margin-bottom:20px;border:1px solid #dedcf3;border-radius:23px;background:linear-gradient(125deg,#f2efff,#fff 55%)}
.compare-page .cx-decisions h2{margin:5px 0 7px;font-size:clamp(23px,3vw,29px)}
.compare-page .cx-decisions>p{margin:0 0 18px;color:var(--cx-muted);font-size:14px}
.compare-page .cx-decisions__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.compare-page .cx-insight{padding:15px;border:1px solid #e7e4f5;border-radius:15px;background:#fff;min-width:0}
.compare-page .cx-insight span{display:block;font-size:11px;font-weight:750;color:var(--cx-muted)}
.compare-page .cx-insight strong{display:block;margin:8px 0 4px;line-height:1.35;font-size:17px;color:var(--cx-ink);overflow-wrap:anywhere}
.compare-page .cx-insight p{margin:0;font-size:12px;line-height:1.45;color:var(--cx-muted)}
.compare-page .cx-spec-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;margin:28px 0 10px}
.compare-page .cx-spec-head h2{margin:0;font-size:24px}
.compare-page .cx-spec-head span{font-size:12px;color:var(--cx-muted)}
.compare-page #compareSpecsNav .cx-tabs{margin:0 0 12px}
.compare-page .cx-attribute-break{grid-column:1/-1;padding:11px 18px;border-bottom:1px solid var(--cx-line);background:#f0effc;color:#4c418d;font-weight:800;font-size:13px}
.compare-page .compare:has(.cx-attribute-break){margin-top:8px}
.compare-page .product-header{background:#fff}
.compare-page .product-header .product img{height:130px;max-width:180px;object-fit:contain}
.compare-page .product-header .product h2{font-size:14px;line-height:1.4}
.compare-page .cx-disclosure{margin:12px 0 0;color:var(--cx-muted);font-size:11px}
.compare-page .cx-empty>.cx-alert{max-width:none;margin:0 0 14px}
.compare-page .compare-empty__error{max-width:none}
@media(max-width:900px){
 .compare-page .cx-battles{grid-template-columns:repeat(2,minmax(0,1fr))}
 .compare-page .cx-suggest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .compare-page .cx-decisions__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .compare-page .cx-hero{padding-top:28px;gap:15px}
 .compare-page .cx-hero h1{font-size:clamp(32px,9vw,43px)}
 .compare-page .cx-hero .intro{font-size:14.5px}
 .compare-page #content{padding:10px 8px 60px}
 .compare-page .cx-editor{padding:17px;border-radius:20px}
 .compare-page .cx-slot--filled,.compare-page .cx-slot--empty button{min-height:142px}
 .compare-page .cx-slot{min-height:142px}
 .compare-page .cx-slot--filled img,.compare-page .cx-slot__ph{width:52px;height:52px}
 .compare-page .cx-battles{grid-template-columns:1fr}
 .compare-page .cx-battle{flex-direction:row;align-items:center;flex-wrap:wrap;padding:12px}
 .compare-page .cx-battle__meta{width:100%}
 .compare-page .cx-battle__media{min-height:70px;width:120px;flex:none}
 .compare-page .cx-battle__media img{height:76px}
 .compare-page .cx-battle__titles{min-height:0;flex:1;font-size:13px}
 .compare-page .cx-battle__action{width:100%}
 .compare-page .cx-discovery__panel{padding:16px}
 .compare-page .cx-suggest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .compare-page .cx-suggest-card__image{height:112px}
 .compare-page .cx-suggest-card__image img{height:102px}
 .compare-page .cx-decisions{padding:15px;border-radius:18px}
 .compare-page .cx-decisions__grid{grid-template-columns:1fr}
 .compare-page .cx-insight{padding:13px}
 .compare-page .cx-spec-head h2{font-size:21px}
 .compare-page .product-header .product img{height:86px}
}
@media(prefers-reduced-motion:reduce){.compare-page .cx-battle{transition:none}}

/* Busca unificada: fonte e preço visíveis sem confundir anúncio externo com ficha verificada. */
.compare-page .cx-opt__copy{display:flex;flex-direction:column;flex:1;gap:3px;min-width:0;overflow:hidden;text-overflow:clip;white-space:normal}
.compare-page .cx-opt__copy strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;color:var(--cx-ink);font-weight:700}
.compare-page .cx-opt__source{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cx-muted);font-size:11px;font-weight:500}
.compare-page .cx-opt__loading{padding:12px 14px;border-top:1px solid var(--cx-line);background:#f8f7ff;color:var(--cx-primary)}
.compare-page .cx-combo__list{max-height:min(440px,60vh)}
@media(max-width:640px){.compare-page .cx-opt{min-height:64px}.compare-page .cx-opt__source{font-size:10.5px}}

/* QA: comparação entre categorias distintas exige aviso, nunca um vencedor implícito. */
.compare-page .cx-category-warning{margin:0 0 20px;padding:18px 20px;border:1px solid #e8c88e;border-radius:18px;background:#fffaf0;color:#71450e}
.compare-page .cx-category-warning strong{display:block;font-size:16px;line-height:1.3}
.compare-page .cx-category-warning p{margin:7px 0 0;font-size:13px;line-height:1.6;color:#765b36}
@media(max-width:640px){.compare-page .cx-category-warning{padding:14px 15px}}

/* QA mobile: manter a lista dentro da área visível acima ou abaixo do teclado virtual. */
.compare-page .cx-combo__list.cx-combo__list--above{top:auto;bottom:calc(100% + 8px)}
.compare-page .cx-opt[role="option"]{scroll-margin-block:6px}
@media(max-width:640px){.compare-page .cx-combo__list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}

/* Quatro colunas em telas pequenas: a descrição do atributo acompanha o scroll. */
.compare-page .compare .grid>.cell.label{position:sticky;left:0;z-index:2;background:#f8fafc;box-shadow:1px 0 0 var(--cx-line),4px 0 10px -9px rgba(20,24,38,.35)}
.compare-page .compare .grid>.cell.label.product-header{z-index:6;background:#f8fafc}
.compare-page .compare .grid>.cell.label.section{z-index:3;background:#f1f5f9}
.compare-page .compare[tabindex="0"]:focus-visible{outline:3px solid var(--cx-primary);outline-offset:3px}
.compare-page .cx-table-scroll-hint{display:none;margin:8px 0 10px;padding:9px 12px;border:1px solid var(--cx-line);border-radius:12px;color:var(--cx-muted);font-size:12px;line-height:1.5;background:var(--cx-paper)}
@media(max-width:760px){
  .compare-page .cx-table-scroll-hint{display:block}
  .compare-page .compare{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .compare-page .compare .grid>.cell.label{min-width:160px}
}