/* ============ ÉLIXIR · Modelo 03 · Tocador — rosa empolvado, crema y un acento terracota ============ */
:root{
  --bg:#f6ebe6;--surface:#fbf4f0;--white:#ffffff;--ink:#2a1c19;--muted:#6b5650;--muted2:#86716a;--line:#ead7cd;
  --gold:#a8473a;--gold-ink:#8a3a2f;--on-gold:#ffffff;--night:#2a1c19;
  --serif:'Gloock',Georgia,serif;--sans:'Outfit',system-ui,sans-serif;--r:24px;
}
html,body{background:var(--bg)}
h1,h2,h3,h4,.serif{font-weight:400;letter-spacing:-.01em}
.display{font-size:clamp(42px,6vw,88px);line-height:1.02;font-variation-settings:normal}
h2 .accent,h1 .gold,h2 .gold{font-style:normal;font-weight:400}
.micro{justify-content:center;color:var(--gold);letter-spacing:.2em}
.micro .num:after{display:none}
.btn{border-radius:999px;font-weight:600;letter-spacing:.01em}
.btn.ghost{box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn-row--center{justify-content:center}
.link{color:var(--gold);text-decoration-color:rgba(168,71,58,.4)}

/* Tienda: todo redondeado y suave */
header.site{background:rgba(246,235,230,.9)}
.toolbar{background:rgba(246,235,230,.95);border-bottom:0}
.brand-text{color:var(--ink)}
.cart-btn{background:var(--gold);color:#fff}
.cart-count{background:#fff;color:var(--gold)}
.cur-toggle button.on,.lang-toggle button.on,.lang-row-mobile button.on{background:var(--gold);color:#fff}
.pill{background:var(--surface);box-shadow:none}
.pill.on{background:var(--gold);color:#fff}
.var-pill.on{background:var(--gold);color:#fff}
.card-art{border-radius:var(--r);box-shadow:0 1px 0 rgba(42,28,25,.04),0 16px 40px -24px rgba(118,62,48,.35)}
.card-badge{background:var(--gold);border-radius:999px}
.card h3{font-size:22px}
.pblock{border-top:1px dashed var(--line)}
.save-badge{background:#f3d9d1;color:var(--gold-ink)}
.btn-add{background:var(--surface);box-shadow:none}
.pd-art{border-radius:32px}
.ci-art{border-radius:12px}
.form-card,.drawer{border-radius:28px}
@media (min-width:721px){.drawer{border-radius:28px 0 0 28px}}
.faq-item{background:var(--surface);border:0;border-radius:20px;margin-bottom:12px;padding:0 24px}
.faq-list,.pd-acc{border-top:0}
.contact-cards{border-top:0;gap:16px}
.contact-card,.contact-card+.contact-card{background:var(--surface);border:0;border-radius:28px;padding:40px 32px}
.info-table{border-top:0;background:var(--surface);border-radius:24px;overflow:hidden}
.info-table th,.info-table td{padding-left:24px}
.page-head{border-bottom:0}
.prose-lede strong,.feature-num{color:var(--gold)}
footer.site{background:var(--ink);border-radius:40px 40px 0 0}
.legal-strip strong,.foot-grid h4{color:#f0b9ac}
.legal-strip .shield{color:#f0b9ac}
.foot-wordmark{color:#fbefe9}

/* Encabezados centrados */
.td-head{text-align:center;max-width:760px;margin:0 auto 56px}
.td-head .display{margin-bottom:16px}
.td-head .lead{margin:0 auto}
.td-head--left{text-align:left;margin:0}
.td-head--left .micro{justify-content:flex-start}
.td-head--left .lead{margin:0}

/* 01 · Portada con abanico */
.td-hero{padding:56px 0 0;overflow:hidden}
.td-hero__copy{text-align:center;max-width:860px}
.td-hero .hero-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}
.td-hero .logo-mark img{width:min(calc(100vw - 24px),760px);max-width:none;height:auto;mix-blend-mode:normal}
.td-hero .logo-sub{margin-top:6px;font-size:11px;letter-spacing:.6em;padding-left:.6em;color:var(--gold)}
.td-hero h1{font-size:clamp(42px,6.4vw,96px);line-height:1;margin-bottom:20px}
.td-hero h1 em{font-style:normal;color:var(--gold)}
.td-hero .lead{margin:0 auto 32px}
.td-hero .btn-row{justify-content:center}
.td-hero .hbadge{display:inline-block;margin:24px 0 0;padding:8px 16px;border-radius:999px;background:var(--surface);font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--muted)}
.td-hero .hbadge:before{display:none}
.td-fan{position:relative;height:clamp(300px,40vw,440px);margin-top:40px}
.td-fan__card{position:absolute;left:50%;bottom:-60px;width:clamp(150px,19vw,250px);aspect-ratio:3/4;margin-left:calc(clamp(150px,19vw,250px) / -2);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -30px rgba(118,62,48,.5);transform-origin:50% 120%;will-change:transform}
.td-fan__card img{width:100%;height:100%;object-fit:cover}
.td-fan__card:nth-child(1){transform:rotate(-26deg);z-index:1}
.td-fan__card:nth-child(2){transform:rotate(-13deg);z-index:2}
.td-fan__card:nth-child(3){transform:rotate(0deg);z-index:3}
.td-fan__card:nth-child(4){transform:rotate(13deg);z-index:2}
.td-fan__card:nth-child(5){transform:rotate(26deg);z-index:1}
.td-fan__card:focus-visible{outline:3px solid var(--gold);outline-offset:4px}

/* Marcas en píldoras */
.td-marquee{background:transparent;border:0;padding:56px 0 40px}
.td-marquee .mq-item{margin:0 6px;padding:10px 20px;border-radius:999px;background:var(--surface);font-family:var(--sans);font-style:normal;font-weight:500;font-size:16px;letter-spacing:.02em}
.td-marquee .mq-dot{display:none}

/* Más vendidos */
.td-best{padding-top:80px}
.td-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 32px;margin-bottom:56px}
.td-grid .card:nth-child(3n+2){transform:translateY(48px)}
.td-grid .card:nth-child(3n+1) .card-art{background:#fff7f4}
.td-grid .card:nth-child(3n+3) .card-art{background:#fffaf2}

/* Confianza en un panel */
.td-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;padding:56px;border-radius:40px;background:var(--surface)}
.td-trust__items .trust-item{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:24px 0;border-bottom:1px dashed var(--line)}
.td-trust__items .trust-item:last-child{border-bottom:0}
.td-trust .icon{width:56px;height:56px;padding:14px;border-radius:50%;background:#f3d9d1;color:var(--gold-ink)}
.td-trust h3{font-size:26px;margin-bottom:6px}
.td-trust p{color:var(--muted)}
.td-trust p a{color:var(--gold)}

/* Círculo: barra de puntos */
.td-meter{margin:0 auto 40px;max-width:1040px}
.td-meter__bar{height:12px;border-radius:999px;background:#ecd8cf;overflow:hidden;margin-bottom:32px}
.td-meter__bar span{display:block;height:100%;border-radius:inherit;background:var(--gold);transform:scaleX(1);transform-origin:0 50%}
.td-meter__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.td-step{text-align:center}
.td-step .step-num{display:inline-grid;place-items:center;width:48px;height:48px;margin:0 0 16px;border-radius:50%;background:var(--gold);color:#fff;font-family:var(--sans);font-style:normal;font-weight:600;font-size:15px}
.td-step h3{font-size:30px;margin-bottom:8px}
.td-step p{color:var(--muted);max-width:28ch;margin:0 auto}

/* Concierge */
.td-concierge__panel{padding:80px 56px;border-radius:40px;background:var(--ink);color:#fbefe9;text-align:center}
.td-concierge .micro{color:#f0b9ac}
.td-concierge__title{color:#fbefe9;font-size:clamp(44px,7vw,112px);line-height:1;max-width:14ch;margin:0 auto 24px}
.td-concierge__title .accent{color:#f0b9ac}
.td-concierge__title .w{display:inline-block}
.td-concierge .lead{color:#e3cfc8;margin:0 auto 32px}
.td-closing .display{margin-bottom:16px}
.td-closing .lead{margin:0 auto 32px}

@media (max-width:899px){
  .td-hero{padding-top:32px}
  .td-hero h1{font-size:clamp(38px,11vw,60px)}
  .td-fan{height:260px;margin-top:32px}
  .td-fan__card{width:132px;margin-left:-66px;border-radius:20px;bottom:-30px}
  .td-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 12px}
  .td-grid .card:nth-child(3n+2){transform:none}
  .td-grid .card:nth-child(even){transform:translateY(32px)}
  .td-panel{grid-template-columns:1fr;gap:24px;padding:32px 24px;border-radius:28px}
  .td-meter__steps{grid-template-columns:1fr;gap:32px}
  .td-concierge__panel{padding:56px 24px;border-radius:28px}
  footer.site{border-radius:28px 28px 0 0}
}
@media (max-width:540px){
  .td-grid .card:nth-child(even){transform:none}
  .td-hero{padding-top:24px}
  .td-hero .hero-logo{margin-bottom:16px}
  .td-hero h1{margin-bottom:16px}
  .td-hero .lead{margin-bottom:24px}
  .td-hero .btn-row{flex-direction:column;align-items:stretch;gap:12px}
  .td-hero .btn-row .btn{width:100%}
  .td-hero .hbadge{margin-top:20px}
  .td-fan{height:140px;margin-top:24px}
}