/* =======================================================
   ESTILOS PÁGINAS SEO POR PERSONAJE
   disfraces-spiderman.html, disfraces-mario-bros.html, disfraces-huntrix.html
   ======================================================= */
.personaje-hero{ padding: 50px 24px; text-align:center; }
.personaje-hero .tag{ display:inline-block; background:var(--gold-bg); color:#8a5a00; border:1px solid #F3D48A; padding:6px 16px; border-radius:999px; font-weight:800; font-size:.85rem; margin-bottom:16px; }
.personaje-hero h1{ font-size:clamp(1.9rem,4.5vw,2.6rem); margin-bottom:14px; }
.personaje-hero p{ color:var(--text-muted); font-weight:600; max-width:640px; margin:0 auto 26px; font-size:1.05rem; }

.personaje-producto{ max-width:900px; margin:0 auto 60px; padding:0 24px; display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; background:var(--bg-soft); border-radius:24px; padding:30px; }
.personaje-producto .foto{ border-radius:16px; overflow:hidden; aspect-ratio:3/4; background:white; }
.personaje-producto .foto img{ width:100%; height:100%; object-fit:cover; }
.personaje-producto .precio{ font-family:'Baloo 2'; font-size:1.8rem; color:var(--orange-dark); font-weight:800; margin:10px 0 18px; }
@media (max-width:700px){ .personaje-producto{ grid-template-columns:1fr; } }

.personaje-faq{ max-width:780px; margin:0 auto 60px; padding:0 24px; }
.personaje-faq h2{ text-align:center; margin-bottom:24px; font-size:1.5rem; }
.personaje-faq .item{ background:white; border:1px solid var(--border); border-radius:14px; padding:18px 20px; margin-bottom:12px; }
.personaje-faq .item h3{ font-size:.95rem; margin-bottom:6px; }
.personaje-faq .item p{ color:var(--text-muted); font-weight:600; font-size:.88rem; }