:root{
  --bg:#04101f;--bg2:#07182b;--panel:#081b30;--panel2:#0d243b;--line:#1d4668;
  --text:#f6fbff;--muted:#9bb5ca;--cyan:#0aa8ff;--cyan2:#31d8ff;--mag:#ff22c8;
  --green:#55ff9a;--greenBg:rgba(44,255,135,.12);--orange:#ff8a00;--gold:#ffd84d;
  --shadow:0 18px 60px rgba(0,0,0,.35);--r:18px;--headerH:66px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#04101f 0,#051528 45%,#03101f 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.wrap{width:min(1500px,calc(100% - 28px));margin:auto}.topbar{position:sticky;top:0;z-index:100;background:rgba(3,14,27,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(49,216,255,.25)}.topbar-inner{min-height:var(--headerH);display:grid;grid-template-columns:auto 1fr minmax(360px,520px);align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.035em;white-space:nowrap}.cartMark{font-size:34px;color:var(--cyan)}.brandName{font-size:28px}.brandName b{color:var(--cyan)}.brandSub{display:block;font-size:11px;color:#d5e6f2;font-weight:650;letter-spacing:0}.legalNav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.legalNav a{padding:10px 16px;border:1.5px solid var(--mag);border-radius:8px;box-shadow:0 0 14px rgba(255,34,200,.25);font-size:13px;font-weight:800;background:rgba(255,34,200,.07)}.legalNav a:hover,.legalNav a:focus-visible{background:rgba(255,34,200,.18);outline:none}.searchBox{display:flex;border:2px solid var(--cyan);border-radius:10px;overflow:hidden;background:#06192b;box-shadow:0 0 18px rgba(10,168,255,.22)}.searchBox input{flex:1;min-width:0;background:transparent;color:white;border:0;outline:0;padding:11px 14px}.searchBox button{border:0;background:linear-gradient(135deg,#0587df,#18c7ff);color:white;padding:0 18px;font-weight:950}.hero{margin:0;border-bottom:1px solid #14405e}.hero img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;background:#04101f}.marketRow,.categoryRow{display:grid;gap:12px}.marketRow{grid-template-columns:repeat(6,1fr);padding:13px 0 10px}.marketBtn{min-height:66px;border-radius:12px;border:2px solid var(--vendor,#6dc7ff);background:linear-gradient(180deg,color-mix(in srgb,var(--vendor,#6dc7ff) 16%,#071525),#06101d 72%);color:white;font-weight:900;line-height:1.15;padding:10px 12px;box-shadow:0 0 15px color-mix(in srgb,var(--vendor,#6dc7ff) 30%,transparent);transition:.16s}.marketBtn:hover,.marketBtn:focus-visible{transform:translateY(-2px);box-shadow:0 0 24px color-mix(in srgb,var(--vendor,#6dc7ff) 50%,transparent);outline:none}.marketBtn.amazon{--vendor:#ff9900}.marketBtn.alibaba{--vendor:#ff6a00}.marketBtn.ebay{--vendor:#28a8ff;border-image:linear-gradient(90deg,#e53238,#0064d2,#f5af02,#86b817) 1}.marketBtn.mercadolibre{--vendor:#ffe600;color:#fff}.marketBtn.temu{--vendor:#ff4b12}.marketBtn.top100{--vendor:#ffd34a}.categoryRow{grid-template-columns:repeat(4,1fr);padding:0 0 13px}.categoryBtn{min-height:64px;border-radius:12px;border:2px solid var(--green);background:linear-gradient(180deg,rgba(86,255,155,.17),rgba(35,124,79,.14));box-shadow:0 0 16px rgba(86,255,155,.22),inset 0 0 20px rgba(86,255,155,.06);color:white;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:900}.categoryBtn:hover,.categoryBtn[aria-pressed="true"],.categoryBtn:focus-visible{background:linear-gradient(180deg,rgba(86,255,155,.26),rgba(35,124,79,.2));box-shadow:0 0 27px rgba(86,255,155,.42);outline:none}.categoryIcon{font-size:27px;color:#7dffb6}.dashboard{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:12px;padding-bottom:14px}.panel{background:linear-gradient(180deg,rgba(10,31,52,.97),rgba(4,18,32,.98));border:1px solid #1c638c;border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.panelHead{min-height:58px;padding:11px 15px;border-bottom:1px solid rgba(81,181,239,.3);display:flex;align-items:center;justify-content:space-between;gap:14px}.panelHead h2{margin:0;font-size:21px}.panelHead p{margin:2px 0 0;color:#77cbfa;font-size:13px}.updateBtn{border:1.5px solid #ff20c8;background:linear-gradient(180deg,#b90b8e,#77105d);color:#fff;padding:9px 14px;border-radius:9px;font-weight:900;box-shadow:0 0 15px rgba(255,32,200,.35)}.updateBtn.pulse{animation:pulse 1.15s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 25px rgba(255,32,200,.72)}}.catalogGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px}.productCard{position:relative;background:#f8fbff;color:#071527;border:2px solid #d9edf7;border-radius:9px;padding:8px;min-height:205px;display:flex;flex-direction:column;transition:.16s}.productCard:hover,.productCard:focus-within{border-color:#29c7ff;box-shadow:0 0 18px rgba(41,199,255,.33);transform:translateY(-1px)}.productImg{width:100%;aspect-ratio:1.28;object-fit:contain;background:white;border-radius:6px}.productBrand{font-size:10px;color:#1677a8;font-weight:900;margin-top:6px}.productName{font-size:12px;font-weight:900;line-height:1.22;margin:2px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.productMeta{font-size:10px;color:#4c6a7d}.compareBtn{margin-top:auto;border:0;border-radius:7px;background:linear-gradient(180deg,#149cff,#086fc9);color:white;padding:7px 6px;font-size:11px;font-weight:900}.hoverPreview{position:absolute;z-index:40;left:50%;bottom:calc(100% - 10px);width:260px;transform:translate(-50%,10px) scale(.96);opacity:0;pointer-events:none;transition:.18s;background:#fff;border:2px solid #2fd5ff;border-radius:14px;padding:10px;box-shadow:0 22px 50px rgba(0,0,0,.45)}.productCard:hover .hoverPreview,.productCard:focus-within .hoverPreview{opacity:1;transform:translate(-50%,-4px) scale(1)}.hoverPreview img{width:100%;height:205px;object-fit:contain}.hoverPreview small{color:#406176;display:block;text-align:center}.pager{display:flex;gap:7px;justify-content:center;padding:0 10px 12px}.pager button{width:30px;height:30px;border:1px solid #2388bd;border-radius:6px;background:#073a65;color:white}.pager button.active{background:#0d9eff}.emptyState{padding:45px 24px;text-align:center;color:#a8c4d6}.emptyState b{color:white}.comparisonBody{display:grid;grid-template-columns:170px 1fr;gap:10px;padding:10px}.selectedProduct{background:#f9fdff;color:#061625;border-radius:8px;padding:10px}.selectedProduct img{width:100%;height:155px;object-fit:contain}.selectedProduct h3{font-size:13px;margin:8px 0 4px}.selectedProduct p{font-size:10px;color:#49687a}.tableWrap{overflow:auto;background:white;border-radius:8px}.compareTable{width:100%;border-collapse:collapse;color:#091627;font-size:11px;min-width:640px}.compareTable th{background:#102d47;color:white;padding:8px;border:1px solid #294c67}.compareTable td{padding:8px;border:1px solid #c4d4df;vertical-align:middle}.sellerText{font-weight:950}.buyBtn{display:inline-block;width:100%;text-align:center;color:white;padding:8px 10px;border-radius:6px;font-weight:900;border:0;background:var(--seller,#0d8dec)}.compareNote{margin:0 10px 10px;padding:8px 10px;background:#eef7fc;color:#436270;border-radius:8px;font-size:10px}.notFound{display:none;margin:0 10px 10px;border:2px solid var(--mag);background:linear-gradient(90deg,rgba(125,0,91,.72),rgba(79,0,66,.5));border-radius:13px;min-height:78px;padding:13px 16px;align-items:center;gap:14px;box-shadow:0 0 20px rgba(255,32,200,.27)}.notFound.show{display:flex;animation:blink 1s ease-in-out infinite}@keyframes blink{50%{box-shadow:0 0 32px rgba(255,32,200,.7)}}.notFoundIcon{font-size:30px}.notFound h3{margin:0;color:#ff72dc}.notFound p{margin:4px 0 0;font-size:12px}.infoImage{margin:0 auto 18px;padding:0;background:transparent;border:0;box-shadow:none}.infoImage img{width:100%;height:auto;display:block;border:0;border-radius:0;object-fit:contain;background:transparent;box-shadow:none}.videoSection{padding:12px 0 16px}.sectionTitle{font-size:20px;margin:0 0 10px}.videoGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.videoCard{min-height:112px;border:1px solid #1d5b82;border-radius:10px;background:linear-gradient(180deg,#0b253d,#071626);padding:11px;display:flex;flex-direction:column;justify-content:space-between}.videoCard b{font-size:12px}.videoCard small{color:#8bbbd6}.videoTag{font-size:10px;font-weight:900;color:#fff;border:1px solid var(--seller,#37aee8);border-radius:999px;padding:5px 7px;width:max-content;max-width:100%}.legalBar{border-top:2px solid #ff2dcc;background:linear-gradient(180deg,#351035,#1f0a21);padding:18px 22px;text-align:center;font-size:28px;line-height:1.35}.legalBar strong{color:#ff86df}.footer{border-top:1px solid #1d4668;padding:13px 0 20px;color:#a5bfd0}.footerRow{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.footerLinks{display:flex;gap:16px;flex-wrap:wrap;font-size:12px}.toast{position:fixed;right:18px;bottom:18px;z-index:200;background:#08192a;color:#fff;border:1px solid #29b9ff;border-radius:10px;padding:12px 14px;box-shadow:0 15px 40px rgba(0,0,0,.5);max-width:360px;display:none}.toast.show{display:block}.loading{opacity:.6;pointer-events:none}.statusLine{font-size:10px;color:#91b6ca}.rankBadge{position:absolute;top:8px;left:8px;background:#ff7700;color:white;border-radius:6px;padding:3px 5px;font-size:9px;font-weight:950}.sourceBadge{position:absolute;top:8px;right:8px;background:#e8faff;color:#0b6e9e;border-radius:6px;padding:3px 5px;font-size:8px;font-weight:950}.legal-page main{padding:36px 0 70px}.legal-page article{max-width:900px;margin:auto;background:#081b30;border:1px solid #1d5a82;border-radius:18px;padding:28px;box-shadow:var(--shadow)}.legal-page h1{font-size:34px;margin-top:0}.legal-page h2{margin-top:28px;color:#6ee7ff}.legal-page p,.legal-page li{color:#c6d9e6;line-height:1.7}.backLink{display:inline-block;margin-top:22px;color:#4fd8ff;font-weight:900}
@media(max-width:1200px){.topbar-inner{grid-template-columns:1fr auto}.searchBox{grid-column:1/-1;margin-bottom:10px}.marketRow{grid-template-columns:repeat(3,1fr)}.catalogGrid{grid-template-columns:repeat(4,1fr)}.videoGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.legalNav{display:none}.topbar-inner{grid-template-columns:1fr;gap:8px;padding:8px 0}.brand{justify-content:center}.searchBox{grid-column:auto;width:100%}.hero img{height:auto;max-height:none}.categoryRow{grid-template-columns:repeat(2,1fr)}.dashboard{grid-template-columns:1fr}.comparisonBody{grid-template-columns:1fr}.selectedProduct{display:grid;grid-template-columns:150px 1fr;gap:12px}.catalogGrid{grid-template-columns:repeat(3,1fr)}.videoGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.wrap{width:min(100% - 18px,1500px)}.brandName{font-size:23px}.marketRow{grid-template-columns:repeat(2,1fr)}.categoryRow{grid-template-columns:1fr}.catalogGrid{grid-template-columns:repeat(2,1fr)}.panelHead{align-items:flex-start;flex-direction:column}.updateBtn{width:100%}.videoGrid{grid-template-columns:1fr}.hero img{height:auto}.hoverPreview{display:none}.legalBar{font-size:20px;padding:15px 14px}.dashboard{display:block}.panel{margin-bottom:12px}}

.contactEmail{color:#6ee7ff;font-weight:900;text-decoration:underline}
.messageForm{display:grid;gap:16px;margin-top:18px}
.messageForm label{display:grid;gap:7px;font-weight:850;color:#eaf7ff}
.messageForm label span{font-size:12px;color:#9bb5ca;font-weight:600}
.messageForm input,.messageForm textarea{width:100%;border:1px solid #2879a6;border-radius:10px;background:#051525;color:#fff;padding:12px 13px;outline:none}
.messageForm input:focus,.messageForm textarea:focus{border-color:#31d8ff;box-shadow:0 0 16px rgba(49,216,255,.2)}
.messageForm .consentRow{display:flex;grid-template-columns:none;align-items:flex-start;gap:10px;font-size:13px;font-weight:600;color:#c6d9e6}
.messageForm .consentRow input{width:auto;margin-top:3px}
.sendMessageBtn{justify-self:start;border:1.5px solid #31d8ff;border-radius:9px;background:linear-gradient(180deg,#0a8ddc,#07629f);color:#fff;padding:11px 20px;font-weight:900}
.messageStatus{min-height:1.4em;margin:0!important;color:#6ee7ff!important;font-weight:800}
.formNote{font-size:12px}

.institutionalVideo{grid-column:1/-1}
.institutionalVideo video{display:block;width:100%;max-width:960px;aspect-ratio:16/9;margin:12px auto;border:1px solid #1faee9;border-radius:12px;background:#000;box-shadow:0 0 22px rgba(31,174,233,.18)}

/* Estados seleccionados solicitados */
.marketBtn[aria-pressed="true"]{background:linear-gradient(180deg,color-mix(in srgb,var(--vendor,#6dc7ff) 38%,#071525),#0a2034 72%);box-shadow:0 0 30px color-mix(in srgb,var(--vendor,#6dc7ff) 72%,transparent),inset 0 0 18px color-mix(in srgb,var(--vendor,#6dc7ff) 18%,transparent);transform:translateY(-2px)}
.legalNav a[aria-current="page"]{background:rgba(255,34,200,.28);box-shadow:0 0 24px rgba(255,34,200,.55)}
.marketSearchPanel{padding:0 0 13px;max-width:760px;margin:0 auto}
.marketSearchPanel[hidden]{display:none}
.marketSearchPanel .statusLine{text-align:center;margin-top:5px}

/* Ajuste final solicitado: Nota legal bajo "¿Cómo funciona?" al 30% */
.legalNoteStrip{
  padding:8px 12px !important;
  margin-top:6px !important;
  min-height:0 !important;
}
.legalNoteStrip,
.legalNoteStrip *{
  font-size:30% !important;
  line-height:1.25 !important;
}
.legalNoteStrip strong,
.legalNoteStrip b{
  font-size:30% !important;
}

.top100Panel{margin-top:22px}


/* ===== AJUSTE PRECISO SOLICITADO =====
   Productos Destacados y Top 100 permanecen sin cambios.
   Solo se amplía Comparativa de producto y se reubica Nota legal.
*/

/* Comparativa: 50% más ancha respecto a la columna original (~51% -> 76.5% del dashboard) */
#comparisonPanel{
  grid-column:1 / -1 !important;
  width:76.5% !important;
  max-width:76.5% !important;
  justify-self:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* La Nota Legal queda inmediatamente debajo de Comparativa y alineada con ella */
.dashboard > .legalBar{
  grid-column:1 / -1 !important;
  width:76.5% !important;
  max-width:76.5% !important;
  justify-self:center !important;
  margin:0 auto !important;
  border-radius:0 0 15px 15px;
}

/* Mantener visibles todas las columnas/aspectos de la tabla */
#comparisonPanel .tableWrap{
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
}
#comparisonPanel .compareTable{
  width:100% !important;
}

/* Responsive: en pantallas pequeñas usa todo el ancho disponible */
@media(max-width:900px){
  #comparisonPanel,
  .dashboard > .legalBar{
    width:100% !important;
    max-width:100% !important;
  }
}


/* ===== AJUSTES SOLICITADOS: Nota Legal + igualdad de altura ===== */

/* Nota Legal: 5% menos de tamaño tipográfico */
.dashboard > .legalBar,
.legalBar {
  font-size: 95% !important;
}

/* Productos Destacados y Top 100:
   conservar dimensiones base, pero igualar visualmente su altura. */
.dashboard {
  align-items: stretch !important;
}

#catalogPanel,
#top100Panel {
  height: 100% !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
}

/* Mantener el comportamiento interno de ambos paneles */
#catalogPanel,
#top100Panel {
  display: flex !important;
  flex-direction: column !important;
}

#catalogGrid,
#top100Grid {
  flex: 1 1 auto !important;
  align-content: start !important;
}


/* ===== AJUSTE PUNTUAL SOLICITADO ===== */

/* Nota Legal: +5% respecto al ajuste anterior (restaurada a su tamaño base) */
.dashboard > .legalBar,
.legalBar {
  font-size: 100% !important;
}

/* Top 100: subir una línea visual sin cambiar ancho ni altura */
#top100Panel {
  transform: translateY(-1.15em) !important;
  margin-bottom: -1.15em !important;
}


/* ===== AJUSTE PUNTUAL: Nota Legal +10% ===== */
.dashboard > .legalBar,
.legalBar {
  font-size: 110% !important;
}
