/* Con Cúrcuma Media — estilos */
@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/poppins-300.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-400.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-600.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-700.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;src:url(../fonts/playfair-italic.woff2) format("woff2")}

:root{
  --orange:#ff6700;
  --orange-dark:#c24e00;
  --yellow:#fcee21;
  --peach:#f8c4a0;
  --peach-2:#f8aa7a;
  --cream:#f5eee4;
  --ink:#111;
  --grey:#555;
  --white:#fff;
  --radius:32px;
  --wrap:1180px;
  --sans:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;font-family:var(--sans);font-weight:400;color:var(--ink);background:var(--white);line-height:1.6;font-size:1rem}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{margin:0;line-height:1.05;font-weight:400}
p{margin:0 0 1em}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(16px,4vw,48px)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--yellow);color:var(--ink);padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.serif{font-family:var(--serif);font-style:italic;font-weight:400}

/* Botones */
.btn{display:inline-block;background:var(--yellow);color:var(--ink);font-weight:700;text-transform:uppercase;text-decoration:none;padding:.8em 1.4em;border-radius:999px;font-size:.9rem;line-height:1.2;letter-spacing:.01em;transition:transform .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.18)}

/* Cabecera */
.site-header{background:var(--orange);color:var(--white);position:relative;z-index:10}
.header-in{display:flex;align-items:center;gap:32px;padding-block:28px}
.brand{display:block;width:160px;color:var(--white);flex:0 0 auto}
.brand svg{width:100%;height:auto;display:block}
.nav{flex:1}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:28px;flex-wrap:wrap}
.nav a{text-decoration:none;text-transform:uppercase;font-size:.95rem;font-weight:400;padding:.3em 0;border-bottom:2px solid transparent}
.nav a:hover{border-bottom-color:var(--yellow)}
.nav a[aria-current="page"]{color:var(--yellow);font-weight:600}
.header-cta{flex:0 0 auto}
.menu-toggle{display:none;background:none;border:2px solid var(--white);color:var(--white);border-radius:999px;padding:.5em 1em;font:600 .85rem var(--sans);text-transform:uppercase;cursor:pointer}
@media (max-width:860px){
  .header-in{flex-wrap:wrap;gap:16px;padding-block:18px}
  .brand{width:120px}
  .menu-toggle{display:inline-block;margin-left:auto}
  .header-cta{display:none}
  .nav{flex-basis:100%}
  .js .nav{display:none}
  .js .nav.is-open{display:block}
  .nav ul{flex-direction:column;gap:4px;padding-bottom:8px}
  .nav a{display:block;padding:.6em 0;font-size:1.05rem}
}

/* Hero */
.hero{background:var(--orange);color:var(--white);overflow:hidden;position:relative}
.hero-title{position:relative;padding-top:clamp(8px,2vw,24px)}
.hero h1,.hero .ghost{font-size:clamp(3rem,10.5vw,9rem);text-transform:uppercase;letter-spacing:-.04em;line-height:.9;color:var(--yellow)}
.hero .l{font-weight:300}
.hero .b{font-weight:700}
.hero .m{display:block;font-family:var(--serif);font-style:italic;text-transform:uppercase;font-size:1.25em;letter-spacing:-.02em;text-align:right;margin-top:-.28em;line-height:.9}
.hero .ghost{position:absolute;inset:auto 0 0 0;top:clamp(8px,2vw,24px);transform:translateY(.55em);opacity:.28;color:var(--peach-2);pointer-events:none;padding-inline:inherit;z-index:0;user-select:none}
.hero h1{position:relative;z-index:1}
.hero-tagline{position:relative;z-index:1;font-size:clamp(1.05rem,2vw,1.55rem);line-height:1.2;margin:-.2em 0 0 clamp(0px,26vw,270px);max-width:24ch;font-weight:400}
.hero-img{position:relative;z-index:1;margin:1vw auto 0;max-width:1600px}
.hero-img img{width:100%}
@media (max-width:600px){.hero-tagline{margin:1.1em 0 0}.hero .m{margin-top:-.1em}}

/* Episodios */
.episodes{background:var(--orange);padding-bottom:28px}
.episodes-box{background:var(--white);border-radius:var(--radius);padding:28px 0 48px;margin-top:-1px;position:relative;z-index:2}
.section-title{text-align:center;text-transform:uppercase;font-size:clamp(1.3rem,2.6vw,1.75rem);font-weight:400;letter-spacing:.01em;padding-inline:16px}
.section-title strong{font-weight:700}
.ep-list{list-style:none;margin:24px 0 0;padding:0 28px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:28px;scrollbar-width:thin;scrollbar-color:var(--peach) transparent}
.ep{scroll-snap-align:start}
.ep a{position:relative;display:flex;flex-direction:column;height:100%;background:var(--peach);border-radius:28px;padding:10px;text-decoration:none;color:var(--ink);transition:background .2s ease,transform .2s ease}
.ep a:hover{background:var(--peach-2);transform:translateY(-3px)}
.ep-cover{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px;background:var(--orange)}
.ep-cover--brand{position:relative;overflow:hidden;color:var(--white);background:var(--orange) url(../img/especias-960.webp) center 190%/190% auto no-repeat}
.ep-cover--brand svg{position:absolute;left:10%;top:10%;width:46%;height:auto}
.ep-cover-num{position:absolute;left:10%;top:37%;font-family:var(--serif);font-style:italic;font-size:clamp(2.8rem,5vw,3.8rem);line-height:1;color:var(--yellow)}
.ep a:hover .ep-cover{filter:saturate(1.1)}
.ep-body{display:flex;flex-direction:column;flex:1;padding:14px 12px 10px}
.ep-num{font-weight:700}
.ep-name{font-weight:400}
.ep-title{display:block;text-transform:none;font-weight:600;font-size:.95rem;margin-top:.3em;line-height:1.3}
.ep h3,.ep h2{font-size:1.05rem;font-weight:700;text-transform:uppercase;margin:0 0 .3em;line-height:1.15}
.ep-meta{font-size:.78rem;color:#3a2a1f}
.ep-cta{font-weight:700;font-size:.78rem;text-transform:uppercase;margin-top:auto;padding-top:.9em}
.ep-cta::after{content:" →"}
.center{text-align:center}
.episodes .center{padding-top:28px}
.ep-grid{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}

/* Equipo */
.team-head{background:var(--peach);padding:clamp(40px,7vw,80px) 0}
.team-head h2,.team-head h1{font-size:clamp(2.4rem,7vw,5.2rem);text-transform:uppercase;color:var(--orange);text-align:center;letter-spacing:-.05em;font-weight:300;line-height:1}
.team-head strong{font-weight:700}
.member{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.member-img{min-height:360px;max-height:620px;overflow:hidden}
.member-img img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.member-txt{padding:clamp(32px,6vw,72px) clamp(16px,8vw,100px);display:flex;flex-direction:column;justify-content:center;color:var(--grey);font-weight:300;font-size:.95rem}
.member-txt .name{color:var(--peach-2);font-weight:600;font-size:clamp(1.6rem,3vw,2.1rem);text-transform:uppercase;margin-bottom:.5em;line-height:1}
.member-txt .name .serif{display:block;color:var(--orange);font-size:1.95em;text-transform:uppercase;letter-spacing:-.02em;line-height:.95}
.member-txt .role{font-weight:600;color:var(--ink);margin-bottom:.7em;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}
.member.rev .member-img{order:-1}
.member.rev .member-txt{text-align:right;align-items:flex-end}
.member-txt p{max-width:44ch}
@media (max-width:760px){
  .member{grid-template-columns:1fr}
  .member-img{order:-1;min-height:0;aspect-ratio:4/3}
  .member.rev .member-txt{text-align:left;align-items:flex-start}
}

/* Qué es */
.about{background:var(--cream);padding:clamp(24px,3vw,40px) 0 0;overflow:hidden}
.about-in{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}
.about-media{position:relative;align-self:end;margin:0 0 -1px clamp(-64px,-4vw,-16px)}
/* Recuadro amarillo más pequeño que la foto (como en el diseño): auriculares y micro sobresalen */
.about-media::before{content:"";position:absolute;inset:15%;background:var(--yellow);border-radius:var(--radius)}
.about-media img{position:relative;width:100%;display:block}
.about h2{font-size:clamp(2.2rem,5vw,3.6rem);text-transform:uppercase;line-height:1;margin-bottom:.6em}
.about h2 .serif{color:var(--orange)}
.about-txt{font-size:.95rem;padding-block:clamp(24px,4vw,56px) clamp(48px,6vw,80px)}
@media (max-width:760px){.about{padding-top:40px}.about-in{grid-template-columns:1fr;gap:0}.about-media{order:2;max-width:460px;width:100%;margin:0 auto -1px}.about-txt{padding-block:0 8px}}

/* Tu marca + plataformas */
.brand-band{display:grid;grid-template-columns:1fr 1fr}
.brand-cta{background:#000;color:var(--white);padding:clamp(48px,7vw,80px) clamp(16px,8vw,110px)}
.brand-cta h2{font-size:clamp(2rem,4.2vw,3rem);text-transform:uppercase;font-weight:300;line-height:1.05;margin-bottom:.8em}
.brand-cta h2 .serif{display:block;text-transform:uppercase}
.platforms{background:var(--white);padding:clamp(40px,6vw,64px) clamp(16px,6vw,80px);display:flex;flex-direction:column;justify-content:center}
.platforms ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,56px) clamp(24px,5vw,56px);align-items:center;justify-items:center}
.platforms img{height:44px;width:auto;max-width:100%}
.platforms a{display:block;transition:transform .15s ease}
.platforms a:hover{transform:scale(1.05)}
@media (max-width:760px){.brand-band{grid-template-columns:1fr}}

/* Páginas interiores */
.page-hero{background:var(--orange);color:var(--white);padding:clamp(40px,7vw,90px) 0 clamp(48px,7vw,96px)}
.page-hero h1{font-size:clamp(2.4rem,7vw,5.2rem);text-transform:uppercase;color:var(--yellow);letter-spacing:-.04em;font-weight:300}
.page-hero h1 strong{font-weight:700}
.page-hero p{font-size:clamp(1.05rem,2vw,1.35rem);max-width:40ch;margin-top:.8em}
.crumbs{font-size:.8rem;margin-bottom:1.2em}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4em}
.crumbs li+li::before{content:"/";margin-right:.4em;opacity:.7}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.content{padding:clamp(40px,6vw,80px) 0}
.prose{max-width:760px}
.prose h2{font-size:1.5rem;font-weight:700;margin:1.6em 0 .6em;text-transform:uppercase}
.prose h3{font-size:1.15rem;font-weight:600;margin:1.4em 0 .5em}
.prose ul{padding-left:1.2em}
.prose a{color:var(--orange-dark)}
.prose table{border-collapse:collapse;width:100%;font-size:.9rem;margin:1em 0}
.prose th,.prose td{border:1px solid #ddd;padding:.6em;text-align:left;vertical-align:top}
.lead{font-size:1.15rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:2em 0}
.card{background:var(--cream);border-radius:24px;padding:28px}
.card h3{margin-top:0;font-size:1.1rem;font-weight:700;text-transform:uppercase}

/* Pie */
.site-footer{background:var(--orange);color:var(--white);font-size:.9rem}
.footer-in{display:flex;flex-wrap:wrap;justify-content:space-around;gap:12px 32px;padding-block:22px}
.footer-in a{text-decoration:none;font-weight:600}
.footer-in a:hover{text-decoration:underline}
.site-footer{display:flow-root}
.footer-copy{text-align:center;font-size:.78rem;margin:0;padding-bottom:18px;opacity:.9}
.linklike{background:none;border:0;color:inherit;font:inherit;font-weight:600;cursor:pointer;padding:0}
.linklike:hover{text-decoration:underline}

/* Banner cookies */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:560px;margin-inline:auto;background:var(--white);color:var(--ink);border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.25);padding:20px 22px;font-size:.88rem}
.cookie[hidden]{display:none}
.cookie p{margin:0 0 12px}
.cookie a{color:var(--orange-dark)}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-title{font-weight:700;font-size:1rem;margin-bottom:6px!important}
.cookie-actions{align-items:center}
.cookie button{flex:1 1 120px;font:700 .8rem var(--sans);text-transform:uppercase;border-radius:999px;padding:.8em 1.2em;cursor:pointer;border:2px solid var(--ink);background:var(--yellow);color:var(--ink)}
.cookie-config{font-weight:600;font-size:.8rem;padding:.4em .6em}

/* 404 */
.notfound{min-height:60vh;display:flex;align-items:center}
.more{margin-top:32px}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.nowrap{white-space:nowrap}
.ep-card{display:flex;flex-direction:column;height:100%;background:var(--peach);border-radius:28px;padding:10px}
.ep--soon .ep-cover-num{top:31%;font-size:clamp(1.9rem,3.3vw,2.4rem)}
.ep-soon-title{font-weight:700;text-transform:uppercase;font-size:1.05rem;line-height:1.15;margin-bottom:.3em}
.soon-note{max-width:52ch;margin:1em auto 0}

/* One page: cabecera fija y anclas */
.site-header{position:sticky;top:0;transition:box-shadow .2s ease}
.site-header.is-stuck{box-shadow:0 6px 20px rgba(0,0,0,.18)}
.site-header.is-stuck .header-in{padding-block:12px}
.site-header.is-stuck .brand{width:110px}
.brand{transition:width .2s ease}
.header-in{transition:padding .2s ease}
section[id]{scroll-margin-top:96px}
.brand-cta-txt{color:#e9e2d8;font-size:.95rem;max-width:36ch;margin:-.6em 0 1.4em}
.brand-cta-txt a{color:var(--yellow)}
.soon-note--light{color:var(--white);font-weight:600;padding-top:28px;margin:0 auto}

/* Palabras unidas visualmente (el texto conserva el espacio para buscadores y lectores) */
.hero h1,.hero .ghost{word-spacing:-.28em}
.team-head h1,.team-head h2{word-spacing:-.26em}

/* Un solo episodio: tarjeta centrada con ancho fijo */
.ep-list--single{grid-auto-columns:minmax(220px,300px);justify-content:center;overflow:visible}