/* «La Palabra, en viñetas» (plugin sandiego-core, includes/comic.php) */
.sdc-comic{--tinta:#1A1A1A;--papel:#FFF8E7;--sol:#F4B63F;--indigo:#2F3E7E;margin:0 0 2.5rem;background:var(--papel);color:var(--tinta);border:4px solid var(--tinta);box-shadow:8px 8px 0 var(--tinta);padding:1.25rem 1.25rem 1rem;font-family:Lexend,system-ui,sans-serif;scroll-margin-top:90px}
.sdc-comic__cab{margin-bottom:.9rem}
.sdc-comic__k,.sdc-jcomic__k{margin:0;font-family:"Bebas Neue",Impact,sans-serif;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:var(--indigo,#2F3E7E)}
.sdc-comic__titulo{margin:.1rem 0 .2rem;font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.1;font-weight:800}
.sdc-comic__cursiva{font-family:Alegreya,Georgia,serif;font-style:italic;font-weight:700}
.sdc-comic__gancho{margin:0;font-weight:700;font-size:1.15rem}
.sdc-comic__nav{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:.2rem 0 .8rem}
.sdc-comic__flecha{width:40px;height:40px;border:3px solid var(--tinta);background:var(--sol);color:var(--tinta);font-size:1.2rem;font-weight:800;cursor:pointer;box-shadow:3px 3px 0 var(--tinta);display:inline-flex;align-items:center;justify-content:center;padding:0}
.sdc-comic__flecha:hover{background:#fff}
.sdc-comic__flecha:focus-visible,.sdc-comic__pista:focus-visible{outline:3px solid var(--indigo);outline-offset:3px}
.sdc-comic__cuenta{font-family:"Bebas Neue",Impact,sans-serif;font-size:1.3rem;min-width:3.2em;text-align:center}
.sdc-comic__pista{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 14px;-webkit-overflow-scrolling:touch}
.sdc-comic__vineta{flex:0 0 min(86%,420px);margin:0;scroll-snap-align:start;position:relative}
.sdc-comic__vineta a{display:block}
.sdc-comic__vineta img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border:3px solid var(--tinta)}
.sdc-comic__pie{display:flex;flex-direction:column;gap:.5rem}
.sdc-comic__texto summary{cursor:pointer;font-weight:600}
.sdc-comic__texto ol{margin:.5rem 0 0 1.2rem;line-height:1.5}
.sdc-comic__enlaces{margin:0;font-size:.95rem}
.sdc-comic a{color:var(--indigo)}
@media (prefers-reduced-motion:reduce){.sdc-comic__pista{scroll-behavior:auto}}
@media (max-width:600px){
.sdc-comic{padding:.85rem .6rem .7rem;border-width:3px;box-shadow:5px 5px 0 var(--tinta);margin-inline:-.25rem}
.sdc-comic__cab{padding:0 .3rem;margin-bottom:.7rem}
.sdc-comic__titulo{font-size:1.45rem}
.sdc-comic__gancho{font-size:1.05rem}
.sdc-comic__pista{gap:10px;padding:2px 2px 10px;scroll-padding-left:2px}
.sdc-comic__vineta{flex-basis:94%}
.sdc-comic__nav{gap:.5rem;margin:0 0 .4rem}
.sdc-comic__flecha{width:32px;height:32px;font-size:.95rem;border-width:2px;box-shadow:2px 2px 0 var(--tinta);line-height:1;padding:0}
.sdc-comic__cuenta{font-size:1rem;min-width:2.6em}
.sdc-comic__pie{padding:0 .3rem}
}

/* Portada, apartado Jóvenes: cada propuesta es clicable entera y lleva una flecha */
.sdc-jtarjeta{position:relative;transition:background .15s,border-color .15s}
.sdc-jtarjeta h3 a::after{content:"\2192";display:inline-block;margin-left:.4em;color:#F4B63F;transition:transform .15s}
.sdc-jtarjeta h3 a::before{content:"";position:absolute;inset:0;border-radius:18px}
.sdc-jtarjeta:hover{background:rgba(255,255,255,.16) !important;border-color:#F4B63F !important}
.sdc-jtarjeta:hover h3 a::after{transform:translateX(5px)}
.sdc-jtarjeta:focus-within{outline:3px solid #F4B63F;outline-offset:2px}
.sdc-jtarjeta h3 a:focus-visible{outline:none}

/* Tarjeta del cómic: una franja debajo de las propuestas. Imagen | texto | botones */
.sdc-jcomic{display:grid !important;grid-template-columns:120px minmax(0,1fr) auto;gap:1.4rem;align-items:center;margin:0 0 .5rem !important;max-width:1180px;background:#F4B63F;color:#1A1A1A;border:4px solid #1A1A1A;box-shadow:8px 8px 0 #1A1A1A;padding:.9rem 1.4rem .9rem .9rem;font-family:Lexend,system-ui,sans-serif;text-align:left}
.sdc-jcomic__img{display:block}
.sdc-jcomic__img img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border:3px solid #1A1A1A;transform:rotate(-2deg)}
.sdc-jcomic__texto > *{margin:0}
.sdc-jcomic__titulo{margin:0 0 .2rem !important;font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.1;font-weight:800;color:#1A1A1A}
.sdc-jcomic__gancho{margin:0 0 .25rem !important;font-size:1.1rem;font-weight:800}
.sdc-jcomic__sub{font-size:.95rem;line-height:1.4}
.sdc-jcomic__acciones{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;min-width:210px}
.sdc-jcomic__btn{display:block;text-align:center;padding:.6rem 1rem;background:#1A1A1A;color:#FFF8E7 !important;font-weight:700;font-size:.95rem;text-decoration:none;border:3px solid #1A1A1A}
.sdc-jcomic__btn--claro{background:#FFF8E7;color:#1A1A1A !important}
.sdc-jcomic__btn:hover{background:#2F3E7E;border-color:#2F3E7E;color:#FFF8E7 !important}
.sdc-jcomic__todos{text-align:center;font-size:.9rem;font-weight:700;color:#1A1A1A !important}
@media (max-width:860px){
.sdc-jcomic{grid-template-columns:92px minmax(0,1fr);gap:.9rem 1rem}
.sdc-jcomic__acciones{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;min-width:0}
.sdc-jcomic__btn{flex:1 1 auto}
.sdc-jcomic__todos{flex-basis:100%}
}
@media (max-width:600px){
.sdc-jcomic{grid-template-columns:76px minmax(0,1fr);padding:.7rem;box-shadow:5px 5px 0 #1A1A1A;border-width:3px}
.sdc-jcomic__img img{border-width:2px}
.sdc-jcomic__titulo{font-size:1.15rem}
.sdc-jcomic__gancho{font-size:1rem}
.sdc-jcomic__sub{display:none}
.sdc-jcomic__btn{padding:.5rem .7rem;font-size:.85rem}
}

/* Página /evangelio-en-comic/ */
.sdc-comics{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin:1.5rem 0 2.5rem}
.sdc-comics__item{display:flex;flex-direction:column;gap:.3rem;color:#1A1A1A;text-decoration:none;font-family:Lexend,system-ui,sans-serif}
.sdc-comics__item img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border:3px solid #1A1A1A;box-shadow:6px 6px 0 #1A1A1A;margin-bottom:.5rem;transition:transform .15s}
.sdc-comics__item:hover img{transform:rotate(-1.5deg)}
.sdc-comics__fecha{font-family:"Bebas Neue",Impact,sans-serif;letter-spacing:.06em;color:#2F3E7E}
.sdc-comics__gancho{font-weight:800;font-size:1.15rem;line-height:1.2}
.sdc-comics__tl{font-size:.9rem;color:#4A4A4A}

/* Página de la homilía (homilia.php): entrada, desplegables y texto plegado */
.sdc-hom-entrada{margin-bottom:1.5rem}
.sdc-hom-entrada__resumen{font-size:1.15rem;line-height:1.55;max-width:46rem}
.sd-recursos--antes{margin:0 0 2.5rem}
.sd-recursos--despues{margin:2.5rem 0 1.5rem}
.sd-recurso--enlace{padding:.9rem 1.1rem;font-weight:600}
.sd-recurso{scroll-margin-top:90px}
.sdc-hom-texto{margin:0 0 1rem;scroll-margin-top:90px}
.sdc-hom-texto__titulo{margin:0 0 .8rem}
.sdc-hom-texto.is-plegado .sdc-hom-texto__cuerpo{max-height:17rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.sdc-hom-texto__mas{margin-top:.6rem;padding:.65rem 1.2rem;border:2px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}
.sdc-hom-texto__mas:hover{background:#1A1A1A;color:#FFF8E7;border-color:#1A1A1A}
.sdc-hom-texto__mas:focus-visible{outline:3px solid #F4B63F;outline-offset:2px}