/* ==========================================================================
   PreciosClima — hoja de estilos del rediseño.
   La carga mu-plugins/preciosclima-diseno.php después del CSS del tema.
   Tokens: tinta, papel, hielo, azul frío, cobre, línea.
   Tipografía: Bitter (títulos), Public Sans (texto), IBM Plex Mono (cifras con fecha).
   ========================================================================== */
:root{
  --pc-ink:#1b2630;
  --pc-ink-2:#526069;
  --pc-paper:#ffffff;
  --pc-ice:#e9f1f3;
  --pc-ice-2:#f4f8f9;
  --pc-line:#d8e0e4;
  --pc-primary:#0e5a6a;
  --pc-primary-ink:#0a4351;
  --pc-accent:#c25b2a;
  --pc-accent-ink:#a34a1f;
  --pc-display:"Bitter","Rockwell","Roboto Slab",Georgia,serif;
  --pc-sans:"Public Sans","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --pc-mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,Menlo,monospace;
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
body{background:var(--pc-paper);color:var(--pc-ink);font-family:var(--pc-sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--pc-primary)}
a:hover{color:var(--pc-primary-ink)}
:focus-visible{outline:2px solid var(--pc-accent);outline-offset:2px}
h1,h2,h3,h4,.main-title{font-family:var(--pc-display);color:var(--pc-ink);font-weight:600;letter-spacing:-0.01em;text-wrap:balance}

/* --- Contenedores del tema ------------------------------------------------ */
.grid-container,.inside-header,.inside-site-info{max-width:1120px}
.separate-containers .inside-article,.separate-containers .comments-area,.separate-containers .page-header,.one-container .container{background:transparent;box-shadow:none}
.site-content{padding:0}
.separate-containers .site-main{margin:0 auto!important}
.separate-containers .page-header{margin:0}

/* --- Cabecera ------------------------------------------------------------- */
.site-header{background:var(--pc-paper);border-bottom:1px solid var(--pc-line)}
.inside-header{padding:14px 20px}
.main-title{font-size:1.45rem;font-weight:700;letter-spacing:-0.02em}
.main-title a,.main-title a:hover{color:var(--pc-ink);text-decoration:none}
.main-title a::before{content:"";display:inline-block;width:24px;height:24px;margin-right:10px;vertical-align:-5px;border-radius:6px;background:var(--pc-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10.5 12 5.5l5 5' fill='none' stroke='%23e9a679' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 13.5l5 5 5-5' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/18px}
.main-navigation,.main-navigation ul ul{background:var(--pc-paper)}
.main-navigation .main-nav ul li a{font-family:var(--pc-sans);font-size:.9rem;font-weight:500;color:var(--pc-ink-2);padding:0 13px;line-height:56px}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li.current-menu-item>a,.main-navigation .main-nav ul li.current-post-ancestor>a,.main-navigation .main-nav ul li.current-menu-parent>a{color:var(--pc-primary);background:transparent;box-shadow:inset 0 -2px 0 var(--pc-primary)}
.main-navigation .menu-toggle,.main-navigation .menu-toggle:hover{color:var(--pc-ink);background:transparent}

/* --- Artículos y páginas: columna de lectura ------------------------------ */
.single .site-main,.page:not(.home) .site-main{max-width:780px}
.single .inside-article,.page:not(.home) .inside-article{padding:36px 20px 56px}
.single .entry-header{margin-bottom:0}
.entry-title{font-size:clamp(1.9rem,3.6vw,2.6rem);line-height:1.15;margin:0 0 16px}
.single .entry-header .entry-meta,.single footer.entry-meta,.page footer.entry-meta,.comments-area,#comments{display:none}
.pc-eyebrow{display:block;font-family:var(--pc-sans);font-size:.76rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--pc-primary);margin:0 0 12px}
.pc-eyebrow a{color:inherit;text-decoration:none}
.pc-eyebrow a:hover{text-decoration:underline}
.pc-meta{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:.84rem;color:var(--pc-ink-2);padding:12px 0 14px;border-top:1px solid var(--pc-line);border-bottom:1px solid var(--pc-line);margin:0 0 30px}
.pc-meta strong{color:var(--pc-ink);font-weight:600}
.pc-meta-ok{font-family:var(--pc-mono);font-size:.76rem;color:var(--pc-primary-ink);background:var(--pc-ice);padding:2px 8px;border-radius:4px}

.entry-content{font-size:1.05rem}
.single .entry-content>p:first-of-type{font-size:1.18rem;line-height:1.55}
.entry-content p{margin:0 0 1.3em}
.entry-content h2{font-size:1.65rem;line-height:1.25;margin:2.1em 0 .65em}
.entry-content h3{font-size:1.2rem;line-height:1.3;margin:1.7em 0 .5em}
.entry-content ul,.entry-content ol{margin:0 0 1.4em 1.3em}
.entry-content li{margin-bottom:.45em}
.entry-content li::marker{color:var(--pc-primary)}
.entry-content a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.entry-content strong{font-weight:600}
.entry-content em{color:var(--pc-ink-2)}
.entry-content code{font-family:var(--pc-mono);font-size:.88em;background:var(--pc-ice-2);border:1px solid var(--pc-line);padding:.05em .4em;border-radius:4px}

/* Tablas: marco fino, cabecera hielo, cifras tabulares */
.entry-content figure.wp-block-table{margin:1.4em 0 1.8em;border:1px solid var(--pc-line);border-radius:8px;overflow-x:auto;background:#fff}
.entry-content table{width:100%;border-collapse:collapse;font-size:.93rem;line-height:1.45;font-variant-numeric:tabular-nums;margin:0;border:0}
.entry-content thead th{background:var(--pc-ice);color:var(--pc-primary-ink);font-weight:600;text-align:left;padding:11px 14px;border:0;border-bottom:2px solid var(--pc-primary);white-space:nowrap}
.entry-content td{padding:10px 14px;border:0;border-bottom:1px solid var(--pc-line);vertical-align:top}
.entry-content tbody tr:last-child td{border-bottom:0}
.entry-content tbody tr:nth-child(even) td{background:var(--pc-ice-2)}

/* Gráficos */
.entry-content figure.wp-block-image{margin:1.6em 0 1.9em;padding:14px 14px 10px;border:1px solid var(--pc-line);border-radius:8px;background:#fff}
.entry-content figure.wp-block-image svg{display:block}
.entry-content figcaption{font-size:.84rem;color:var(--pc-ink-2);margin:10px 2px 0;text-align:left;line-height:1.45}

/* Calculadoras (su marcado lleva estilos en línea; aquí solo se armonizan) */
.pc-calc{border-left-color:var(--pc-primary)!important;background:var(--pc-ice-2)!important;border-radius:10px!important}
.pc-calc input,.pc-calc select{font-family:var(--pc-sans);color:var(--pc-ink)}
.pc-calc input:focus,.pc-calc select:focus{outline:2px solid var(--pc-primary);outline-offset:0}

/* Tarjetas: guías relacionadas, portada y archivos */
.pc-rel{margin:52px 0 0;padding-top:26px;border-top:1px solid var(--pc-line)}
.pc-rel h2{font-size:1.15rem;margin:0 0 16px}
.pc-rel-grid,.pc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.pc-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--pc-line);border-radius:10px;background:#fff;color:var(--pc-ink);text-decoration:none!important;transition:border-color .15s,transform .15s}
.pc-card:hover{border-color:var(--pc-primary);transform:translateY(-1px);color:var(--pc-ink)}
.pc-card .pc-eyebrow{margin:0}
.pc-card h3{font-size:1.04rem;line-height:1.35;margin:0;font-weight:600}
.pc-card p{font-size:.88rem;color:var(--pc-ink-2);margin:0;line-height:1.5}

/* Archivos de categoría y página de guías */
.archive .page-header,.blog .page-header{padding:36px 20px 14px;margin:0 0 6px;border-bottom:1px solid var(--pc-line)}
.archive .page-header h1{font-size:2rem;margin:0}
.archive .page-header .archive-description{color:var(--pc-ink-2)}
.archive .site-main,.blog .site-main,.search .site-main{padding:0 20px 56px}
.archive article .inside-article,.blog article .inside-article,.search article .inside-article{padding:22px 24px;border:1px solid var(--pc-line);border-radius:10px;margin:14px 0 0}
.archive .entry-title,.blog .entry-title,.search .entry-title{font-size:1.35rem;line-height:1.3;margin:0 0 8px}
.archive .entry-title a,.blog .entry-title a,.search .entry-title a{color:var(--pc-ink);text-decoration:none}
.archive .entry-title a:hover,.blog .entry-title a:hover{color:var(--pc-primary)}
.archive .entry-header .entry-meta,.blog .entry-header .entry-meta,.search .entry-header .entry-meta{font-size:.82rem;color:var(--pc-ink-2)}
.archive footer.entry-meta,.blog footer.entry-meta,.search footer.entry-meta{display:none}
.entry-summary p{margin:0 0 .6em;color:var(--pc-ink-2);font-size:.98rem}
.read-more{font-weight:600;font-size:.9rem;text-decoration:none}

/* --- Portada -------------------------------------------------------------- */
.home.page .entry-header{display:none}
.home .site-main{max-width:1120px}
.home .inside-article{padding:0 20px 40px}
.pc-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:52px 0 44px;border-bottom:1px solid var(--pc-line)}
.pc-hero h1{font-size:clamp(2.1rem,4.4vw,3.15rem);line-height:1.08;margin:0 0 18px;letter-spacing:-0.015em}
.pc-lead{font-size:1.15rem;line-height:1.55;color:var(--pc-ink-2);margin:0 0 26px;max-width:36rem}
.pc-cta{display:flex;flex-wrap:wrap;gap:12px}
.pc-btn{display:inline-block;padding:13px 20px;border-radius:7px;font-weight:600;font-size:.95rem;text-decoration:none!important;border:1px solid transparent;line-height:1.2}
.pc-btn-primary{background:var(--pc-accent);color:#fff!important}
.pc-btn-primary:hover{background:var(--pc-accent-ink);color:#fff!important}
.pc-btn-ghost{background:#fff;border-color:var(--pc-line);color:var(--pc-primary-ink)!important}
.pc-btn-ghost:hover{border-color:var(--pc-primary)}

/* Ticket de cifras publicadas: la firma visual del sitio */
.pc-ticket{background:var(--pc-ice-2);border:1px solid var(--pc-line);border-radius:12px;padding:20px 22px 14px;font-family:var(--pc-mono);font-size:.84rem;color:var(--pc-ink)}
.pc-ticket-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-primary);padding-bottom:10px;border-bottom:1px dashed #b9c8ce;margin-bottom:6px}
.pc-ticket a{display:grid;grid-template-columns:1fr auto;gap:2px 14px;padding:9px 0;border-bottom:1px dashed #d3dde1;color:inherit;text-decoration:none}
.pc-ticket a:last-of-type{border-bottom:0}
.pc-ticket a:hover .pc-t-n{color:var(--pc-primary);text-decoration:underline}
.pc-t-n{font-family:var(--pc-sans);font-size:.92rem;font-weight:500}
.pc-t-v{font-weight:500;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.pc-t-s{grid-column:1/-1;font-size:.72rem;color:var(--pc-ink-2)}
.pc-ticket-f{margin:10px 0 0;font-size:.7rem;color:var(--pc-ink-2)}

.pc-sec{padding:44px 0 8px}
.pc-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 18px}
.pc-sec-h h2{font-size:1.5rem;margin:0}
.pc-sec-h a{font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap}
.pc-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.pc-tool{display:flex;flex-direction:column;gap:8px;padding:22px 22px 20px;border-radius:12px;background:var(--pc-ice);border:1px solid #cfdde2;color:var(--pc-ink);text-decoration:none!important;transition:border-color .15s}
.pc-tool:hover{border-color:var(--pc-primary);color:var(--pc-ink)}
.pc-tool .pc-eyebrow{margin:0}
.pc-tool h3{font-size:1.25rem;margin:0}
.pc-tool p{margin:0;color:var(--pc-ink-2);font-size:.95rem}
.pc-tool .pc-go{margin-top:6px;font-weight:600;color:var(--pc-primary);font-size:.9rem}
.pc-how{margin:44px 0 0;padding:30px 30px 26px;border-radius:12px;background:var(--pc-ice-2);border:1px solid var(--pc-line);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px}
.pc-how h2{grid-column:1/-1;font-size:1.35rem;margin:0 0 -6px}
.pc-how h3{font-size:1.02rem;margin:0 0 6px}
.pc-how p{margin:0;font-size:.93rem;color:var(--pc-ink-2);line-height:1.55}

/* --- Pie ------------------------------------------------------------------ */
.site-footer{background:var(--pc-primary-ink);color:#c6d8dd}
.pc-footer{padding:40px 20px 8px}
.pc-footer-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px}
.pc-footer-brand{font-family:var(--pc-display);font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 8px}
.pc-footer p{margin:0;font-size:.9rem;line-height:1.55;max-width:34rem}
.pc-footer-h{font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:#9fc0c8;margin:0 0 10px;font-weight:600}
.pc-footer ul{list-style:none;margin:0;padding:0}
.pc-footer li{margin:0 0 7px}
.pc-footer a{color:#e6f0f2;text-decoration:none;font-size:.92rem}
.pc-footer a:hover{color:#fff;text-decoration:underline}
.site-info{background:transparent;border-top:1px solid rgba(255,255,255,.12);color:#9fb7bd;font-size:.8rem}
.inside-site-info{padding:18px 20px}
.site-info a,.preciosclima-legal a{color:#d6e4e8}
.preciosclima-legal{margin-top:8px}

/* Banner de cookies en los colores del sitio */
.cmplz-cookiebanner .cmplz-btn.cmplz-accept{background:var(--pc-primary)!important;border-color:var(--pc-primary)!important;color:#fff!important}

/* --- Móvil ---------------------------------------------------------------- */
@media (max-width:860px){.pc-hero{grid-template-columns:1fr;gap:28px;padding:36px 0 32px}}
@media (max-width:768px){
  body{font-size:16px}
  .single .inside-article,.page:not(.home) .inside-article{padding:22px 16px 40px}
  .home .inside-article{padding:0 16px 32px}
  .archive .site-main,.blog .site-main,.search .site-main{padding:0 16px 40px}
  .entry-content h2{font-size:1.4rem}
  .pc-footer-grid{grid-template-columns:1fr;gap:22px}
  .pc-how{padding:22px 18px}
}