/* Runit Web - blog (listado, categoría, entrada). Se apoya en styles.css: variables, .phero, .seccion, .btn, .cband.
   Sin cajas con filete lateral: las citas usan una comilla tipográfica, no borde. */

.admin-bar .header{top:32px}
@media(max-width:782px){.admin-bar .header{top:46px}}
.runit-blog main{display:block}

/* ----- hero: meta del artículo ----- */
.bpost__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:2px}
.bpost__meta .eyebrow{color:var(--verde)}
.bpost__meta a.eyebrow:hover{color:var(--amarillo)}
.bpost__meta time{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#a8a8a8;font-weight:600}
.bpost .phero h1{max-width:980px;font-size:clamp(2.6rem,6.4vw,5.2rem)}
.crumbs a:hover{color:var(--blanco)}

/* ----- listado ----- */
.blog-list{padding-top:var(--sp-l)}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 26px}
.bcard{display:flex;flex-direction:column;background:var(--blanco)}
.bcard__img{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:6px;background:radial-gradient(70% 120% at 80% -10%,rgba(0,181,179,.22),transparent 60%),#0a0a0a}
.bcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.bcard:hover .bcard__img img{transform:scale(1.05)}
.bcard__body{display:flex;flex-direction:column;flex:1;padding-top:18px}
.bcard__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#7d7d7d}
.bcard__cat{color:#008d8b}
.bcard__cat:hover{text-decoration:underline;text-underline-offset:3px}
.bcard__t{font-size:clamp(1.7rem,2.2vw,2.2rem);line-height:.98;margin:10px 0 12px;color:var(--negro)}
.bcard__t a:hover{color:#008d8b}
.sec-light .bcard__x{color:#555;font-weight:300;font-size:1rem;line-height:1.55;margin-bottom:16px}
.bcard__more{margin-top:auto;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;color:var(--negro)}
.bcard__more:hover{color:#008d8b}

/* paginación */
.bpag{margin-top:var(--sp-l)}
.bpag ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none}
.bpag .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:2px;font-weight:700;font-size:.85rem;color:var(--negro);box-shadow:inset 0 0 0 1px #d3d3d3;transition:background .2s,color .2s}
.bpag a.page-numbers:hover{background:var(--negro);color:var(--blanco)}
.bpag .page-numbers.current{background:var(--verde);color:var(--negro);box-shadow:none}
.bpag .page-numbers.dots{box-shadow:none}

/* estado vacío */
.bempty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp-l) 0}
.bempty .eyebrow{color:var(--verde)}
.sec-light .bempty p{font-family:var(--titular);font-size:clamp(2rem,4vw,3.2rem);line-height:1;text-transform:uppercase;color:var(--negro);margin:14px 0 26px;max-width:640px}
.bempty .btn--ghost{color:var(--negro);box-shadow:inset 0 0 0 2px rgba(0,0,0,.35)}
.bempty .btn--ghost:hover{background:var(--negro);color:var(--blanco)}

/* ----- entrada ----- */
.bpost__sec{padding-top:var(--sp-l)}
.bpost__img{max-width:1100px;margin:0 auto var(--sp-l)}
.bpost__img img{width:100%;height:auto;border-radius:6px}
.bpost__back{max-width:760px;margin:var(--sp-l) auto 0;padding-top:24px;border-top:1px solid #e4e4e4;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}
.sec-light .bpost__back a{color:var(--negro)}
.sec-light .bpost__back a:hover{color:#008d8b}

/* contenido de Gutenberg */
.bcontent{max-width:760px;margin:0 auto;color:#222;font-size:1.1rem;line-height:1.75;font-weight:400}
.bcontent > *{margin-top:0;margin-bottom:1.35em}
.bcontent > :first-child{margin-top:0!important}
.bcontent h2,.bcontent h3,.bcontent h4{font-family:var(--titular);font-weight:400;text-transform:uppercase;line-height:.95;letter-spacing:.01em;color:var(--negro);margin-top:1.7em;margin-bottom:.5em}
.bcontent h2{font-size:clamp(2.1rem,3.6vw,3rem)}
.bcontent h3{font-size:clamp(1.7rem,2.6vw,2.2rem)}
.bcontent h4{font-size:1.45rem}
.sec-light .bcontent p{color:#222}
.bcontent a{color:#008d8b;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.bcontent a:hover{color:var(--negro)}
.bcontent strong{font-weight:700;color:var(--negro)}
.bcontent ul,.bcontent ol{padding-left:1.4em}
.bcontent li{margin-bottom:.45em}
.bcontent li::marker{color:var(--verde);font-weight:700}
.bcontent hr{border:0;height:1px;background:#e0e0e0;margin:2.4em 0}
.bcontent img{max-width:100%;height:auto;border-radius:4px}
.bcontent figure{margin-left:0;margin-right:0}
.bcontent figcaption{margin-top:10px;font-size:.84rem;line-height:1.45;color:#707070;text-align:left}
.bcontent .wp-block-image img{display:block}
.bcontent .wp-block-image.aligncenter,.bcontent .aligncenter{margin-left:auto;margin-right:auto;text-align:center}
.bcontent .alignleft{float:left;margin:.3em 1.6em 1em 0;max-width:50%}
.bcontent .alignright{float:right;margin:.3em 0 1em 1.6em;max-width:50%}
.bcontent::after{content:"";display:table;clear:both}
.bcontent .alignwide{width:min(1100px,calc(100vw - 2 * var(--gutter)));margin-left:50%;transform:translateX(-50%);max-width:none}
.bcontent .alignfull{width:100vw;margin-left:50%;transform:translateX(-50%);max-width:none}
.bcontent .alignfull img,.bcontent .alignwide img{width:100%}

/* citas: comilla grande en verde y tipografía de titular, sin borde lateral ni fondo */
.bcontent blockquote{position:relative;margin:2em 0;padding:1.5em 0 0;border:0;background:none}
.bcontent blockquote::before{content:"\201C";position:absolute;top:-.2em;left:-.04em;font-family:var(--titular);font-size:5rem;line-height:1;color:var(--verde)}
.bcontent blockquote p{font-family:var(--titular);font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.05;text-transform:uppercase;color:var(--negro);margin-bottom:.5em}
.bcontent blockquote cite,.bcontent .wp-block-quote cite{display:block;font-family:var(--cuerpo);font-style:normal;font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#707070}
.bcontent .wp-block-pullquote{border:0;padding:0}

/* galerías, tablas, código, botones */
.bcontent .wp-block-gallery{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0}
.bcontent .wp-block-gallery .wp-block-image{flex:1 1 200px;margin:0}
.bcontent .wp-block-gallery img{width:100%;height:100%;object-fit:cover}
.bcontent table{width:100%;border-collapse:collapse;font-size:.98rem}
.bcontent th,.bcontent td{padding:11px 14px;border-bottom:1px solid #e4e4e4;text-align:left}
.bcontent th{font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;color:var(--negro)}
.bcontent pre,.bcontent code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem}
.bcontent pre{overflow-x:auto;padding:18px 20px;background:#0a0a0a;color:#e8e8e8;border-radius:4px}
.bcontent :not(pre) > code{background:#f1f1f1;padding:2px 6px;border-radius:3px}
.bcontent .wp-block-button__link{display:inline-flex;align-items:center;background:var(--verde);color:var(--negro);text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.82rem;padding:16px 30px;border-radius:2px;transition:background .2s,transform .2s}
.bcontent .wp-block-button__link:hover{background:var(--amarillo);color:var(--negro);transform:translateY(-2px)}
.bcontent .wp-block-embed iframe,.bcontent iframe{max-width:100%}

/* franja de contacto final */
.blog-cta{padding-top:var(--sp-l)}

@media(max-width:980px){.bgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
  .bgrid{grid-template-columns:1fr;gap:30px}
  .bcontent{font-size:1.04rem}
  .bcontent .alignleft,.bcontent .alignright{float:none;max-width:100%;margin:0 0 1.2em}
}

/* ===== páginas legales (templates/pagina.php) ===== */
.bpage .bcontent{max-width:820px}
.bpage .legal__fecha{font-size:.88rem;color:#6b6b6b;margin-bottom:.4em}
.bpage .bcontent h2{font-size:clamp(1.7rem,2.6vw,2.2rem)}
.bpage .legal__tabla{overflow-x:auto;margin:1.4em 0}
.bpage .bcontent td:first-child{word-break:break-word;min-width:180px}
