:root{--accent:#0563ff;--page-bg:#ff7300;--bg-image:url('assets/cartel 2.jpg');--bg-opacity:.43;--bg-size:122% auto;--ui-font:Arial,Helvetica,sans-serif;--title-font:Trebuchet MS,Arial,sans-serif;--title-weight:900;--title-scale:1;--title-track:-.04em;--title-color:#0563ff;--title-blur-color:#0563ff;--title-blur-opacity:.45;--title-blur:8px;--title-blur-x:7px;--title-blur-y:4px;--panel-opacity:.10;--panel-blur:8px;--pad:clamp(18px,3vw,44px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#101010;font-family:var(--ui-font);min-height:100vh;background:radial-gradient(circle at 15% 30%,rgba(255,255,255,.35),transparent 28%),radial-gradient(circle at 78% 70%,rgba(255,255,255,.22),transparent 25%),var(--page-bg)}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:var(--bg-image);background-size:var(--bg-size);background-position:right center;background-repeat:repeat;opacity:var(--bg-opacity);mix-blend-mode:multiply}main,.interior-header{position:relative;z-index:1}.vlog-shell{max-width:1240px;margin:0 auto;padding:0 var(--pad) 80px}.vlog-top{padding:28px 0 26px}.vlog-title{position:relative;margin:0;font-family:var(--title-font);font-weight:var(--title-weight);font-size:clamp(100px,16vw,220px);letter-spacing:var(--title-track);line-height:.72;color:var(--title-color);transform:scale(var(--title-scale));transform-origin:left top;text-transform:uppercase;isolation:isolate}.vlog-title::before{content:attr(data-text);position:absolute;inset:0;color:var(--title-blur-color);opacity:var(--title-blur-opacity);filter:blur(var(--title-blur));transform:translate(var(--title-blur-x),var(--title-blur-y));z-index:-1}.vlog-intro{max-width:620px;margin:30px 0 0;font-size:11px;font-weight:800;letter-spacing:.14em;line-height:1.45;text-transform:uppercase;color:var(--accent)}
.coming-soon{padding:34px 0 90px}.soon-rule{height:1.5px;background:var(--accent);margin-bottom:30px}.soon-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(30px,8vw,120px);align-items:end}.soon-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:900;color:var(--accent)}.soon-grid h2{font-family:var(--title-font);font-size:clamp(48px,8vw,110px);line-height:.82;letter-spacing:-.06em;margin:14px 0 20px}.soon-grid p{max-width:48ch;font-size:15px;line-height:1.45}.teaser-note{display:inline-block;margin-top:18px;padding:10px 12px;border:1.5px solid var(--accent);color:var(--accent);font-size:10px;letter-spacing:.14em;font-weight:900;text-transform:uppercase;background:rgba(255,255,255,var(--panel-opacity));backdrop-filter:blur(var(--panel-blur))}.teaser-image{min-height:340px;border:1.5px solid var(--accent);background:rgba(255,255,255,var(--panel-opacity));backdrop-filter:blur(var(--panel-blur));overflow:hidden}.teaser-image img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block}
.chapter-hero{padding:20px 0 42px}.chapter-meta{font-size:10px;letter-spacing:.18em;font-weight:900;color:var(--accent);text-transform:uppercase}.chapter-hero h2{font-family:var(--title-font);font-weight:var(--title-weight);font-size:clamp(38px,6vw,84px);line-height:.88;letter-spacing:-.055em;margin:12px 0 10px;max-width:14ch}.chapter-hero>p{max-width:650px;font-size:14px;line-height:1.45;margin:0 0 24px}.video-stage{width:100%;aspect-ratio:16/9;border:1.5px solid var(--accent);background:rgba(5,99,255,.08);overflow:hidden;position:relative}.main-video{width:100%;height:100%;display:block;background:#000;object-fit:contain}.video-placeholder{width:100%;height:100%;display:grid;place-items:center;position:relative;background:rgba(255,255,255,var(--panel-opacity));backdrop-filter:blur(var(--panel-blur))}.video-placeholder.has-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.03)}.video-placeholder.has-cover::after{content:"";position:absolute;inset:0;background:rgba(5,99,255,.26);mix-blend-mode:multiply}.play-disc{position:relative;z-index:2;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--accent);color:var(--accent);background:rgba(255,255,255,.65);font-size:23px;padding-left:4px}.video-note{position:absolute;z-index:2;bottom:16px;left:16px;font-size:9px;letter-spacing:.14em;font-weight:900;color:var(--accent);text-transform:uppercase}

.chapter-strip-wrap{padding:32px 0 54px;border-top:1.5px solid var(--accent)}
.chapter-strip-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}
.chapter-strip-head h2,.process-head h2{font-family:var(--title-font);font-size:30px;margin:0;letter-spacing:-.04em}
.chapter-strip-head span,.process-head span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:900}
.chapter-strip{position:relative;display:grid;gap:0;padding-left:34px;max-width:900px}
.chapter-strip::before{content:"";position:absolute;left:6px;top:7px;bottom:7px;width:2px;background:var(--accent)}
.chapter-pill{position:relative;display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:18px;align-items:center;padding:0 0 26px;color:inherit;text-decoration:none;opacity:.62;transition:opacity .18s ease,transform .18s ease}
.chapter-pill::before{content:"";position:absolute;left:-34px;top:10px;width:13px;height:13px;border-radius:50%;background:var(--page-bg);border:2px solid var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--page-bg) 70%,transparent)}
.chapter-pill:hover,.chapter-pill.is-active{opacity:1;transform:translateX(3px)}
.chapter-pill.is-active::before{background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 16%,transparent),0 0 18px color-mix(in srgb,var(--accent) 52%,transparent)}
.chapter-thumb{aspect-ratio:16/9;border:1.5px solid var(--accent);overflow:hidden;background:rgba(255,255,255,var(--panel-opacity));backdrop-filter:blur(var(--panel-blur));position:relative}
.chapter-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.02)}
.chapter-thumb::after{content:"▶";position:absolute;left:10px;bottom:9px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;padding-left:2px;font-size:10px;color:var(--accent);background:rgba(255,255,255,.78);border:1.5px solid var(--accent)}
.chapter-thumb.is-empty{display:grid;place-items:center;color:var(--accent);font-size:9px;letter-spacing:.12em;font-weight:900;text-transform:uppercase}
.chapter-copy span{display:block;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.chapter-copy strong{display:block;font-family:var(--title-font);font-size:clamp(22px,3vw,34px);line-height:.92;margin-top:8px;letter-spacing:-.04em}
.chapter-copy small{display:block;margin-top:8px;font-size:10px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}

.process{padding:10px 0 80px}.process-head{display:flex;justify-content:space-between;gap:20px;align-items:end;border-bottom:1.5px solid var(--accent);padding-bottom:10px;margin-bottom:16px}.module-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.module{grid-column:span 4;min-height:220px;border:1.5px solid var(--accent);padding:16px;background:rgba(255,255,255,var(--panel-opacity));backdrop-filter:blur(var(--panel-blur));display:flex;flex-direction:column;gap:14px;overflow:hidden}.module:nth-child(4n+1){grid-column:span 5}.module:nth-child(4n+2){grid-column:span 3}.module-label{font-size:9px;letter-spacing:.14em;color:var(--accent);font-weight:900}.module h3{font-family:var(--title-font);font-size:27px;line-height:.94;letter-spacing:-.04em;margin:0;max-width:15ch}.module p{font-size:12px;line-height:1.45;margin:auto 0 0}.module img,.module video{width:100%;max-height:360px;object-fit:cover;display:block}.module audio{width:100%;margin:auto 0 0}.module-link{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.12em;text-decoration:none;border-bottom:2px solid var(--accent);align-self:flex-start}.empty-state{border:1.5px dashed var(--accent);padding:35px;color:var(--accent);font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-align:center}
@media(max-width:850px){.soon-grid{grid-template-columns:1fr}.teaser-image{min-height:260px}.module{grid-column:span 6!important}.chapter-strip-head,.process-head{align-items:flex-start;flex-direction:column}.chapter-strip{max-width:none}.chapter-pill{grid-template-columns:minmax(110px,160px) minmax(0,1fr)}}@media(max-width:600px){.vlog-title{font-size:clamp(78px,27vw,128px)}.vlog-top{padding-top:18px}.module{grid-column:1/-1!important}.vlog-shell{padding-bottom:40px}.play-disc{width:58px;height:58px}.chapter-strip{padding-left:28px}.chapter-strip::before{left:5px}.chapter-pill{left:0;grid-template-columns:110px minmax(0,1fr);gap:12px;padding-bottom:20px}.chapter-pill::before{left:-28px;width:11px;height:11px}.chapter-copy strong{font-size:20px}.chapter-copy small{font-size:8px}}

/* Ajustes finales VLOG */
.vlog-intro{display:none!important}
.chapter-hero>p{display:none!important}
.chapter-hero h2{
  max-width:none!important;
  width:max-content;
  white-space:nowrap!important;
  text-wrap:nowrap!important;
}
.process-head h2{white-space:nowrap}
@media(max-width:760px){
  .chapter-hero h2{font-size:clamp(24px,8.2vw,54px)!important}
}