@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,600&display=swap');
:root{--ink:#48382f;--cream:#fbf8f3;--sage:#657d69;--line:#e9e0d6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}h1,h2,h3,.brand{font-family:'Fraunces',Georgia,serif}a{color:inherit;text-decoration:none}.top{height:82px;background:#fffaf4;display:flex;align-items:center;justify-content:space-between;padding:0 max(4%,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:flex;flex-direction:column;font-size:27px;line-height:1.1;font-weight:600}.brand small{font:600 10px 'DM Sans',sans-serif;letter-spacing:4px;margin-top:5px}.top nav{display:flex;gap:24px;font-size:13px}.top nav a:hover,.social a:hover{color:#a86955}.menu{display:none}.eyebrow{letter-spacing:2px;font-size:11px;color:#9c765a;font-weight:700}.btn{display:inline-block;background:var(--sage);color:white;padding:15px 23px;border-radius:40px;font-size:14px;margin-top:16px}.wrap{max-width:1320px;margin:auto;padding-left:24px;padding-right:24px}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;padding-top:28px}.cat{padding:22px 16px;min-height:165px;border-radius:17px;transition:transform .2s}.cat:hover{transform:translateY(-4px)}.cat span{font-size:30px}.cat h3{font-size:19px;margin:13px 0 8px}.cat p{font-size:12px;line-height:1.5;margin:0}.peach{background:#f9e4db}.sage{background:#e7eadf}.pink{background:#f9e4e3}.sand{background:#f5e9d7}.blue{background:#e2edf0}.section{padding-top:55px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.section-head h2{font-size:29px;margin:0}.section-head span{color:#788473;font-size:13px}.characters{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:15px}.person{text-align:center;font-size:13px}.portrait{aspect-ratio:1;border-radius:50%;overflow:hidden;background:#eee4d9;margin-bottom:9px;display:flex;align-items:center;justify-content:center}.portrait img{width:100%;height:100%;object-fit:cover}.missing{font-size:12px;color:#776d61;padding:12px;text-align:center;line-height:1.4}.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.videos article{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.thumb{height:230px;background:#e9ded3}.thumb img{height:100%;width:100%;object-fit:cover}.videos h3{margin:17px 18px 5px;font-size:21px}.videos p{margin:0 18px 20px;font-size:13px;color:#766c60}.hint{font-size:12px;color:#8a8178}.seasonal{margin-top:60px;display:grid;grid-template-columns:60% 40%;background:#553e3b;color:#fff6ed;border-radius:23px;overflow:hidden;padding:0}.seasonal>div:first-child{padding:50px}.seasonal h2{font-size:38px;margin:12px 0}.seasonal p{line-height:1.6;max-width:480px}.season-image{height:310px;background:#806d65}.season-image img{width:100%;height:100%;object-fit:cover}.tag{display:inline-block;background:#f1e1cd;color:#61473b;border-radius:25px;padding:10px 18px;font-size:13px;margin-top:12px}.social{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;font-weight:700}footer{text-align:center;padding:25px;border-top:1px solid var(--line);font-size:13px;color:#83766a}@media(max-width:1000px){.top nav{gap:12px}.characters{grid-template-columns:repeat(6,1fr)}.categories{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.top{height:64px}.brand{font-size:23px}.menu{display:block;border:0;background:transparent;font-size:24px}.top nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fffaf4;padding:24px;flex-direction:column;box-shadow:0 12px 20px #0001}.top nav.open{display:flex}.categories{grid-template-columns:repeat(2,1fr)}.cat{min-height:140px}.characters{grid-template-columns:repeat(3,1fr)}.section-head{align-items:flex-start;flex-direction:column}.videos,.seasonal{grid-template-columns:1fr}.seasonal{margin-left:24px;margin-right:24px}.seasonal>div:first-child{padding:30px}.season-image{height:270px}.thumb{height:260px}}

.video-link{display:inline-block;margin:0 18px 20px;padding:10px 15px;background:#e7eadf;border-radius:25px;color:#3e5844;font-size:13px;font-weight:700}.video-link:hover{background:#cbd8c6}
.group-title{font-family:'Fraunces',Georgia,serif;font-size:23px;margin:38px 0 18px;color:var(--ink)}
.group-title:first-of-type{margin-top:6px}
.series-block{margin-bottom:46px}
.series-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.series-head .group-title{margin:0}
.series-head .more{font-size:13px;font-weight:700;color:var(--sage);white-space:nowrap}
.series-head .more:hover{color:#a86955}
.sub-label{font-size:11px;letter-spacing:2px;font-weight:700;color:#9c765a;margin:20px 0 12px}
.season-links{display:flex;flex-direction:column;gap:9px;margin-top:18px}
.season-links a{color:#f6e3cb;font-size:14px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#a98a76}
.season-links a:hover{color:#fff}
.hint a{text-decoration:underline;text-underline-offset:2px}
.mail{margin:14px 0 0;font-size:14px;font-weight:700}
.mail a{text-decoration:underline;text-underline-offset:3px}
.mail a:hover{color:#a86955}
footer nav.legal{margin-top:10px;font-size:12px}
footer nav.legal a:hover{color:#a86955}
.legal-page{max-width:760px;margin:auto;padding:60px 24px 80px}
.legal-page h1{font-size:34px;margin-bottom:8px}
.legal-page h2{font-size:20px;margin:30px 0 10px}
.legal-page p,.legal-page li{font-size:15px;line-height:1.75;color:#5c5248}
.legal-page ul{padding-left:20px}
.person{cursor:pointer;transition:transform .2s}
.person:hover{transform:translateY(-4px)}
.person:focus-visible{outline:2px solid var(--sage);outline-offset:4px;border-radius:12px}
.sheet-backdrop{position:fixed;inset:0;background:#3a2c25b3;z-index:40;opacity:0;transition:opacity .3s}
.sheet-backdrop.show{opacity:1}
.sheet{position:fixed;z-index:41;left:50%;bottom:24px;transform:translate(-50%,24px);width:min(580px,calc(100vw - 32px));max-height:84vh;overflow-y:auto;background:var(--cream);border-radius:24px;padding:28px;box-shadow:0 24px 60px #3a2c2544;opacity:0;transition:opacity .3s,transform .3s}
.sheet.show{opacity:1;transform:translate(-50%,0)}
.sheet-close{position:absolute;top:14px;right:16px;border:0;background:#efe6d8;width:38px;height:38px;border-radius:50%;font-size:22px;cursor:pointer;color:var(--ink);line-height:1}
.sheet-head{display:flex;align-items:center;gap:18px}
.sheet-portrait{width:96px;height:96px;border-radius:50%;overflow:hidden;background:#eee4d9;flex:none}
.sheet-portrait img{width:100%;height:100%;object-fit:cover}
.sheet-head h2{margin:0;font-size:32px}
.sheet-title{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#9c765a;margin:24px 0 12px}
.sheet-videos{display:grid;gap:12px}
.sheet-video{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 14px 10px 10px}
.sv-thumb{width:84px;height:60px;border-radius:10px;object-fit:cover;flex:none;background:#e9ded3}
.sv-play{width:84px;height:60px;border-radius:10px;flex:none;background:#f1e1cd;display:flex;align-items:center;justify-content:center;font-size:20px;color:#9c765a}
.sheet-video div{flex:1;min-width:0}
.sheet-video strong{display:block;font-size:15px;margin-bottom:4px}
.sheet-video span{font-size:12px;color:#8a8178}
.sheet-video a{font-size:13px;font-weight:700;white-space:nowrap}
.sheet-empty{font-size:14px;color:#8a8178;background:#fff;border:1px dashed var(--line);border-radius:16px;padding:18px;text-align:center;line-height:1.7}
@media(max-width:700px){.sheet{left:0;right:0;bottom:0;width:100%;border-radius:24px 24px 0 0;transform:translateY(24px);max-height:88vh}.sheet.show{transform:translateY(0)}}
.sheet{padding:0;width:min(760px,calc(100vw - 32px))}
.sheet-card{display:grid;grid-template-columns:44% 56%;border-bottom:1px solid var(--line)}
.sheet-media{min-height:320px;background:#eee4d9}
.sheet-media img{width:100%;height:100%;object-fit:cover;display:block}
.sheet-body{padding:34px 30px;align-self:center}
.sheet-body .eyebrow{text-transform:uppercase}
.sheet-body h2{font-size:38px;margin:10px 0 12px}
.sheet-desc{font-size:15px;line-height:1.7;color:#6b5f54;margin:0 0 20px}
.sheet .sheet-title,.sheet .sheet-videos{margin-left:28px;margin-right:28px}
.sheet .sheet-walls{margin:0 28px 28px}
@media(max-width:700px){.sheet-card{grid-template-columns:1fr}.sheet-media{min-height:0;height:230px}.sheet-body{padding:24px}.sheet .sheet-title,.sheet .sheet-videos{margin-left:20px;margin-right:20px}.sheet .sheet-walls{margin:0 20px 20px}}
.hero-banner{display:block;background:#f8f0e5}
.hero-banner-image{line-height:0;background:#f8f0e5}
.hero-banner-image img{display:block;width:100%;height:auto}
.hero-banner-copy{padding:30px 24px 44px;text-align:center;background:linear-gradient(180deg,#fbf3e8,#f8f7ef)}
.hero-banner-copy .eyebrow{text-transform:uppercase}
.hero-banner-copy h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(28px,3.6vw,48px);line-height:1.15;margin:12px auto;max-width:820px}
.hero-banner-copy p{font-size:17px;color:#6b5f54;max-width:560px;margin:0 auto;line-height:1.6}
.hero-actions{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:22px}
.hero-actions .btn{margin-top:0}
.hero-secondary{font-size:14px;font-weight:700;color:#657d69}
.hero-secondary:hover{color:#a86955}
.demo{margin:20px 0;padding:20px;background:#fffdf8;border:1px dashed #d9c9b4;border-radius:16px}
.demo-title{font-weight:700;font-size:15px;margin:0 0 14px}
.demo-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.demo-pages img{width:100%;border-radius:10px;border:1px solid var(--line);background:#fff;display:block}
.demo .btn{margin-top:0}
@media(max-width:700px){.demo-pages{gap:8px}}
.video-toolbar{display:grid;gap:12px;margin-bottom:6px}
#videoSearch{padding:13px 18px;border:1px solid var(--line);border-radius:30px;font:inherit;font-size:15px;background:#fff;max-width:480px;width:100%}
#videoSearch:focus{outline:2px solid var(--sage);outline-offset:2px}
.pills{display:flex;gap:8px;flex-wrap:wrap}
.pills button{border:1px solid var(--line);background:#fff;border-radius:25px;padding:9px 16px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}
.pills button:hover{border-color:var(--sage)}
.pills button.active{background:var(--sage);color:#fff;border-color:var(--sage)}
#videoCount{margin:0 0 18px;min-height:18px}
.demo-wrap{max-width:720px;background:#f4e9dc;border-radius:22px;padding:36px}.demo-wrap>p{font-size:14px;line-height:1.7;margin:0 0 6px}.about-mini{max-width:620px;margin:64px auto 8px;text-align:center}.about-mini h2{font-size:23px;margin:0 0 12px}.about-mini p{font-size:14px;line-height:1.7;color:#6d6156;margin:0 0 10px}.contact-card{max-width:720px;margin:0 auto;background:#f8e4df;border-radius:22px;padding:36px;text-align:center}.contact-card .social{justify-content:center}.contact-card p{font-size:14px;line-height:1.7}#contacto{margin-bottom:65px}@media(max-width:700px){.demo-wrap,.contact-card{padding:26px}}.philosophy{max-width:860px;margin:48px auto 8px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:44px 36px}.philosophy h2{font-size:30px;margin:12px 0 16px}.philosophy p{font-size:15px;line-height:1.75;color:#5d5348;max-width:640px;margin:0 auto 12px}.philosophy .closing{margin-top:18px}.section-intro{font-size:15px;line-height:1.7;color:#5d5348;max-width:680px;margin:0 0 22px}.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.pillars article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.pillar-icon{font-size:28px}.pillars h3{font-size:19px;margin:12px 0 8px}.pillars p{font-size:14px;line-height:1.7;color:#6d6156;margin:0}.series-intro{font-size:13px;color:#8a8178;font-style:italic;margin:2px 0 14px;max-width:640px}@media(max-width:700px){.pillars{grid-template-columns:1fr}.philosophy{padding:32px 24px}.philosophy h2{font-size:25px}}.activities{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.activity{display:flex;gap:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;align-items:flex-start}.activity img{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:none;background:#eee4d9}.activity h3{font-size:19px;margin:2px 0 4px}.activity .with{font-size:11px;color:#9c765a;font-weight:700;letter-spacing:1.5px;margin:0 0 8px;text-transform:uppercase}.activity p{font-size:14px;line-height:1.65;color:#6d6156;margin:0}.letter{max-width:700px;background:#fffdf8;border:1px solid var(--line);border-radius:20px;padding:44px 40px}.letter p{font-size:15px;line-height:1.8;color:#5d5348;margin:0 0 14px}.letter .signature{margin-top:22px;margin-bottom:0}@media(max-width:700px){.activities{grid-template-columns:1fr}.letter{padding:32px 24px}}.letter-teaser{max-width:760px;margin:0 auto;background:#f7f3ec;border-radius:20px;padding:48px 40px;text-align:center}.letter-teaser h2{font-size:28px;margin:0 0 10px}.teaser-sub{color:#8a8178;font-size:15px;margin:0 0 20px}.letter-teaser hr{border:0;border-top:1px solid var(--line);margin:0 0 24px}.teaser-quote{font-size:19px !important;margin:0 0 12px !important}.btn-dark{background:#2b2622}.letter h1{font-size:30px;margin:0 0 18px}@media(max-width:700px){.letter-teaser{padding:36px 24px}}.subhead{font-size:22px;margin:26px 0 16px}.carta-hero{background:linear-gradient(180deg,#f1e3cb,#e7d3ae);text-align:center;padding:60px 24px 70px}
.wood-sign{display:inline-block;background:linear-gradient(135deg,#b3814f,#8a5a30);color:#fff6e8;border-radius:14px;padding:28px 48px;box-shadow:0 12px 26px #5a3a2044,inset 0 2px 0 #ffffff2e;transform:rotate(-2deg)}
.wood-sign h1{font-size:40px;margin:6px 0 0;line-height:1.15}
.wood-heart{font-size:22px}
.wood-sign.small{margin-top:20px;padding:14px 32px;transform:rotate(1.5deg)}
.wood-sign.small p{margin:0;font-size:16px;line-height:1.5}



.pola{background:#fff;padding:10px 10px 30px;margin:0;box-shadow:0 10px 22px #3a2a1a22;position:relative}
.pola:nth-child(odd){transform:rotate(-3deg)}
.pola:nth-child(even){transform:rotate(2.5deg)}
.pola::before{content:"";position:absolute;top:-12px;left:50%;transform:translateX(-50%) rotate(-3deg);width:72px;height:22px;background:#e9ddc0d9;box-shadow:0 2px 4px #0001}
.pola img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#eee4d9}
.letter-hello{font-size:19px !important}
.mini-heart{color:#b3814f}
mark{background:linear-gradient(transparent 58%,#ffe6a3 58%);padding:0 3px;color:inherit}
.phil-card{display:flex;align-items:center;gap:18px;max-width:640px;margin:48px auto 0;background:#f7f1e5;border:1px solid var(--line);border-radius:60px;padding:18px 28px}
.phil-heart{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:none;border-radius:50%;background:#f3ddd2;color:#a86955;font-size:24px}
.phil-text{display:flex;flex-direction:column;gap:2px}
.phil-text strong{font-size:17px}
.phil-text small{font-size:13px;color:#8a8178}
.phil-arrow{margin-left:auto;font-size:30px;color:#a86955}

@media(max-width:600px){.wood-sign h1{font-size:30px}.carta-hero{padding:44px 20px 52px}}
.carta-main-single{max-width:780px;margin:0 auto;padding:44px 24px 60px}.letter-illustrated::after{content:"";display:block;clear:both}.pola-float{width:168px;margin:10px 0 18px}.pola-float.right{float:right;margin-left:24px}.pola-float.left{float:left;margin-right:24px}@media(max-width:600px){.pola-float{width:122px}.pola-float.right{margin-left:14px}.pola-float.left{margin-right:14px}}.carta-page{background:#241a10}
.carta-bg{position:fixed;inset:0;background:url('assets/carta-fondo.jpg') center/cover no-repeat;z-index:-1}
.carta-top{background:#fffdf8ee}
.carta-hero{background:transparent;text-align:center;padding:56px 24px 8px}
.letter-paper{position:relative;background:linear-gradient(175deg,#faf4e3,#f3e7cb);border-radius:8px;box-shadow:0 24px 60px #140d06cc,inset 0 0 70px #b99a5e26;padding:60px 56px;max-width:720px;margin:36px auto 0;font-size:17px;line-height:1.75;color:#4a3b28}
.letter-paper::after{content:"";display:block;clear:both}
.letter-paper p{margin:0 0 1.1em}
.letter-paper .letter-hello{font-family:'Fraunces',Georgia,serif;font-size:24px;color:#5a4326}
.letter-paper mark{background:#ffe9a3;padding:2px 8px;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;color:#4a3b28}
.letter-paper mark.green{background:#dde5c0}
.letter-paper .signature{font-size:19px;text-align:center;margin-top:1.6em}
.letter-paper .motto{text-align:center;color:#8a6f4d}
.sprig{position:absolute;width:84px;height:auto;opacity:.85;pointer-events:none}
.sprig.tl{top:16px;left:16px}
.sprig.tr{top:16px;right:16px;transform:scaleX(-1)}
.sprig.bl{bottom:16px;left:16px;transform:scaleY(-1)}
.sprig.br{bottom:16px;right:16px;transform:scale(-1,-1)}
.carta-footer{color:#f3e7cb;text-align:center;padding:34px 20px 44px}
.carta-footer a{color:#f3e7cb}
@media(max-width:600px){.letter-paper{padding:44px 26px;font-size:16px}.sprig{width:56px}}
.carta-illust{max-width:300px;margin:30px auto 6px;background:#fffdf6;padding:12px 12px 18px;box-shadow:0 14px 30px #140d0655;transform:rotate(-1.5deg)}.carta-illust img{width:100%;display:block;background:#eee4d9}.links-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f7efdd,#f1e3cb);padding:22px 20px 32px}
.links-card{width:100%;max-width:420px;text-align:center}
.links-avatar{width:104px;height:104px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 10px 24px #5a3a202e;background:#eee4d9}
.links-card h1{font-size:28px;margin:16px 0 4px}
.links-card h1 span{font-weight:400}
.links-motto{color:#8a6f4d;margin:0 0 28px;font-size:15px}
.links-list{display:grid;gap:12px}
.link-row{display:flex;align-items:center;gap:12px;background:#fffdf8;border:1px solid var(--line);border-radius:16px;padding:11px 16px;box-shadow:0 6px 16px #5a3a2014;transition:transform .15s;text-align:left}
.link-row:hover{transform:translateY(-2px)}
.link-row .ico{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#f4e6cf;display:flex;align-items:center;justify-content:center}
.link-row .ico svg{width:23px;height:23px;display:block}
.link-row .txt strong{display:block;font-size:16px}
.link-row .txt small{font-size:13px;color:#8a8178}
.link-yt{border:2px solid #e8a58c;box-shadow:0 12px 28px #c0392b2e;padding:11px 16px}
.link-yt .ico{background:#fff}
.link-yt .ico svg{width:28px;height:28px}
.links-motto{margin-bottom:10px}
.links-filo{color:#9a7c58;font-size:12.5px;font-style:italic;margin:0 0 22px;line-height:1.5}
section[id],div[id]{scroll-margin-top:92px}
.nav-group{display:contents}.nav-group-title{display:none}
@media(max-width:700px){
.top nav.open .nav-group{display:flex;flex-direction:column}
.top nav.open .nav-group-title{display:block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#a98a76;padding:16px 0 4px}
.top nav.open .nav-group:first-child .nav-group-title{padding-top:2px}
.top nav.open .nav-group + .nav-group{border-top:1px solid #ecdfcd;margin-top:12px}
.top nav.open a{padding:8px 0}
section[id],div[id]{scroll-margin-top:72px}
}
@media(max-width:600px){
.letter-paper .pola-float{float:none;width:min(210px,60vw);margin-top:26px;margin-bottom:26px}
.letter-paper figure.pola-float:nth-of-type(odd){margin-left:auto;margin-right:10%}
.letter-paper figure.pola-float:nth-of-type(even){margin-left:10%;margin-right:auto}
.letter-paper{padding:40px 24px}
}