﻿
    /* Base blocks */
    .bio-quote-card{background:#fff;border:1px solid rgba(94,60,30,0.14);border-radius:14px;padding:32px 28px;margin-bottom:28px;box-shadow:0 6px 16px rgba(94,60,30,0.08)}
    .bio-quote-card p{font-size:16px;color:var(--gris-texto);line-height:1.75;margin-bottom:14px}
    .bio-quote-card .bio-quote-author{font-family:'Anton','Poppins',sans-serif;font-size:16px;color:var(--mostaza);text-transform:uppercase;margin-top:8px}
    .bio-highlight-box{background:var(--arena-media);border-left:4px solid var(--mostaza);border-radius:0 14px 14px 0;padding:28px 32px;margin-bottom:28px}
    .bio-highlight-box p{font-size:16px;color:var(--marron);line-height:1.75;margin-bottom:12px}
    .bio-story-block{background:#fff;border:1px solid rgba(94,60,30,0.14);border-radius:14px;padding:32px 28px;margin-bottom:28px;box-shadow:0 6px 16px rgba(94,60,30,0.08);transition:box-shadow 180ms ease}
    .bio-story-block:hover{box-shadow:0 10px 28px rgba(94,60,30,0.12)}
    .bio-story-block h2{font-family:'Anton','Poppins',sans-serif;font-size:28px;color:var(--marron);text-transform:uppercase;margin-bottom:14px}
    .bio-story-block p{font-size:16px;color:var(--gris-texto);line-height:1.75;margin-bottom:12px}
    .bio-photo-frame{border-radius:14px;overflow:hidden;box-shadow:0 6px 16px rgba(94,60,30,0.12);margin-bottom:28px}
    .bio-photo-frame img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;background:#efe5d4;transition:transform 400ms ease}
    .bio-photo-frame:hover img{transform:scale(1.02)}
    .bio-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:28px}
    @media(max-width:980px){.bio-grid-2col{grid-template-columns:1fr}}

    /* Hero quote: photo + text side by side */
    .bio-hero-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:28px;align-items:start}
    .bio-hero-grid .bio-photo-frame{margin-bottom:0}
    @media(max-width:980px){.bio-hero-grid{grid-template-columns:1fr}}

    /* Story block with icon prefix */
    .bio-story-block .bio-icon-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}
    .bio-story-block .bio-icon-row i{font-size:20px;color:var(--mostaza)}
    .bio-story-block .bio-icon-row h2{margin-bottom:0}

    /* ============ HERO ESCÉNICO ============ */
    .bio-hero-scene{
      position:relative;
      overflow:hidden;
      padding:110px 0 0;
      background-color:#2a2239;
      background-image:
        radial-gradient(1200px 500px at 85% -10%, rgba(255,146,99,0.35) 0%, rgba(255,146,99,0) 60%),
        radial-gradient(900px 420px at -10% 110%, rgba(58,62,143,0.55) 0%, rgba(58,62,143,0) 55%),
        linear-gradient(180deg, #2a2239 0%, #1e1a2e 100%);
      color:#fff;
      isolation:isolate;
    }
    .bio-hero-scene::before{
      content:"";
      position:absolute;
      inset:0;
      background-image:
        repeating-linear-gradient(90deg, rgba(255,255,255,0.03) 0 1px, transparent 1px 90px),
        repeating-linear-gradient(0deg, rgba(255,255,255,0.02) 0 1px, transparent 1px 90px);
      z-index:0;
      pointer-events:none;
    }
    .bio-hero-scene .container{position:relative;z-index:1;padding-bottom:60px}
    .bio-hero-scene .ato-eyebrow{color:#ffb48a}
    .bio-hero-scene .ato-h2{color:#fff;text-shadow:0 6px 30px rgba(0,0,0,0.45)}
    .bio-hero-scene .ato-lead{color:rgba(255,255,255,0.92);margin-bottom:0}

    /* Notas flotantes */
    .bio-float-note{
      position:absolute;
      top:46%;
      width:22px;
      height:22px;
      font-size:22px;
      color:#ff9263;
      opacity:0;
      z-index:0;
      pointer-events:none;
      animation:bioFloat 7s ease-in-out infinite;
      text-shadow:0 2px 10px rgba(0,0,0,0.4);
    }
    .bio-float-note::before{content:"\f001";font-family:'Font Awesome 6 Free';font-weight:900}
    @keyframes bioFloat{
      0%   {transform:translateY(40px) rotate(-8deg);opacity:0}
      15%  {opacity:0.9}
      60%  {opacity:0.5}
      100% {transform:translateY(-260px) rotate(16deg);opacity:0}
    }

    /* Marquee de artistas */
    .bio-marquee{
      position:relative;
      overflow:hidden;
      width:100%;
      padding:16px 0;
      background:linear-gradient(90deg,#3a3e8f 0%,#2b2651 100%);
      border-top:1px solid rgba(255,255,255,0.14);
      box-shadow:0 -6px 24px rgba(0,0,0,0.25);
    }
    .bio-marquee-track{
      display:flex;
      align-items:center;
      gap:34px;
      width:max-content;
      animation:bioMarquee 34s linear infinite;
      will-change:transform;
    }
    .bio-marquee-track span{
      font-family:'Anton','Poppins',sans-serif;
      font-size:22px;
      letter-spacing:0.06em;
      text-transform:uppercase;
      color:#fff;
      white-space:nowrap;
    }
    .bio-marquee-track i{font-size:10px;color:#ff9263}
    @keyframes bioMarquee{
      from{transform:translateX(0)}
      to{transform:translateX(-50%)}
    }

    /* Aparición de bloques con scroll */
    .bio-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
    .bio-reveal.is-visible{opacity:1;transform:translateY(0)}
    @media(prefers-reduced-motion:reduce){
      .bio-float-note,.mt-float-note,.ct-float-note,
      .bio-marquee-track,.mt-marquee-track,.ct-marquee-track{animation:none}
      .bio-reveal{opacity:1;transform:none}
    }

    /* Responsive heroes (bio, musicoterapia, contacto) */
    @media(max-width:640px){
      .bio-hero-scene,.mt-hero-scene,.ct-hero-scene{padding-top:70px}
      .bio-hero-scene .ato-h2,.mt-hero-scene .ato-h2,.ct-hero-scene .ato-h2{font-size:34px}
      .bio-marquee-track span,.mt-marquee-track span,.ct-marquee-track span{font-size:17px}
      .bio-float-note,.mt-float-note,.ct-float-note{display:none}
    }
  