/* Cuatro lenguajes visuales independientes sobre la base accesible compartida. */

/* ——— TUCANES / revista tropical ——— */
body.toucan{background:#eff55b;color:#092e28}
.toucan .lab-header{height:94px;color:#092e28;border-bottom:3px solid #092e28;background:#ffc62b;padding-inline:3vw}
.toucan .brand-name small,.toucan .lab-header nav a{color:#315b3d}.toucan .brand svg{fill:#092e28}.toucan .profile-toggle i{color:#f44735}
.toucan .profile-menu{background:#fff9dd;box-shadow:12px 12px 0 #00a98f;border:3px solid #092e28}.toucan .profile-menu a{border-color:#092e28}.toucan .profile-menu a:hover,.toucan .profile-menu a.active{background:#ffc62b}
body.toucan .hero{min-height:860px;padding:94px 0 0 3vw;grid-template-columns:41% 59%;background:#eff55b;color:#092e28;overflow:hidden}
.toucan .hero-copy{position:relative;z-index:3;padding:3rem 2vw 3rem 0}.toucan .hero-copy::before{content:"REVISTA DEL DOSEL";width:max-content;background:#f44735;color:#fff;padding:.6rem 1rem;font:500 .48rem/1 var(--mono);letter-spacing:.14em;transform:rotate(-2deg);margin-bottom:2rem}
.toucan .hero h1{font-size:clamp(5.5rem,10vw,11rem);line-height:.7;color:#092e28;text-shadow:5px 5px 0 #fff9dd}.toucan .hero h1 em{color:#f44735}.toucan .hero-copy>p:not(.eyebrow){color:#294c3b;font-size:1.02rem}.toucan .hero-link{background:#092e28;color:#eff55b;border-radius:999px}.toucan .eyebrow span{background:#f44735}
.toucan .hero-art{height:100%;min-height:760px;background:#00a98f;clip-path:ellipse(72% 76% at 72% 49%)}.toucan .hero-art::before,.toucan .hero-art::after{border-color:rgba(255,198,43,.68);border-width:3px}.toucan .hero-art svg{width:min(78%,650px);transform:rotate(3deg)}.toucan .art-label{right:7%;top:12%;padding:.8rem;background:#ffc62b;color:#092e28;transform:rotate(3deg)}
.toucan .facts{position:relative;z-index:4;background:#092e28;color:#fff9dd;grid-template-columns:repeat(4,1fr);border:0}.toucan .facts div{border-color:#eff55b}.toucan .facts strong{color:#ffc62b;font-size:2.3rem}
.toucan .section{background:#fff9dd;padding:9rem 5vw}.toucan .section-head{grid-template-columns:.75fr 1.25fr}.toucan .section-head h2{font-size:clamp(4rem,7vw,8rem);color:#092e28}.toucan .section-head>p:last-child{font-size:1rem;color:#365846}
.toucan .card-grid{gap:1.4rem;background:transparent}.toucan .card-grid article{min-height:380px;background:#eff55b;border:3px solid #092e28;border-radius:52% 48% 12% 12%/18% 18% 8% 8%;box-shadow:10px 10px 0 #00a98f}.toucan .card-grid article:nth-child(2){background:#ffc62b;transform:translateY(2rem)}.toucan .card-grid article:nth-child(3){background:#ffd8c7}.toucan .card-grid .icon{font-size:5rem;color:#f44735}
.toucan .section.dark{background:#092e28;color:#fff9dd;position:relative}.toucan .section.dark::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(0,169,143,.22) 0 12%,transparent 12.5%),radial-gradient(circle at 85% 70%,rgba(239,245,91,.12) 0 15%,transparent 15.5%)}.toucan .section.dark>*{position:relative}.toucan .dark-grid{gap:1rem;border:0}.toucan .dark-grid article{border:2px solid #eff55b!important;background:rgba(0,169,143,.12);clip-path:polygon(0 0,94% 0,100% 12%,100% 100%,6% 100%,0 88%)}.toucan .dark-grid span{color:#ffc62b}.toucan .dark-grid h3{font-size:2rem}
.toucan .timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;border:0}.toucan .timeline article{display:block;border:3px solid #092e28;padding:2rem;background:#fff;transform:rotate(-1deg)}.toucan .timeline article:nth-child(2){transform:rotate(1.5deg);background:#eff55b}.toucan .timeline b{display:block;font-size:3rem;color:#f44735;margin-bottom:2rem}.toucan .timeline p{margin-top:1rem}
body.toucan .feature-panel{background:#ffc62b;clip-path:polygon(0 7%,100% 0,100% 100%,0 100%);padding-top:10rem}.toucan .feature-visual{background:#092e28;border-radius:50% 20% 50% 20%;transform:rotate(2deg)}
.toucan footer{background:#00a98f;color:#092e28}.toucan footer p,.toucan footer small{color:#173f35;border-color:#092e28}

/* ——— SANTA / expediente postal ——— */
body.santa{background:#f3ead7;color:#501017;background-image:linear-gradient(rgba(111,13,22,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(111,13,22,.035) 1px,transparent 1px);background-size:32px 32px}
.santa .lab-header{height:76px;top:18px;width:calc(100% - 4vw);left:2vw;padding:0 2vw;background:#7b101a;border:2px solid #d7b86a;border-radius:4px;color:#fff;box-shadow:0 8px 0 rgba(80,16,23,.18)}
.santa .brand svg{fill:#f4f0e7}.santa .profile-menu{background:#fffaf0;border:2px dashed #7b101a;box-shadow:8px 8px 0 #d7b86a}.santa .profile-menu a.active{background:#7b101a;color:#fff}
body.santa .hero{margin:0 2vw;min-height:900px;height:100vh;padding:125px 3vw 45px;grid-template-columns:54% 46%;background:#fffaf0;color:#501017;border-inline:2px solid #d7b86a;position:relative}.santa .hero::before{content:"EXPEDIENTE NORTE · FRÁGIL · ENTREGA ESPECIAL";position:absolute;top:108px;right:3vw;border:3px double #7b101a;padding:.65rem 1rem;color:#7b101a;font:500 .5rem/1 var(--mono);letter-spacing:.1em;transform:rotate(2deg)}
.santa .hero-copy{padding:4rem 2vw 0}.santa .hero h1,.santa .section-head h2,.santa .feature-panel h2{font-family:Georgia,serif;font-weight:700;letter-spacing:-.055em}.santa .hero h1{font-size:clamp(5.4rem,9vw,10rem);line-height:.75;color:#7b101a}.santa .hero h1 em{color:#d7b86a}.santa .hero-copy>p:not(.eyebrow){color:#70575a}.santa .hero-link{background:#7b101a;color:#fff;border:2px solid #7b101a;box-shadow:6px 6px 0 #d7b86a}.santa .eyebrow span{background:#7b101a}
body.santa .hero-art{min-height:650px;background:radial-gradient(circle,#7b101a 0 55%,transparent 55.5%)}body.santa .hero-art::before,body.santa .hero-art::after{border-color:#d7b86a;border-width:2px}.santa .hero-art svg{width:78%}.santa .art-label{top:auto;bottom:7%;right:8%;color:#7b101a;background:#fffaf0;border:2px solid #7b101a;padding:.8rem;transform:rotate(-4deg)}
body.santa .facts{margin:0 2vw;background:#7b101a;color:#fff;gap:10px;padding:10px;border:2px solid #d7b86a}.santa .facts div{background:#a31e28;border:1px solid #d7b86a;text-align:center;padding:2rem}.santa .facts strong{font-family:Georgia,serif;font-size:2.8rem;color:#fff4cf}
.santa .section{max-width:1180px;margin:4rem auto;background:#fffaf0;border:1px solid #c8ae80;box-shadow:0 20px 50px rgba(80,16,23,.09);padding:7rem 6vw}.santa .section-head{grid-template-columns:1fr 1fr}.santa .section-head h2{color:#7b101a}.santa .timeline{border-left:4px double #7b101a;border-top:0;padding-left:2rem}.santa .timeline article{grid-template-columns:130px 1fr 1fr;border-bottom:1px dashed #b79465;position:relative}.santa .timeline article::before{content:"";position:absolute;left:-2.7rem;top:2.2rem;width:18px;height:18px;border-radius:50%;background:#7b101a;border:4px solid #d7b86a}.santa .timeline b{font-family:Georgia,serif;color:#7b101a}
.santa .section.dark{max-width:none;margin:0;background:#7b101a;color:#fffaf0;border:0;box-shadow:none}.santa .dark-grid{gap:1.2rem;border:0}.santa .dark-grid article{background:#fffaf0;color:#501017;border:0!important;box-shadow:7px 7px 0 #d7b86a;min-height:280px}.santa .dark-grid article:nth-child(even){transform:translateY(1.5rem)}.santa .dark-grid span{color:#a31e28}.santa .dark-grid p{color:#765c5f}
.santa .card-grid{background:transparent;gap:1rem}.santa .card-grid article{background:#fff;border:2px dashed #7b101a;text-align:center;min-height:350px}.santa .card-grid .icon{width:90px;height:90px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#7b101a;color:#fff;font-family:Georgia,serif}body.santa .feature-panel{margin:5rem 2vw 0;background:#d7b86a;border:14px solid transparent;border-image:repeating-linear-gradient(135deg,#7b101a 0 12px,#fffaf0 12px 24px,#285d87 24px 36px,#fffaf0 36px 48px) 14}.santa .feature-visual{background:#7b101a}.santa footer{margin-inline:2vw;background:#501017}

/* ——— ALOPECIA / interfaz clínica ——— */
body.alopecia{background:#f8f7fb;color:#29232d}
.alopecia .lab-header{height:88px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);color:#29232d;border-bottom:1px solid #ded8e6;position:fixed}.alopecia .brand svg{fill:#6c4ad2}.alopecia .brand-name small,.alopecia .lab-header nav a{color:#746d78}.alopecia .profile-menu{background:#fff;border:1px solid #cfc6d8;box-shadow:0 24px 60px rgba(74,52,86,.18);border-radius:16px;overflow:hidden}.alopecia .profile-menu a.active{background:#6c4ad2;color:#fff}.alopecia .profile-menu a{border-color:#eee9f3}
body.alopecia .hero{min-height:820px;height:auto;padding:135px 4vw 60px;grid-template-columns:52% 48%;background:#f8f7fb;color:#29232d}.alopecia .hero-copy{padding-right:5vw}.alopecia .hero h1{font-weight:400;line-height:.78;letter-spacing:-.085em;color:#29232d}.alopecia .hero h1 em{color:#6c4ad2}.alopecia .hero-copy>p:not(.eyebrow){font-size:1.05rem;color:#675f6c}.alopecia .hero-link{border-radius:999px;background:#29232d;color:#fff;padding:1.1rem 1.5rem}.alopecia .eyebrow{color:#6c4ad2}.alopecia .eyebrow span{background:#6c4ad2}.alopecia .medical-note{border:0;border-left:3px solid #6c4ad2;background:#eee9fb;color:#51435a;border-radius:0 12px 12px 0}
.alopecia .hero-art{min-height:650px;background:#fff;border:1px solid #ded8e6;border-radius:32px;box-shadow:0 30px 90px rgba(74,52,86,.1)}.alopecia .hero-art::before{width:70%;border-color:#e5b7ff}.alopecia .hero-art::after{width:48%;border-color:#6c4ad2}.alopecia .hero-art svg{width:83%}.alopecia .art-label{color:#6c4ad2;background:#f5efff;padding:.7rem;border-radius:8px}
body.alopecia .facts{margin:0 4vw 5rem;background:transparent;gap:1rem;border:0}.alopecia .facts div{border:1px solid #d8d0e0;background:#fff;border-radius:999px;padding:1.1rem 1.5rem}.alopecia .facts strong{font-size:1.2rem;color:#6c4ad2}.alopecia .facts span{color:#655f69}
.alopecia .section{padding:8rem max(4vw,calc((100vw - 1280px)/2));background:#fff}.alopecia .section:nth-of-type(4){background:#f4f0f8}.alopecia .section-head{grid-template-columns:1fr 1fr;border-bottom:1px solid #ded8e6;padding-bottom:3rem}.alopecia .section-head h2{font-weight:400;color:#29232d}.alopecia .card-grid{gap:1.2rem;background:transparent}.alopecia .card-grid article{border:1px solid #ded8e6;background:#f8f7fb;border-radius:20px;min-height:340px}.alopecia .card-grid .icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:auto 0;background:#e5b7ff;color:#6c4ad2;font-size:2.4rem}
.alopecia .section.dark{background:#33233e;color:#fff;border-radius:42px;margin:0 2vw;padding-inline:max(4vw,calc((100vw - 1200px)/2))}.alopecia .dark-grid{gap:1px;border-color:#665570;border-radius:18px;overflow:hidden}.alopecia .dark-grid article{background:#3e2c49;border-color:#665570!important}.alopecia .dark-grid span{color:#e5b7ff}.alopecia .dark-grid h3{font-weight:500}.alopecia .dark-grid p{color:#c5b8ca}
.alopecia .timeline{border:1px solid #d8d0e0;border-radius:20px;overflow:hidden}.alopecia .timeline article{grid-template-columns:90px 1fr 1.3fr;border-color:#e7e1eb;padding-inline:2rem}.alopecia .timeline article:last-child{border:0}.alopecia .timeline b{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#6c4ad2;color:#fff;font-size:1rem}body.alopecia .feature-panel{margin:4rem 2vw;background:#d9c7ff;border-radius:40px}.alopecia .feature-visual{background:#33233e;border-radius:30px}.alopecia footer{background:#29232d;border-top:8px solid #e5b7ff}

/* ——— RUSSELL / cuaderno de explorador ——— */
body.russell{background:#e8d8b8;color:#122d3e;background-image:linear-gradient(rgba(40,93,135,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(40,93,135,.09) 1px,transparent 1px);background-size:28px 28px}
.russell .lab-header{height:90px;background:#285d87;color:#fff;border-bottom:6px dashed #ffc92f;box-shadow:0 8px 0 #e76b2f}.russell .brand svg{fill:#ffc92f}.russell .profile-menu{background:#f3ecd9;border:3px solid #122d3e;box-shadow:10px 10px 0 #e76b2f;transform:rotate(-.5deg)}.russell .profile-menu a{border-color:#a58c63}.russell .profile-menu a.active{background:#9bc859}
body.russell .hero{min-height:880px;padding:130px 5vw 60px;grid-template-columns:50% 50%;background:#e8d8b8;color:#122d3e;position:relative;overflow:hidden}.russell .hero::after{content:"FIELD NOTES / 06";position:absolute;right:-55px;top:260px;transform:rotate(90deg);font:500 .55rem/1 var(--mono);letter-spacing:.15em;color:#285d87}.russell .hero-copy{background:#f8f0d8;border:2px solid #806b48;box-shadow:15px 15px 0 rgba(40,93,135,.2);padding:3rem;transform:rotate(-1.2deg);position:relative;z-index:3}.russell .hero-copy::before{content:"";position:absolute;top:-18px;left:43%;width:110px;height:34px;background:rgba(255,201,47,.68);transform:rotate(2deg)}.russell .hero h1{font-size:clamp(5.2rem,9vw,10rem);line-height:.73;color:#285d87;text-shadow:3px 3px 0 #ffc92f}.russell .hero h1 em{color:#e76b2f}.russell .hero-copy>p:not(.eyebrow){color:#405865}.russell .hero-link{background:#285d87;color:#fff;border:3px solid #122d3e;box-shadow:5px 5px 0 #ffc92f}.russell .eyebrow span{background:#e76b2f}
.russell .hero-art{min-height:700px;background:#9bc859;border:4px solid #122d3e;border-radius:50% 50% 46% 54%;transform:rotate(2deg);box-shadow:15px 15px 0 #ffc92f}.russell .hero-art::before,.russell .hero-art::after{border-color:#285d87;border-style:dashed}.russell .art-label{right:8%;top:7%;background:#ffc92f;color:#122d3e;border:2px solid #122d3e;padding:.7rem;transform:rotate(4deg)}
body.russell .facts{background:transparent;gap:1.2rem;padding:3rem 5vw}.russell .facts div{aspect-ratio:1.8;display:grid;place-items:center;text-align:center;border:4px double #285d87;border-radius:50%;background:#f3ecd9;transform:rotate(-2deg);padding:1rem}.russell .facts div:nth-child(even){transform:rotate(2deg);background:#ffc92f}.russell .facts strong{font-size:2.7rem;color:#e76b2f}.russell .facts span{max-width:130px}
.russell .section{margin:2rem 4vw;padding:8rem 5vw;background:#f8f0d8;border:2px solid #927a53;box-shadow:10px 10px 0 rgba(40,93,135,.18)}.russell .section-head h2{color:#285d87;text-transform:uppercase}.russell .card-grid{gap:1.5rem;background:transparent}.russell .card-grid article{border:2px solid #122d3e;background:#fff9e8;box-shadow:7px 7px 0 #e76b2f;min-height:350px;transform:rotate(-1.4deg)}.russell .card-grid article:nth-child(2){transform:rotate(1.5deg);background:#ffc92f}.russell .card-grid article:nth-child(3){transform:rotate(-.5deg);background:#bcd77e}.russell .card-grid .icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:auto 0;background:#285d87;color:#ffc92f;border:6px solid #e76b2f;font-size:2rem}
.russell .section.dark{margin:0;background:#122d3e;color:#fff;border:0;box-shadow:none}.russell .dark-grid{gap:1.5rem;border:0}.russell .dark-grid article{border:3px dashed #ffc92f!important;background:#1f445a;min-height:280px}.russell .dark-grid span{display:inline-block;background:#ffc92f;color:#122d3e;padding:.5rem}.russell .dark-grid p{color:#c7d5da}
.russell .timeline{border:0;border-left:5px dashed #e76b2f;padding-left:3rem}.russell .timeline article{grid-template-columns:110px 1fr 1fr;border-bottom:2px dashed #9e8965;position:relative}.russell .timeline article::before{content:"";position:absolute;left:-4.05rem;top:2.1rem;width:28px;height:28px;border-radius:50%;background:#ffc92f;border:5px solid #285d87}.russell .timeline b{color:#285d87}body.russell .feature-panel{margin:3rem 4vw;background:#9bc859;border:4px solid #122d3e;transform:rotate(.5deg);box-shadow:12px 12px 0 #e76b2f}.russell .feature-visual{background:#285d87;border:5px dashed #ffc92f}.russell footer{background:#285d87;border-top:10px dashed #ffc92f}

@media(max-width:900px){
  body.toucan .hero,body.santa .hero,body.alopecia .hero,body.russell .hero{grid-template-columns:1fr;height:auto}
  .toucan .hero-art{clip-path:ellipse(78% 70% at 55% 50%)}
  .toucan .section-head,.santa .section-head,.alopecia .section-head{grid-template-columns:1fr}
  .toucan .timeline{grid-template-columns:1fr}
  .santa .hero::before{display:none}
  .alopecia .section.dark{border-radius:24px}
  .russell .hero-copy{transform:none}.russell .hero::after{display:none}
}
@media(max-width:560px){
  .toucan .lab-header,.santa .lab-header,.alopecia .lab-header,.russell .lab-header{height:72px}
  body.toucan .hero,body.santa .hero,body.alopecia .hero,body.russell .hero{padding:105px 1.2rem 40px;margin-inline:0}
  .toucan .hero-copy,.santa .hero-copy,.alopecia .hero-copy,.russell .hero-copy{padding:2rem 1rem}
  .toucan .hero h1,.santa .hero h1,.alopecia .hero h1,.russell .hero h1{font-size:4.4rem}
  body.toucan .hero-art,body.santa .hero-art,body.alopecia .hero-art,body.russell .hero-art{min-height:430px;clip-path:none;border-radius:24px;transform:none}
  body.toucan .facts,body.santa .facts,body.alopecia .facts,body.russell .facts{grid-template-columns:1fr 1fr;margin-inline:0;padding:1rem;gap:.6rem}
  .santa .facts div{padding:1rem .45rem;min-width:0}.santa .facts strong{font-size:2rem}.santa .facts span{overflow-wrap:anywhere}
  .russell .facts div{aspect-ratio:auto;border-radius:18px}
  .toucan .section,.santa .section,.alopecia .section,.russell .section{margin:1rem 0;padding:5rem 1.2rem;box-shadow:none}
  .toucan .card-grid article:nth-child(2),.santa .dark-grid article:nth-child(even){transform:none}
  .santa .timeline,.russell .timeline{padding-left:1rem;border-left:0}.santa .timeline article::before,.russell .timeline article::before{display:none}
  .alopecia .section.dark{margin-inline:0;border-radius:0}
  body.toucan .feature-panel,body.santa .feature-panel,body.alopecia .feature-panel,body.russell .feature-panel{margin-inline:0;clip-path:none;border-radius:0;transform:none;box-shadow:none;padding:5rem 1.2rem}
}