/* ==========================================================================
   Belleza Selecta · piel "Glow" (2026-09-26)
   Rosa moderno y limpio (nada de crema ni cursivas): fondo casi blanco rosado,
   un fucsia para comprar, degradados suaves y bordes muy redondeados.
   ========================================================================== */
:root{--g-rose:#D6336C;--g-pink:#FF8FB1;--g-lilac:#C9A7FF;--g-blush:#FFE3EC;--g-plum:#3B1330}
.tt-glow h1,.tt-glow h2,.tt-glow h3{font-family:'Outfit',sans-serif;letter-spacing:-.02em}
.tt-glow .r-btn,.tt-glow .woocommerce a.button,.tt-glow .woocommerce button.button{border-radius:999px;background:linear-gradient(135deg,#E0457B,#C2255C);box-shadow:0 10px 24px -10px rgba(214,51,108,.7)}
.tt-glow .r-btn:hover,.tt-glow .woocommerce a.button:hover,.tt-glow .woocommerce button.button:hover{background:linear-gradient(135deg,#D63A70,#A91E50)}
.tt-glow .r-announce{background:linear-gradient(90deg,#3B1330,#7A1F4B)}
.tt-glow .r-header{background:rgba(255,250,251,.92);backdrop-filter:blur(10px)}
.tt-glow .r-logo{color:var(--g-plum);font-weight:800;letter-spacing:-.03em}
.tt-glow .r-logo::after{content:"";display:inline-block;width:.45em;height:.45em;margin-left:.15em;border-radius:50%;background:linear-gradient(135deg,var(--g-pink),var(--g-rose));vertical-align:.1em}
.tt-glow .r-search{border-radius:999px}
.tt-glow .r-cats a:hover,.tt-glow .r-cats a.is-on{color:var(--g-rose);border-bottom-color:var(--g-rose)}

/* Héroe */
.g-hero{position:relative;overflow:hidden;background:radial-gradient(60rem 30rem at 85% 10%,#FFD9E6,transparent 60%),radial-gradient(40rem 26rem at 0% 100%,#F3E8FF,transparent 60%),#FFFAFB}
.g-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:4rem 0 4.5rem}
.g-chip{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid var(--line);color:var(--g-rose);font-weight:700;font-size:.85rem;padding:.45rem .9rem;border-radius:999px;box-shadow:0 6px 18px -10px rgba(214,51,108,.5);margin-bottom:1.1rem}
.g-hero h1{font-size:clamp(2.4rem,5.4vw,4.2rem);line-height:1.02;font-weight:800;color:var(--g-plum);margin:0 0 .45em;max-width:13ch}
.g-hero h1 span{background:linear-gradient(90deg,#E0457B,#B455E0);-webkit-background-clip:text;background-clip:text;color:transparent}
.g-hero p{font-size:1.14rem;color:var(--muted);max-width:44ch;margin-bottom:1.7rem}
.g-cta{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center}
.g-link{font-weight:700;color:var(--g-plum);text-decoration:underline;text-decoration-color:var(--g-pink);text-decoration-thickness:2px;text-underline-offset:4px}
.g-ticks{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;padding:0;margin:1.8rem 0 0;font-size:.9rem;font-weight:600;color:var(--g-plum)}
.g-ticks li::before{content:"✓";display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;margin-right:.35rem;border-radius:50%;background:var(--g-blush);color:var(--g-rose);font-size:.75rem}
.g-art{position:relative;aspect-ratio:1;max-width:540px;width:100%;margin-inline:auto}
.g-blob{position:absolute;inset:4%;border-radius:42% 58% 55% 45% / 48% 42% 58% 52%;overflow:hidden;box-shadow:0 40px 80px -30px rgba(214,51,108,.55);animation:g-morph 12s ease-in-out infinite}
.g-blob img{width:100%;height:100%;object-fit:cover}
@keyframes g-morph{50%{border-radius:55% 45% 42% 58% / 42% 58% 44% 56%}}
.g-spark{position:absolute;width:18px;height:18px;background:radial-gradient(circle,#fff 0 30%,transparent 32%),conic-gradient(from 45deg,transparent 0 20%,#FFC7DA 20% 30%,transparent 30% 45%,#FFC7DA 45% 55%,transparent 55% 70%,#FFC7DA 70% 80%,transparent 80%);animation:g-twinkle 2.4s ease-in-out infinite}
.g-spark.s1{top:6%;left:10%}.g-spark.s2{top:18%;right:4%;animation-delay:.8s;transform:scale(.7)}.g-spark.s3{bottom:10%;left:2%;animation-delay:1.6s}
@keyframes g-twinkle{50%{opacity:.3;transform:scale(.6) rotate(45deg)}}
.tt-mini{position:absolute;display:flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.95);border-radius:18px;padding:.5rem .9rem .5rem .5rem;text-decoration:none;box-shadow:0 18px 40px -18px rgba(59,19,48,.45);max-width:15rem}
.tt-mini img{width:52px;height:52px;object-fit:contain;border-radius:12px;background:#FFF1F5}
.tt-mini span{display:flex;flex-direction:column;line-height:1.2}
.tt-mini b{font-size:.82rem;color:var(--g-plum)}
.tt-mini i{font-style:normal;font-weight:800;color:var(--g-rose);font-size:.95rem}
.g-float.f1{left:-4%;bottom:14%;animation:g-bob 5s ease-in-out infinite}
.g-float.f2{right:-4%;top:12%;animation:g-bob 6s ease-in-out infinite reverse}
@keyframes g-bob{50%{transform:translateY(-10px)}}

/* Encabezados de sección */
.g-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.4rem}
.g-head h2{margin:0;font-size:clamp(1.5rem,2.8vw,2.2rem);color:var(--g-plum)}
.g-head a{display:inline-flex;align-items:center;gap:.3rem;font-weight:700;color:var(--g-rose);text-decoration:none}

/* Categorías como historias */
.g-stories{display:flex;gap:1.4rem;overflow-x:auto;padding:.3rem .2rem 1rem;scrollbar-width:none}
.g-stories::-webkit-scrollbar{display:none}
.g-story{flex:none;width:112px;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:.55rem}
.g-ring{width:104px;height:104px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,#FFB86B,#FF5E8A,#C44DFF,#FFB86B);transition:transform .25s}
.g-ring > span{display:block;width:100%;height:100%;border-radius:50%;background:#fff;padding:4px}
.g-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#FFF1F5}
.g-story:hover .g-ring{transform:scale(1.06) rotate(-4deg)}
.g-story b{font-size:.88rem;font-weight:700;color:var(--g-plum);line-height:1.2}

/* Tarjetas de producto */
.tt-glow ul.products li.product{background:#fff;border-radius:22px;padding:.7rem!important;box-shadow:0 1px 0 var(--line);transition:box-shadow .25s,transform .25s}
.tt-glow ul.products li.product:hover{box-shadow:0 24px 50px -24px rgba(214,51,108,.45);transform:translateY(-3px)}
.tt-glow ul.products li.product a img{border-radius:16px!important;background:#FFF4F8!important}
.tt-glow .tt-card-cat{color:var(--g-rose)}
.tt-glow ul.products li.product .price ins{color:var(--g-rose)}
.tt-glow ul.products li.product .button{border-radius:999px!important;background:#fff!important;color:var(--g-plum)!important;border:1.5px solid #F3C6D5!important;box-shadow:none}
.tt-glow ul.products li.product:hover .button{background:var(--g-rose)!important;border-color:var(--g-rose)!important;color:#fff!important}

/* Banda de beneficios */
.g-band{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;background:linear-gradient(120deg,#FFE3EC,#F3E8FF);border-radius:28px;padding:1.4rem}
.g-band div{background:rgba(255,255,255,.75);border-radius:20px;padding:1.2rem 1.3rem;display:flex;flex-direction:column;gap:.3rem}
.g-band .tt-i{color:var(--g-rose);margin-bottom:.3rem}
.g-band b{color:var(--g-plum);font-size:1.05rem}
.g-band span{color:var(--muted);font-size:.9rem}

/* Favorito del mes */
.g-spot{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center;background:#fff;border-radius:32px;padding:2.2rem;box-shadow:0 30px 70px -40px rgba(59,19,48,.35)}
.g-spot-img{display:block;border-radius:24px;overflow:hidden;background:#FFF4F8}
.g-spot-img img{width:100%;aspect-ratio:1;object-fit:contain;padding:8%}
.g-spot h2{color:var(--g-plum);font-size:clamp(1.6rem,3vw,2.3rem)}
.g-spot p{color:var(--muted)}
.g-price{font-size:1.8rem;font-weight:800;color:var(--g-rose)!important}

/* Pasos, preguntas, pie */
.tt-glow .r-steps li{border-top:0;background:#fff;border-radius:20px;padding:1.3rem;box-shadow:0 1px 0 var(--line)}
.tt-glow .r-steps li::before{color:var(--g-rose)}
.tt-glow .r-faq details{border-bottom-color:var(--line)}
.tt-glow .r-faq summary::after{color:var(--g-rose)}
.tt-glow .r-footer{background:linear-gradient(160deg,#3B1330,#5A1A44)}
.tt-glow .tt-chip.is-on{background:var(--g-rose);border-color:var(--g-rose)}
.tt-glow .tt-eta{background:#FFF1F5}

@media (max-width:820px){
  .g-hero-grid,.g-spot{grid-template-columns:1fr;gap:1.8rem}
  .g-hero-grid{padding:2rem 0 2.6rem}
  .g-art{order:-1;max-width:360px}
  .g-band{grid-template-columns:1fr}
  .g-spot{padding:1.2rem}
  .tt-mini{max-width:12rem}
  .g-float.f1{left:0}.g-float.f2{right:0}
}
@media (prefers-reduced-motion:reduce){.g-blob,.g-spark,.g-float{animation:none!important}}