/* Proyectos WAJOMEA.GROUP · Música, ENAM y libros */
.bb-extra-music{--extra-accent:#d71939;--extra-soft:#fff0f3;--extra-ink:#fff}
.bb-extra-enam{--extra-accent:#007a3d;--extra-soft:#ecfaf2;--extra-ink:#fff}
.bb-extra-books{--extra-accent:#ff8616;--extra-soft:#fff5e8;--extra-ink:#101722}
.bb-universe{padding:64px 7%;background:#fff;scroll-margin-top:100px}
.bb-universe-heading{max-width:820px;margin:0 auto 30px;text-align:center}
.bb-extra-eyebrow{display:block;font-size:12px;font-weight:900;letter-spacing:.1em;color:#005be8}
.bb-universe-heading h2{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:10px 0 14px;color:#101722}
.bb-universe-heading p{color:#40516a;line-height:1.7}
.bb-universe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1180px;margin:auto}
.bb-universe-card{display:flex;flex-direction:column;min-width:0;padding:26px;background:var(--extra-soft);border:2px solid var(--extra-accent);border-top-width:7px;border-radius:20px;text-decoration:none;color:#101722;transition:transform .2s,box-shadow .2s}
.bb-universe-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #10172215}
.bb-extra-icon{display:grid;place-items:center;width:62px;height:62px;padding:12px;border-radius:16px;background:var(--extra-accent);color:var(--extra-ink);margin-bottom:18px}
.bb-extra-icon svg{width:100%;height:100%;display:block}
.bb-extra-label{font-size:11px;font-weight:900;letter-spacing:.08em;color:#40516a;margin-bottom:8px}
.bb-universe-card h3{font-family:"Arial Black",Arial,Helvetica,sans-serif;font-size:clamp(23px,2.2vw,29px);line-height:1.2;overflow-wrap:anywhere;margin:0 0 14px;color:#005be8}
.bb-extra-music.bb-universe-card h3 span{color:#d71939}
.bb-extra-books.bb-universe-card h3 span{color:#101722}
.bb-extra-enam.bb-universe-card h3{color:#007a3d}
.bb-universe-card p{font-size:15px;line-height:1.7;color:#40516a;margin:0 0 24px}
.bb-extra-card-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;font-size:14px;font-weight:900;color:#101722;padding-top:16px;border-top:1px solid #10172225}
.bb-extra-card-link>span{font-size:24px;line-height:1}
.bb-extra-page{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.65}
.bb-extra-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(5%,calc((100% - 1180px)/2));position:sticky;top:0;z-index:100}
.bb-extra-logo{display:flex;align-items:center;gap:10px;font-family:"Arial Black",Arial,Helvetica,sans-serif;font-weight:900;font-size:22px;text-decoration:none;color:#005be8!important;white-space:nowrap}
.bb-extra-logo img{width:48px;height:48px;object-fit:contain;border-radius:50%;background:#fff}
.bb-extra-logo b{color:#d71939}
.bb-extra-header .bb-extra-logo,.bb-extra-header .bb-extra-logo>span{color:#005be8!important}
.bb-extra-header .bb-extra-logo:hover{background:transparent!important}
.bb-extra-header nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bb-extra-header nav a{display:inline-block;text-decoration:none;padding:8px 10px;font-size:13px;font-weight:800;border-radius:9px;color:#101722!important}
.bb-extra-header nav a[aria-current="page"]{background:var(--extra-accent)!important;color:var(--extra-ink)!important}
.bb-extra-main{max-width:1180px;width:calc(100% - 48px);margin:0 auto;padding:42px 0 70px}
.bb-extra-intro{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:30px;padding:40px;border:2px solid var(--extra-accent);border-top-width:8px;border-radius:24px;background:var(--extra-soft)}
.bb-extra-title{font-family:"Arial Black",Arial,Helvetica,sans-serif;font-size:clamp(38px,5vw,66px);line-height:1.1;letter-spacing:-.04em;color:#005be8;overflow-wrap:anywhere;margin:12px 0 18px}
.bb-extra-title em{font-style:normal;color:var(--extra-accent)}
.bb-extra-books .bb-extra-title em{color:#101722}
.bb-extra-enam .bb-extra-title{color:#007a3d}
.bb-extra-intro p{max-width:740px;font-size:17px;color:#40516a;margin:0}
.bb-extra-intro>.bb-extra-icon{width:136px;height:136px;border-radius:32px;padding:28px;margin:0}
.bb-extra-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.bb-extra-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--extra-accent);color:var(--extra-ink);font-size:15px;font-weight:900;text-decoration:none;border:2px solid var(--extra-accent);border-radius:11px;padding:12px 20px}
.bb-extra-action:hover{filter:brightness(1.06)}
.bb-extra-action-secondary{background:#fff;color:#101722;border-color:#005be8}
.bb-extra-section{margin-top:32px;background:#fff;border:1px solid #d9e2ed;border-radius:20px;padding:30px;min-width:0;scroll-margin-top:110px}
.bb-extra-section h2{color:#101722;font-size:28px;line-height:1.25;margin:0 0 12px}
.bb-extra-section>p{color:#40516a;margin:0 0 22px;max-width:850px}
.bb-extra-notice{border-left:6px solid var(--extra-accent);background:var(--extra-soft);border-radius:12px;padding:20px 22px;color:#40516a}
.bb-extra-notice strong{display:block;color:#101722;font-size:18px;margin-bottom:6px}
.bb-extra-notice p{margin:0}
.bb-extra-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bb-extra-resource{display:flex;flex-direction:column;align-items:flex-start;border:2px solid #005be8;border-radius:14px;padding:22px;text-decoration:none;color:#101722;background:#f5f9ff}
.bb-extra-resource:nth-child(2){border-color:#d71939;background:#fff4f6}
.bb-extra-resource:nth-child(3){border-color:#ff8616;background:#fff7ed}
.bb-extra-resource:nth-child(4){border-color:#007a3d;background:#effbf4}
.bb-extra-resource h3{font-size:21px;line-height:1.25;margin:0 0 9px;color:#101722}
.bb-extra-resource p{font-size:14px;color:#40516a;margin:0 0 16px}
.bb-extra-resource span{font-size:14px;font-weight:900;color:#005be8;margin-top:auto}
.bb-extra-resource:hover{box-shadow:0 8px 18px #10172212}
.bb-extra-footer{text-align:center;color:#fff;padding:30px 20px}
.bb-extra-footer p{margin:0 0 14px}
.bb-extra-footer a{color:#fff;text-decoration:underline;text-underline-offset:4px;font-weight:800}
@media(max-width:950px){.bb-universe-grid{gap:16px}.bb-universe-card{padding:21px}.bb-extra-header{padding:12px 24px}.bb-extra-header nav{gap:2px}}
@media(max-width:760px){.bb-universe{padding:42px 20px}.bb-universe-grid{grid-template-columns:1fr}.bb-universe-card{padding:24px}.bb-extra-header{position:relative;align-items:flex-start;flex-direction:column;gap:12px;padding:14px 20px}.bb-extra-header nav{width:100%;gap:5px}.bb-extra-header nav a{padding:7px 9px}.bb-extra-main{width:calc(100% - 32px);padding:24px 0 42px}.bb-extra-intro{grid-template-columns:minmax(0,1fr);padding:26px 22px;gap:20px}.bb-extra-intro>.bb-extra-icon{width:76px;height:76px;padding:17px;border-radius:20px;grid-row:1}.bb-extra-title{font-size:clamp(34px,9vw,54px)}.bb-extra-intro p{font-size:16px}.bb-extra-section{padding:24px 20px}.bb-extra-section h2{font-size:25px}.bb-extra-resource-grid{grid-template-columns:1fr}.bb-extra-actions{flex-direction:column}.bb-extra-action{width:100%;text-align:center}.bb-extra-logo{font-size:21px}}
@media(prefers-reduced-motion:reduce){.bb-universe-card{transition:none}.bb-universe-card:hover{transform:none}}

/* Identidad del grupo en sus proyectos independientes. */
.bb-extra-header .bb-group-logo b{color:#101722!important}
@media(max-width:380px){.bb-extra-header .bb-group-logo{font-size:19px}}

/* Nuevas creaciones y rotación clínica. */
.bb-extra-lab{--extra-accent:#007a3d;--extra-soft:#ecfaf2;--extra-ink:#fff}
.bb-extra-curiosidades{--extra-accent:#101722;--extra-soft:#f4f7ff;--extra-ink:#ffe34d}
.bb-extra-sotelo{--extra-accent:#005be8;--extra-soft:#edf5ff;--extra-ink:#fff}
.bb-extra-curiosidades .bb-extra-title{color:#101722}
.bb-extra-curiosidades .bb-extra-action{color:#ffe34d}


/* ===== MOBILE CONTAINMENT FIX · 2026-10-06 ===== */
.bb-extra-intro,
.bb-extra-intro > div,
.bb-extra-actions,
.bb-extra-action{
  box-sizing:border-box;
  min-width:0;
}

.bb-extra-intro{
  max-width:100%;
  overflow:hidden;
}

.bb-extra-actions{
  width:100%;
  max-width:100%;
}

.bb-extra-action{
  max-width:100%;
  overflow-wrap:anywhere;
}

@media(max-width:760px){
  .bb-extra-main{
    width:calc(100% - 24px);
    max-width:100%;
  }

  .bb-extra-intro{
    width:100%;
    max-width:100%;
    padding:22px 16px;
  }

  .bb-extra-intro > div{
    width:100%;
    max-width:100%;
  }

  .bb-extra-actions{
    width:100%;
    max-width:100%;
    flex-direction:column;
    align-items:stretch;
  }

  .bb-extra-action,
  .bb-extra-action.bb-extra-action-secondary{
    width:100%;
    max-width:100%;
    padding-left:14px;
    padding-right:14px;
    justify-content:center;
    text-align:center;
  }
}

@media(max-width:430px){
  .bb-extra-main{
    width:calc(100% - 20px);
  }

  .bb-extra-intro{
    padding:20px 14px;
    border-radius:18px;
  }

  .bb-extra-action{
    font-size:14px;
  }
}