/* Módulos de la nota (inc/serendipia-modulos.php) */
.sp-mod{--sp-acento:#11100f;--sp-fondo:#f3fafa;--sp-texto:#222;--sp-suave:#555;margin:2em 0;font-family:inherit;color:var(--sp-texto)}
.sp-mod a{color:inherit}
.sp-mod__etiqueta{display:block;margin:0 0 .5em;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--sp-acento)}
.sp-mod__titulo{display:block;font-family:"Roboto Slab",serif;font-size:19px;font-weight:700;line-height:1.3}
.sp-mod__boton{display:inline-block;margin-top:.75em;padding:.6em 1.2em;border-radius:4px;background:var(--sp-acento);color:#fff !important;font-weight:700;font-size:15px}
.sp-mod__boton:hover{filter:brightness(.92)}
.sp-mod__imagen{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}

/* Lo esencial */
.sp-mod--esencial{padding:1.1em 1.3em 1.3em;background:#fffbf2;border:2px solid #f7e1ae;border-radius:10px}
.sp-mod--esencial .sp-mod__etiqueta{font-family:monospace;font-weight:700}
.sp-mod__indice{margin:0;padding-left:1.2em}
.sp-mod__indice li{margin:.35em 0;list-style:decimal}
.sp-mod__indice a{ text-decoration:underline !important;text-decoration-color:var(--sp-acento);text-underline-offset:3px}
.sp-mod__datos{margin:0; font-size:15px}
.sp-mod__datos>div{display:flex;justify-content:space-between;align-items:baseline;gap:1em;padding:.55em 0;border-bottom:1px solid #e6e2d8}
.sp-mod__datos>div:last-child{border-bottom:0}
.sp-mod__datos dt{font-weight:400;color:var(--sp-suave)}
.sp-mod__datos dd{margin:0;font-weight:700;}
.sp-mod--esencial .sp-mod__boton{display:block;margin-top:.9em;padding:.8em 1em;border-radius:8px;text-align:center;text-decoration:none;

background-color: #efc952;
    border: 1px solid #000;
	color: #000 !important;
    display: block;
    font: 700 17px / 35px Roboto Slab, Roboto Slab Fallback, serif;
    padding: 5px;
    transition: .3s ease-in-out;
    width: 100%;}
.sp_sidebar .sp-mod--esencial{margin:0 0 2em;font-size:15px}
/* Lo esencial y video. Móvil: dentro de la nota. Desde 576px (cuando el sidebar va al lado): en el sidebar. */
.sp-mod--en-sidebar{display:none}
@media (min-width:576px){
	.sp-mod--en-contenido{display:none}
	.sp-mod--en-sidebar{display:block}
}

/* Siguiente paso e investigación */
.sp-mod__tarjeta{display:block;text-decoration:none}
.sp-mod a.sp-mod__tarjeta:link,.sp-mod a.sp-mod__tarjeta:visited{border-bottom:0}
.sp-mod--siguiente a.sp-mod__tarjeta:link,.sp-mod--siguiente a.sp-mod__tarjeta:visited{display:flex;align-items:center;gap:1.2em;padding:1.4em 1.6em;background:#fffbf2;border:2px solid #f7e1ae;border-radius:14px}
.sp-mod--siguiente .sp-mod__flecha{flex:0 0 3.2em;display:flex;align-items:center;justify-content:center;width:3.2em;height:3.2em;border-radius:50%;background:#11100f;color:#fff;font-size:1.2em;line-height:1;transition:transform .2s ease}
.sp-mod--siguiente .sp-mod__tarjeta:hover .sp-mod__flecha{transform:translateX(3px)}
.sp-mod--siguiente .sp-mod__texto{min-width:0}
.sp-mod--siguiente .sp-mod__etiqueta{margin:0 0 .25em;font-family:monospace;font-weight:700;color:#a8381f}
.sp-mod--siguiente .sp-mod__titulo{font-size:21px;color:#11100f}
.sp-mod--investigacion a.sp-mod__tarjeta:link,.sp-mod--investigacion a.sp-mod__tarjeta:visited{display:flex;align-items:stretch;overflow:hidden;background:#11100f;border:0;border-radius:14px;color:#fff}
.sp-mod--investigacion .sp-mod__foto{position:relative;flex:0 0 42%;display:block;min-height:180px;background:#2a201b}
.sp-mod--investigacion .sp-mod__imagen{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;aspect-ratio:auto;object-fit:cover}
.sp-mod--investigacion .sp-mod__texto{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.6em;padding:1.6em 1.8em}
.sp-mod--investigacion .sp-mod__etiqueta{margin:0;font-family:monospace;font-weight:700;color:#efc952}
.sp-mod--investigacion .sp-mod__titulo{font-size:22px;color:#fff}
.sp-mod__resumen{display:block;font-size:16px;line-height:1.45;color:#d6cfc4}
.sp-mod__cta{display:block;font-weight:700;color:#fff}
.sp-mod--investigacion .sp-mod__tarjeta:hover .sp-mod__titulo{text-decoration:none}
.sp-mod--investigacion .sp-mod__tarjeta:hover .sp-mod__cta{text-decoration:underline}
.sp-mod__tarjeta:hover .sp-mod__titulo{text-decoration:underline}

/* Video */
.sp-mod a.sp-mod__video:link,.sp-mod a.sp-mod__video:visited{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:0;border-radius:12px;background-color:#11100f;background-size:cover;background-position:center}
.sp-mod__canal{position:absolute;top:.75em;left:.75em;padding:.3em .55em;border-radius:4px;background:rgba(0,0,0,.8);color:#fff;font-family:monospace;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.2}
.sp-mod__play{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:transform .2s ease}
.sp-mod__play::after{content:"";position:absolute;top:50%;left:50%;margin:-8px 0 0 -4px;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #11100f}
.sp-mod__video:hover .sp-mod__play{transform:scale(1.08)}
.sp-mod--video a.sp-mod__pie:link,.sp-mod--video a.sp-mod__pie:visited{display:block;margin:.6em 0 0;border:0;font-family:"Roboto Slab",serif;font-size:17px;font-weight:700;line-height:1.3;color:#11100f;text-decoration:none}
.sp-mod--video a.sp-mod__pie:hover{text-decoration:underline}
.sp_sidebar .sp-mod--video a.sp-mod__pie{font-size:15px}
.sp_sidebar .sp-mod--video{margin:0 0 2em}
.sp-mod__pie{margin:.5em 0 0;font-size:15px;color:var(--sp-suave)}

/* WhatsApp */
.sp-mod--whatsapp{padding:1.2em 1.4em;background:#eafaf0;border-radius:6px}
.sp-mod--whatsapp .sp-mod__boton{background:#1f9d55}

/* Sigue leyendo */
.sp-mod__lista{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2em;margin:0;padding:0}
.sp-mod__lista li{list-style:none}
.sp-mod__seccion{display:block;margin:.6em 0 .2em;font-size:13px;font-weight:700;color:var(--sp-acento)}
.sp-mod--sigue .sp-mod__titulo{font-size:17px}

@media (max-width:575px){
	.sp-mod--siguiente a.sp-mod__tarjeta:link,.sp-mod--siguiente a.sp-mod__tarjeta:visited{gap:1em;padding:1.1em 1.2em}
	.sp-mod--siguiente .sp-mod__flecha{flex-basis:2.6em;width:2.6em;height:2.6em}
	.sp-mod--siguiente .sp-mod__titulo{font-size:18px}
	.sp-mod--investigacion a.sp-mod__tarjeta:link,.sp-mod--investigacion a.sp-mod__tarjeta:visited{flex-direction:column}
	.sp-mod--investigacion .sp-mod__foto{min-height:0}
	.sp-mod--investigacion .sp-mod__imagen{position:static;height:auto;aspect-ratio:16/9}
	.sp-mod--investigacion .sp-mod__texto{padding:1.2em 1.3em 1.4em}
	.sp-mod--investigacion .sp-mod__titulo{font-size:19px}
	.sp-mod__lista{grid-template-columns:1fr}
}