/*
Theme Name: EV Charge Math
Theme URI: https://evchargemath.com
Author: Àlex Cano
Description: Tema propio de EV Charge Math: claro, rápido, estilo periodismo de datos, con Volt como guía.
Version: 1.4
Requires at least: 6.4
License: GPLv2 or later
Text Domain: evcm
*/
/* --- Base --- */
body{-webkit-font-smoothing:antialiased}
a{text-underline-offset:3px}
.evcm-header{position:sticky;top:0;z-index:50}
.evcm-logo img{width:34px;height:auto;display:block}
.evcm-logo a{text-decoration:none}
/* Tablas de datos */
.wp-block-table table{border-collapse:collapse;width:100%;font-size:.95rem}
.wp-block-table thead th{background:var(--wp--preset--color--navy);color:#fff;text-align:left;padding:.6rem .7rem;font-weight:600}
.wp-block-table td{padding:.5rem .7rem;border-bottom:1px solid var(--wp--preset--color--line)}
.wp-block-table tbody tr:nth-child(even) td{background:var(--wp--preset--color--soft)}
.wp-block-table figcaption{font-size:.82rem;color:var(--wp--preset--color--muted);text-align:left}
.wp-block-table{overflow-x:auto}
/* Caja "Volt's take" */
.volt-tip{position:relative;background:var(--wp--preset--color--soft);border-left:4px solid var(--wp--preset--color--cyan);border-radius:10px;padding:1rem 1.1rem 1rem 5.2rem;margin:1.6rem 0}
.volt-tip::before{content:"";position:absolute;left:.8rem;top:.7rem;width:3.6rem;height:4.2rem;background:url(assets/volt.png) center/contain no-repeat}
.volt-tip strong:first-child{display:block;color:var(--wp--preset--color--cyan-dark);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem}
/* Cifras destacadas */
.evcm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin:1.4rem 0}
.evcm-stats div{background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:10px;padding:.9rem 1rem}
.evcm-stats b{display:block;font-size:1.7rem;line-height:1.1;color:var(--wp--preset--color--navy)}
.evcm-stats span{font-size:.85rem;color:var(--wp--preset--color--muted)}
/* Mapa de baldosas */
.evcm-map{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin:1rem 0}
.evcm-map a,.evcm-map span{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;font-size:.72rem;font-weight:700;color:#0b1f3a;text-decoration:none;line-height:1.05}
.evcm-map small{font-weight:500;font-size:.62rem}
.evcm-map a:hover{outline:2px solid var(--wp--preset--color--navy)}
.evcm-legend{display:flex;gap:.4rem;align-items:center;font-size:.8rem;color:var(--wp--preset--color--muted);flex-wrap:wrap}
.evcm-legend i{display:inline-block;width:22px;height:12px;border-radius:3px}
@media(max-width:600px){.evcm-map{gap:2px}.evcm-map a,.evcm-map span{font-size:.55rem;border-radius:3px}.evcm-map small{display:none}}
/* Tarjetas */
.evcm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem}
.evcm-cards a{display:block;border:1px solid var(--wp--preset--color--line);border-radius:10px;padding:.9rem 1rem;text-decoration:none;color:inherit;background:#fff}
.evcm-cards a:hover{border-color:var(--wp--preset--color--cyan-dark)}
.evcm-cards b{display:block;color:var(--wp--preset--color--navy)}
.evcm-cards span{font-size:.88rem;color:var(--wp--preset--color--muted)}
/* Sello de datos */
.evcm-fresh{display:inline-block;background:#e6fbff;color:#075e70;border-radius:99px;padding:.25rem .7rem;font-size:.8rem;font-weight:600}
/* Separación de anuncios respecto a herramientas */
#evcm-calc{margin-bottom:2rem}
/* Tarjetas de artículos */
.evcm-latest{gap:.8rem!important}
.evcm-post-card{border:1px solid var(--wp--preset--color--line);border-radius:10px;padding:.9rem 1rem;background:#fff}
.evcm-post-card h2,.evcm-post-card h3{margin:.2rem 0 .3rem}
.evcm-post-card h2 a,.evcm-post-card h3 a{color:var(--wp--preset--color--navy);text-decoration:none}
.evcm-post-card .wp-block-post-terms a{color:var(--wp--preset--color--cyan-dark);text-decoration:none;font-weight:700}
.evcm-byline{font-size:.9rem;color:var(--wp--preset--color--muted);margin:.2rem 0}
@media(max-width:600px){.evcm-latest{grid-template-columns:1fr!important}}

/* Móvil: las tablas anchas se desplazan dentro de su caja en vez de salirse */
@media (max-width: 600px) {
  .wp-site-blocks table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}