/* ============================================================
   BIONARA — Carrusel coverflow de productos (estilo Vidrate)
   Fondo claro y premium. El producto central se enfoca.
   ============================================================ */

.coverflow{
  display:flex;align-items:center;justify-content:center;gap:8px;
  position:relative;margin-top:8px;
}
.cf-stage{
  position:relative;flex:1;height:440px;max-width:980px;margin:0 auto;
  overflow:hidden;perspective:1500px;
}
.cf-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-family:var(--font-head);}

.cf-slide{
  position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);
  transition:transform .6s var(--ease), opacity .5s var(--ease), filter .5s var(--ease);
  cursor:pointer;will-change:transform,opacity;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
}
.cf-prod{position:relative;display:grid;place-items:center;}
.cf-aura{
  position:absolute;width:78%;height:60%;border-radius:50%;left:11%;bottom:8%;
  background:radial-gradient(circle, color-mix(in srgb,var(--cc) 34%,transparent), transparent 68%);
  filter:blur(26px);opacity:0;transition:opacity .5s var(--ease);z-index:0;
}
.cf-slide.is-center .cf-aura{opacity:.5;}
.cf-floor{
  position:absolute;left:14%;right:14%;bottom:4%;height:26px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(16,40,28,.18),transparent 70%);filter:blur(4px);opacity:0;transition:opacity .5s;
}
.cf-slide.is-center .cf-floor{opacity:1;}
.cf-prod .pack{position:relative;z-index:2;}
.cf-prod .pack img{max-height:336px;max-width:300px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 26px 28px rgba(16,40,28,.24));}
/* siluetas a escala de carrusel */
.cf-slide .silh.bottle{--bw:122px;--bh:300px;}
.cf-slide .silh.box{--bw:168px;}
.cf-slide .silh.box .body{height:236px;}
.cf-slide .silh.dropper{--bw:98px;}
.cf-slide .silh.dropper .body{height:226px;}
.cf-slide .silh.spray{--bw:108px;}
.cf-slide .silh.spray .body{height:250px;}
.cf-slide .silh.jar{--bw:182px;}
.cf-slide .silh.jar .body{height:176px;}

.cf-tag{position:absolute;top:6px;left:50%;transform:translateX(-50%);z-index:5;
  font-family:var(--font-head);font-weight:700;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;
  padding:5px 12px;border-radius:var(--r-pill);white-space:nowrap;opacity:0;transition:opacity .4s;}
.cf-slide.is-center .cf-tag{opacity:1;}
.cf-tag.best{background:var(--gold-500);color:#3a2606;}
.cf-tag.new{background:var(--green-600);color:#fff;}

/* arrows */
.cf-arrow{
  flex-shrink:0;width:58px;height:58px;border-radius:50%;background:var(--paper);
  border:1px solid var(--line);color:var(--green-800);display:grid;place-items:center;
  box-shadow:var(--shadow-md);transition:transform .3s var(--ease),box-shadow .3s,background .25s;z-index:30;
}
.cf-arrow:hover{transform:scale(1.08);background:var(--green-800);color:#fff;box-shadow:var(--shadow-lg);}
.cf-arrow:active{transform:scale(.94);}
.cf-arrow svg{width:24px;height:24px;}

/* info */
.cf-info{text-align:center;max-width:540px;margin:14px auto 0;min-height:210px;}
.cf-cat{font-family:var(--font-head);font-weight:700;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cc,#258a52);}
.cf-name{font-size:clamp(1.7rem,3.6vw,2.5rem);margin-top:8px;color:var(--green-900);}
.cf-benefit{color:var(--ink-soft);margin-top:12px;font-size:1.06rem;line-height:1.55;}
.cf-price{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;flex-wrap:wrap;}
.cf-was{font-family:var(--font-head);font-size:1.05rem;color:#d92d20;text-decoration:line-through;font-weight:600;}
.cf-now{font-family:var(--font-head);font-weight:800;font-size:1.7rem;color:var(--green-600);line-height:1;}
.cf-actions{display:flex;gap:12px;justify-content:center;margin-top:22px;flex-wrap:wrap;}
.cf-info .cf-key{animation:cfPop .5s var(--ease) both;}
@keyframes cfPop{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}

/* dots */
.cf-dots{display:flex;gap:8px;justify-content:center;margin-top:26px;flex-wrap:wrap;max-width:600px;margin-left:auto;margin-right:auto;}
.cf-dot{width:9px;height:9px;border-radius:50%;background:var(--line);transition:all .3s var(--ease);}
.cf-dot:hover{background:var(--muted);}
.cf-dot.active{background:var(--green-700);width:26px;border-radius:5px;}

@media (max-width:680px){
  .coverflow{gap:2px;}
  .cf-stage{height:330px;}
  .cf-prod .pack img{max-height:244px;max-width:230px;}
  .cf-slide .silh.bottle{--bw:92px;--bh:224px;}
  .cf-slide .silh.box{--bw:128px;}
  .cf-slide .silh.box .body{height:176px;}
  .cf-slide .silh.dropper{--bw:74px;}
  .cf-slide .silh.dropper .body{height:170px;}
  .cf-slide .silh.spray{--bw:82px;}
  .cf-slide .silh.spray .body{height:188px;}
  .cf-slide .silh.jar{--bw:138px;}
  .cf-slide .silh.jar .body{height:132px;}
  .cf-arrow{width:46px;height:46px;}
  .cf-arrow svg{width:20px;height:20px;}
  .cf-info{min-height:200px;}
}