/* ==========================================================
   AMOURE — portada v3: La tienda (chips por categoría),
   zona "Habla con Tali" y divisores con destello.
   Solo transform/opacity en las animaciones; respeta
   prefers-reduced-motion (regla global en styles.css).
   ========================================================== */

/* ---------- La tienda ---------- */
.store{padding-top:clamp(3rem,6vw,5rem)}
.store-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:-1rem 0 2rem;padding:.4rem 0}
.schip{flex:none;display:inline-flex;align-items:center;gap:.55em;min-height:40px;padding:0 1.15rem;border-radius:999px;border:1px solid rgba(62,12,31,.16);background:rgba(255,255,255,.55);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--plum);white-space:nowrap;scroll-snap-align:start;position:relative;overflow:hidden;transition:background .35s,color .35s,border-color .35s,transform .35s var(--ease),box-shadow .35s}
.schip i{font-style:normal;font-size:.6rem;letter-spacing:.04em;color:var(--mauve);background:rgba(62,12,31,.06);border-radius:999px;padding:.15em .5em;min-width:1.8em;text-align:center;transition:background .35s,color .35s}
.schip:hover{border-color:var(--gold);color:var(--wine);transform:translateY(-2px)}
.schip.on{background:linear-gradient(135deg,var(--wine),var(--plum));color:var(--gold-3);border-color:var(--wine);box-shadow:0 14px 28px -14px rgba(90,17,48,.7),0 0 0 3px rgba(201,162,77,.18)}
.schip.on i{background:rgba(201,162,77,.25);color:var(--gold-3)}
.schip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.store-more{display:flex;justify-content:center;align-items:center;gap:1.6rem;flex-wrap:wrap;margin-top:2.4rem;font-size:.78rem;letter-spacing:.08em;color:var(--mauve)}
.store-more .btn-ghost{color:var(--wine)}
.store-more:empty{display:none}
/* intercambio de productos: entran en cascada */
.grid.swap>*{animation:cardIn .7s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms)}
@keyframes cardIn{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
.grid.leaving{pointer-events:none}
@media (hover:none){.schip{min-height:44px;padding:0 1.2rem}}
@media (max-width:900px){.store-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;margin-left:-4vw;margin-right:-4vw;padding:.4rem 4vw}.store-chips::-webkit-scrollbar{display:none}.store-more{margin-top:1.6rem}}

/* ---------- Habla con Tali ---------- */
.tali{background:radial-gradient(ellipse at 15% 10%,var(--wine-2),var(--plum) 55%);color:var(--cream);overflow:hidden;isolation:isolate;padding:clamp(4.5rem,9vw,8rem) 0}
.tali canvas.dust{z-index:0}
.tali-glow{position:absolute;width:640px;height:640px;border-radius:50%;right:-160px;top:-220px;background:radial-gradient(circle,rgba(201,162,77,.28),transparent 65%);filter:blur(40px);pointer-events:none;z-index:0;animation:drift 22s ease-in-out infinite alternate}
.tali .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.tali .eyebrow{color:var(--gold-2)}.tali .eyebrow::before{background:var(--gold-2)}
.tali h2{color:#fff;margin:.6rem 0 1rem;font-size:clamp(2.6rem,5.2vw,4.4rem)}
.tali h2 em,.tali h2 em .w span{background-image:linear-gradient(120deg,var(--gold),var(--gold-2),var(--gold));background-size:200% auto;background-position:0 0;background-repeat:repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldShine 4s linear infinite}
.tali .lead{color:rgba(251,247,243,.74)}
/* retrato con arco */
.tali-visual{position:relative;padding:1.8rem 0 1.4rem}
.tali-txt,.tali-visual{min-width:0}
.tali-frame{position:relative;width:min(400px,86%);aspect-ratio:3/4;margin:0 auto;border-radius:220px 220px 30px 30px;isolation:isolate;will-change:transform}
.tali-photo{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:var(--plum);box-shadow:0 50px 90px -30px rgba(0,0,0,.7),0 0 0 1px rgba(201,162,77,.45),0 0 0 8px rgba(62,12,31,.6),0 0 0 9px rgba(201,162,77,.25)}
.tali-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%;transform:scale(1.04);transition:transform 1.6s var(--ease)}
.tali-frame:hover .tali-photo img{transform:scale(1)}
.tali-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(62,12,31,.55),transparent 42%);pointer-events:none}
/* aro cónico que gira alrededor del arco */
.tali-rim{display:block;position:absolute;inset:-12px;border-radius:236px 236px 42px 42px;padding:2px;background:conic-gradient(from var(--a,0deg),transparent 0 55%,rgba(201,162,77,.35) 68%,var(--gold) 80%,var(--gold-2) 86%,var(--gold) 92%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1;animation:spinBorder 6s linear infinite paused}
/* halo orbital punteado: un círculo que abraza el arco y desaparece tras la foto */
.tali-halo{display:block;position:absolute;left:-30px;top:-30px;width:calc(100% + 60px);aspect-ratio:1;border-radius:50%;border:1px dashed rgba(232,207,140,.5);pointer-events:none;z-index:-1;animation:spin 28s linear infinite paused;will-change:transform}
.tali-halo b{position:absolute;left:50%;top:-9px;transform:translateX(-50%);color:var(--gold-2);font-size:1rem;font-weight:400;line-height:1;text-shadow:0 0 10px rgba(232,207,140,.9)}
/* resplandor suave que respira */
.tali-frame::before{content:"";position:absolute;inset:-30px;border-radius:260px 260px 60px 60px;background:radial-gradient(ellipse at 50% 30%,rgba(201,162,77,.38),transparent 70%);filter:blur(22px);z-index:-2;pointer-events:none;animation:taliBreath 4.5s ease-in-out infinite paused}
@keyframes taliBreath{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.tali.play .tali-rim,.tali.play .tali-halo,.tali.play .tali-frame::before{animation-play-state:running}
/* "En línea" */
.tali-online{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:.55em;background:#fff;color:#128C7E;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;padding:.5rem 1rem;border-radius:999px;box-shadow:0 14px 30px -12px rgba(0,0,0,.6),0 0 0 1px rgba(201,162,77,.35);white-space:nowrap;z-index:2}
.tali-online i{width:8px;height:8px;border-radius:50%;background:#25D366;position:relative;flex:none}
.tali-online i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #25D366;animation:waPulse 2s ease-out infinite}
/* burbujas de chat que se escriben solas */
.tali-chat{position:absolute;right:-8%;top:9%;width:min(290px,66%);display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;z-index:3;pointer-events:none;will-change:transform}
.tbub{position:relative;max-width:100%;background:#fff;color:var(--plum);border-radius:4px 18px 18px 18px;padding:.7rem 1rem .5rem;font-size:.9rem;line-height:1.42;box-shadow:0 24px 50px -18px rgba(0,0,0,.65),0 0 0 1px rgba(201,162,77,.25);transform-origin:left top;animation:bubIn .55s var(--ease) both}
.tbub::before{content:"";position:absolute;left:-8px;top:0;width:0;height:0;border-top:10px solid #fff;border-left:10px solid transparent}
.tbub time{display:block;text-align:right;font-size:.58rem;color:var(--mauve-2);margin-top:.2rem;letter-spacing:.06em}
.tbub .cur{display:inline-block;width:1px;height:1em;background:var(--gold);vertical-align:-.15em;margin-left:2px;animation:blink .8s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.tbub.typing{padding:.6rem .95rem .65rem}
.tbub.typing small{display:block;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mauve);margin-bottom:.3rem}
.tbub.typing .dots{display:inline-flex;gap:4px}
.tbub.typing .dots i{width:7px;height:7px;border-radius:50%;background:var(--rosegold);animation:dotBounce 1.1s ease-in-out infinite}
.tbub.typing .dots i:nth-child(2){animation-delay:.15s}.tbub.typing .dots i:nth-child(3){animation-delay:.3s}
@keyframes dotBounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}
@keyframes bubIn{from{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:none}}
.tbub.gone{animation:bubOut .4s var(--ease) both}
@keyframes bubOut{to{opacity:0;transform:translateY(-10px) scale(.95)}}
/* texto, chips y CTA */
.tali-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.tali-chips a{display:inline-flex;align-items:center;gap:.55em;min-height:44px;border:1px solid rgba(201,162,77,.45);border-radius:999px;padding:.55rem 1.15rem;font-size:.84rem;color:var(--gold-3);background:rgba(255,255,255,.04);white-space:nowrap;position:relative;overflow:hidden;transition:background .35s,color .35s,border-color .35s,transform .35s var(--ease),box-shadow .35s}
.tali-chips a i{font-style:normal;font-size:1rem}
.tali-chips a:hover{background:var(--gold);color:var(--plum);border-color:var(--gold);transform:translateY(-3px);box-shadow:0 16px 30px -14px rgba(201,162,77,.8)}
.tali-cta{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;margin-top:2rem}
.tali-cta .btn-rose{padding:1.1rem 2.4rem;box-shadow:0 22px 44px -18px rgba(201,162,77,.75)}
.tali-cta .wa-ic{width:18px;height:18px;fill:currentColor;flex:none}
.tali-ig{display:inline-flex;align-items:center;gap:.5em;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);border-bottom:1px solid rgba(232,207,140,.45);padding-bottom:.2rem;transition:color .3s,border-color .3s}
.tali-ig svg{width:16px;height:16px;fill:currentColor}
.tali-ig:hover{color:#fff;border-color:#fff}
.tali-note{display:block;margin-top:1.4rem;font-size:.72rem;letter-spacing:.12em;color:rgba(246,231,191,.6)}
@media (max-width:1100px){.tali-chat{right:-4%;width:min(260px,64%)}.tbub{font-size:.84rem}}
@media (max-width:900px){
  .tali .wrap{grid-template-columns:minmax(0,1fr);gap:2.4rem}
  .tali-visual{padding:1.2rem 0 1.6rem}
  .tali-frame{width:min(330px,78%)}
  .tali-chat{right:3%;left:3%;top:auto;bottom:16%;width:auto}
  .tbub{font-size:.86rem}
  .tali-txt{text-align:center}.tali .lead{margin-inline:auto}
  .tali-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-4vw;margin-right:-4vw;padding:.4rem 4vw;justify-content:flex-start}
  .tali-chips::-webkit-scrollbar{display:none}
  .tali-chips a{flex:none}
  .tali-cta{flex-direction:column;align-items:stretch;gap:1rem}
  .tali-cta .btn-rose{width:100%}
  .tali-ig{justify-content:center;align-self:center}
}
@media (max-width:600px){.tali h2{font-size:2.6rem}.tali-frame{width:min(300px,80%)}.tali-chat{bottom:14%}}

/* ---------- Divisor con destello ---------- */
.divider{position:relative;height:1px;width:min(1280px,92vw);margin:0 auto;background:linear-gradient(90deg,transparent,rgba(201,162,77,.5) 25%,rgba(201,162,77,.5) 75%,transparent);overflow:visible}
.divider i{position:absolute;top:-1px;left:0;width:90px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--gold-2),#fff,var(--gold-2),transparent);box-shadow:0 0 12px rgba(232,207,140,.85);opacity:0;animation:sweep 6s cubic-bezier(.45,0,.2,1) infinite;will-change:transform}
@keyframes sweep{0%{transform:translateX(0);opacity:0}8%{opacity:1}92%{opacity:1}100%{transform:translateX(calc(min(1280px,92vw) - 90px));opacity:0}}
.divider b{position:absolute;left:calc(50% - 14px);top:-.55em;width:28px;text-align:center;color:var(--gold);font-size:.85rem;line-height:1;font-weight:400;background:var(--cream);animation:starPulse 3s ease-in-out infinite}
@keyframes starPulse{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}