:root{--ink:#202331;--paper:#f7f6f0;--accent:#d5f568;--line:#d8d9d1;--muted:#505562}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #7470df;outline-offset:5px}header{position:sticky;top:0;z-index:5;background:#f7f6f0f5;border-bottom:1px solid var(--line);padding:18px 4%;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{text-decoration:none;font-size:30px;font-weight:850;display:flex;align-items:center;gap:10px}.brand span{font-size:13px;line-height:1.1;max-width:65px;border-left:1px solid;padding-left:10px}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:14px;font-weight:600;text-decoration:none}nav a:hover{text-decoration:underline}main>section,main>aside{max-width:1320px;margin:auto;padding:85px 6%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5vw,72px);line-height:1.08;letter-spacing:-.055em;font-weight:650}h1 em{font-style:normal;color:#5b547c}h2{font-size:clamp(32px,3.5vw,49px);line-height:1.13;letter-spacing:-.035em;font-weight:650}h3{line-height:1.3;font-size:23px;letter-spacing:-.02em}p{margin-bottom:22px}.eyebrow{font:700 12px/1.5 system-ui;letter-spacing:.13em;margin-bottom:25px}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:center;padding-top:75px;padding-bottom:65px}.intro{max-width:590px;font-size:19px}.button{display:inline-block;background:var(--ink);color:white;border-radius:9px;padding:14px 23px;text-decoration:none;font-weight:650}.small{font-size:13px;color:var(--muted);margin-top:20px}.visual{border:1px solid #b9b6cc;min-height:470px;border-radius:26px;background:radial-gradient(ellipse at 50% 45%,#d2ccf3,transparent 65%),#e9e5f2;padding:30px;position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.visual-label{font-size:10px;letter-spacing:.15em}.bubble{background:#fff9;padding:15px 20px;border:1px solid #fff;border-radius:14px;font-size:12px;max-width:85%}.bubble b{font-size:15px}.right{align-self:flex-end}.core{align-self:center;width:140px;height:140px;border-radius:50%;background:var(--ink);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:54px;box-shadow:0 0 0 15px #ffffff30}.core span{font-size:10px;letter-spacing:.06em}.visual>p{font-size:12px;text-align:center;margin:0}.notice{background:var(--accent);padding:27px 6%;border-radius:15px;max-width:1160px}.notice p{font-size:14px;margin:7px 0 0}.section-head{display:grid;grid-template-columns:1fr 1fr;column-gap:80px}.section-head>.eyebrow{grid-column:1/-1}.section-head>p:last-child{align-self:center}.concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:38px}.concepts article{border-top:1px solid var(--ink);padding-top:25px}.concepts article>span{display:block;font-size:12px;margin-bottom:24px}.concepts p{font-size:15px}.dark{background:var(--ink);color:#f7f6f0;border-radius:26px}.dark>p{max-width:650px;color:#d8d8e3}.dark .eyebrow{color:var(--accent)}[role=tablist]{display:flex;gap:10px;margin:35px 0 25px;flex-wrap:wrap}[role=tab]{border:1px solid #767986;background:transparent;color:inherit;padding:12px 22px;border-radius:99px}[role=tab][aria-selected=true]{background:var(--accent);color:var(--ink);border-color:var(--accent)}[role=tabpanel]{min-height:280px;background:#303443;border-radius:16px;padding:30px}[role=tabpanel] p{font-size:15px;max-width:900px}blockquote{margin:22px 0;font-size:23px;max-width:900px;line-height:1.5;color:#e5efb6}.comparison{display:grid;grid-template-columns:1fr 1.4fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:35px 0}.comparison article{padding:30px}.comparison article:last-child{background:#e6e2f1}.comparison small{display:block;font-size:11px;letter-spacing:.1em;margin-bottom:22px}.comparison p{font-size:16px;margin:0}.callout{border-left:3px solid #74698d;padding:10px 0 10px 24px;font-size:15px;max-width:900px}.check-section{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;background:#e9ecdf;border-radius:24px}.checks label{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid #b8bfab;font-size:16px}.checks input{width:20px;height:20px;flex-shrink:0;margin-top:4px;accent-color:#343824}#check-progress{font-weight:700;font-size:14px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:20px;font-weight:600}.faq details p{max-width:800px;margin-top:20px;margin-bottom:5px;font-size:16px}.editorial{border-top:1px solid var(--line)}.editorial p{max-width:920px;font-size:15px}.responsible{display:grid;grid-template-columns:260px 1fr;gap:70px;background:#e6e2f1;border-radius:24px}.portrait{width:100%;height:auto;border-radius:14px;border:8px solid #f7f6f0;align-self:start}.responsible h2{font-size:40px}.responsible p{max-width:650px;font-size:15px}#contacto{padding-top:20px;border-top:1px solid #c6c1d3}#contacto a{overflow-wrap:anywhere}footer{background:var(--ink);color:white;padding:45px 6% 70px}footer p{font-size:13px;color:#d6d6df;margin:14px 0}footer nav{margin:24px 0}footer button{border:0;padding:0;background:transparent;color:inherit;text-decoration:underline;font-size:14px}.legal{max-width:900px;margin:auto;padding:65px 25px 100px}.legal h1{font-size:48px}.legal h2{font-size:25px;margin-top:40px}.legal p{font-size:16px}.skip{position:absolute;left:10px;top:-100px;padding:10px;background:white;z-index:20}.skip:focus{top:10px}.cookie-banner{position:fixed;z-index:10;bottom:16px;left:3%;right:3%;background:#fff;border:1px solid #aaa;box-shadow:0 8px 50px #0003;border-radius:16px;padding:22px;display:grid;grid-template-columns:1.4fr 1fr;gap:25px}.cookie-banner h2{font-size:22px}.cookie-banner p,.cookie-banner a{font-size:13px;margin-bottom:8px}.cookie-actions{display:flex;gap:9px;flex-wrap:wrap;align-content:center}.cookie-actions button{flex:1 1 140px;min-height:45px;border:1px solid #555b48;background:#edf5da;color:var(--ink);border-radius:7px;font-size:13px;font-weight:650;padding:10px}.cookie-actions .config-button{background:white}.cookie-dialog{border:1px solid #9b9aab;border-radius:18px;max-width:580px;width:calc(100% - 32px);max-height:85vh;overflow:auto;padding:28px;color:var(--ink);background:var(--paper)}.cookie-dialog::backdrop{background:#16182699}.cookie-dialog h2{font-size:30px}.cookie-dialog p{font-size:14px}.cookie-top{display:flex;justify-content:space-between}.cookie-close{border:0;background:transparent;font-size:30px}.cookie-option{border-top:1px solid #ccc;padding-top:18px}.cookie-option label{display:flex;justify-content:space-between;font-weight:700}.cookie-option input{width:22px;height:22px}.cookie-status{position:fixed;bottom:8px;left:4%;z-index:12;background:var(--ink);color:white;border-radius:9px;font-size:13px;padding:10px;max-width:90%}.cookie-status:empty{display:none}[hidden]{display:none!important}body.consent-visible{padding-bottom:200px}@media(max-width:800px){header{position:relative;align-items:flex-start;flex-direction:column;gap:15px;padding:18px 6%}nav{gap:12px 18px}nav a{font-size:12px}.hero{grid-template-columns:1fr;gap:35px;padding-top:45px}.visual{min-height:400px}.section-head,.comparison,.check-section,.responsible{grid-template-columns:1fr;gap:25px}.concepts{grid-template-columns:1fr;gap:15px}.concepts article{padding-top:20px}.concepts article>span{margin-bottom:10px}main>section{padding:55px 6%}.notice{margin:0 4%;padding:24px}.dark,.check-section,.responsible{border-radius:0}.responsible .portrait{width:200px}blockquote{font-size:20px}[role=tabpanel]{padding:22px;min-height:360px}.cookie-banner{grid-template-columns:1fr;gap:10px;bottom:8px;padding:16px;max-height:75vh;overflow:auto}.cookie-banner h2{margin-bottom:6px}.cookie-actions button{flex-basis:120px}body.consent-visible{padding-bottom:330px}.legal h1{font-size:36px}html{scroll-padding-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Ramas de Diciembre: una identidad cálida y editorial */
:root{--ink:#294c40;--paper:#fbf8f0;--accent:#dbc28a;--line:#d8d8c9;--muted:#5b6559}header{background:#fbf8f0f5}.brand{font:italic 36px/1 Georgia,serif}.brand span{font:700 11px/1.15 system-ui;max-width:85px}.tree-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding-top:55px!important;padding-bottom:65px!important}h1{font-family:Georgia,serif;font-size:clamp(49px,5.7vw,82px);font-weight:400;line-height:1.04;letter-spacing:-.045em}h1 em{font-style:italic;color:#9b343c}h2{font-family:Georgia,serif;font-weight:400}h3{font-weight:600}.intro{font-size:18px;max-width:540px}.button{background:#9b343c;border-radius:2px}.button:hover{background:#752730}.hero-tree{margin:0;position:relative;background:#e9e7d9;border-radius:200px 200px 4px 4px;overflow:hidden}.hero-tree>img{display:block;width:100%;height:auto;max-height:550px;object-fit:contain}.hero-tree figcaption{font:12px/1.5 system-ui;padding:0 30px 20px;text-align:center;color:#4b5f50}.hero-stamp{position:absolute;top:80px;right:15px;background:#9b343c;color:#fff7e9;border-radius:50%;width:96px;height:96px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.35;font-size:10px;letter-spacing:.09em;transform:rotate(10deg)}.notice{background:#e9e7d9;border-radius:0;border-left:3px solid #9b343c}.section-head{align-items:center}.prep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.prep-grid article{border-top:1px solid #aebcab;padding-top:25px}.prep-grid span{font:italic 30px Georgia,serif;color:#9b343c;display:block;margin-bottom:20px}.prep-grid p{font-size:15px}.style-section{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;background:#294c40;color:#fbf8f0;border-radius:4px}.style-intro>.eyebrow{color:#dbc28a}.style-intro>p{font-size:15px;color:#e5e8dd}[role=tablist]{gap:8px;margin:30px 0 0}[role=tab]{border-radius:2px;padding:11px 16px;font-size:14px;border-color:#adb8a6}[role=tab][aria-selected=true]{background:#dbc28a;color:#294c40;border-color:#dbc28a}[role=tabpanel]{background:#36594b;min-height:380px;border-radius:2px;padding:30px}.swatches{display:flex;margin-bottom:30px;gap:12px}.swatches i{width:58px;height:58px;border-radius:50%;border:1px solid #ffffff40}.style-panels .eyebrow{font-size:10px;color:#e1c98f;margin-bottom:15px}.style-panels h3{font-family:Georgia,serif;font-size:30px;font-weight:400}.style-panels p{font-size:15px}.assembly-list{border-top:1px solid #b9c1b1;margin-top:40px}.assembly-list article{display:grid;grid-template-columns:65px 1fr;gap:25px;padding:28px 0;border-bottom:1px solid #ccd1c1}.assembly-list article>span{font:italic 42px/1 Georgia,serif;color:#9b343c}.assembly-list h3{font-size:23px}.assembly-list p{font-size:16px;max-width:890px;margin-bottom:0}.composition{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;background:#e9e7d9}.composition h2{font-size:60px}.composition article{border-top:1px solid #adb7a6;padding-top:22px;margin-bottom:25px}.composition article h3{font-size:21px}.composition p{font-size:15px}.check-section{background:#f0e4ce;border-radius:0}.checks label{border-color:#c8b992}.checks input{accent-color:#9b343c}.mistakes{display:grid;grid-template-columns:1fr 1fr;gap:25px 55px;margin-top:40px}.mistakes article{padding-top:20px;border-top:1px solid #bdc6b5}.mistakes h3{font-size:22px}.mistakes p{font-size:15px}.safety{padding:25px 30px;margin-top:35px;border:1px solid #c8b992;background:#f4ecdd}.safety h3{font-size:21px}.safety p{margin:0;font-size:15px}.responsible{background:#e9e7d9;grid-template-columns:280px 1fr;border-radius:0}.responsible h2{font-size:43px}.portrait{border:0;border-radius:120px 120px 3px 3px;max-width:280px}#contacto{border-color:#b6bfac}.editorial{border-color:#cbd1c1}footer{background:#294c40}.cookie-actions button{background:#eee4ce;border-color:#827455}.cookie-dialog{border-radius:5px}.cookie-status{background:#294c40}.legal h1{font-size:49px}.legal h2{font-size:26px}@media(max-width:800px){.tree-hero,.prep-grid,.style-section,.composition,.mistakes{grid-template-columns:1fr;gap:28px}.tree-hero{padding-top:40px!important}.hero-tree{max-width:470px;margin:auto}.hero-tree>img{max-height:450px}.hero-stamp{top:70px;right:10px;width:80px;height:80px;font-size:9px}.style-section{border-radius:0}[role=tabpanel]{min-height:390px;padding:25px}.assembly-list article{grid-template-columns:35px 1fr;gap:15px}.assembly-list article>span{font-size:33px}.assembly-list p{font-size:15px}.composition h2{font-size:45px}.responsible{grid-template-columns:1fr}.responsible .portrait{width:100%;max-width:250px}.responsible h2{font-size:39px}.legal h1{font-size:37px}}@media(prefers-reduced-motion:no-preference){.button,[role=tab]{transition:background .18s}.hero-tree>img{animation:tree-in .7s ease-out}@keyframes tree-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}