/* ============================================================
   EXPANSORAS — Home "Scrapbook" (variante artesanal)
   Usa tokens/hero/marquee de expansoras.css; esto son las secciones nuevas
   ============================================================ */
.sb-blush{background:#FBD9E6;padding:clamp(64px,9vw,120px) var(--mx) 0}
.sb-blush__inner{max-width:1180px;margin:0 auto;text-align:center}
.sb-h1{font-family:var(--display);font-weight:700;color:#22024B;font-size:clamp(28px,3.6vw,54px);line-height:1.08;letter-spacing:-.01em;margin:0;white-space:normal}
@media (min-width:760px){.sb-h1{white-space:nowrap}}
.sb-body{font-family:var(--body);font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:#22024B;margin:26px auto 0;max-width:640px}
.sb-body strong{font-weight:700}
.sb-italic{font-family:var(--body);font-style:italic;font-weight:700;font-size:clamp(15px,1.4vw,18px);color:#22024B;margin:22px auto 0;max-width:600px;padding-bottom:clamp(40px,6vw,72px)}

/* marcas a mano */
.sb-circle{position:relative;display:inline-block;padding:.02em .06em;isolation:isolate}
.sb-circle svg{position:absolute;inset:-.24em -.14em;width:calc(100% + .28em);height:calc(100% + .48em);z-index:-1;pointer-events:none}
.sb-circle svg path{fill:none;stroke:#FE316D;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sb-squiggle{position:relative;display:inline-block}
.sb-squiggle svg{position:absolute;left:-1%;bottom:-.26em;width:102%;height:.42em;pointer-events:none}
.sb-squiggle svg path{fill:none;stroke:#FE316D;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sb-hl{display:inline-block;font-weight:700;padding:.05em .34em;transform:rotate(-1.2deg);
  clip-path:polygon(1% 18%,2% 86%,98% 100%,99% 10%,45% 0%,0% 8%)}
.sb-hl--pink{background:#FE316D;color:#fff}
.sb-hl--yellow{background:#FBC94C;color:#22024B}
.sb-hl--orange{background:#FD8218;color:#fff;font-weight:400;font-style:italic;padding:.3em .6em;
  clip-path:polygon(.6% 12%,1.4% 88%,99% 100%,99.4% 8%,50% 0%,0% 6%)}
.sb-hl--purple{background:#7843DC;color:#fff}

.sb-wave-img{display:block;width:100%;height:clamp(90px,11vw,150px);margin:0;padding:0;line-height:0;
  object-fit:cover;object-position:center;vertical-align:top}

/* ---------- así nació expansoras (scrapbook) ---------- */
.sb-nacio{background:#EFECFF;padding:clamp(56px,8vw,110px) 0}
.sb-nacio__grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(40px,6vw,90px);align-items:center}
.sb-nacio__media{position:relative;display:flex;flex-direction:column;align-items:center;padding:10px 24px 30px}
.sb-nacio__arc{width:100%;max-width:420px;height:110px;overflow:visible;margin-bottom:-18px}
.sb-nacio__arc text{font-family:var(--display);font-weight:700;font-size:34px;fill:#FE316D}
.sb-nacio__frame{position:relative;width:88%;aspect-ratio:4/5;
  clip-path:polygon(2% 4%,10% 0%,20% 3%,30% 0%,40% 3%,50% 0%,60% 3%,70% 0%,80% 3%,90% 0%,98% 4%,
    100% 12%,97% 20%,100% 30%,97% 40%,100% 50%,97% 60%,100% 70%,97% 80%,100% 90%,98% 96%,
    90% 100%,80% 97%,70% 100%,60% 97%,50% 100%,40% 97%,30% 100%,20% 97%,10% 100%,2% 96%,
    0% 90%,3% 80%,0% 70%,3% 60%,0% 50%,3% 40%,0% 30%,3% 20%,0% 10%);
  box-shadow:0 20px 44px rgba(30,15,40,.18)}
.sb-nacio__frame img{width:100%;height:100%;object-fit:cover;display:block}
.sb-nacio__tag{position:absolute;right:2%;bottom:14%;font-family:var(--hand,var(--display));font-style:italic;
  font-weight:700;color:#22024B;font-size:19px;line-height:1.1;text-align:center;transform:rotate(-4deg)}
.sb-nacio__tag svg{display:block;margin:4px auto 0;width:38px;height:30px;color:#22024B}
.sb-nacio__copy p{font-family:var(--body);font-size:clamp(15px,1.2vw,17px);line-height:1.55;color:#22024B;margin:0 0 18px}
.sb-nacio__copy p:last-child{margin-bottom:0}
.sb-nacio__quote{background:#FD8218;color:#fff;font-style:italic;font-weight:700;display:inline-block;
  padding:.5em .9em;border-radius:2px 10px 3px 9px;transform:rotate(-1deg);margin:8px 0 18px !important;
  clip-path:polygon(0.6% 12%,1.4% 88%,99% 100%,99.4% 8%,50% 0%,0% 6%)}
@media (max-width:900px){
  .sb-nacio__grid{grid-template-columns:1fr;gap:40px}
  .sb-nacio__frame{width:72%}
}

/* ---------- hoy somos (scrapbook, collage) ---------- */
.sb-hoy{background:#F4EDDE;padding:clamp(60px,8vw,110px) 0}
.sb-hoy__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,80px);align-items:center}
.sb-hoy__h{font-family:var(--display);font-weight:800;font-size:clamp(28px,3.6vw,52px);line-height:1.1;
  letter-spacing:-.01em;margin:0 0 26px;color:#22024B}
.sb-hoy__h .sb-orange{color:#FD8218}
.sb-hoy__sub{font-family:var(--display);font-weight:500;font-size:clamp(17px,1.6vw,23px);line-height:1.55;color:#22024B;margin:0}
.sb-hoy__sub em{font-style:italic}
.sb-under{text-decoration:underline;text-decoration-color:#FE316D;text-decoration-thickness:2.5px;text-underline-offset:5px;font-weight:700}
.sb-hoy__media{position:relative;padding:26px 10px}
.sb-hoy__main{width:100%;aspect-ratio:5/4;border-radius:16px;overflow:hidden;box-shadow:0 20px 44px rgba(30,15,40,.16);
  border:5px solid #FE316D}
.sb-hoy__main img{width:100%;height:100%;object-fit:cover;display:block}
.sb-hoy__star{position:absolute;left:-9%;bottom:-8%;width:38%;aspect-ratio:1/1;z-index:2;
  clip-path:polygon(50% 4%,58% 22%,76% 10%,74% 30%,94% 30%,82% 46%,98% 58%,79% 62%,84% 82%,64% 74%,58% 94%,
    46% 76%,30% 92%,30% 72%,10% 76%,20% 58%,4% 46%,22% 38%,14% 18%,34% 24%);
  border:5px solid #FD8218;box-shadow:0 10px 26px rgba(30,15,40,.2);background:#FD8218}
.sb-hoy__star img{width:100%;height:100%;object-fit:cover;display:block}
.sb-hoy__tag{position:absolute;left:-6%;top:-9%;font-family:var(--display);font-weight:700;font-style:italic;
  color:#7843DC;font-size:clamp(18px,1.9vw,26px);line-height:1.15;transform:rotate(-6deg);z-index:3;text-align:center;
  text-shadow:0 2px 0 #F4EDDE,2px 0 0 #F4EDDE,-2px 0 0 #F4EDDE,0 -2px 0 #F4EDDE}
@media (max-width:900px){
  .sb-hoy__grid{grid-template-columns:1fr;gap:60px}
  .sb-hoy__media{padding-top:60px}
  .sb-hoy__tag{position:absolute;left:2%;top:-4%;text-align:left}
  .sb-hoy__star{left:auto;right:4%;bottom:-10%;width:32%}
}

/* ---------- club de expansión (scrapbook, morado) ---------- */
.sb-club-lead{background:#7843DC;padding-top:clamp(30px,4vw,50px);text-align:center;overflow:hidden}
.sb-club-tag{font-family:var(--display);font-weight:700;font-style:italic;color:#F4EDDE;font-size:clamp(18px,2vw,26px);
  transform:rotate(-2deg);display:inline-block;margin-bottom:6px}
.sb-club-title{display:flex;align-items:baseline;justify-content:center;gap:14px;flex-wrap:wrap;margin:0 0 8px}
.sb-club-of{font-family:var(--display);font-weight:700;font-style:italic;color:#F4EDDE;font-size:clamp(20px,2.4vw,30px);transform:rotate(-2deg)}
.sb-club-word{font-family:var(--display);font-weight:800;color:#F4EDDE;font-size:clamp(48px,8vw,120px);line-height:.85;letter-spacing:-.02em}
.sb-club-word small{display:block;font-size:.55em;font-weight:600;margin-top:-.1em}
.sb-club{background:#7843DC;padding:clamp(30px,5vw,60px) 0 clamp(60px,8vw,100px)}
.sb-club__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,86px);align-items:center}
.sb-club__collage{position:relative;min-height:clamp(320px,32vw,460px)}
.sb-club__ph{position:absolute;border-radius:4px;overflow:hidden;box-shadow:0 16px 34px rgba(0,0,0,.28)}
.sb-club__ph img{width:100%;height:100%;object-fit:cover;display:block}
.sb-club__ph--1{width:52%;aspect-ratio:4/3;left:0;top:0;border:6px solid #FD8218;transform:rotate(-4deg);z-index:2}
.sb-club__ph--2{width:48%;aspect-ratio:1/1;left:34%;top:38%;border:6px solid #7843DC;transform:rotate(3deg);z-index:3}
.sb-club__ph--3{width:46%;aspect-ratio:4/3;right:0;top:14%;border:6px solid #FE316D;transform:rotate(5deg);z-index:1}
.sb-club__copy{color:#F4EDDE}
.sb-club__block{background:#FD8218;color:#fff;font-family:var(--display);font-weight:500;
  font-size:clamp(19px,2vw,27px);line-height:1.4;padding:clamp(24px,3vw,36px);border-radius:4px;margin:0 0 30px;
  transform:rotate(-.6deg)}
.sb-club__block strong{font-weight:800}
.sb-club__cta{background:#22024B;border-color:#22024B;color:#F4EDDE;padding:16px 32px}
.sb-club__cta:hover{filter:brightness(1.15)}
@media (max-width:900px){
  .sb-club__grid{grid-template-columns:1fr;gap:50px}
  .sb-club__collage{min-height:320px}
}

/* ---------- resumen final (scrapbook) ---------- */
.sb-final{position:relative;background:#22024B;overflow:hidden;min-height:80vh;display:flex;align-items:flex-end}
.sb-final__photo{position:absolute;left:0;bottom:0;width:min(38%,420px);z-index:1}
.sb-final__photo img{width:100%;display:block;border:6px solid #FE316D;border-bottom:0;border-radius:10px 10px 0 0}
.sb-final__inner{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto;
  padding:clamp(70px,9vw,120px) var(--mx);display:flex;justify-content:flex-end}
.sb-final__h{font-family:var(--display);font-weight:700;line-height:1.08;letter-spacing:-.01em;color:#F4EDDE;
  font-size:clamp(24px,3.2vw,44px);max-width:14ch;text-align:right}
.sb-final__h .g1{color:#FD8218}
.sb-final__h .g2{color:#FE316D}
@media (max-width:900px){
  .sb-final{min-height:0;display:block;padding-bottom:40px}
  .sb-final__photo{position:relative;width:70%;margin:0 auto 30px}
  .sb-final__inner{justify-content:center;padding-top:20px}
  .sb-final__h{text-align:center}
}