/*
Theme Name: DigitalSi
Theme URI: https://escrituraviva.com
Author: Rubén Mayo
Description: Tema de estilo croquis técnico — tinta negra sobre papel con retícula de puntos, tipografía Spectral e ilustración de grabado a sangre. Portada con imagen central dinámica y bandas por sección: bitácora, investigación y talleres.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: digitalsi
Tags: blog, one-column, custom-menu, featured-images, editor-style, translation-ready
*/

:root{
  --papel:#f4f2ec; --tinta:#1a1a18; --papel-tarjeta:rgba(255,255,255,.55);
  --linea-fuerte:1.5px solid var(--tinta);
  --linea-tarjeta:1px solid rgba(26,26,24,.22);
  --linea-suave:1px solid rgba(26,26,24,.3);
  --serif:'Spectral',Georgia,serif;
  --ancho:1180px;
  --puntos:.13;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--papel)}
body{
  font-family:var(--serif);color:var(--tinta);font-size:16px;line-height:1.6;text-wrap:pretty;
  background-color:var(--papel);
  background-image:
    radial-gradient(circle,rgba(26,26,24,var(--puntos)) .9px,transparent 1px),
    radial-gradient(120% 80% at 10% 4%,rgba(26,26,24,.05),transparent 62%),
    radial-gradient(90% 70% at 92% 96%,rgba(26,26,24,.04),transparent 60%);
  background-size:22px 22px,100% 100%,100% 100%;
  background-attachment:fixed;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--tinta);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-style:dotted}
h1,h2,h3,h4{margin:0}
p{margin:0 0 1em}
::selection{background:var(--tinta);color:var(--papel)}
:focus-visible{outline:2px solid var(--tinta);outline-offset:3px}
input,textarea,button,select{font-family:var(--serif);color:var(--tinta);font-size:15px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:static;width:auto;height:auto;clip:auto;padding:10px 16px;display:inline-block}

.cd-wrap{max-width:var(--ancho);margin:0 auto;padding:36px clamp(20px,4vw,56px) 80px}

/* cabecera */
.cd-header{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding-bottom:24px}
.cd-marca{display:flex;align-items:center;gap:14px;text-decoration:none}
.cd-marca span{font-size:20px;line-height:1.05;letter-spacing:2px;text-transform:uppercase;font-weight:600}
.cd-nav ul{display:flex;gap:clamp(16px,2.4vw,30px);flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:16.5px}
.cd-nav a{text-decoration:none}
.cd-nav .current-menu-item>a,.cd-nav .current_page_item>a{text-decoration:underline;text-decoration-thickness:1.5px}

/* ilustración / carrusel */
.cd-lamina{border-top:var(--linea-fuerte);border-bottom:var(--linea-fuerte);overflow:hidden;position:relative;height:clamp(360px,52vw,720px);
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.cd-lamina--interior{height:clamp(240px,26vw,380px)}
.cd-lamina img{display:block}
.cd-lamina img{width:100%;height:100%;object-fit:cover}
.cd-diapo{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;z-index:1}
.cd-diapo.es-activa{opacity:1;z-index:2}
.cd-diapo-pie{position:absolute;left:0;bottom:0;max-width:min(100%,560px);background:var(--papel);border-top:var(--linea-fuerte);border-right:var(--linea-fuerte);text-decoration:none;padding:16px 22px;display:flex;flex-direction:column;gap:6px}
.cd-diapo-pie strong{font-size:clamp(17px,2vw,22px);line-height:1.25}
.cd-mandos{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 0;border-bottom:var(--linea-suave)}
.cd-flechas{display:flex;gap:10px}
.cd-boton-mini{border:var(--linea-fuerte);background:transparent;padding:5px 13px;cursor:pointer}
.cd-boton-mini:hover{background:var(--tinta);color:var(--papel)}
.cd-puntos{display:flex;gap:8px}
.cd-punto{width:12px;height:12px;border:var(--linea-fuerte);background:transparent;padding:0;cursor:pointer;border-radius:50%}
.cd-punto.es-activo{background:var(--tinta)}

/* intro */
.cd-intro{padding:clamp(38px,5vw,60px) 0 0;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}
.cd-intro h1{font-size:clamp(30px,4vw,40px);font-weight:700;letter-spacing:-.01em}
.cd-intro p{margin:0;font-size:clamp(16px,1.5vw,18px);line-height:1.6;max-width:54ch}
.cd-acciones{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;padding-top:8px}
.cd-boton{text-decoration:none;border:var(--linea-fuerte);padding:11px 22px;font-size:14px;letter-spacing:2px;text-transform:uppercase;display:inline-block;background:transparent;cursor:pointer}
.cd-boton:hover{background:var(--tinta);color:var(--papel)}
.cd-boton-linea{text-decoration:none;padding:11px 4px;font-size:14px;letter-spacing:2px;text-transform:uppercase;border-bottom:var(--linea-fuerte);display:inline-block}

/* secciones */
.cd-seccion{padding:clamp(52px,6vw,78px) 0 0}
.cd-seccion-cab{display:flex;align-items:center;gap:18px;margin-bottom:26px}
.cd-seccion-cab h2{font-size:clamp(24px,3vw,31px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.cd-regla{flex:1;height:1.5px;background:var(--tinta)}
.cd-vertodo{font-size:13.5px;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}
.cd-rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}

.cd-tarjeta{border:var(--linea-tarjeta);background:var(--papel-tarjeta);padding:22px 22px 24px;display:flex;flex-direction:column;gap:9px}
.cd-tarjeta .cd-fecha{font-size:13.5px;letter-spacing:.5px}
.cd-tarjeta h3{font-size:19px;font-weight:700;line-height:1.25}
.cd-tarjeta h3 a{text-decoration:none}
.cd-tarjeta p{margin:0;font-size:15px;line-height:1.55}
.cd-tarjeta .cd-mas{font-size:14px;margin-top:2px}

.cd-tarjeta-icono{border:var(--linea-tarjeta);background:var(--papel-tarjeta);padding:22px;display:flex;gap:16px;align-items:flex-start}
.cd-tarjeta-icono .cd-cuerpo{display:flex;flex-direction:column;gap:7px;min-width:0}
.cd-tarjeta-icono .cd-num{font-size:12.5px;letter-spacing:2px;text-transform:uppercase}
.cd-tarjeta-icono h3{font-size:17.5px;font-weight:700;line-height:1.25}
.cd-tarjeta-icono p{margin:0;font-size:14.5px;line-height:1.55}

/* entrada */
.cd-volver{font-size:13px;letter-spacing:2px;text-transform:uppercase;display:inline-block;margin-bottom:24px}
.cd-entrada{max-width:820px;margin:0 auto}
.cd-entrada-cab{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;letter-spacing:2px;text-transform:uppercase;border-bottom:var(--linea-fuerte);padding-bottom:12px;margin-bottom:22px}
.cd-entrada h1{font-size:clamp(28px,3.6vw,42px);font-weight:700;line-height:1.15;margin-bottom:22px}
.cd-cuerpo-texto{font-size:17px;line-height:1.8}
.cd-cuerpo-texto blockquote{margin:0 0 1em;border-left:var(--linea-suave);padding-left:18px;font-style:italic}
.cd-fragmento{border:var(--linea-tarjeta);background:var(--papel-tarjeta);padding:24px 26px;margin:24px 0}
.cd-fragmento pre{margin:0;font-family:var(--serif);font-size:16px;line-height:1.8;white-space:pre-line}
.cd-fragmento figcaption{font-size:13.5px;font-style:italic;margin-top:14px}
.cd-margen{border-left:var(--linea-suave);padding-left:20px;display:flex;flex-direction:column;gap:14px;margin:24px 0}
.cd-margen p{margin:0;font-size:14px;line-height:1.65;font-style:italic}
.cd-etiquetas{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.cd-chip{border:var(--linea-tarjeta);padding:3px 10px;font-size:12.5px;letter-spacing:1px;text-transform:uppercase;text-decoration:none}
.cd-cerca{display:flex;gap:14px;flex-wrap:wrap;border-top:var(--linea-suave);margin-top:32px;padding-top:20px}
.cd-cerca a{border:var(--linea-tarjeta);padding:10px 16px;font-size:13.5px;text-decoration:none}
.cd-cerca a:hover{background:var(--tinta);color:var(--papel)}
.cd-figura{margin:24px 0}
.cd-figura figcaption{font-size:13.5px;margin-top:8px}

/* archivo */
.cd-archivo{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px;font-size:14px}
.cd-archivo a{text-decoration:none;border:var(--linea-tarjeta);padding:6px 14px;letter-spacing:1px;text-transform:uppercase;font-size:12.5px}
.cd-archivo a.es-activa{background:var(--tinta);color:var(--papel)}
.cd-paginacion{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding-top:36px}
.cd-paginacion .page-numbers{text-decoration:none;border:var(--linea-tarjeta);padding:8px 14px;font-size:13.5px}
.cd-paginacion .page-numbers.current{background:var(--tinta);color:var(--papel)}

/* contacto */
.cd-contacto{display:flex;gap:clamp(28px,4vw,56px);flex-wrap:wrap;align-items:flex-start}
.cd-contacto-forma{flex:1 1 400px;min-width:0;display:grid;gap:14px;max-width:460px}
.cd-campo{display:flex;flex-direction:column;gap:6px}
.cd-campo span{font-size:12.5px;letter-spacing:2px;text-transform:uppercase}
.cd-campo input{padding:9px 2px;border:none;border-bottom:var(--linea-fuerte);background:transparent;outline:none}
.cd-campo textarea{padding:12px;border:var(--linea-suave);background:transparent;outline:none;resize:vertical}
.cd-lado{flex:0 1 300px;min-width:0;display:flex;flex-direction:column;gap:12px;border-left:var(--linea-suave);padding-left:clamp(18px,2.5vw,30px)}
.cd-aviso{border:var(--linea-tarjeta);padding:12px 16px;font-size:14.5px}

/* pie */
.cd-footer{margin-top:clamp(56px,7vw,84px);border-top:var(--linea-fuerte);padding-top:18px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:13.5px}
.cd-footer ul{display:flex;gap:22px;flex-wrap:wrap;list-style:none;margin:0;padding:0}

/* comentarios */
.cd-comentarios{border-top:var(--linea-suave);margin-top:36px;padding-top:24px}
.cd-comentarios ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.cd-comentarios .comment-body{border-bottom:var(--linea-tarjeta);padding-bottom:14px}
.cd-comentarios input[type=text],.cd-comentarios input[type=email],.cd-comentarios input[type=url],.cd-comentarios textarea{border:var(--linea-suave);background:transparent;padding:10px;width:100%;max-width:520px}
.cd-comentarios .submit{border:var(--linea-fuerte);background:transparent;padding:11px 22px;letter-spacing:2px;text-transform:uppercase;cursor:pointer}

@media print{ body{background:#fff} .cd-nav,.cd-mandos,.cd-footer{display:none} }