/* Streamcastermage. Direccion visual Arcano TCG. */

@font-face{font-family:'Cormorant Garamond';src:url('fonts/cormorantgaramond-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Cormorant Garamond';src:url('fonts/cormorantgaramond-600-ext.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Cormorant Garamond';src:url('fonts/cormorantgaramond-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Cormorant Garamond';src:url('fonts/cormorantgaramond-700-ext.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Manrope';src:url('fonts/manrope-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Manrope';src:url('fonts/manrope-400-ext.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Manrope';src:url('fonts/manrope-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Manrope';src:url('fonts/manrope-500-ext.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Manrope';src:url('fonts/manrope-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Manrope';src:url('fonts/manrope-700-ext.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}

.sc-page{
  --bg:#0D0A07; --surface:#16110B; --ink:#EFE6D6; --accent:#C9963F;
  --muted:#9A8E7A; --line:#2E2418;
  --xs:8px; --sm:16px; --md:28px; --lg:56px; --xl:104px;
  --r-sm:2px; --r-md:3px;
  --display:'Cormorant Garamond',Georgia,serif;
  --body:'Manrope',system-ui,sans-serif;
  --wrap:1200px;
}

/* Reset de herencia del tema padre, en :where() para no ganarle a los componentes */
.sc-page :where(h1,h2,h3,h4,p,ul,ol,li,figure,blockquote,dl,dd){margin:0;padding:0;border:0;}
.sc-page :where(ul,ol){list-style:none;}
.sc-page :where(a){text-decoration:none;color:inherit;}
.sc-page :where(img){max-width:100%;height:auto;display:block;}

.sc-page{background:var(--bg);color:var(--ink);font-family:var(--body);font-weight:400;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;}
.sc-page *,.sc-page *::before,.sc-page *::after{box-sizing:border-box;}

.sc-wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:24px;}
.sc-section{padding-block:var(--xl);border-top:1px solid var(--line);}
.sc-section:first-of-type{border-top:0;}

.sc-page h1,.sc-page h2,.sc-page h3{font-family:var(--display);font-weight:600;line-height:1.06;letter-spacing:-0.01em;}
.sc-h1{font-size:clamp(38px,4.9vw,66px);}
.sc-h2{font-size:clamp(32px,4vw,54px);}
.sc-h3{font-size:clamp(21px,2vw,27px);line-height:1.15;}
.sc-lead{font-size:clamp(16px,1.5vw,19px);color:var(--muted);max-width:60ch;line-height:1.6;}
.sc-body{max-width:66ch;color:var(--muted);}
.sc-accent{color:var(--accent);}

.sc-eyebrow{font-family:var(--body);font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:var(--sm);}

/* Filete: unico recurso ornamental */
.sc-rule{width:64px;height:1px;background:var(--accent);border:0;margin:var(--md) 0;}

/* Marco tipo carta */
.sc-frame{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);}
.sc-frame::after{content:"";position:absolute;inset:3px;border:1px solid rgba(201,150,63,.28);border-radius:var(--r-sm);pointer-events:none;}

/* Botones */
.sc-btn{display:inline-block;font-family:var(--body);font-weight:500;font-size:15px;letter-spacing:.01em;padding:13px 26px;border-radius:var(--r-md);border:1px solid var(--accent);background:var(--accent);color:var(--bg);transition:background .18s ease,color .18s ease;}
.sc-btn:hover{background:var(--accent);border-color:var(--accent);filter:brightness(1.12);}
.sc-btn:active{transform:translateY(1px);}
.sc-btn--ghost{background:transparent;color:var(--ink);border-color:var(--line);}
.sc-btn--ghost:hover{background:transparent;border-color:var(--accent);color:var(--accent);}
.sc-page :where(a.sc-btn):focus-visible{outline:2px solid var(--accent);outline-offset:3px;}

/* Hero: entra en el primer viewport */
.sc-hero{padding-block:clamp(40px,6vh,76px) var(--lg);}
.sc-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--lg);align-items:center;}
.sc-hero__title{margin-bottom:var(--md);}
.sc-hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:var(--md);}
.sc-hero__art{position:relative;aspect-ratio:4/5;max-height:min(52vh,420px);background:
  radial-gradient(120% 80% at 50% 0%,rgba(201,150,63,.20),transparent 62%),
  linear-gradient(168deg,var(--surface) 0%,var(--bg) 100%);
  border:1px solid var(--line);border-radius:var(--r-md);display:grid;place-items:center;overflow:hidden;}
.sc-hero__art::after{content:"";position:absolute;inset:10px;border:1px solid rgba(201,150,63,.30);border-radius:var(--r-sm);}
.sc-hero__sigil{font-family:var(--display);font-size:clamp(76px,10vw,132px);color:rgba(201,150,63,.42);line-height:1;}

/* KPIs como stats de carta */
.sc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;}
.sc-kpi{padding:var(--lg) var(--md);border-left:1px solid var(--line);text-align:left;}
.sc-kpi:first-child{border-left:0;}
.sc-kpi__num{font-family:var(--display);font-weight:600;font-size:clamp(48px,6vw,78px);line-height:.95;color:var(--ink);display:block;}
.sc-kpi__num span{color:var(--accent);}
.sc-kpi__rule{width:34px;height:1px;background:var(--accent);margin:18px 0 14px;}
.sc-kpi__label{font-family:var(--body);font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
.sc-kpi__note{font-size:13px;color:var(--muted);margin-top:8px;opacity:.8;}

/* Producciones */
.sc-prods{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--md);}
.sc-prod{overflow:hidden;}
.sc-prod__media{position:relative;aspect-ratio:16/9;background:linear-gradient(150deg,var(--surface),var(--bg));overflow:hidden;}
.sc-prod__media img{width:100%;height:100%;object-fit:cover;}
.sc-prod__body{padding:var(--md);}
.sc-prod__meta{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:500;}
.sc-prod__title{margin:12px 0 10px;}
.sc-prod__desc{color:var(--muted);font-size:15px;}
.sc-prod--wide{grid-column:1 / -1;}
.sc-prod--wide .sc-prod__media{aspect-ratio:21/9;}

/* Equipo */
.sc-team{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--md);max-width:820px;}
.sc-member__photo{aspect-ratio:1/1;background:linear-gradient(150deg,var(--surface),var(--bg));overflow:hidden;}
.sc-member__photo img{width:100%;height:100%;object-fit:cover;}
.sc-member__body{padding:var(--md);}
.sc-member__role{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-top:8px;display:block;}

/* Servicios: split asimetrico, no tres tarjetas iguales */
.sc-svc{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--lg);align-items:start;}
.sc-svc__list{border-top:1px solid var(--line);}
.sc-svc__item{padding:var(--md) 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:var(--md);align-items:baseline;}
.sc-svc__mark{color:var(--accent);font-family:var(--display);font-size:22px;line-height:1;}

/* Badge de dato pendiente */
.sc-pend{display:inline-block;font-family:var(--body);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bg);background:var(--accent);padding:3px 8px;border-radius:var(--r-sm);vertical-align:middle;margin-left:10px;}
.sc-notice{border:1px solid var(--accent);border-radius:var(--r-md);padding:var(--md);background:rgba(201,150,63,.07);font-size:15px;color:var(--ink);}

/* CTA final */
.sc-cta{text-align:left;}

/* Reveal: degrada a visible si el JS no corre */
.sc-js .sc-reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease;}
.sc-js .sc-reveal.is-in{opacity:1;transform:none;}

@media (prefers-reduced-motion:reduce){
  .sc-js .sc-reveal{opacity:1!important;transform:none!important;transition:none!important;}
  .sc-page *{animation:none!important;}
}

@media (max-width:1000px){
  .sc-hero__grid{grid-template-columns:1fr;gap:var(--md);}
  .sc-hero__art{aspect-ratio:16/10;max-height:320px;}
  .sc-kpis{grid-template-columns:repeat(2,1fr);}
  .sc-kpi{border-left:0;border-top:1px solid var(--line);}
  .sc-kpi:nth-child(-n+2){border-top:0;}
  .sc-kpi:nth-child(even){border-left:1px solid var(--line);}
  .sc-svc{grid-template-columns:1fr;gap:var(--md);}
}
@media (max-width:720px){
  .sc-page{font-size:16px;}
  .sc-section{padding-block:var(--lg);}
  .sc-prods,.sc-team{grid-template-columns:1fr;}
  .sc-kpis{grid-template-columns:1fr;}
  .sc-kpi{border-left:0;border-top:1px solid var(--line);}
  .sc-kpi:first-child{border-top:0;}
  .sc-kpi:nth-child(even){border-left:0;}
}
/* Fondo del documento en las plantillas del tema */
body.sc-dark{background:#0D0A07;}
body.sc-dark #page,body.sc-dark .page_wrap,body.sc-dark .page_content_wrap{background:#0D0A07;}