/*
Theme Name: SinSufrimiento
Theme URI: https://sinsufrimiento.org/
Description: Biblioteca hispana sobre la reducción del sufrimiento global.
Version: 0.6.4
Text Domain: sinsufrimiento
*/
:root{--ink:#123127;--moss:#315b39;--sage:#e7efe3;--cream:#fbfaf5;--orange:#d45d35;--gold:#d7a64b;--line:#d7dfd5;--body:#25332d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--body);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:10;background:rgba(251,250,245,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav{max-width:1200px;margin:auto;padding:16px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:800;letter-spacing:.12em;text-decoration:none;color:var(--ink);font-size:15px}.brand span{font-weight:500;letter-spacing:0}.menu{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px;font-size:14px;font-weight:650}.menu a{text-decoration:none}.hero{min-height:650px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);background:var(--ink);color:#fff}.hero-copy{max-width:680px;padding:120px clamp(28px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:800;color:var(--gold)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.08;letter-spacing:-.03em;color:var(--ink)}.hero h1{font-size:clamp(50px,7vw,92px);margin:0 0 24px;color:#fff}.hero p{max-width:610px;font-size:20px;line-height:1.5}.hero-media{min-height:100%;background:linear-gradient(90deg,rgba(18,49,39,.25),rgba(18,49,39,0));background-position:center;background-size:cover}.button{display:inline-block;width:max-content;margin-top:12px;padding:13px 18px;border-radius:999px;background:var(--orange);color:#fff;text-decoration:none;font-weight:760}.button.alt{background:transparent;border:1px solid currentColor}.section{max-width:1200px;margin:auto;padding:96px 28px}.section h2{margin:0 0 16px;font-size:clamp(36px,5vw,60px);max-width:760px}.intro{max-width:740px;font-size:20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:12px}.card h3{font-size:26px;margin:0 0 12px}.card p{font-size:16px}.card a{font-weight:750;color:var(--moss)}.dark{background:var(--ink);color:#fff}.dark h2,.dark h3{color:#fff}.dark .card{background:#204735;border-color:#3c6652}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.quote{border-left:4px solid var(--gold);padding:20px 0 20px 26px;font-family:Georgia,serif;font-size:25px;line-height:1.35}.resource-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}.resource{border-top:1px solid var(--line);padding:20px 0}.resource b{display:block;color:var(--moss)}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:36px}.video{aspect-ratio:16/9;width:100%;border:0;background:#000}.article{max-width:850px;margin:auto;padding:88px 28px}.article h1{font-size:clamp(42px,6vw,72px)}.article h2{font-size:39px;margin-top:56px}.article h3{font-size:28px;margin-top:36px}.article .lead{font-size:23px;line-height:1.5}.reading-list{list-style:none;padding:0}.reading-list li{padding:24px 0;border-top:1px solid var(--line)}.reading-list h3{margin:0 0 8px}.notice{padding:22px 26px;background:#fff2db;border-left:4px solid var(--gold);border-radius:4px}.site-footer{background:#183b2d;color:#e9f0e8;padding:44px 28px}.footer-inner{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.site-footer a{color:#fff}@media(max-width:800px){.nav{padding:13px 18px}.menu{gap:10px;font-size:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:74px 28px}.hero-media{height:360px;order:-1}.section,.article{padding:66px 22px}.cards,.resource-list,.video-grid,.split{grid-template-columns:1fr;gap:18px}}
.prose p{margin:0 0 1.1em}.prose h2{font-size:32px}.credits{color:#5b6b63;font-size:15px;border-top:1px solid var(--line);padding-top:14px;margin-top:40px}.reading-list .credits{border:0;padding:0;margin:6px 0 0}.toc li{margin:.4em 0}figure{margin:36px 0}figcaption{font-size:14px;color:#5b6b63;margin-top:8px}.article .video{margin:12px 0 28px}.button.alt{color:#fff;margin-left:8px}.contact{display:grid;gap:16px;margin:28px 0}.contact label{display:grid;gap:6px;font-weight:650}.contact input,.contact textarea{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.contact .check{display:flex;gap:8px;font-weight:400}.contact .hp{position:absolute;left:-9999px}.contact button{border:0;cursor:pointer}.eyebrow a{text-decoration:none}
.videoteca h1{font-size:clamp(42px,6vw,72px);margin:0 0 12px}.videoteca h2{font-size:32px;margin:56px 0 18px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.vcard{margin:0}.vplay{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#000;cursor:pointer;border-radius:8px;overflow:hidden}.vplay img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity .2s}.vplay:hover img{opacity:1}.vbtn{position:absolute;inset:0;margin:auto;width:58px;height:58px;border-radius:50%;background:rgba(212,93,53,.92);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center}.vcard .video{border-radius:8px}.vcard figcaption{font-size:15px;line-height:1.4;margin-top:10px;color:#5b6b63}.vcard figcaption strong{color:var(--ink)}
.hero-media{background-position:30% 38%!important}.eagle{min-height:300px;background-size:cover;background-position:left center;display:flex;align-items:center;justify-content:flex-end;padding:40px clamp(28px,8vw,120px)}.eagle p{margin:0;max-width:520px;text-align:right;font-family:Georgia,serif;font-size:clamp(26px,3.4vw,42px);line-height:1.2;color:#fff;text-shadow:0 2px 14px rgba(0,40,90,.45)}@media(max-width:800px){.eagle{min-height:220px;background-position:12% center}.eagle p{font-size:24px;max-width:60%}}
.hero-media{position:relative}.fox-caption{position:absolute;left:0;right:0;bottom:0;margin:0!important;padding:60px 32px 26px;text-align:right;font-family:Georgia,serif;font-size:clamp(20px,2.2vw,28px)!important;line-height:1.25!important;color:#fff;background:linear-gradient(transparent,rgba(18,49,39,.7))}.eagle p span{display:block;margin-top:12px;font-family:Inter,system-ui,sans-serif;font-size:15px;letter-spacing:.12em;text-transform:uppercase}.eagle p{font-size:clamp(22px,2.6vw,34px)}
.fox-caption{top:0;bottom:auto!important;padding:26px 32px 70px!important;background:linear-gradient(rgba(18,49,39,.55),transparent)!important}
.chapters{padding-left:1.2em;font-size:20px}.chapters li{margin:.5em 0}.chapters span{color:#5b6b63;font-size:14px;margin-left:8px}.epigraph{font-family:Georgia,serif;font-style:italic;color:#4a5b53;margin:0 0 .3em!important}.chapter-nav{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:48px;padding-top:20px;font-weight:650}.prose h3{font-size:23px;line-height:1.3}
.lib-title{margin-top:80px!important;padding-top:40px;border-top:3px solid var(--ink)}.library{margin-top:44px}.library>.eyebrow{font-size:14px;margin-bottom:8px}.library>p{margin:0 0 6px}
.library>.eyebrow{font-size:19px!important;letter-spacing:.14em;margin-bottom:10px!important}
.eyebrow.lib-name{font-size:19px!important;letter-spacing:.14em;margin-bottom:10px!important}
.prose{font-size:19.5px;line-height:1.7}.prose .credits{font-size:16px}
.listen{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:-6px 0 30px;font-size:15px}.listen button{font:inherit;font-weight:700;padding:8px 16px;border-radius:999px;border:1px solid var(--moss);background:#fff;color:var(--moss);cursor:pointer}.listen .listen-play{background:var(--moss);color:#fff}.listen label{color:#5b6b63}.listen select{font:inherit;margin-left:4px;padding:4px;border-radius:6px;border:1px solid var(--line);background:#fff}
.reading{background:#fff2db;box-shadow:-12px 0 0 #fff2db,12px 0 0 #fff2db;border-radius:3px;transition:background .3s}