/* Mamá, Mujer y Profesional — ver manual-de-marca.md */
:root{
  --vino:#7B2D58;--vino-d:#5A1F40;--tinta:#232845;--crema:#FDF7F2;--rosa:#FBE4E6;--rosa-m:#F4C6CD;
  --menta:#D4EEE2;--postit:#FCF0C2;--lila:#ECE4F6;--txt2:#4A4660;--txt3:#5B566A;--borde:#F3DDE0;
  --hand:'Caveat',cursive;--body:'Nunito',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--crema);color:var(--tinta);font-family:var(--body);line-height:1.5;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--vino)}a:hover{color:var(--vino-d)}
:focus-visible{outline:3px solid #E58FA6;outline-offset:2px}
p{margin:0}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:99;background:#fff;padding:8px 12px}
.wrap{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}
.sec{padding-top:96px;padding-bottom:96px;display:flex;flex-direction:column;gap:40px}
.split{display:flex;flex-wrap:wrap;align-items:center;gap:48px}
.split.end{align-items:flex-end}
.split.narrow{max-width:1100px;flex-direction:row}
.grow{flex:999 1 440px;min-width:0}
.side{flex:1 1 320px;min-width:0}
.center{display:flex;justify-content:center}
.stack{display:flex;flex-direction:column;gap:16px}
.stack-xs{display:flex;flex-direction:column;gap:4px;min-width:0}
.row{display:flex;flex-wrap:wrap;gap:12px}
.grid{display:grid;gap:18px}
.g240{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.g260{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.g300{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}

/* Nav */
.nav{position:sticky;top:0;z-index:10;background:rgba(253,247,242,.95);border-bottom:1px solid var(--borde);backdrop-filter:blur(6px)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--hand);font-weight:700;font-size:28px;line-height:1}
.nav-links{display:flex;gap:26px;font-weight:700;font-size:15px}
.nav-links a{color:var(--tinta);text-decoration:none}.nav-links a:hover{color:var(--vino)}
.heart{fill:var(--rosa-m);stroke:var(--vino);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ico{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Type */
.eyebrow{font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--vino)}
.h1{margin:0;font-family:var(--hand);font-weight:700;font-size:76px;line-height:.98}
.h2{margin:0;font-family:var(--hand);font-weight:700;font-size:58px;line-height:1}
.berry{color:var(--vino)}
mark{background:var(--rosa-m);color:inherit;border-radius:10px 4px 12px 6px;padding:0 10px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hl{background:var(--rosa);padding:0 6px;border-radius:6px}
.lead{font-size:19px;line-height:1.6;color:var(--txt2);max-width:540px}
.sub{font-size:18px;line-height:1.6;color:var(--txt2)}
.small{font-size:15px;line-height:1.55;color:var(--txt3)}
.tiny{font-size:13px;line-height:1.5;color:var(--txt3)}
.strong{font-weight:700;font-size:20px}
.hand-q{font-family:var(--hand);font-weight:700;font-size:34px;line-height:1.1;color:var(--vino)}
.hand-t{font-family:var(--hand);font-weight:700;font-size:30px;line-height:1.05}
.hand-t.big{font-size:34px}
.head{display:flex;flex-direction:column;gap:10px;max-width:680px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:15px 26px;border-radius:999px;border:2px solid var(--vino);background:var(--vino);color:#fff;font:800 17px/1 var(--body);text-decoration:none;cursor:pointer}
.btn:hover{background:var(--vino-d);border-color:var(--vino-d);color:#fff}
.btn-sm{font-size:15px;padding:12px 22px;min-height:44px}
.btn-alt{background:#fff;color:var(--vino);border-color:#E9C3CC}
.btn-white{background:#fff;color:var(--vino);border-color:#fff}
.btn-alt:hover,.btn-white:hover{background:var(--rosa);color:var(--vino);border-color:var(--rosa)}
.btn-block{width:100%}
.btn:disabled{opacity:.6;cursor:wait}

/* Hero */
.hero{padding-top:64px;padding-bottom:88px}
.hero .grow{display:flex;flex-direction:column;gap:22px}
.cover-wrap{position:relative;width:330px;max-width:100%}
.blob{position:absolute;inset:30px -26px -22px 26px;background:var(--rosa);border-radius:48% 52% 40% 60%/50% 40% 60% 50%}
.cover{position:relative;width:100%;border-radius:6px 16px 16px 6px;box-shadow:0 28px 50px rgba(123,45,88,.22);transform:rotate(-2deg)}
.cover-sm{width:230px;transform:rotate(2deg)}
.postit{background:var(--postit);padding:14px 18px;transform:rotate(-1.5deg);box-shadow:0 6px 14px rgba(35,40,69,.12);font-family:var(--hand);font-weight:700;font-size:26px;line-height:1.1;color:var(--vino);align-self:flex-start}
.postit-hero{position:absolute;right:-18px;top:-14px;transform:rotate(6deg);text-align:center;font-size:24px}
.postit-mint{position:absolute;left:-14px;bottom:26px;background:var(--menta);color:var(--tinta);transform:rotate(-4deg);font-size:24px}

/* Sections */
.band{background:#fff;border-top:1px solid var(--borde);border-bottom:1px solid var(--borde)}
.mint{background:var(--menta)}
.pinkband{background:var(--rosa)}
.panel{border-radius:36px;padding:48px}
.pink{background:var(--rosa)}
.card{background:var(--crema);border:1px solid var(--borde);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:10px}
.band .card{background:var(--crema)}
.num{width:40px;height:40px;border-radius:50%;background:var(--vino);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}
.cap{font-family:var(--hand);font-weight:600;font-size:22px;color:var(--vino)}
.rounded{border-radius:24px}
.shadow{box-shadow:0 18px 40px rgba(123,45,88,.18)}
.quote{margin:0;font-family:var(--hand);font-weight:700;font-size:48px;line-height:1.05;color:var(--vino)}

/* Form */
.form{background:#fff;border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:12px}
.form label{font-weight:700;font-size:15px}
.form input{font:inherit;font-size:16px;padding:13px 16px;border-radius:14px;border:1.5px solid #D9BAC6;background:#fff;color:var(--tinta);min-height:48px}
.form .btn{margin-top:6px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* Podcast */
.episode{background:#fff;border-radius:22px;padding:22px;display:flex;gap:18px;align-items:center;text-decoration:none;color:var(--tinta);box-shadow:0 10px 24px rgba(35,40,69,.08)}
.episode:hover{color:var(--tinta);transform:translateY(-2px)}
.play{flex:none;width:64px;height:64px;border-radius:50%;background:var(--vino);display:flex;align-items:center;justify-content:center}
.ep-meta{font-size:13px;font-weight:800;color:var(--vino)}

/* Sobre */
.photo-wrap{position:relative;width:340px;max-width:100%}
.photo{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:40% center;border-radius:170px 170px 28px 28px;border:6px solid var(--rosa)}
.tags span{border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700}
.t-pink{background:var(--rosa)}.t-mint{background:var(--menta)}.t-lila{background:var(--lila)}.t-yel{background:var(--postit)}

/* Notas / testimonios */
.notes{gap:28px}
.note{margin:0;padding:28px;box-shadow:0 8px 18px rgba(35,40,69,.08);display:flex;flex-direction:column;gap:14px}
.note blockquote{margin:0;font-family:var(--hand);font-size:28px;line-height:1.15}
.note figcaption{font-size:14px;font-weight:700;color:var(--txt3)}
.n-yel{background:var(--postit);transform:rotate(-1.5deg)}.n-pink{background:var(--rosa);transform:rotate(1deg)}.n-mint{background:var(--menta);transform:rotate(-.8deg)}

/* Compra */
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-weight:600}
.checks li{padding-left:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z' fill='%23F4C6CD' stroke='%237B2D58' stroke-width='2'/%3E%3C/svg%3E") no-repeat 0 3px/20px}
.price-card{flex:1 1 280px;min-width:0;background:#fff;border-radius:26px;padding:32px;display:flex;flex-direction:column;gap:12px}
.price{font-family:var(--hand);font-weight:700;font-size:64px;line-height:.9;color:var(--vino)}
.price span{font-family:var(--body);font-size:18px;font-weight:800}

/* FAQ */
.faq{max-width:820px;padding-top:0;padding-bottom:96px;display:flex;flex-direction:column;gap:12px}
.faq .h2{font-size:54px;margin-bottom:14px}
.faq details{background:#fff;border:1px solid var(--borde);border-radius:18px}
.faq summary{list-style:none;cursor:pointer;padding:18px 22px;min-height:56px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:700;font-size:17px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:26px;color:var(--vino);line-height:1}
.faq details[open] summary::after{content:'−'}
.faq details p{padding:0 22px 20px;font-size:16px;line-height:1.6;color:var(--txt2)}

/* Footer */
.foot{padding-top:36px;padding-bottom:36px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:14px;color:var(--txt3)}
.foot .row{gap:20px}

/* Responsive */
@media (max-width:760px){
  .nav-links{display:none}
  .logo{font-size:24px}
  .h1{font-size:50px}.h2,.faq .h2{font-size:42px}.quote{font-size:38px}
  .sec{padding-top:64px;padding-bottom:64px}
  .panel{padding:28px 20px;border-radius:26px}
  .postit-hero{right:-6px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}