/* Spain: category summary block and "Cuánto vale" pages. Tokens come from taller.css. */
.es-sum .sec-head{margin-bottom:18px}
.es-tiles{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.es-tiles li{background:var(--card);border:1px solid var(--rule);border-top:2px solid var(--ink);padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.es-tiles .k{font:600 11px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.es-tiles strong{font:600 26px/1.15 var(--f-display);color:var(--ink);overflow-wrap:anywhere}
.es-lead{max-width:70ch;margin:0 0 22px;color:var(--ink-2);font-size:16px}
.es-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:22px}
.es-col{min-width:0}
.es-col h3,.es-h3{font:600 20px var(--f-display);margin:0 0 10px}
.es-h3{margin-top:22px}
.es-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.es-list li{border-bottom:1px solid var(--rule)}
.es-list a{display:block;padding:11px 12px;background:var(--card)}
.es-list a:hover{background:#fff}
.es-list b{font-weight:600}
.es-list .sub{display:block;font-size:13px;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}
.es-price{font-weight:600;float:right}
.es-qa{margin:0;display:grid;gap:16px}
.es-qa dt{font:600 18px var(--f-display);margin-bottom:4px}
.es-qa dd{margin:0;max-width:70ch;color:var(--ink-2)}
.es-price-page .es-verdict{max-width:70ch;display:grid;gap:8px;margin:0 0 20px}
.es-price-page .es-verdict p{margin:0;font-size:17px;color:var(--ink-2)}
.es-table{width:100%;border-collapse:collapse;min-width:520px}
.es-table th,.es-table td{padding:10px 12px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.es-table td strong{display:block;font:600 20px var(--f-display)}
.es-table td .sub{display:block;font-size:12.5px;color:var(--muted)}
.es-table .none{color:var(--muted)}
.es-tw{overflow-x:auto;border-top:1px solid var(--ink)}
@media (max-width:760px){.es-cols{grid-template-columns:1fr}.es-tiles{grid-template-columns:1fr 1fr}.es-tiles strong{font-size:22px}}
@media (max-width:420px){.es-tiles{grid-template-columns:1fr}.es-price{float:none;display:block}}
.es-list .es-static{display:block;padding:11px 12px;background:var(--card)}
.es-hub th a{font-weight:600}
.es-hub td,.es-hub th{white-space:nowrap}
.es-hub{min-width:560px}
.mth-cat img{object-fit:cover}
.dir .es-plain{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 16px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--paper)}
.dir .es-plain>span{max-width:100%;overflow-wrap:anywhere}
.dir .es-plain .mono{font-size:12px;color:var(--muted)}
.es-sum .dir .mono,.es-price-page .dir .mono,.es-faq .dir .mono{white-space:normal}
.es-table.es-narrow{min-width:0}
.es-table.es-narrow th,.es-table.es-narrow td{padding:10px 8px}
.es-link{display:inline-flex;align-items:center;justify-content:center;max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media (max-width:640px){.es-hub{min-width:0}.es-hub .hide-m{display:none}.es-hub td,.es-hub th{white-space:normal}.es-table th,.es-table td{padding:10px 8px}}
/* 4 Nov gate: the long tile text 'Comparar móviles reacondicionados' broke inside the word on a 390 px screen */
@media(max-width:480px){.dir a[href='/comparar/'] span{font-size:16px!important;overflow-wrap:break-word}}
