@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--ink:#263d37;--forest:#29473f;--forest2:#365a4f;--sage:#cbd8c2;--sage2:#e8eee2;--cream:#f7f6f0;--paper:#fffefa;--clay:#d5a18c;--muted:#69776f;--line:#dce3d8;--warn:#fff1dd;--warn-ink:#795a30;--shadow:0 18px 50px rgba(42,67,57,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;padding:10px;z-index:100}.skip-link:focus{left:10px}.site-header{height:78px;padding:0 clamp(20px,6vw,96px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,254,250,.94);border-bottom:1px solid rgba(220,227,216,.8);position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--forest)}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:var(--forest);color:#e9d7a8;border-radius:50%;font-size:22px}.brand strong{display:block;font-size:12px;letter-spacing:.18em;line-height:1.3}.brand small{display:block;font-size:8px;letter-spacing:.23em;color:#78877d}.main-nav{display:flex;align-items:center;gap:8px}.nav-link{font-size:12px;font-weight:700;text-decoration:none;padding:10px 15px;border-radius:99px;color:#63736b;transition:.2s}.nav-link:hover,.nav-link.active{background:var(--forest);color:#fff}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:21px;color:var(--forest)}
.hero{min-height:660px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;padding:72px clamp(25px,9vw,145px) 92px;background:linear-gradient(112deg,#f6f6ee 0%,#f4f4ed 55%,#e8eee2 100%)}.hero-copy{max-width:650px;position:relative;z-index:2}.eyebrow,.section-label{font-size:10px;font-weight:700;letter-spacing:.2em;color:#718177}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid #d1ddcb;background:#f2f5ec;border-radius:99px}.eyebrow-dot{width:7px;height:7px;background:var(--clay);border-radius:50%}.eyebrow-separator{color:#b0bcae}.script-kicker{font:italic 500 19px 'Playfair Display',Georgia,serif;color:#6d8377;margin:30px 0 8px}.hero h1{font:600 clamp(64px,8vw,112px)/.91 'Playfair Display',Georgia,serif;letter-spacing:-.055em;color:var(--forest);margin:0}.hero h1 em{font-weight:500;color:#b7836d}.hero-subtitle{margin:14px 0 20px;font:italic 500 26px 'Playfair Display',Georgia,serif;color:#647a6e}.hero-description{font-size:17px;line-height:1.65;max-width:550px;color:#58675f;margin:0 0 28px}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.02em;padding:13px 19px;border-radius:99px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 9px 24px #233c3022}.button-light{background:var(--forest);color:white}.button-dark{background:var(--forest);color:white}.text-link,.underlined-link{font-size:12px;font-weight:700;text-decoration:none}.light-link{color:#61746a}.underlined-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid #b4c4b5;padding-bottom:5px;margin-top:7px}.hero-visual{min-height:460px;position:relative;display:flex;justify-content:center;align-items:center}.hero-image-card{width:min(88%,460px);margin:0;padding:13px;background:#fff;border-radius:17px;box-shadow:0 25px 60px rgba(39,65,53,.16);transform:rotate(2deg);position:relative;z-index:2}.hero-image-card img{display:block;width:100%;height:255px;object-fit:cover;object-position:center;border-radius:9px}.hero-image-card figcaption{font-size:10px;letter-spacing:.1em;font-weight:700;color:#65786a;padding:12px 8px 3px}.caption-mark{color:#c58d76;margin-right:8px}.crest-card{position:absolute;z-index:3;top:0;left:0;background:#fffefa;border:1px solid #dbe4d7;border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px}.crest-placeholder{width:68px;height:77px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:0}.crest-placeholder svg{width:48px;height:54px}.crest-placeholder span{font-size:6px;text-align:center;letter-spacing:.06em;line-height:1.2;color:#7c897f}.crest-caption{font-size:9px;color:#64756b;max-width:105px;line-height:1.4}.floating-note{position:absolute;z-index:4;background:#fffdf7;border:1px solid #e2e6db;padding:12px 17px;border-radius:12px;font:italic 12px 'Playfair Display',Georgia,serif;color:#79897d;box-shadow:0 10px 28px #29473f12;line-height:1.35}.floating-note b{font-size:15px;color:var(--forest)}.note-top{top:60px;right:4%}.note-bottom{bottom:10px;left:8%}.hero-orbit{position:absolute;border:1px solid #d5dfd0;border-radius:50%;pointer-events:none}.orbit-one{width:580px;height:580px;right:-170px;top:-100px}.orbit-two{width:430px;height:430px;right:-95px;top:-30px}.hero-bottomline{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;padding:17px clamp(25px,9vw,145px);background:var(--sage);font-size:9px;font-weight:700;letter-spacing:.14em;color:#456253}
.details-strip{padding:26px clamp(24px,9vw,145px);background:var(--paper);display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border-bottom:1px solid var(--line)}.detail-item{display:flex;align-items:center;gap:12px;min-width:0}.detail-icon{width:34px;height:34px;flex:0 0 auto;border:1px solid #d8e1d4;border-radius:50%;display:grid;place-items:center;font:italic 14px 'Playfair Display',Georgia,serif;color:#a77d68}.detail-item small{display:block;font-size:8px;letter-spacing:.14em;color:#819087;font-weight:700}.detail-item strong{display:block;font-size:11px;font-weight:600;color:#43574c;overflow-wrap:anywhere}
.intro-section{padding:104px clamp(25px,12vw,190px);background:var(--paper)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:24px;align-items:start}.intro-grid h2,.section-heading h2,.poster-header h2{font:500 clamp(36px,4.5vw,58px)/1.12 'Playfair Display',Georgia,serif;letter-spacing:-.035em;margin:0;color:var(--forest)}.intro-grid h2 em,.section-heading h2 em,.poster-header h2 em{color:#b7836d}.intro-text{max-width:580px;color:#5c6b62;font-size:14px}.intro-text p:first-child{margin-top:0}.intro-text strong{color:var(--forest)}
.section-block{padding:100px clamp(25px,9vw,145px);background:#eef2e9}.section-heading,.poster-header{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.section-heading>p{max-width:370px;font-size:13px;color:#718077;margin:0 0 6px}.section-heading h2,.poster-header h2{margin-top:13px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.video-card{background:#fffefa;border:1px solid #dfe7db;border-radius:18px;padding:20px;box-shadow:0 12px 32px #29473f0b}.video-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.video-number,.card-index{font-size:9px;letter-spacing:.17em;font-weight:700;color:#849287}.video-chip{padding:5px 10px;border-radius:99px;background:#edf2e9;font-size:9px;color:#587064;font-weight:700}.video-frame{display:flex;align-items:center;justify-content:center;background:#e4e9e0;border-radius:12px;overflow:hidden;min-height:270px}.video-frame video{display:block;max-width:100%;max-height:520px;object-fit:contain;background:#111}.portrait-frame video{width:auto;height:440px}.square-frame video{width:100%;height:auto;max-height:440px}.video-card-copy{padding:17px 2px 2px}.video-card-copy h3{font:600 22px 'Playfair Display',Georgia,serif;color:var(--forest);margin:0 0 5px}.video-card-copy p{font-size:12px;color:#6b7a71;margin:0 0 8px}.video-card-copy small{font-size:9px;color:#98a298;letter-spacing:.06em}.micro-note{font-size:10px;color:#758279;background:#fffefa;border-left:3px solid #d4a18b;padding:12px 15px;margin:18px 0 0}.problem-area{margin-top:85px}.problem-heading{max-width:650px;margin-bottom:24px}.problem-heading h3,.navigation-map h3{font:500 31px 'Playfair Display',Georgia,serif;color:var(--forest);margin:8px 0}.problem-heading p,.navigation-map>p{font-size:12px;color:#718077}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-card{background:#fffefa;border:1px solid #dfe7db;border-radius:13px;padding:21px;min-height:198px}.info-card h4{font:600 19px 'Playfair Display',Georgia,serif;color:var(--forest);margin:12px 0 8px}.info-card p{font-size:12px;color:#66756c;margin:0;line-height:1.65}.problem-main{grid-column:span 2;background:#f9fbf5}.editable-field{border-left:2px solid #d3a28c;padding-left:12px;color:#907762!important}.field-warning{background:var(--warn);color:var(--warn-ink);border-radius:7px;padding:8px 10px;margin-top:13px;font-size:9px;line-height:1.45}.keyword-list{display:flex;gap:6px;flex-wrap:wrap}.keyword-list span{font-size:9px;background:#eef3e9;color:#52695d;border-radius:99px;padding:6px 9px}
.poster-section{padding:100px clamp(25px,9vw,145px);background:#fffefa}.poster-header{align-items:center}.poster-header h2{max-width:580px}.poster-intro{max-width:710px;font-size:13px;color:#6a786f;margin:-14px 0 26px}.poster-browser{border:1px solid #dce4d8;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);background:#f5f5ee}.browser-bar{height:44px;display:flex;align-items:center;gap:15px;padding:0 16px;background:#f0f2eb;border-bottom:1px solid #dce4d8;font-size:10px;color:#748077}.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;background:#c4d0bf;border-radius:50%}.browser-dots i:first-child{background:#dba88f}.browser-bar a{margin-left:auto;text-decoration:none;font-weight:700;color:#4f6b5b}.poster-browser iframe{width:100%;height:790px;border:0;background:#fff}.poster-fallback{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:#f8f8f2;border-top:1px solid #e3e7de;font-size:10px;color:#77847b}.poster-fallback a{font-weight:700;color:#365a4f}
.credits-section{padding:100px clamp(25px,9vw,145px);background:#eaf0e5}.credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.credit-card{background:#fffefa;border:1px solid #dce5d9;border-radius:15px;padding:25px;min-height:290px}.credit-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#edf2e9;color:#426253;font:600 19px 'Playfair Display',Georgia,serif;margin-bottom:18px}.credit-card h3{font:600 23px 'Playfair Display',Georgia,serif;color:var(--forest);margin:7px 0 11px}.credit-card p{font-size:12px;color:#68776d;line-height:1.7}.reference-placeholder{background:#f9f4ec;border-left:2px solid var(--clay);padding:13px;margin:15px 0;font-size:11px;color:#856c58}.apa-example{font-size:10px;color:#839087;line-height:1.65}.license-badge{border:1px solid #cfdacc;border-radius:10px;display:flex;align-items:center;gap:13px;padding:11px 13px;margin:14px 0;color:var(--forest)}.license-badge>strong{font-size:29px;letter-spacing:-.12em}.license-badge b,.license-badge small{display:block}.license-badge b{font-size:11px;letter-spacing:.16em}.license-badge small{font-size:9px;color:#7a887f}.ai-reference{border-top:1px solid #e1e7de;padding-top:12px;font-size:10px!important}.navigation-map{background:#fffefa;border-radius:17px;padding:32px;margin-top:34px;border:1px solid #dce5d9}.navigation-map h3{font-size:33px}.map-flow{max-width:800px;margin:28px auto 0;text-align:center}.map-node{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;background:#eef3e9;border:1px solid #d5e1d2;border-radius:10px;text-decoration:none;color:#38564a}.map-node>span{font:italic 17px 'Playfair Display',Georgia,serif;color:#bd8d77}.map-node b{font-size:10px;letter-spacing:.12em}.map-node small{font-size:9px;color:#78867c}.map-home{display:inline-flex;min-width:250px;background:var(--forest);color:white;border-color:var(--forest)}.map-home>span{color:#e7c2a7}.map-branches{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;position:relative}.map-branch{padding-top:18px;border-top:1px solid #ccd9cb}.map-branch>.map-node{max-width:300px;margin:0 auto}.map-subnodes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.map-subnodes a{background:#f8f8f2;border:1px solid #e4e9e0;border-radius:8px;text-decoration:none;padding:10px 8px;font-size:9px;color:#64766b}.map-subnodes a:hover{background:#e9f0e4}
.site-footer{background:#263f37;color:#e8eee4;text-align:center;padding:55px 20px 35px}.footer-brand{font:600 24px 'Playfair Display',Georgia,serif;letter-spacing:.04em;text-decoration:none}.footer-brand em{color:#d4a18b}.site-footer p{font-size:10px;color:#bdcbbf;margin:7px}.back-top{display:inline-block;margin:17px 0;text-decoration:none;font-size:10px;font-weight:700;border-bottom:1px solid #70877a;padding-bottom:4px}.site-footer>small{display:block;margin:12px auto 0;max-width:550px;color:#9fb0a2;font-size:9px}
@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;padding-left:6vw;padding-right:6vw}.hero-bottomline{padding-left:6vw;padding-right:6vw}.details-strip{padding-left:6vw;padding-right:6vw;grid-template-columns:1fr 1fr}.intro-section,.section-block,.poster-section,.credits-section{padding-left:7vw;padding-right:7vw}.intro-grid{gap:35px}.problem-grid{grid-template-columns:1fr 1fr}.poster-browser iframe{height:650px}}
@media(max-width:650px){.site-header{height:68px;padding:0 19px}.brand strong{font-size:10px}.brand small{font-size:7px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:67px;left:0;right:0;background:#fffefa;border-bottom:1px solid var(--line);padding:12px 18px 18px;flex-direction:column;align-items:stretch;box-shadow:0 14px 26px #20392d14}.main-nav.open{display:flex}.nav-link{padding:12px 14px}.hero{display:block;min-height:auto;padding:49px 24px 92px}.hero h1{font-size:74px}.hero-description{font-size:14px}.hero-visual{min-height:335px;margin-top:40px}.hero-image-card{width:85%}.hero-image-card img{height:190px}.crest-card{top:-4px;left:0;padding:6px 9px}.crest-placeholder{width:48px;height:58px}.crest-placeholder svg{width:35px;height:41px}.crest-caption{font-size:8px}.note-top{right:0;top:22px}.note-bottom{left:1%;bottom:0}.hero-bottomline{padding:14px 22px;flex-direction:column;gap:3px;font-size:8px}.details-strip{grid-template-columns:1fr 1fr;padding:22px;gap:17px}.detail-item strong{font-size:10px}.intro-section,.section-block,.poster-section,.credits-section{padding:68px 22px}.intro-grid{grid-template-columns:1fr;gap:22px;margin-top:19px}.intro-grid h2{font-size:42px}.intro-text{font-size:13px}.section-heading,.poster-header{display:block}.section-heading>p{margin-top:15px}.section-heading h2,.poster-header h2{font-size:39px}.video-grid{grid-template-columns:1fr}.video-frame{min-height:220px}.portrait-frame video{height:390px}.square-frame video{max-height:380px}.problem-area{margin-top:60px}.problem-grid{grid-template-columns:1fr}.problem-main{grid-column:auto}.poster-header .button{margin-top:20px}.poster-intro{margin-top:15px}.browser-bar{gap:8px;font-size:8px;padding:0 10px}.browser-bar a{font-size:8px}.poster-browser iframe{height:570px}.poster-fallback{flex-direction:column;text-align:center}.credits-grid{grid-template-columns:1fr}.credit-card{padding:21px}.navigation-map{padding:23px 15px}.map-branches{grid-template-columns:1fr;gap:18px}.map-subnodes{grid-template-columns:1fr 1fr}.map-home{min-width:190px}.map-node small{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media print{.site-header,.hero-actions,.browser-bar,.poster-fallback,.back-top,.menu-toggle{display:none!important}.hero{min-height:0;padding:30px;grid-template-columns:1fr 1fr}.hero-visual{min-height:280px}.section-block,.poster-section,.credits-section,.intro-section{padding:30px;break-inside:avoid}.poster-browser iframe{height:500px}.site-footer{padding:20px}.video-frame video{max-height:250px}.problem-grid,.credits-grid{break-inside:avoid}}

/* Póster digital reconstruido e integrado en la página */
.poster-recreated-tag{display:inline-flex;align-items:center;padding:9px 13px;border-radius:99px;border:1px solid #d9e2d4;background:#f2f5ec;color:#607569;font-size:9px;font-weight:700;letter-spacing:.13em}
.poster-replica{position:relative;max-width:1120px;margin:36px auto 0;background:#fbfaf7;border:1px solid #e3e5dc;border-radius:22px;overflow:hidden;box-shadow:0 18px 48px rgba(42,67,57,.09)}
.poster-cover{position:relative;text-align:center;padding:40px 24px 38px;min-height:560px;background:#fbfaf7;overflow:hidden}
.poster-grade{display:inline-block;border:1px solid #c9d9c2;background:#edf2e8;color:#34564a;border-radius:999px;padding:8px 17px;font-size:clamp(10px,1.2vw,15px);font-weight:700;letter-spacing:.13em}
.poster-cover h3{font:600 clamp(33px,4vw,49px) 'Berkshire Swash','Playfair Display',Georgia,serif;color:#536c61;margin:28px 0 0}
.poster-script-subtitle{font:400 clamp(20px,2.2vw,28px) 'Berkshire Swash','Playfair Display',Georgia,serif;color:#425b50;margin:28px 0 25px}
.poster-cover-description{max-width:690px;margin:0 auto 26px;color:#34564a;font-size:clamp(14px,1.45vw,19px);line-height:1.5}
.poster-school{display:inline-block;max-width:100%;border:1px solid #d9e3d5;background:#fffefa;border-radius:15px;padding:12px 18px;color:#405d50;font-size:clamp(11px,1.1vw,15px)}
.poster-school span{color:#b18570;padding:0 5px}
.poster-classroom{display:block;width:min(390px,75%);height:auto;max-height:205px;object-fit:cover;margin:26px auto 0;border:7px solid #fff;border-radius:14px;box-shadow:0 8px 24px rgba(40,60,50,.14)}
.poster-pencil{position:absolute;z-index:2;right:4%;top:20px;font-size:66px;line-height:1;color:#d1aa65;transform:rotate(35deg);opacity:.65;pointer-events:none}
.poster-green-ribbon{height:28px;background:#cbd9c1}
.poster-explore-label{text-align:center;font:400 27px 'Berkshire Swash','Playfair Display',Georgia,serif;color:#405c50;margin:10px 0 24px}
.poster-explore-label span{font-family:Arial,sans-serif;font-size:23px}
.poster-tabs{display:flex;gap:9px;align-items:center;overflow-x:auto;padding:0 22px 13px;scrollbar-color:#a6a6a6 transparent;scrollbar-width:thin}
.poster-tab{flex:0 0 auto;border:1px solid #cbd9c9;background:#fbfcf8;color:#29473f;border-radius:999px;padding:12px 18px;font:700 13px 'DM Sans',Arial,sans-serif;cursor:pointer;white-space:nowrap;transition:.18s}
.poster-tab:hover{background:#eef3e9}.poster-tab.active{background:#344f47;color:#fff;border-color:#344f47;box-shadow:0 4px 0 #cbd9c1}
.poster-panel-wrap{padding:22px clamp(16px,4vw,54px) 38px}
.poster-panel{max-width:1000px;min-height:300px;margin:0 auto;padding:40px clamp(22px,4vw,54px) 34px;background:#fffefa;border:1px solid #dce4d8;border-radius:30px;box-shadow:7px 9px 0 #e5ebdf,0 18px 42px rgba(42,67,57,.06)}
.poster-panel[hidden]{display:none}
.poster-panel-accent{display:block;width:68px;height:5px;border-radius:99px;background:#d8a58f;margin:0 auto 30px}
.poster-panel h4{text-align:center;font:600 clamp(30px,3.2vw,43px) 'Berkshire Swash','Playfair Display',Georgia,serif;color:#405c50;margin:0 0 28px}
.poster-panel>p:not(.poster-keywords):not(.poster-objective){font-size:clamp(13px,1.3vw,16px);line-height:1.58;color:#40564d;text-align:justify;margin:0 0 17px}
.poster-activity{display:block;width:min(650px,90%);max-height:230px;object-fit:cover;margin:24px auto 10px;border:7px solid #fff;border-radius:14px;box-shadow:0 7px 22px rgba(41,71,63,.12)}
.poster-source-note{text-align:center!important;color:#9a897c!important;font-size:10px!important;margin-top:8px!important}
.poster-validation-note{margin-top:20px;padding:12px 15px;border-radius:9px;background:#f5f2e9;border-left:3px solid #d5a18c;color:#75624f;font-size:11px;line-height:1.55}
.poster-keywords{display:flex;flex-wrap:wrap;gap:11px;justify-content:center;margin:20px auto 28px;max-width:720px}
.poster-keywords span{padding:12px 17px;border-radius:999px;background:#edf2e8;border:1px solid #d4e0d0;color:#405c50;font-size:13px;font-weight:600}
.poster-objective{max-width:720px;margin:0 auto;text-align:center;color:#40564d;font:500 clamp(20px,2.1vw,27px)/1.5 'Playfair Display',Georgia,serif}
.poster-replica-footnote{max-width:950px;margin:15px auto 0;color:#879188;font-size:10px;line-height:1.5}
@media(max-width:650px){.poster-cover{padding:33px 16px 28px;min-height:490px}.poster-cover h3{font-size:34px;margin-top:22px}.poster-script-subtitle{font-size:22px;margin:22px 0}.poster-classroom{width:88%;max-height:160px}.poster-pencil{font-size:43px;right:3%;top:9px}.poster-school{font-size:10px;padding:9px 11px}.poster-tabs{padding-left:14px;padding-right:14px}.poster-tab{font-size:11px;padding:10px 13px}.poster-panel-wrap{padding:15px 13px 25px}.poster-panel{border-radius:20px;padding:29px 19px 25px}.poster-panel h4{margin-bottom:22px}.poster-activity{max-height:180px}.poster-recreated-tag{margin-top:16px}}