/*
Theme Name: Express Logistica
Theme URI: http://www.express-logistica.com/
Author: Preparado para Express Logistica
Description: Tema a medida para Express Logistica. Diseno propio, sin constructores de pagina, pensado para ser liviano y accesible. El contenido editable de servicios, historia, clientes y bases operativas vive en inc/datos.php.
Version: 0.9.1
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: express-logistica
*/

:root{
    --noche:#0A1416;
    --noche-2:#11242A;
    --papel:#EDF1F1;
    --blanco:#FFFFFF;
    --tinta:#0E1A1D;
    --tinta-2:#4A6165;
    --tinta-3:#6E858A;
    --claro:#E9F1F2;
    --claro-2:#93ABAF;
    --rojo:#C4161C;
    --rojo-vivo:#E1272E;
    --verde:#6E9E33;
    --linea-clara:#D5DEDE;
    --linea-oscura:#26424A;
    --display:"Familjen Grotesk","Helvetica Neue",Arial,sans-serif;
    --texto:"IBM Plex Sans","Segoe UI",Helvetica,Arial,sans-serif;
    --dato:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;
  }
  *{box-sizing:border-box}
  body{background:var(--papel);color:var(--tinta);font-family:var(--texto);font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
  img{display:block;max-width:100%}
  img.sin-foto{display:none!important}
  a{color:inherit}

  .env{max-width:1180px;margin:0 auto;padding:0 28px}
  .env-angosto{max-width:820px;margin:0 auto;padding:0 28px}

  .eyebrow{font-family:var(--dato);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--rojo);margin:0 0 16px}
  .eyebrow.claro{color:var(--rojo-vivo)}
  h1,h2,h3,h4{font-family:var(--display);font-weight:600;letter-spacing:-.02em;text-wrap:balance;margin:0}
  h1{font-size:clamp(38px,5.4vw,66px);line-height:1.03;font-weight:700}
  h2{font-size:clamp(27px,3.5vw,43px);line-height:1.08}
  h3{font-size:clamp(20px,2.2vw,26px);line-height:1.18}
  h4{font-size:18px;line-height:1.25}
  p{margin:0 0 1.1em}
  .lede{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--tinta-2);max-width:60ch}
  .lede.claro{color:var(--claro-2)}

  /* ---------- barra ---------- */
  .barra{position:sticky;top:0;z-index:60;background:rgba(10,20,22,.95);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--linea-oscura)}
  .barra .env{display:flex;align-items:center;gap:26px;height:76px}
  .marca{background:none;border:0;padding:0;cursor:pointer;flex:none;display:flex;align-items:center}
  .marca img{height:42px;width:auto;filter:brightness(0) invert(1)}
  .marca .txt{font-family:var(--display);font-weight:700;color:#fff;font-size:20px;line-height:1.05;letter-spacing:-.03em;text-align:left;display:none}
  .marca .txt span{display:block;font-family:var(--dato);font-size:9.5px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--rojo-vivo)}
  .marca img.sin-foto + .txt{display:block}
  nav.principal{margin-left:auto}
  nav.principal ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
  nav.principal ul::-webkit-scrollbar{display:none}
  nav.principal li{margin:0}
  nav.principal a{display:block;font-family:var(--texto);font-size:13px;font-weight:500;text-decoration:none;color:var(--claro-2);padding:9px 13px;white-space:nowrap;transition:color .15s,background .15s}
  nav.principal a:hover{color:#fff;background:rgba(255,255,255,.06)}
  nav.principal a[aria-current="page"],nav.principal .current-menu-item > a{color:#fff;background:var(--rojo)}
  nav.principal a:focus-visible,.marca:focus-visible,.btn:focus-visible,.abrir-menu:focus-visible,.base-pt:focus-visible{outline:2px solid var(--rojo-vivo);outline-offset:3px}

  /* Botón de menú: solo aparece en pantallas chicas. */
  .abrir-menu{display:none;margin-left:auto;background:none;border:1px solid var(--linea-oscura);padding:10px 11px;cursor:pointer;flex-direction:column;gap:4px;width:42px}
  .abrir-menu span{display:block;height:2px;background:var(--claro);width:100%}

  /* ---------- botones ---------- */
  .btn{display:inline-block;font-family:var(--texto);font-weight:600;font-size:14px;letter-spacing:.04em;text-transform:uppercase;padding:15px 32px;border:0;cursor:pointer;text-decoration:none;transition:background .18s,color .18s}
  .btn-rojo{background:var(--rojo);color:#fff}
  .btn-rojo:hover{background:#9B1015;color:#fff}
  .btn-linea{background:transparent;color:var(--claro);border:1px solid rgba(255,255,255,.35)}
  .btn-linea:hover{background:rgba(255,255,255,.12);color:#fff}
  .btn-linea-oscuro{background:transparent;color:var(--tinta);border:1px solid var(--linea-clara)}
  .btn-linea-oscuro:hover{background:var(--blanco)}

  /* ---------- bandas ---------- */
  .banda{padding:clamp(62px,7.5vw,104px) 0}
  .banda-oscura{background:var(--noche);color:var(--claro)}
  .banda-oscura h2,.banda-oscura h3,.banda-oscura h4{color:#fff}
  .banda-media{background:var(--noche-2);color:var(--claro)}
  .banda-media h2,.banda-media h3,.banda-media h4{color:#fff}
  .banda-papel{background:var(--papel)}
  .banda-blanca{background:var(--blanco)}
  .banda-roja{background:var(--rojo);color:#fff}
  .banda-roja h2{color:#fff}

  /* ---------- portada con foto ---------- */
  .portada{position:relative;background:var(--noche);color:var(--claro);overflow:hidden;isolation:isolate}
  .portada .fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.5}
  .portada::after{content:"";position:absolute;inset:0;z-index:-1;
    background:linear-gradient(105deg,rgba(10,20,22,.95) 0%,rgba(10,20,22,.88) 42%,rgba(10,20,22,.62) 100%)}
  .portada .env{position:relative;padding-top:clamp(70px,8vw,116px);padding-bottom:clamp(58px,7vw,96px)}
  .portada h1{color:#fff;margin-bottom:22px;max-width:15ch}
  .portada h1 em{font-style:normal;color:var(--rojo-vivo)}
  .portada .lede{color:#CFDCDE;max-width:56ch}
  .portada .acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

  .cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16);margin-top:52px;max-width:840px}
  .cifras div{background:rgba(10,20,22,.86);padding:18px 20px}
  .cifras b{display:block;font-family:var(--display);font-weight:700;font-size:30px;line-height:1;color:#fff;margin-bottom:7px;font-variant-numeric:tabular-nums}
  .cifras small{font-family:var(--dato);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--claro-2);line-height:1.35;display:block}

  /* ---------- flota ---------- */
  .flota{position:relative;height:clamp(250px,30vw,420px);overflow:hidden;background:var(--noche-2);
    border-top:1px solid var(--linea-oscura);border-bottom:1px solid var(--linea-oscura)}
  .flota img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 44%}
  .flota::after{content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(180deg,rgba(10,20,22,.62) 0%,rgba(10,20,22,.05) 40%,rgba(10,20,22,.10) 62%,rgba(10,20,22,.75) 100%)}

  /* ---------- cobertura ---------- */
  .cobertura{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,340px);gap:clamp(34px,5vw,64px);align-items:center}
  .locador{background:var(--noche-2);border:1px solid var(--linea-oscura);padding:24px 22px 18px;position:relative}
  .locador h3{font-size:15px;font-weight:600;color:#fff;margin-bottom:3px}
  .locador .sub{font-family:var(--dato);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--claro-2);margin-bottom:16px}
  .locador svg{width:100%;height:auto;display:block;max-height:640px;margin:0 auto}
  .pais{fill:#1D3D47;stroke:#74AAB6;stroke-width:.14;stroke-linejoin:round}
  .vecino{fill:#0D1C21;stroke:#26424A;stroke-width:.1;stroke-linejoin:round}
  .base-pt{fill:var(--rojo-vivo);stroke:var(--noche-2);stroke-width:.15;cursor:pointer;transition:fill .12s}
  .base-pt:hover,.base-pt:focus{fill:#fff;outline:none}
  .halo{fill:none;stroke:#fff;stroke-width:.17;opacity:0}
  .base-g:hover .halo,.base-g:focus-within .halo{opacity:.85}
  .rotulo{font-family:var(--dato);font-size:.62px;fill:var(--claro-2);letter-spacing:.04em}
  .pie-mapa{font-family:var(--dato);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--claro-2);margin:12px 0 0;text-align:center}
  .tip{position:absolute;pointer-events:none;z-index:5;background:#fff;color:var(--tinta);font-family:var(--texto);font-size:12.5px;line-height:1.45;padding:9px 12px;max-width:230px;box-shadow:0 6px 20px rgba(0,0,0,.35);opacity:0;transform:translate(-50%,-116%);transition:opacity .12s}
  .tip b{display:block;font-family:var(--dato);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--rojo);margin-bottom:3px}
  .tip.visible{opacity:1}

  /* ---------- rejillas ---------- */
  .rejilla{display:grid;gap:1px;background:var(--linea-clara);border:1px solid var(--linea-clara)}
  .rejilla-3{grid-template-columns:repeat(3,1fr)}
  .rejilla-2{grid-template-columns:repeat(2,1fr)}
  @media (max-width:980px){.rejilla-3{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:760px){.rejilla-3,.rejilla-2{grid-template-columns:1fr}}
  .celda{background:var(--blanco);padding:30px 28px}
  .banda-oscura .rejilla,.banda-media .rejilla{background:var(--linea-oscura);border-color:var(--linea-oscura)}
  .banda-oscura .celda{background:var(--noche)}
  .banda-media .celda{background:var(--noche-2)}
  .celda .num{font-family:var(--dato);font-size:11px;letter-spacing:.12em;color:var(--rojo);display:block;margin-bottom:12px}
  .banda-oscura .celda .num,.banda-media .celda .num{color:var(--rojo-vivo)}
  /* Dentro de una tarjeta, el h2 es un subtítulo: manda la jerarquía semántica,
     no el tamaño. Por eso se ve igual que un h3. */
  .celda h2,.celda h3{font-size:clamp(20px,2.2vw,26px);line-height:1.18;margin-bottom:10px}
  .celda p{color:var(--tinta-2);font-size:15.5px;margin-bottom:0}
  .banda-oscura .celda p,.banda-media .celda p{color:var(--claro-2)}
  .celda ul{margin:14px 0 0;padding-left:0;list-style:none}
  .celda ul li{position:relative;padding-left:20px;margin-bottom:8px;font-size:15px;color:var(--tinta-2);line-height:1.5}
  .banda-oscura .celda ul li,.banda-media .celda ul li{color:var(--claro-2)}
  .celda ul li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:2px;background:var(--rojo)}
  .celda-foto{padding:0;background:var(--noche-2);min-height:210px;position:relative;overflow:hidden}
  .celda-foto img{width:100%;height:100%;min-height:210px;object-fit:cover}
  .cabecera-seccion{margin-bottom:clamp(32px,4vw,50px);max-width:70ch}
  .cabecera-seccion p{margin-bottom:0}

  /* ---------- tira de fotos ---------- */
  .tira{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--linea-oscura);border:1px solid var(--linea-oscura)}
  .tira figure{margin:0;background:var(--noche-2);position:relative;aspect-ratio:4/3;overflow:hidden}
  .tira img{width:100%;height:100%;object-fit:cover}
  .tira figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 16px 12px;font-family:var(--dato);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(transparent,rgba(10,20,22,.9))}

  /* ---------- hitos ---------- */
  .hitos{position:relative;list-style:none;margin:0;padding:0}
  .hitos li{position:relative;padding:0 0 38px 108px}
  .hitos li::before{content:"";position:absolute;left:60px;top:26px;bottom:-4px;width:1px;background:var(--linea-oscura)}
  .hitos li:last-child::before{display:none}
  .hitos .anio{position:absolute;left:0;top:0;width:46px;font-family:var(--dato);font-size:15px;font-weight:500;color:var(--rojo-vivo)}
  .hitos .punto{position:absolute;left:56px;top:7px;width:9px;height:9px;background:var(--rojo-vivo);border-radius:50%}
  .hitos li.electrico .punto{background:var(--verde)}
  .hitos li.electrico .anio{color:var(--verde)}
  .hitos h4{color:#fff;margin-bottom:6px}
  .hitos p{color:var(--claro-2);font-size:15.5px;margin-bottom:0;max-width:62ch}
  .hitos .marca-hito{margin-top:14px;background:#fff;padding:10px 14px;display:inline-block}
  .hitos .marca-hito img{height:44px;width:auto}

  /* ---------- logos de clientes ---------- */
  .logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:1px;background:var(--linea-clara);border:1px solid var(--linea-clara)}
  .logos div{background:var(--blanco);min-height:104px;display:flex;align-items:center;justify-content:center;padding:20px 18px}
  .logos img{max-height:48px;width:auto;object-fit:contain}
  .logos .nombre{font-family:var(--display);font-weight:600;font-size:15px;color:var(--tinta-2);text-align:center;line-height:1.25}

  /* ---------- novedades ---------- */
  .notas{display:grid;gap:1px;background:var(--linea-clara);border:1px solid var(--linea-clara)}
  .nota{background:var(--blanco);padding:26px 28px;display:grid;grid-template-columns:110px 1fr;gap:24px}
  .nota time{font-family:var(--dato);font-size:11.5px;color:var(--tinta-3);padding-top:4px}
  .nota h4{margin-bottom:7px;font-size:17px}
  .nota h4 a{text-decoration:none;color:var(--tinta)}
  .nota h4 a:hover{color:var(--rojo);text-decoration:underline;text-underline-offset:3px}
  .nota:hover{background:#FCFDFD}
  .nota p{color:var(--tinta-2);font-size:15px;margin:0}

  /* ---------- oficinas ---------- */
  .provincia{margin-bottom:38px}
  .provincia > h3{font-size:15px;font-family:var(--dato);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo);padding-bottom:10px;border-bottom:1px solid var(--linea-clara);margin-bottom:20px}
  .bases{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px}
  .base h4{font-size:15.5px;margin-bottom:5px}
  .base .rol{font-family:var(--dato);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--rojo);margin-bottom:7px}
  .base address{font-style:normal;font-size:14.5px;color:var(--tinta-2);line-height:1.5}

  /* ---------- formulario ---------- */
  .form{display:grid;gap:14px;max-width:540px}
  .form label{font-family:var(--dato);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--claro-2);display:block;margin-bottom:6px}
  .form input,.form textarea{width:100%;background:var(--noche);border:1px solid var(--linea-oscura);color:#fff;font-family:var(--texto);font-size:15.5px;padding:13px 14px}
  .form input:focus,.form textarea:focus{outline:2px solid var(--rojo-vivo);outline-offset:1px}
  .form textarea{min-height:130px;resize:vertical}
  .nota-form{font-size:13px;color:var(--claro-2);margin:4px 0 0}
  .datos-contacto{display:grid;gap:22px}
  .datos-contacto .k{font-family:var(--dato);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--rojo-vivo);margin-bottom:5px}
  .datos-contacto .v{font-size:16.5px;color:#fff}
  .datos-contacto .v a{text-decoration:none;border-bottom:1px solid var(--linea-oscura)}
  .datos-contacto .v a:hover{border-bottom-color:var(--rojo-vivo)}

  /* ---------- pie ---------- */
  footer.pie{background:var(--noche);color:var(--claro-2);padding:52px 0 40px;border-top:1px solid var(--linea-oscura)}
  .pie-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;align-items:flex-start}
  .pie-marca img{height:38px;filter:brightness(0) invert(1)}
  .pie-links{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
  .pie-links ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:18px}
  .pie-links a{color:var(--claro-2);font-family:var(--texto);font-size:14px;text-decoration:none}
  .pie-links a:hover{color:#fff;text-decoration:underline}
  .pie-datos{display:flex;flex-direction:column;gap:6px;font-family:var(--dato);font-size:12.5px;color:var(--claro-2)}
  .pie-datos a{color:var(--claro-2);text-decoration:none}
  .pie-datos a:hover{color:#fff}
  .pie small{font-family:var(--dato);font-size:11px;display:block;margin-top:26px;color:#6A8085}

  .aviso{background:#FFF4D6;color:#4A3708;border-bottom:1px solid #E8D7A0;font-size:13.5px;line-height:1.5;padding:11px 0}
  .aviso .env{display:flex;gap:10px;align-items:flex-start}
  .aviso b{font-weight:600}


  @media (max-width:900px){
    .cobertura{grid-template-columns:1fr}
    .nota{grid-template-columns:1fr;gap:6px}
    .barra .env{height:auto;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;gap:12px}
    .abrir-menu{display:flex}
    nav.principal{margin-left:0;width:100%;display:none}
    .barra.menu-abierto nav.principal{display:block}
    nav.principal ul{flex-direction:column;gap:0;overflow:visible}
    nav.principal a{padding:12px 14px;margin:0 -14px;border-bottom:1px solid var(--linea-oscura);font-size:15px}
  }
  @media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important}}

  /* ================================================================
     Piezas propias de WordPress que el prototipo no tenía
     ================================================================ */

  /* Enlace para saltar el menú con el teclado. */
  .saltar{position:absolute;left:-9999px;top:0;z-index:1000;background:var(--rojo);color:#fff;padding:12px 18px;font-size:14px;text-decoration:none}
  .saltar:focus{left:0}

  .solo-lectores{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

  .marca{text-decoration:none}

  /* Fotos y sellos alineados */
  .fila-sellos{display:flex;gap:14px;margin-top:20px;flex-wrap:wrap}
  .fila-sellos span{background:#fff;padding:12px 16px;display:inline-block}
  .hitos .marca-hito.sin-fondo{background:transparent;padding:0}
  .hitos .marca-hito.sin-fondo img{height:78px}
  .tira-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
  ul.en-dos-columnas{columns:2;column-gap:40px}
  @media (max-width:640px){ul.en-dos-columnas{columns:1}}

  /* Novedad con imagen destacada */
  .flota-nota{height:clamp(220px,26vw,380px)}

  /* Texto largo: entradas y páginas normales */
  .entrada{font-size:17px;line-height:1.7;color:var(--tinta)}
  .entrada > * + *{margin-top:1.1em}
  .entrada h2{font-size:clamp(22px,2.4vw,30px);margin-top:1.6em}
  .entrada h3{font-size:20px;margin-top:1.5em}
  .entrada a{color:var(--rojo);text-underline-offset:3px}
  .entrada ul,.entrada ol{padding-left:1.2em}
  .entrada li + li{margin-top:.4em}
  .entrada img{height:auto;margin:0 auto}
  .entrada blockquote{border-left:3px solid var(--rojo);padding-left:20px;color:var(--tinta-2);font-size:19px}
  .entrada figure{margin:1.6em 0}
  .entrada figcaption,.wp-caption-text{font-family:var(--dato);font-size:12px;color:var(--tinta-3);margin-top:8px;text-align:center}
  .entrada table{width:100%;border-collapse:collapse;font-size:15px}
  .entrada th,.entrada td{border:1px solid var(--linea-clara);padding:9px 12px;text-align:left}
  .entrada pre{background:var(--noche);color:var(--claro);padding:18px;overflow-x:auto;font-family:var(--dato);font-size:13.5px}

  .alignleft{float:left;margin:0 1.4em 1em 0}
  .alignright{float:right;margin:0 0 1em 1.4em}
  .aligncenter{display:block;margin-left:auto;margin-right:auto}
  .alignwide,.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw}
  .wp-caption{max-width:100%}

  /* Paginación */
  .paginacion{display:flex;flex-wrap:wrap;gap:6px;margin-top:36px}
  .paginacion .page-numbers{display:inline-block;padding:9px 14px;border:1px solid var(--linea-clara);background:var(--blanco);font-family:var(--dato);font-size:13px;text-decoration:none;color:var(--tinta-2)}
  .paginacion .page-numbers:hover{border-color:var(--tinta-3);color:var(--tinta)}
  .paginacion .page-numbers.current{background:var(--rojo);border-color:var(--rojo);color:#fff}
  .paginacion .dots{border-color:transparent;background:none}

  /* Navegación entre novedades */
  .entre-notas{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--linea-clara);border:1px solid var(--linea-clara);margin-top:44px}
  .entre-notas a{background:var(--blanco);padding:20px 22px;text-decoration:none;color:var(--tinta);font-size:15.5px;font-weight:500}
  .entre-notas a:hover{background:var(--papel)}
  .entre-notas a.der{text-align:right}
  .entre-notas span{display:block;font-family:var(--dato);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--tinta-3);margin-bottom:6px}
  @media (max-width:640px){.entre-notas{grid-template-columns:1fr}.entre-notas a.der{text-align:left}}

  /* Buscador */
  .buscador{display:flex;gap:8px}
  .buscador input{flex:1;border:1px solid var(--linea-clara);background:var(--blanco);padding:12px 14px;font-family:var(--texto);font-size:15.5px;color:var(--tinta)}
  .buscador input:focus{outline:2px solid var(--rojo);outline-offset:1px}

  /* Formulario de contacto: campo trampa y avisos */
  .form .trampa{position:absolute!important;left:-9999px;top:-9999px}
  .nota-form.ok{color:#BEE8A6}
  .nota-form.mal{color:#FFB4B7}
  /* Solo marcamos el error cuando la persona ya escribió algo y salió del campo. */
  .form input:not(:focus):not(:placeholder-shown):invalid{border-color:var(--rojo-vivo)}

  /* Comentarios (el sitio casi no los usa, pero si aparecen que se lean bien) */
  .comentarios{margin-top:48px;border-top:1px solid var(--linea-clara);padding-top:32px}
  .comentarios ol{list-style:none;padding:0}
  .comentarios .comment-body{padding:18px 0;border-bottom:1px solid var(--linea-clara)}
  .comentarios .comment-meta{font-family:var(--dato);font-size:12px;color:var(--tinta-3);margin-bottom:8px}

  /* Barra de administración: que no tape la cabecera fija */
  .admin-bar .barra{top:32px}
  @media (max-width:782px){.admin-bar .barra{top:46px}}

  /* Ficha de la red operativa, al lado del mapa en Contacto */
  .ficha-red{margin:30px 0 0;display:grid;gap:1px;background:var(--linea-clara);border:1px solid var(--linea-clara)}
  .ficha-red > div{background:var(--blanco);padding:16px 20px}
  .ficha-red dt{font-family:var(--dato);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--rojo);margin-bottom:5px}
  .ficha-red dd{margin:0;font-size:15px;color:var(--tinta-2);line-height:1.45}