/*
Theme Name: El Tintero de Sangre
Theme URI: https://tinterodesangre.ar
Author: El Tintero de Sangre
Description: Tema de bloques para El Tintero de Sangre, rol de Mundo de Tinieblas en Buenos Aires. Estética oscura con la pluma de la marca, pensado para editarse desde el Editor del sitio.
Version: 1.5.0
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: el-tintero
*/
.tintero-header{border-bottom:1px solid #2e2a27;padding:20px 32px}
.tintero-marca{margin:0;font-family:'Cormorant Garamond',serif;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.tintero-marca a{color:#EFE8DC;text-decoration:none;display:inline-flex;align-items:center;gap:12px}
.tintero-marca a::before{content:"";width:44px;height:44px;background:url(./assets/images/pluma.svg) center/contain no-repeat;display:inline-block}
.tintero-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 80% at 78% 30%,#3a0810 0%,#0F0E0D 70%);padding:56px 32px 64px}
.tintero-hero::before{content:"";position:absolute;right:-160px;top:-100px;width:940px;height:940px;background:url(./assets/images/pluma.svg) center/contain no-repeat;opacity:.16;pointer-events:none}
.tintero-hero>*{position:relative}
.tintero-etiqueta{font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#A39D97;margin-bottom:12px}
.tintero-lema{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:21px;color:#A39D97}
.tintero-lema::before{content:"";display:inline-block;width:48px;height:2px;background:#A8101C;vertical-align:middle;margin-right:16px}
.tintero-foto{margin:0;box-shadow:0 0 90px rgba(168,16,28,.35);border:1px solid #3a1a1d}
.tintero-foto img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.tintero-foto figcaption{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:20px;color:#EFE8DC;padding:10px 16px}
.tintero-proxima{background:rgba(27,25,23,.92);border:1px solid #2e2a27;padding:24px 28px;margin-top:32px}
.tintero-sec{padding:96px 32px;border-top:1px solid #2e2a27}
.tintero-sec-glow{background:radial-gradient(ellipse 70% 80% at 15% 40%,#3a0810 0%,#0F0E0D 70%)}
.tintero-sec-carbon{background:#1B1917}
.tintero-tarjeta{background:#141211;border:1px solid #2e2a27;padding:30px}
.tintero-tarjeta h3{border-top:3px solid #A8101C;padding-top:18px;margin-top:0}
.tintero-fila{border-top:1px solid #2e2a27;padding:24px 0;align-items:center}
.tintero-fecha{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:28px;margin:0}
.tintero-meta{color:#A39D97;font-size:15px;margin-block:0}
.tintero-cupos{border:1px solid #3a3531;padding:8px 14px;font-size:14px;display:inline-block;margin:0}
.tintero-cita{border-left:3px solid #A8101C;padding-left:24px;margin:0}
.tintero-cita-texto{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:24px;line-height:1.4}
.tintero-cita-autor{color:#A39D97;font-size:14px}
.tintero-relato{background:#141211;border:1px solid #2e2a27;padding:44px}
.tintero-av{text-align:center}
.tintero-av .tintero-circulo{width:112px;height:112px;border-radius:50%;border:1px dashed #8A8582;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:13px;color:#A39D97}
.tintero-cierre{position:relative;text-align:center;padding:100px 32px;border-top:1px solid #2e2a27;background:radial-gradient(ellipse 60% 90% at 20% 50%,#3a0810 0%,#0F0E0D 75%)}
.tintero-pie{border-top:1px solid #2e2a27;padding:32px;font-size:13px;color:#A39D97}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border:1px solid #EFE8DC;color:#EFE8DC}
.wp-block-button__link:hover{opacity:.85}
@media (max-width:781px){.tintero-hero::before{width:560px;height:560px;right:-200px}.tintero-sec,.tintero-hero{padding-left:20px;padding-right:20px}}
.tintero-header,.tintero-hero,.tintero-proxima,.tintero-sec,.tintero-tarjeta,.tintero-relato,.tintero-cierre,.tintero-pie{box-sizing:border-box}
.tintero-cierre .wp-block-buttons{justify-content:center}
@media (max-width:781px){.wp-block-columns.tintero-equipo>.wp-block-column{flex-basis:calc(50% - 1em)!important;flex-grow:0}}
.tintero-paso-num{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:60px;line-height:1;color:#A8101C;margin:0}
.tintero-av .wp-block-image{margin:0 auto 12px;width:112px}
.tintero-av .wp-block-image img{width:112px;height:112px;border-radius:50%;object-fit:cover;display:block}

/* Guía del Neonato y detalles */
.wp-block-column>.tintero-tarjeta{height:100%}
.tintero-detalle{box-sizing:border-box;background:#141211;border:1px solid #2e2a27;padding:20px 24px;margin-top:12px}
.tintero-detalle summary{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:26px;line-height:1.2;cursor:pointer;color:#EFE8DC}
.tintero-detalle[open]{border-color:#5a2026}
.tintero-detalle p{color:#D9D2C6;margin-top:14px}
.tintero-subnav a{color:#EFE8DC}
.tintero-ruta .wp-block-buttons{margin-top:20px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
.tintero-aviso{box-sizing:border-box;background:#141211;border:1px solid #2e2a27;border-left:4px solid #A8101C;padding:30px}
.tintero-aviso h3{margin-top:0}
.tintero-bajada{color:#A39D97;margin-top:12px;margin-bottom:24px}