/* ============================================================
   OMNIS — Sección "La Botella"
   Imagen de producto a pantalla completa + texto a la derecha.
   ============================================================ */
.botella{
  position:relative;min-height:100vh;overflow:hidden;
  display:flex;align-items:center;justify-content:flex-end;
  background:#06080b;
}
.botella__img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  animation:botKen 20s ease-in-out infinite alternate;   /* ken-burns sutil */
}
@keyframes botKen{from{transform:scale(1.04)}to{transform:scale(1.12)}}
.botella__scrim{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),   /* 15% negro plano -> texto más legible */
    linear-gradient(270deg, rgba(6,9,11,.92) 0%, rgba(6,9,11,.6) 36%, rgba(6,9,11,.1) 70%, rgba(6,9,11,.42) 100%),
    linear-gradient(180deg, rgba(6,9,11,.4) 0%, transparent 26%, transparent 68%, rgba(6,9,11,.55) 100%);
}
/* monograma de cera (icon-wax) a la izquierda — algo más pequeño */
.botella__mark{
  position:absolute;z-index:2;pointer-events:none;
  left:clamp(20px,8vw,150px);top:50%;transform:translateY(-50%);
  width:clamp(230px,31vw,440px);aspect-ratio:600/592;
}
/* fondo oscuro suave y difuminado: evita que la etiqueta asome por los huecos del monograma */
.botella__mark::before{
  content:"";position:absolute;inset:-15%;
  background:radial-gradient(closest-side at 60% 50%, rgba(5,8,11,.2), rgba(5,8,11,.1) 55%, transparent 82%);
}
/* la cera (opaca; sombra sutil para dar profundidad) */
.botella__mark::after{
  content:"";position:absolute;inset:0;
  background:url("assets/icon-wax.png") center/contain no-repeat;
  filter:drop-shadow(3px 8px 20px rgba(0,0,0,.17));
}

.botella__inner{position:relative;z-index:3;padding:0 clamp(30px,9vw,148px);max-width:600px;text-align:left}
.botella__eyebrow{display:block;font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-2);margin-bottom:24px}
.botella__title{
  font-family:'Cinzel',serif;font-weight:500;
  font-size:clamp(40px,6.4vw,100px);line-height:1.02;letter-spacing:.01em;color:var(--cream);
  text-shadow:0 2px 30px rgba(0,0,0,.45);
}
.botella__lead{
  font-family:'Cormorant Garamond',serif;font-weight:500;
  font-size:clamp(20px,2.4vw,30px);line-height:1.45;color:rgba(239,231,214,.9);
  margin:30px 0 0;max-width:30ch;
}
.botella__note{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(17px,2vw,22px);line-height:1.5;color:rgba(239,231,214,.66);
  margin:16px 0 0;max-width:36ch;
}
.botella__note em{font-style:italic;color:var(--gold-2)}
.botella__badge{
  margin-top:38px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);
  display:inline-flex;align-items:center;gap:14px;
}
.botella__badge::before{content:"";width:36px;height:1px;background:var(--gold)}

@media(max-width:760px){
  .botella{justify-content:flex-end}   /* texto a la derecha (como en desktop) */
  /* velo más oscuro por la derecha + abajo, para legibilidad del texto sobre la botella */
  .botella__scrim{background:
    linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),
    linear-gradient(270deg, rgba(6,9,11,.9) 0%, rgba(6,9,11,.55) 45%, rgba(6,9,11,.15) 80%, rgba(6,9,11,.3) 100%),
    linear-gradient(180deg, rgba(6,9,11,.35) 0%, transparent 30%, transparent 70%, rgba(6,9,11,.55) 100%)}
  .botella__mark{display:none}
  /* foto un poco más grande y desplazada a la izquierda en móvil */
  .botella__img{animation:none;transform:scale(1.22) translateX(-13%)}
  /* sombra suave (~10%) detrás del texto para legibilidad, sin caja */
  .botella__inner{text-shadow:0 2px 12px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.1)}
  /* la nota, mismo color (más legible) que el lead "Vidrio estriado…" */
  .botella__note{color:rgba(239,231,214,.9)}
}