/* Creator Hub · réplica del estilo de heyitsvanessa.com
   crema #FAF6F0 · rojo #940500 · texto #36302A · DM Serif Display + Instrument Sans + manuscrita */
html,body.site{overflow-x:hidden}
body.site{--red:#940500;--cream:#FAF6F0;--ink:#36302A;--onred:#F6F3EC;--blue:#940500;--line:#E9DFD2;
  font-family:"Instrument Sans",system-ui,sans-serif;font-size:16px;color:var(--ink);background:var(--cream);background-image:none;line-height:1.55}
.site .wrap{max-width:1180px;padding:0 24px}
.serif,.site h1,.site h2,.site h3{font-family:"DM Serif Display",Georgia,serif;font-weight:400;color:var(--ink);letter-spacing:-.02em}
.hand{font-family:"Reenie Beanie","Caveat",cursive;color:var(--red);font-weight:400;letter-spacing:0}
.site a{text-decoration:none}
.link{color:var(--red);border-bottom:1px solid var(--red)}

/* botones (como "Let's Work Together!") */
.sh-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:var(--onred);border:1px solid var(--red);border-radius:0;
  padding:11px 20px;font:inherit;font-size:.82rem;font-weight:500;letter-spacing:.04em;cursor:pointer;transition:.2s}
.sh-btn:hover{background:#6E0400;border-color:#6E0400}
.sh-btn.ghost{background:transparent;color:var(--red)}.sh-btn.ghost:hover{background:#94050014}
.sh-btn.done{background:#E9D6D2;color:var(--red);border-color:#E9D6D2}
.sh-btn.inv{background:var(--onred);color:var(--red);border-color:var(--onred)}.sh-btn.inv:hover{background:#fff}
.sh-btn.lg{padding:15px 30px;font-size:.9rem}.sh-btn.sm{padding:7px 14px;font-size:.78rem}

/* cabecera */
.sh{position:sticky;top:0;z-index:50;background:var(--cream)}
.sh-in{max-width:1180px;margin:0 auto;padding:0 24px;height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.sh-logo{font-family:"DM Serif Display",serif;font-size:1.15rem;color:var(--red);letter-spacing:-.02em}
.sh-nav{display:flex;align-items:center;gap:26px}
.sh-nav>a:not(.sh-btn){color:var(--red);font-size:.82rem;letter-spacing:.02em}.sh-nav>a:not(.sh-btn):hover{text-decoration:underline}
.sh-nav form{margin:0}

/* hero manuscrito */
.hero3{text-align:center;padding:40px 0 10px;position:relative}
.hand.big{font-size:clamp(5rem,15vw,11rem);line-height:.9;margin:0;transform:rotate(-3deg)}
.hand.note{font-size:clamp(1.5rem,3vw,2.1rem);line-height:1;margin:10px auto 34px;display:inline-block;border:1.5px solid var(--red);border-radius:50%;padding:20px 38px;transform:rotate(-2deg)}
.hand.note.l{border:0;padding:0;border-radius:0;transform:none;display:block;margin:10px 0 18px;max-width:640px;font-size:1.7rem}
.marquee{overflow:hidden;margin:0 -24px;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw}
.marquee-in{display:flex;gap:10px;width:max-content;animation:mq 50s linear infinite}
.marquee:hover .marquee-in{animation-play-state:paused}
.mq{flex:none;width:200px;aspect-ratio:9/16;background:#EBDDD0;overflow:hidden;display:grid;place-items:center;font-size:3rem}
.mq img{width:100%;height:100%;object-fit:cover}
@keyframes mq{to{transform:translateX(-50%)}}

.trusted{text-align:center;padding:90px 0 20px;max-width:760px;margin:0 auto}
.trusted h2{font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.1;margin:0 0 18px}
.trusted p{font-size:1.08rem;max-width:620px;margin:0 auto}

/* estadísticas manuscritas con rayas azules */
.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:60px 0 30px;text-align:center}
.stats>div{padding:6px 18px;border-left:2px solid var(--red)}.stats>div:first-child{border-left:0}
.stats b{display:block;font-size:clamp(2.8rem,6vw,4.6rem);line-height:.9;font-weight:400;transform:rotate(-3deg)}
.stats .sm{display:block;font-size:clamp(1.3rem,2.4vw,1.8rem);margin-top:8px}

/* títulos gigantes */
.giant{position:relative;text-align:center;padding:110px 0 36px}
.giant h2{font-size:clamp(3.4rem,12.5vw,10.5rem);line-height:.86;text-transform:uppercase;color:var(--red);letter-spacing:-.035em;margin:0}
.giant.left{text-align:left;padding:30px 0 20px}.giant.left h2{font-size:clamp(3rem,9vw,7.5rem)}
.spark{position:absolute;width:clamp(60px,9vw,120px);right:6%;top:70px}.giant.left .spark{top:10px}

/* categorías */
.cgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 22px}
.cc3{display:block;color:var(--ink)}
.cc3-img{display:block;aspect-ratio:4/5;overflow:hidden;background:#EBDDD0}
.cc3-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.cc3:hover img{transform:scale(1.04)}
.cc3-ph{display:grid;place-items:center;width:100%;height:100%;font-size:4.5rem}
.cc3-t{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:12px;border-bottom:1px solid var(--red);padding-bottom:10px}
.cc3-t b{font-family:"DM Serif Display",serif;font-weight:400;font-size:1.5rem;color:var(--red);letter-spacing:-.02em}
.cc3-t i{font-style:normal;font-size:1.35rem}

/* tarjetas de vídeo */
.vc{display:block;color:var(--ink)}
.vc-img{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;background:#EBDDD0}
.vc-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.vc:hover .vc-img img{transform:scale(1.03)}
.vc-ph{display:grid;place-items:center;width:100%;height:100%;font-size:3.4rem}
.vc-play{position:absolute;inset:0;margin:auto;width:60px;height:60px;border-radius:50%;background:#36302Aa6;color:#fff;display:grid;place-items:center;backdrop-filter:blur(3px);transition:.2s}
.vc:hover .vc-play{background:var(--red);transform:scale(1.08)}
.vc-ok{position:absolute;left:10px;top:10px;background:var(--red);color:var(--onred);font-size:.72rem;padding:3px 9px}
.vc-cap{display:block;padding:12px 2px 0}.vc-cap b{display:block;font-family:"DM Serif Display",serif;font-weight:400;font-size:1.1rem;line-height:1.15;color:var(--ink)}
.vc-cap i{display:block;font-style:normal;color:var(--red);font-size:.82rem;margin-top:4px}
.vg{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 18px}
.vstrip{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 18px;scrollbar-width:thin;scrollbar-color:var(--red) transparent}
.vstrip .vc{flex:0 0 clamp(210px,22vw,280px);scroll-snap-align:start}

/* filtros */
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 28px}
.fp{border:1px solid var(--red);background:transparent;color:var(--red);border-radius:0;padding:8px 14px;font:inherit;font-size:.8rem;cursor:pointer;transition:.2s}
.fp:hover{background:#9405001a}.fp.on{background:var(--red);color:var(--onred)}
.fcount{margin-left:auto;color:var(--red);font-size:.85rem}
.empty3{padding:60px;text-align:center;color:var(--red);border:1px dashed var(--red)}
.back2{display:inline-block;margin:26px 0 0;color:var(--red);font-size:.85rem}

/* página de vídeo */
.vp{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:64px;align-items:start;padding:26px 0 70px}
.vp-player{position:sticky;top:96px}
.vp-player .player{border-radius:0;box-shadow:none;background:#2a2420}
.player .big{background:#36302Aa6!important;color:#fff!important}.player .fill{background:var(--red)!important}
.vp-info h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:.98;text-transform:uppercase;color:var(--red);margin:0}
.hand.kick{font-size:1.6rem;margin:0 0 8px}
.vp-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0 4px}
.pill-r{background:var(--red);color:var(--onred);padding:4px 12px;font-size:.8rem}
.tag{border:1px solid var(--red);padding:3px 11px;font-size:.78rem;color:var(--red)}
.vp-acts{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.vp-box{border-top:1px solid var(--red);padding:22px 0;margin:10px 0}
.vp-box h3{font-size:1.9rem;margin:0 0 12px;color:var(--red)}.vp-box p{margin:0 0 14px}
.vp-boxh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.vp-boxh h3{margin:0}
.vp-tips{margin:0;padding-left:24px;display:grid;gap:12px}.vp-tips li::marker{color:var(--red);font-family:"DM Serif Display",serif;font-size:1.1em}
.vp-script{white-space:pre-wrap;line-height:1.7;background:#F1E9DD;padding:18px 20px}
.mini{color:var(--red);font-size:.85rem;min-height:1em}

/* llamada a registro y pie en rojo */
.stage{position:relative;max-width:1180px;margin:0 auto 34px;padding-top:clamp(60px,9vw,120px)}
.stage .hero3-img{display:block;width:52%;margin:0 auto;aspect-ratio:auto;object-fit:contain;position:relative;z-index:1}
.stage h1.hand.big{position:absolute;top:0;left:0;right:0;z-index:0;margin:0;pointer-events:none}
.stage .hand.note.l1{position:absolute;left:0;bottom:14%;margin:0;width:25%;font-size:clamp(1.3rem,2.4vw,2rem);padding:26px 22px;z-index:2;text-align:center;line-height:1.05}
.stage .hand.note.l1 br{display:none}
.stage-txt{position:absolute;right:0;bottom:14%;width:min(300px,24%);margin:0;text-align:right;text-transform:uppercase;font-size:clamp(.9rem,1.35vw,1.15rem);letter-spacing:.06em;line-height:1.35;color:var(--red);font-weight:600;transform:rotate(-4deg);z-index:2}
@media(max-width:760px){.stage{padding-top:0}.stage .hero3-img{width:92%}.stage .hand.note.l1{width:auto;font-size:1.6rem}.stage .hand.note.l1 br{display:inline}.stage h1.hand.big{position:static}.stage .hand.note.l1{position:static;display:inline-block;margin:8px 0 6px}.stage-txt{position:static;width:auto;text-align:center;transform:none;margin:8px 20px 0}}
.cta3{margin:100px calc(50% - 50vw) 0;background:var(--red);color:var(--onred);padding:70px max(24px,calc(50vw - 590px));display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:64px;align-items:center}
.cta3 img{width:100%;aspect-ratio:4/5;object-fit:cover}
.cta3 h2{color:var(--onred);font-size:clamp(2.2rem,4.6vw,3.8rem);line-height:1;margin:0}
.cta3 p{max-width:520px;margin:20px 0 30px;font-size:1.05rem}
.sf{background:var(--red);color:var(--onred);margin-top:0;padding:34px 24px}
.sf-in{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.85rem}
.sf-logo{font-family:"DM Serif Display",serif;font-size:1.2rem}
.site .formcard{max-width:440px;margin:60px auto}
.site .formcard h1{color:var(--red)}

@media(max-width:1000px){.cgrid3{grid-template-columns:repeat(2,1fr)}.vg{grid-template-columns:repeat(3,1fr)}.vp{grid-template-columns:1fr;gap:30px}.vp-player{position:static;max-width:400px;margin:0 auto;width:100%}}
@media(max-width:800px){.cta3{grid-template-columns:1fr;gap:30px}.cta3 img{max-width:360px}}
@media(max-width:680px){.site .wrap{padding:0 16px}.sh-in{padding:0 16px;height:64px}.sh-nav{gap:14px}.sh-nav>a:nth-child(-n+2){display:none}.sh-logo{font-size:1rem}
  .cgrid3{gap:26px 12px}.vg{grid-template-columns:repeat(2,1fr);gap:24px 12px}.mq{width:130px}.stats{grid-template-columns:1fr;gap:30px}.stats>div{border-left:0;border-top:2px solid var(--red);padding-top:24px}.stats>div:first-child{border-top:0}
  .giant{padding-top:80px}.cc3-t b{font-size:1.15rem}.cc3-t i{font-size:1.1rem}.hand.note{padding:14px 24px}.fcount{margin-left:0;width:100%}}

.site .hand.big,.site h1.hand{font-family:"Reenie Beanie","Caveat",cursive;color:var(--red);font-weight:400;letter-spacing:0}

.vp-script{white-space:normal}.vp-script .sc-say{margin:0 0 6px;font-size:1.02rem}.vp-script .sc-act{margin:10px 0;padding:6px 12px;border-left:3px solid var(--red);background:#fff;color:var(--red);font-weight:600;font-size:.92rem;border-radius:0 8px 8px 0}