:root{
  --accent:#0563ff;
  --accent-soft:#2aaeff;
  --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;
  --pad:clamp(18px,3vw,44px)
}*{box-sizing:border-box}html{scroll-behavior:smooth}body{
  margin:0;
  min-height:100vh;
  color:var(--accent);
  font-family:var(--ui-font);
  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;
  z-index:0;
  pointer-events:none;
  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
}
.interior-header,.bio-shell{position:relative;z-index:1}.bio-shell{max-width:1280px;margin:0 auto;padding:0 var(--pad) 90px}.bio-hero{padding-top:0}.bio-headline{max-width:1180px;margin:-22px auto 30px;font:400 clamp(29px,4vw,56px)/.94 var(--title-font);letter-spacing:-.04em;text-transform:uppercase;color:var(--accent)}.bio-center-stage{position:relative;display:grid;grid-template-columns:110px minmax(320px,430px) 110px;align-items:center;justify-content:center;gap:22px;min-height:420px}.bio-center-stage::before{content:"";position:absolute;left:50%;top:50%;width:min(520px,64vw);height:min(520px,64vw);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(5,99,255,.22) 0%,rgba(5,99,255,.10) 38%,rgba(5,99,255,0) 72%);filter:blur(34px);pointer-events:none}.bio-main-photo{position:relative;margin:0;aspect-ratio:.74/1;border:1.5px solid var(--accent);background:rgba(5,99,255,.08);box-shadow:0 18px 55px rgba(5,99,255,.14),0 0 0 1px rgba(5,99,255,.08) inset;overflow:hidden}.bio-main-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(5,99,255,.12));pointer-events:none}.bio-main-photo img{display:block;width:100%;height:100%;object-fit:cover}.bio-side{font:700 11px/1.2 var(--ui-font);letter-spacing:.24em;text-transform:uppercase;color:var(--accent);opacity:.72}.bio-side-left{justify-self:end}.bio-side-right{justify-self:start;text-align:right}.bio-quote{max-width:1180px;margin:34px auto 0;text-align:center;font:400 clamp(22px,2.6vw,38px)/1.05 var(--title-font);letter-spacing:-.03em;text-transform:uppercase;color:var(--accent)}.bio-story{max-width:1180px;margin:54px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:36px;align-items:start}.bio-story-text{font:400 clamp(19px,1.8vw,27px)/1.34 var(--ui-font);color:var(--accent)}.bio-story-text p{margin:0 0 26px}.bio-story-text strong{color:var(--accent)}.bio-inline-photos{display:grid;gap:18px;align-content:start}.bio-inline-photo{margin:0;position:relative;overflow:hidden;border:1.5px solid var(--accent);background:rgba(5,99,255,.06);box-shadow:0 14px 40px rgba(5,99,255,.12)}.bio-inline-photo img{display:block;width:100%;height:100%;object-fit:cover}.bio-inline-photo:nth-child(1){aspect-ratio:1/1.18;transform:translateY(10px)}.bio-inline-photo:nth-child(2){aspect-ratio:1.15/1}.bio-inline-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(5,99,255,.12));pointer-events:none}.bio-story::before{content:"";position:absolute}.bio-headline,.bio-quote,.bio-story-text{ text-wrap:balance; }
@media(max-width:980px){.bio-center-stage{grid-template-columns:1fr;gap:14px;min-height:auto}.bio-side{justify-self:center;text-align:center}.bio-main-photo{max-width:420px;width:min(100%,420px);margin:0 auto}.bio-story{grid-template-columns:1fr}.bio-inline-photos{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.bio-shell{padding-top:8px}.bio-headline{font-size:clamp(24px,8vw,40px);line-height:1}.bio-quote{font-size:clamp(18px,6vw,28px)}.bio-inline-photos{grid-template-columns:1fr}.bio-story-text{font-size:19px}}

/* BIO exacto: wordmark vectorial generado desde Rough, sin depender de fuentes locales */
.bio-side-right.bio-side-vector{
  color:var(--accent)!important;
  opacity:1!important;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.bio-rough-wordmark{
  display:block;
  height:20px;
  width:auto;
  overflow:visible;
  color:var(--accent);
}

/* FIX definitivo BIO inferior */
.bio-quote.bio-quote-vector{
  display:flex;
  justify-content:center;
  align-items:center;
  color:var(--accent)!important;
}
.bio-quote.bio-quote-vector .bio-rough-wordmark{
  display:block;
  width:auto;
  height:clamp(40px,6vw,86px);
  overflow:visible;
  color:var(--accent);
}
/* Texto biográfico: usar directamente el nombre local elegido por la usuaria.
   Estas variantes cubren los nombres habituales del archivo SquidBoy-Thin.otf. */
.bio-story-text,
.bio-story-text p,
.bio-story-text strong{
  font-family:"SquidBoy-Thin","SquidBoy Thin","Squid Boy Thin","SquidBoy",sans-serif!important;
  letter-spacing:0!important;
}