/*
Theme Name: El Salón Digital (hijo de Kadence)
Theme URI: https://elsalondigital.com/
Description: Tema hijo de Kadence para elsalondigital.com: blog de guías de compra y comparativas (Smart TV, streaming legal, Wi-Fi y routers, sonido y accesorios). Sin SEO ni datos estructurados propios: de eso se encarga Rank Math.
Author: El Salón Digital
Template: kadence
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elsalondigital
*/

/* Fuentes autoalojadas (Archivo, IBM Plex Sans · licencia OFL). Sin peticiones externas. */
@font-face{font-family:"Archivo";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/archivo-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/archivo-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:800;font-display:swap;src:url("assets/fonts/archivo-latin-ext-800-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-weight:800;font-display:swap;src:url("assets/fonts/archivo-latin-800-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/ibm-plex-sans-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/ibm-plex-sans-latin-ext-500-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/ibm-plex-sans-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Kadence: usa nuestras fuentes sin elegir fuentes de Google en el Personalizador. */
:root{
  --global-body-font-family:var(--esd-f-body);
  --global-heading-font-family:var(--esd-f-head);
  --global-primary-nav-font-family:var(--esd-f-head);
}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--esd-header-h) + 16px)}

/* ===== Componentes (reutilizan el diseño validado) ===== */
:root{--esd-blue:#2347E8; --esd-blue-dark:#1A36B8; --esd-blue-soft:#EAEEFD;
  --esd-amber:#FFB020; --esd-amber-dark:#E89A00;
  --esd-ink:#0F1419; --esd-muted:#4A5565; --esd-line:#E3E7EE; --esd-soft:#F5F7FB; --esd-white:#fff;
  --esd-ok:#0B7A47; --esd-warn-bg:#FFF6E0; --esd-warn-line:#F2CF7A;
  --esd-f-head:"Archivo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --esd-f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --esd-fs-s:.875rem; --esd-fs-m:1rem; --esd-fs-l:1.125rem; --esd-fs-xl:1.375rem; --esd-fs-2xl:1.75rem; --esd-fs-3xl:2.125rem;
  --esd-sp-1:.25rem; --esd-sp-2:.5rem; --esd-sp-3:.75rem; --esd-sp-4:1rem; --esd-sp-5:1.5rem; --esd-sp-6:2rem; --esd-sp-7:3rem; --esd-sp-8:4rem;
  --esd-r-s:6px; --esd-r-m:12px; --esd-r-l:18px;
  --esd-sh-1:0 1px 2px rgba(15,20,25,.06),0 2px 8px rgba(15,20,25,.05);
  --esd-sh-2:0 6px 24px rgba(15,20,25,.12);
  --esd-wrap:1200px; --esd-read:700px; --esd-header-h:64px;}
.esd *, .esd *::before, .esd *::after{box-sizing:border-box}
.esd img, .esd svg{max-width:100%;display:block}
.esd a{color:var(--esd-blue);text-underline-offset:3px}
.esd a:hover{color:var(--esd-blue-dark)}
.esd h1, .esd h2, .esd h3, .esd h4{font-family:var(--esd-f-head);line-height:1.15;margin:0 0 var(--esd-sp-3);letter-spacing:-.01em;font-weight:800}
.esd p{margin:0 0 var(--esd-sp-4)}
.esd ul, .esd ol{margin:0 0 var(--esd-sp-4);padding-left:1.25rem}
.esd :focus-visible{outline:3px solid var(--esd-blue);outline-offset:2px;border-radius:3px}
.esd .wrap{width:100%;max-width:var(--esd-wrap);margin-inline:auto;padding-inline:var(--esd-sp-4)}
.esd .sr-only, .esd .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.esd .search-form{display:flex;gap:var(--esd-sp-2)}
.esd .search-form input{flex:1;min-width:0;font:inherit;padding:.75rem 1rem;border:1px solid #B8C0CE;border-radius:var(--esd-r-m);background:#fff}
.esd .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--esd-sp-2);min-height:44px;padding:.65rem 1.25rem;border-radius:var(--esd-r-m);border:2px solid transparent;font:700 var(--esd-fs-m) var(--esd-f-head);text-decoration:none;cursor:pointer;transition:transform .15s,background-color .15s,box-shadow .15s}
.esd .btn:hover{transform:translateY(-1px)}
.esd .btn-primary{background:var(--esd-blue);color:#fff}
.esd .btn-primary:hover{background:var(--esd-blue-dark);color:#fff}
.esd .btn-buy{background:var(--esd-amber);color:var(--esd-ink);box-shadow:0 2px 0 var(--esd-amber-dark)}
.esd .btn-buy:hover{background:#FFC04D;color:var(--esd-ink)}
.esd .btn-ghost{background:#fff;border-color:var(--esd-line);color:var(--esd-ink)}
.esd .btn-ghost:hover{border-color:var(--esd-blue);color:var(--esd-blue)}
.esd .tag{display:inline-block;font:700 .75rem/1 var(--esd-f-head);text-transform:uppercase;letter-spacing:.06em;color:var(--esd-blue);background:var(--esd-blue-soft);padding:.35rem .55rem;border-radius:999px;text-decoration:none}
.esd .meta{font-size:var(--esd-fs-s);color:var(--esd-muted);display:flex;flex-wrap:wrap;gap:.25rem .75rem}
.esd .section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--esd-sp-3);margin:var(--esd-sp-7) 0 var(--esd-sp-4);padding-bottom:var(--esd-sp-3);border-bottom:2px solid var(--esd-ink)}
.esd .section-head h2{margin:0;font-size:var(--esd-fs-2xl)}
.esd .section-head a{font:600 var(--esd-fs-s) var(--esd-f-head);white-space:nowrap}
.esd .ph{position:relative;background:linear-gradient(135deg,#E8ECF6,#F4F6FB);border-radius:var(--esd-r-m);aspect-ratio:16/9;overflow:hidden;display:grid;place-items:center;color:#7A869A;font-size:.8125rem}
.esd .ph::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(35,71,232,.04) 14px 28px)}
.esd .ph span{position:relative;z-index:1;padding:.25rem .6rem;background:rgba(255,255,255,.8);border-radius:999px}
.esd .ph--43{aspect-ratio:4/3}
.esd .ph--sq{aspect-ratio:1/1}
.esd .ph--wide{aspect-ratio:21/9}
.esd .card{display:flex;flex-direction:column;gap:var(--esd-sp-3);color:inherit;text-decoration:none}
.esd .card h3{font-size:var(--esd-fs-l);margin:0}
.esd .card:hover h3{color:var(--esd-blue);text-decoration:underline;text-underline-offset:4px}
.esd .card .ph{transition:transform .25s}
.esd .card:hover .ph{transform:scale(1.015)}
.esd .card p{margin:0;color:var(--esd-muted);font-size:.9375rem}
.esd .card-row{display:grid;grid-template-columns:112px 1fr;gap:var(--esd-sp-4);align-items:start;color:inherit;text-decoration:none;padding:var(--esd-sp-4) 0;border-bottom:1px solid var(--esd-line)}
.esd .card-row h3{font-size:var(--esd-fs-l);margin:0 0 var(--esd-sp-2)}
.esd .card-row:hover h3{color:var(--esd-blue)}
.esd .card-row p{display:none;color:var(--esd-muted);margin:0 0 var(--esd-sp-2);font-size:.9375rem}
.esd .hero{display:grid;gap:var(--esd-sp-5);margin-top:var(--esd-sp-5)}
.esd .hero-main{position:relative;display:block;color:#fff;text-decoration:none;border-radius:var(--esd-r-l);overflow:hidden;background:var(--esd-ink)}
.esd .hero-main .ph{border-radius:0;aspect-ratio:4/3;background:linear-gradient(135deg,#1B2A66,#2347E8);color:#C7D2FF}
.esd .hero-main .ph::after{background:linear-gradient(to top,rgba(10,15,40,.85),transparent 60%)}
.esd .hero-copy{position:absolute;left:0;right:0;bottom:0;padding:var(--esd-sp-5);z-index:2}
.esd .hero-copy h2{font-size:var(--esd-fs-2xl);margin:var(--esd-sp-3) 0 var(--esd-sp-2);color:#fff}
.esd .hero-copy .tag{background:var(--esd-amber);color:var(--esd-ink)}
.esd .hero-copy .meta{color:#DCE3FF}
.esd .hero-main:hover h2{text-decoration:underline;text-underline-offset:5px}
.esd .hero-side{display:grid;gap:var(--esd-sp-2);align-content:start}
.esd .hero-side .card-row{grid-template-columns:112px 1fr;padding:var(--esd-sp-3) 0}
.esd .hero-side .card-row h3{font-size:1rem}
.esd .layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--esd-sp-6)}
.esd .sidebar{display:grid;gap:var(--esd-sp-5);align-content:start}
.esd .box{border:1px solid var(--esd-line);border-radius:var(--esd-r-m);padding:var(--esd-sp-5);background:#fff}
.esd .box h2, .esd .box h3{font-size:var(--esd-fs-l);margin-bottom:var(--esd-sp-3)}
.esd .box--blue{background:var(--esd-blue);color:#fff;border-color:var(--esd-blue)}
.esd .box--blue h2, .esd .box--blue h3{color:#fff}
.esd .box--blue p{color:#E3E9FF;font-size:.9375rem}
.esd .trend-list{list-style:none;margin:0;padding:0;counter-reset:t}
.esd .trend-list li{counter-increment:t;display:flex;gap:var(--esd-sp-3);padding:.6rem 0;border-bottom:1px solid var(--esd-line)}
.esd .trend-list li:last-child{border:0}
.esd .trend-list li::before{content:counter(t);font:800 1.1rem var(--esd-f-head);color:var(--esd-blue);min-width:1.25rem}
.esd .trend-list a{color:var(--esd-ink);text-decoration:none;font-weight:500}
.esd .trend-list a:hover{color:var(--esd-blue)}
.esd .news-form{display:grid;gap:var(--esd-sp-2)}
.esd .news-form input[type=email]{font:inherit;padding:.75rem 1rem;border:2px solid transparent;border-radius:var(--esd-r-m);min-width:0}
.esd .news-form .btn-buy{width:100%}
.esd .news-note{font-size:.8125rem;margin:var(--esd-sp-2) 0 0;opacity:.9}
.esd .news-msg{font-size:var(--esd-fs-s);font-weight:600;margin-top:var(--esd-sp-2)}
.esd .news-band{background:var(--esd-soft);border-radius:var(--esd-r-l);padding:var(--esd-sp-6) var(--esd-sp-5);margin-top:var(--esd-sp-7);display:grid;gap:var(--esd-sp-5)}
.esd .news-band .news-form input{border-color:#B8C0CE}
.esd .cat-block{margin-top:var(--esd-sp-7)}
.esd .cat-grid{display:grid;gap:var(--esd-sp-5)}
.esd .cat-list{display:grid;gap:0}
.esd .chips{display:flex;flex-wrap:wrap;gap:var(--esd-sp-2);list-style:none;padding:0;margin:0}
.esd .chips a{display:inline-block;padding:.55rem .95rem;border:1px solid var(--esd-line);border-radius:999px;color:var(--esd-ink);text-decoration:none;font-weight:600;font-size:.9375rem;background:#fff;transition:border-color .15s,background .15s}
.esd .chips a:hover, .esd .chips a[aria-current]{border-color:var(--esd-blue);background:var(--esd-blue-soft);color:var(--esd-blue)}
.esd .crumbs{font-size:var(--esd-fs-s);color:var(--esd-muted);padding:var(--esd-sp-4) 0 0}
.esd .crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem}
.esd .crumbs li+li::before{content:"›";margin-right:.25rem}
.esd .crumbs a{color:var(--esd-muted)}
.esd .page-head{padding:var(--esd-sp-5) 0 var(--esd-sp-4)}
.esd .page-head h1{font-size:var(--esd-fs-3xl)}
.esd .lede{font-size:var(--esd-fs-l);color:var(--esd-muted);max-width:var(--esd-read)}
.esd .aff-note{display:flex;gap:var(--esd-sp-3);background:var(--esd-warn-bg);border:1px solid var(--esd-warn-line);border-radius:var(--esd-r-m);padding:var(--esd-sp-3) var(--esd-sp-4);font-size:.9375rem;margin:var(--esd-sp-4) 0}
.esd .aff-note svg{flex:none;width:20px;height:20px;margin-top:3px;stroke:#8A5A00;fill:none;stroke-width:2}
.esd .aff-note p{margin:0}
.esd .article h1{font-size:var(--esd-fs-3xl)}
.esd .byline{display:flex;align-items:center;gap:var(--esd-sp-3);margin:var(--esd-sp-4) 0}
.esd .avatar{width:44px;height:44px;border-radius:50%;background:var(--esd-blue-soft);color:var(--esd-blue);display:grid;place-items:center;font:800 .9rem var(--esd-f-head);flex:none}
.esd .verdict{border-left:4px solid var(--esd-blue);background:var(--esd-blue-soft);padding:var(--esd-sp-4) var(--esd-sp-5);border-radius:0 var(--esd-r-m) var(--esd-r-m) 0;margin:var(--esd-sp-5) 0}
.esd .verdict h2{font-size:var(--esd-fs-l);margin-bottom:var(--esd-sp-2)}
.esd .verdict ul{margin:0}
.esd .toc{border:1px solid var(--esd-line);border-radius:var(--esd-r-m);padding:var(--esd-sp-4) var(--esd-sp-5);background:var(--esd-soft);margin:var(--esd-sp-5) 0}
.esd .toc summary{font:700 var(--esd-fs-m) var(--esd-f-head);cursor:pointer;min-height:32px}
.esd .toc ol{margin:var(--esd-sp-3) 0 0;padding-left:1.25rem}
.esd .toc a{color:var(--esd-ink);text-decoration:none}
.esd .toc a:hover, .esd .toc a.is-active{color:var(--esd-blue);font-weight:600}
.esd .prose{max-width:var(--esd-read)}
.esd .prose h2{font-size:var(--esd-fs-2xl);margin-top:var(--esd-sp-7)}
.esd .prose h3{font-size:var(--esd-fs-xl);margin-top:var(--esd-sp-5)}
.esd .prose p, .esd .prose li{font-size:1.0625rem;line-height:1.7}
.esd .prose li{margin-bottom:var(--esd-sp-2)}
.esd .product{border:1px solid var(--esd-line);border-radius:var(--esd-r-l);padding:var(--esd-sp-5);margin:var(--esd-sp-5) 0;display:grid;gap:var(--esd-sp-4);box-shadow:var(--esd-sh-1);position:relative}
.esd .product .ph{aspect-ratio:16/9}
.esd .buy-row{margin-top:var(--esd-sp-4)}
.esd .product-badge{position:absolute;top:-12px;left:var(--esd-sp-5);background:var(--esd-ink);color:#fff;font:700 .75rem var(--esd-f-head);text-transform:uppercase;letter-spacing:.06em;padding:.35rem .7rem;border-radius:999px}
.esd .product h3{margin:var(--esd-sp-2) 0 0;font-size:var(--esd-fs-xl)}
.esd .pros-cons{display:grid;gap:var(--esd-sp-4)}
.esd .pros-cons h4{font-size:var(--esd-fs-s);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--esd-sp-2)}
.esd .pros-cons ul{list-style:none;padding:0;margin:0}
.esd .pros-cons li{padding-left:1.4rem;position:relative;margin-bottom:.35rem;font-size:.9375rem}
.esd .pros li::before{content:"+";position:absolute;left:0;color:var(--esd-ok);font-weight:800}
.esd .cons li::before{content:"–";position:absolute;left:0;color:#B42318;font-weight:800}
.esd .for-who{background:var(--esd-soft);border-radius:var(--esd-r-m);padding:var(--esd-sp-3) var(--esd-sp-4);font-size:.9375rem}
.esd .price{font:800 var(--esd-fs-xl) var(--esd-f-head)}
.esd .price small{display:block;font:400 .75rem var(--esd-f-body);color:var(--esd-muted)}
.esd .buy-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--esd-sp-4)}
.esd .table-wrap{position:relative;overflow-x:auto;border:1px solid var(--esd-line);border-radius:var(--esd-r-m);margin:var(--esd-sp-4) 0;-webkit-overflow-scrolling:touch}
.esd .cmp{border-collapse:separate;border-spacing:0;width:100%;min-width:640px;font-size:.9375rem}
.esd .cmp caption{text-align:left;padding:var(--esd-sp-3) var(--esd-sp-4);font-size:var(--esd-fs-s);color:var(--esd-muted)}
.esd .cmp th, .esd .cmp td{padding:.8rem var(--esd-sp-4);text-align:left;border-bottom:1px solid var(--esd-line);vertical-align:top}
.esd .cmp thead th{background:var(--esd-soft);font:700 .8125rem var(--esd-f-head);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.esd .cmp tbody th{font-weight:700;background:#fff;position:sticky;left:0;box-shadow:1px 0 0 var(--esd-line);min-width:150px}
.esd .cmp tr:last-child td, .esd .cmp tr:last-child th{border-bottom:0}
.esd .table-hint{font-size:.8125rem;color:var(--esd-muted);margin:0 0 var(--esd-sp-2)}
.esd .faq details{border:1px solid var(--esd-line);border-radius:var(--esd-r-m);margin-bottom:var(--esd-sp-3);background:#fff}
.esd .faq summary{cursor:pointer;padding:var(--esd-sp-4) var(--esd-sp-5);font:700 var(--esd-fs-m) var(--esd-f-head);list-style:none;display:flex;justify-content:space-between;gap:var(--esd-sp-3);min-height:44px}
.esd .faq summary::-webkit-details-marker{display:none}
.esd .faq summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--esd-blue);transition:transform .2s}
.esd .faq details[open] summary::after{transform:rotate(45deg)}
.esd .faq details p{padding:0 var(--esd-sp-5) var(--esd-sp-4);margin:0}
.esd .author-box{display:grid;grid-template-columns:64px 1fr;gap:var(--esd-sp-4);border:1px solid var(--esd-line);border-radius:var(--esd-r-l);padding:var(--esd-sp-5);margin:var(--esd-sp-7) 0;background:var(--esd-soft)}
.esd .author-box .avatar{width:64px;height:64px;font-size:1.1rem}
.esd .author-box h2{font-size:var(--esd-fs-l);margin-bottom:var(--esd-sp-1)}
.esd .author-box p{margin:0 0 var(--esd-sp-2);font-size:.9375rem}
.esd .pagination{display:flex;gap:var(--esd-sp-2);flex-wrap:wrap;margin:var(--esd-sp-6) 0;list-style:none;padding:0}
.esd .pagination a, .esd .pagination span{display:grid;place-items:center;min-width:44px;height:44px;padding:0 .8rem;border:1px solid var(--esd-line);border-radius:var(--esd-r-m);text-decoration:none;color:var(--esd-ink);font-weight:600}
.esd .pagination [aria-current]{background:var(--esd-blue);border-color:var(--esd-blue);color:#fff}
@media (min-width:640px){
  .esd .wrap{padding-inline:var(--esd-sp-5)}
  .esd .card-row{grid-template-columns:220px 1fr}
  .esd .card-row p{display:block}
  .esd .cat-grid{grid-template-columns:repeat(2,1fr)}
  .esd .news-form{grid-template-columns:1fr auto}
  .esd .news-form .btn-buy{width:auto}
  .esd .pros-cons{grid-template-columns:1fr 1fr}
}
@media (min-width:960px){
  :root{--esd-fs-3xl:2.75rem;--esd-fs-2xl:2rem}
  .esd .hero{grid-template-columns:1.7fr 1fr}
  .esd .hero-main .ph{aspect-ratio:auto;min-height:100%;height:100%}
  .esd .hero-main{min-height:440px}
  .esd .hero-copy h2{font-size:2.25rem}
  .esd .layout{grid-template-columns:minmax(0,1fr) 320px;gap:var(--esd-sp-7)}
  .esd .sidebar--sticky{align-self:start;position:sticky;top:calc(var(--esd-header-h) + 16px)}
  .esd .cat-grid--lead{grid-template-columns:1.4fr 1fr 1fr}
  .esd .cat-grid--lead .card:first-child h3{font-size:var(--esd-fs-xl)}
  .esd .news-band{grid-template-columns:1fr 1fr;align-items:center;padding:var(--esd-sp-7)}
  .esd .product{grid-template-columns:200px 1fr;align-items:start}
  .esd .product .ph{aspect-ratio:1/1}
}
@media (prefers-reduced-motion:reduce){
  .esd *, .esd *::before, .esd *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ===== Adaptación a WordPress ===== */
.esd{color:var(--esd-ink);font-family:var(--esd-f-body);line-height:1.6}
.esd .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.esd .ph.has-img::after{display:none}
.esd .hero-main .ph.has-img::after{display:block}
.esd .ph--wide{margin-bottom:var(--esd-sp-4)}
.esd .entry-content img{height:auto}
.esd .entry-content figure{margin:0 0 var(--esd-sp-4)}
.esd .entry-content figcaption,.esd .wp-element-caption{font-size:var(--esd-fs-s);color:var(--esd-muted)}
.esd .prose .alignwide,.esd .prose .alignfull{max-width:100%}
.esd .widget-title{font-size:var(--esd-fs-l)}

/* Animación de entrada sin JS (discreta; se anula con prefers-reduced-motion) */
@keyframes esd-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.esd .reveal{animation:esd-in .5s ease both}

/* Buscador (404 y resultados) */
.esd .search-form{display:flex;gap:var(--esd-sp-2)}
.esd .search-form input[type=search]{flex:1;min-width:0;font:inherit;padding:.75rem 1rem;border:1px solid #B8C0CE;border-radius:var(--esd-r-m);background:#fff;color:var(--esd-ink)}

/* Paginación de WordPress */
.esd .pagination .nav-links{display:flex;gap:var(--esd-sp-2);flex-wrap:wrap;margin:var(--esd-sp-6) 0}
.esd .page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 .8rem;border:1px solid var(--esd-line);border-radius:var(--esd-r-m);text-decoration:none;color:var(--esd-ink);font-weight:600}
.esd a.page-numbers:hover{border-color:var(--esd-blue);color:var(--esd-blue)}
.esd .page-numbers.current{background:var(--esd-blue);border-color:var(--esd-blue);color:#fff}
.esd .page-numbers.dots{border-color:transparent}

/* Patrones del editor */
.esd .esd-cmp-wrap{position:relative;overflow-x:auto;border:1px solid var(--esd-line);border-radius:var(--esd-r-m);margin:var(--esd-sp-4) 0}
.esd .esd-cmp-wrap table{margin:0}
.esd .esd-cmp-wrap figcaption{padding:var(--esd-sp-3) var(--esd-sp-4);margin:0}
.esd .esd-product{display:block}
.esd .esd-product .wp-block-columns{gap:var(--esd-sp-4);margin-bottom:var(--esd-sp-4)}
.esd .esd-product ul{list-style:none;padding:0;margin:0}
.esd .esd-product li{position:relative;padding-left:1.4rem;margin-bottom:.35rem;font-size:.9375rem}
.esd .pros li::before{content:"+";position:absolute;left:0;color:var(--esd-ok);font-weight:800}
.esd .cons li::before{content:"–";position:absolute;left:0;color:#B42318;font-weight:800}
.esd .esd-product h4{font-size:var(--esd-fs-s);text-transform:uppercase;letter-spacing:.06em}
.esd .faq .wp-block-details{margin-bottom:var(--esd-sp-3)}
.esd .faq .wp-block-details>summary{margin:0}
.esd .faq .wp-block-details>:not(summary){padding:0 var(--esd-sp-5) var(--esd-sp-4);margin:0}
.esd .aff-note p:last-child{margin:0}

/* Zona previa al pie */
.esd.esd-prefooter{margin-top:var(--esd-sp-7);padding-bottom:var(--esd-sp-5)}
.esd .esd-legal{font-size:.8125rem;color:var(--esd-muted);border-top:1px solid var(--esd-line);padding-top:var(--esd-sp-4);margin:0}
.esd .esd-prefooter-widgets{margin-bottom:var(--esd-sp-5)}

/* Kadence: evita que sus estilos de contenido encojan nuestras columnas */
.esd .layout>*{min-width:0}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Ajustes Kadence */
#masthead{border-bottom:1px solid #E3E7EE}
#colophon,#colophon .site-footer-wrap,#colophon .site-footer-row-container-inner{background:#0F1419;color:#D5DBE5}
#colophon a,#colophon .footer-navigation a{color:#fff}
#colophon .footer-navigation ul{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:center}
#colophon .site-info,#colophon .footer-html{color:#D5DBE5;text-align:center}

/* Ajustes pie v2 */
#colophon .footer-navigation .menu > li > a,#colophon .footer-navigation .menu-item > a,#colophon .footer-navigation a{color:#fff !important;opacity:1}
#colophon .footer-navigation .menu > li > a:hover{color:#FFB020 !important;text-decoration:underline}
