/* ============================================================
   PAVLOVE · Capa de refrescamiento visual (reversible)
   No altera textos ni estructura. Solo estilo.
   Rackel Rocha Studio — v1
   ============================================================ */

/* ---------- Titulares: Fraunces (moderna, editorial, ligera) ---------- */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..500;1,9..144,300..500&display=swap');

/* ---------- Fuentes Aptos ---------- */
@font-face{font-family:'Aptos';src:url('aptos-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Aptos';src:url('aptos-semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Aptos';src:url('aptos-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Aptos Display';src:url('aptos-display.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap;}

:root{
  --pav-wine:#5e0114;
  --pav-wine-d:#3d000d;
  --pav-clay:#d9bfb0;
  --pav-clay-d:#b9967f;
  --pav-bg:#EFE6D6;
  --pav-cream:#F7EFE1;
  --pav-bone:#F3EADB;
  --pav-peach:#f4c9b0;
}

/* ---------- Fondo claro + patrón con deriva suave ---------- */
body{
  background:var(--pav-bg) !important;
}
#main-container .site-main{
  background-color:var(--pav-bg) !important;
  background-image:none !important;
  animation:none !important;
}

/* ---------- Tipografía: cuerpo Aptos, títulos Aptos Display ---------- */
body,
body p, body li, body a, body span:not([class*="icon"]):not([class*="fa"]),
.elementor-widget-text-editor, .elementor-widget-text-editor *,
input, select, textarea, button, .button, .woocommerce-Price-amount{
  font-family:'Aptos', system-ui, sans-serif;
}
h1,h2,h3,h4,h5,h6,
.elementor-heading-title,
.entry-title, .product_title,
.woocommerce-loop-product__title,
.ct-headline{
  font-family:'Fraunces', 'Fraunces', Georgia, serif !important;
  font-weight:330 !important;          /* peso fino unificado en toda la web */
  text-transform:none !important;      /* mixed-case coherente con el hero */
  letter-spacing:-.011em !important;
  line-height:1.14;
  text-wrap:balance;
  font-optical-sizing:auto;
}

/* ---------- Header claro (crema) + logo vector burdeos ---------- */
#header.ct-header,
#header .ct-header-row-inner,
#header [data-row="middle"],
#header [data-row="top"]{
  background-color:var(--pav-cream) !important;
  background-image:none !important;
  box-shadow:0 1px 0 rgba(94,1,20,.08);
}
/* Texto del menú e iconos en burdeos */
#header .menu a, #header .ct-menu-link, #header .menu .ct-menu-link,
#header a, #header .ct-header-cart, #header .ct-toggle{
  color:var(--pav-wine) !important;
}
#header .ct-icon, #header svg{ color:var(--pav-wine) !important; fill:currentColor !important; }
/* Cajitas de iconos sociales: borde burdeos suave */
#header .ct-header-socials a{ border-color:rgba(94,1,20,.25) !important; }
/* Subrayado/acento del item activo */
#header .menu .current-menu-item > a{ color:var(--pav-wine) !important; }

/* Logo en versión burdeos para fondo claro */
img.default-logo, img.wp-image-730, .site-logo-container img{
  content:url('pavlove-logo-wine2.svg');
  width:auto !important;
  height:60px !important;
  max-height:60px;
}

/* ---------- Bordes suaves modernos ---------- */
.elementor-widget-image img,
img.attachment-woocommerce_thumbnail,
ul.products li.product img,
.wp-post-image,
.elementor-image-box-img img{
  border-radius:18px;
}
.elementor-button, .button, button.single_add_to_cart_button,
a.added_to_cart, .woocommerce a.button, .wp-element-button{
  border-radius:999px !important;
  transition:transform .25s ease, box-shadow .25s ease, background-color .25s ease, color .25s ease;
}

/* ---------- Animación en hover ---------- */
.elementor-button:hover, .button:hover, .woocommerce a.button:hover,
button.single_add_to_cart_button:hover, .wp-element-button:hover{
  transform:translateY(-2px);
  box-shadow:none;
}
ul.products li.product, .elementor-image-box, .elementor-widget-image img{
  transition:transform .35s ease, box-shadow .35s ease;
}
ul.products li.product:hover{
  transform:translateY(-4px);
}
ul.products li.product:hover img, .elementor-widget-image img:hover{
  transform:scale(1.02);
  box-shadow:0 16px 40px rgba(94,1,20,.16);
}

/* ============================================================
   HERO — afinado (overlay con tinte de marca, jerarquía y CTA)
   Respeta las animaciones de reveal de Swiper (no toca opacity).
   ============================================================ */
.pavlova-hero-slider{ min-height:640px !important; }

/* Overlay: vignette cálido en burdeos en vez de negro plano.
   Oscurece arriba/abajo para legibilidad y enfoca el centro. */
.slide-overlay{
  background:
    radial-gradient(120% 90% at 50% 42%, rgba(61,0,13,0) 0%, rgba(61,0,13,.18) 60%, rgba(61,0,13,.42) 100%),
    linear-gradient(180deg, rgba(61,0,13,.42) 0%, rgba(61,0,13,.12) 30%, rgba(61,0,13,.20) 62%, rgba(61,0,13,.66) 100%) !important;
}

/* Contenido: un poco más de aire */
.pavlova-content{ max-width:960px !important; padding:24px 28px !important; }

/* Título: Aptos Display, responsive, jerarquía más limpia */
.pavlova-slide-title{
  font-family:'Fraunces','Fraunces',Georgia,serif !important;
  font-weight:400 !important;
  font-size:clamp(2.3rem, 5.6vw, 4.6rem) !important;
  line-height:1.12 !important;
  letter-spacing:.01em !important;
  margin:0 0 34px 0 !important;
  text-shadow:0 2px 26px rgba(40,0,8,.5), 0 1px 3px rgba(0,0,0,.3) !important;
}

/* CTA: misma marca, más fino y con hover elegante */
.pavlova-btn{
  font-family:'Aptos','Aptos Display',system-ui,sans-serif !important;
  font-weight:600 !important;
  letter-spacing:.12em !important;
  padding:15px 46px !important;
  border:1.5px solid var(--pav-clay) !important;
  background-color:var(--pav-wine) !important;
  box-shadow:0 8px 26px rgba(40,0,8,.35) !important;
  transition:transform .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease, border-color .3s ease,
             opacity .3s ease .4s !important;
}
.pavlova-btn:hover{
  background-color:var(--pav-clay) !important;
  color:var(--pav-wine) !important;
  border-color:var(--pav-clay) !important;
  transform:translateY(-3px) !important;
  box-shadow:0 14px 34px rgba(40,0,8,.45) !important;
}

/* Flechas y bullets del slider en tono de marca */
.pavlova-hero-slider .swiper-button-next,
.pavlova-hero-slider .swiper-button-prev{ color:rgba(255,255,255,.82) !important; }
.pavlova-hero-slider .swiper-pagination-bullet{ background:rgba(255,255,255,.55) !important; opacity:1 !important; }
.pavlova-hero-slider .swiper-pagination-bullet-active{ background:var(--pav-clay) !important; }

/* ============================================================
   HERO NUEVO — estilo claro a dos columnas (texto + foto)
   Inyectado por JS; oculta el slider antiguo. Reversible.
   ============================================================ */
.pavlova-hero-slider{ display:none !important; }

.pav-rehero{
  position:relative; overflow:hidden;
  background:radial-gradient(120% 120% at 78% 32%, #79001c 0%, var(--pav-wine) 46%, #3d000d 100%);
  min-height:764px;
}
.pav-rehero-grid{
  position:relative; z-index:5; display:grid; grid-template-columns:1.12fr .88fr; align-items:center;
  max-width:1780px; margin:0 auto; min-height:764px; padding:116px 0 64px clamp(56px,6vw,110px);
}
.pav-eyebrow{
  font-family:'Aptos',sans-serif;font-weight:600;font-size:13px;letter-spacing:.3em;
  text-transform:uppercase;color:var(--pav-clay-d);display:block;margin-bottom:18px;
}
.pav-rehero .pav-eyebrow{ color:var(--pav-peach); margin-bottom:22px; }
.pav-rehero-title{
  font-family:'Fraunces',Georgia,serif !important; font-optical-sizing:auto;
  text-transform:none !important; letter-spacing:-.01em !important; color:var(--pav-cream);
  font-size:clamp(2.6rem,4.6vw,4.3rem) !important; line-height:1.05 !important; margin:0; font-weight:330 !important;
  max-width:12ch; text-wrap:balance;
}
.pav-rehero-title .pav-scr{
  font-family:'Fraunces',Georgia,serif; font-style:italic; font-weight:330;
  text-transform:none; letter-spacing:0; color:var(--pav-peach);
}
/* Nombres protegidos de traducción (San Antonio = la ciudad, Pavlove, Pavlova):
   deben ser tipográficamente invisibles — heredan fuente/estilo del contexto. */
.notranslate{
  font-family:inherit !important; font-weight:inherit !important; font-size:inherit !important;
  font-style:inherit !important; letter-spacing:inherit !important; color:inherit !important;
  text-transform:inherit !important; line-height:inherit !important;
}
.pav-rehero-sub{
  font-family:'Aptos',sans-serif; font-size:16.5px; line-height:1.75;
  color:rgba(253,248,245,.8); max-width:40ch; margin:26px 0 34px;
}
.pav-rehero-cta{ display:flex; gap:14px; justify-content:flex-start; flex-wrap:wrap; }
.pav-btn-solid,.pav-btn-ghost{
  display:inline-flex;align-items:center;gap:9px;font-family:'Aptos',sans-serif;font-weight:600;
  font-size:13px;letter-spacing:.13em;text-transform:uppercase;padding:16px 34px;border-radius:999px;
  text-decoration:none;transition:transform .25s ease,background-color .25s ease,color .25s ease;
}
.pav-rehero .pav-btn-solid{ background:var(--pav-cream); color:var(--pav-wine); border:1.5px solid var(--pav-cream); }
.pav-rehero .pav-btn-solid:hover{ transform:translateY(-2px); }
.pav-rehero .pav-btn-ghost{ background:transparent; color:var(--pav-cream); border:1.5px solid rgba(253,248,245,.55); }
.pav-rehero .pav-btn-ghost:hover{ background:var(--pav-cream); color:var(--pav-wine); transform:translateY(-2px); }
.pav-rehero-photo{ position:relative; height:100%; display:flex; align-items:center; justify-content:flex-end; }
.pav-rehero-photo img{ position:relative; right:20px; width:min(680px,46vw); max-width:none; height:auto; filter:drop-shadow(0 34px 40px rgba(0,0,0,.42)); }
.pav-rehero-rule{ position:absolute; left:clamp(56px,6vw,110px); bottom:38px; z-index:6; display:flex; align-items:center; gap:16px; color:rgba(244,201,176,.72); font-family:'Aptos',sans-serif; font-weight:600; font-size:12px; letter-spacing:.24em; text-transform:uppercase; }
.pav-rehero-rule span{ width:56px; height:1px; background:rgba(244,201,176,.5); }
@media (max-width:900px){
  .pav-rehero{ min-height:auto; }
  .pav-rehero-grid{ grid-template-columns:1fr; min-height:auto; padding:104px 24px 44px; text-align:center; }
  .pav-rehero-title{ font-size:2.3rem; max-width:none; margin:0 auto; }
  .pav-rehero-sub{ font-size:15px; max-width:none; margin:20px auto 28px; }
  .pav-rehero-cta{ justify-content:center; }
  .pav-rehero-photo{ height:auto; margin-top:24px; }
  .pav-rehero-photo img{ position:relative; top:auto; right:auto; transform:none; width:100%; }
  .pav-rehero-rule{ display:none; }
}

/* ============================================================
   HEADER — limpieza moderna (logo, sociales, submenú, idioma)
   ============================================================ */
/* -- Logo: más grande, centrado y sin recorte -- */
#header [data-row="middle"],
#header .ct-header-row-inner,
#header .site-logo-container{ overflow:visible !important; }
#header .site-logo-container{ display:inline-flex !important; align-items:center !important; }
img.default-logo, img.wp-image-730, .site-logo-container img{
  content:url('pavlove-logo-wine2.svg');
  height:80px !important; max-height:80px !important; width:auto !important;
  padding:0 !important; object-fit:contain;
}

/* -- Estructura del header: barra CONTENIDA con 3 ZONAS reales de Blocksy --
   .ct-container contiene [data-items] x3: logo · menú · acciones.
   El gap del contenedor GARANTIZA separación entre zonas (fin del solape). */
#header [data-row="middle"]{ background:var(--pav-cream) !important; box-shadow:0 1px 0 rgba(94,1,20,.06); }
#header [data-row="middle"] .ct-container{
  display:flex !important; align-items:center !important;
  gap:clamp(14px,2vw,22px) !important;
  max-width:1340px !important; margin:0 auto !important;
  padding:0 clamp(16px,2.5vw,30px) !important; min-height:106px !important;
}
/* Zonas seleccionadas POR SU CONTENIDO con :has() (los hijos directos de
   .ct-container son <div> sin atributos; [data-id] cuelga más adentro). */
/* Zona 1 — logo (ancla de marca): no crece */
#header [data-row="middle"] .ct-container > *:has([data-id="logo"]){ flex:0 0 auto !important; }
/* Zona 2 — navegación: ocupa el espacio libre y se centra */
#header [data-row="middle"] .ct-container > *:has([data-id="menu"]){ flex:1 1 auto !important; display:flex !important; justify-content:center !important; min-width:0 !important; }
/* Zona 3 — acciones: no crece */
#header [data-row="middle"] .ct-container > *:has([data-id="cart"]){ flex:0 0 auto !important; }
/* Fila interna de acciones (sociales · idioma · carrito · CTA): ritmo 14px */
#header [data-row="middle"] [data-items]:has([data-id="cart"]){ display:flex !important; align-items:center !important; gap:14px !important; }
/* Sociales = subgrupo, separado de las acciones de compra con un divisor sutil */
#header [data-row="middle"] [data-id="socials"]{ display:flex !important; align-items:center !important; padding-right:14px; border-right:1px solid rgba(94,1,20,.14); }
/* Navegación: ritmo de los items (compacto para que quepa todo sin solape) */
#header .header-menu-1{ gap:0; }
#header .menu > li > a.ct-menu-link{ padding:8px 10px !important; font-size:13.5px !important; letter-spacing:.06em !important; }

/* -- Estado active/hover del menú: subrayado animado moderno (fuera las rayas de Blocksy) -- */
#header .menu > li > .ct-menu-link{ position:relative !important; background:none !important; }
#header .menu > li > .ct-menu-link::before{ content:none !important; display:none !important; border:0 !important; background:none !important; }
#header .menu > li > .ct-menu-link::after{
  content:'' !important; display:block !important; position:absolute !important;
  left:12px; right:12px; bottom:4px; top:auto !important; height:2px; width:auto !important;
  background:var(--pav-wine) !important; border:0 !important; border-radius:2px;
  transform:scaleX(0); transform-origin:center; transition:transform .28s ease; opacity:1 !important;
}
#header .menu > li:hover > .ct-menu-link::after,
#header .menu > li.current-menu-item > .ct-menu-link::after,
#header .menu > li.current-menu-ancestor > .ct-menu-link::after,
#header .menu > li.current_page_item > .ct-menu-link::after{ transform:scaleX(1) !important; }
#header .menu > li.current-menu-item > .ct-menu-link,
#header .menu > li > .ct-menu-link:hover{ color:var(--pav-wine) !important; }

/* -- Redes sociales: botones circulares sobrios (van en el grupo de acciones) -- */
#header .ct-header-socials .ct-social-box{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center; gap:8px !important; }
#header [data-row="middle"] [data-id="socials"], #header .ct-header-socials{ flex-direction:row !important; }
#header .ct-header-socials .ct-social-box a{
  width:34px !important; height:34px !important; border-radius:50% !important;
  border:1.5px solid rgba(94,1,20,.20) !important; background:var(--pav-cream) !important; box-shadow:none !important; outline:0 !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  color:var(--pav-wine) !important; transition:background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
#header .ct-header-socials .ct-social-box a:hover{
  background:var(--pav-wine) !important; color:#fff !important; border-color:var(--pav-wine) !important; transform:translateY(-2px);
}
#header .ct-header-socials .ct-social-box a .ct-icon-container{ border:0 !important; background:transparent !important; box-shadow:none !important; }
#header .ct-header-socials .ct-social-box svg{ width:15px !important; height:15px !important; fill:currentColor !important; }
/* (la separación sociales↔acciones se define en el bloque de estructura: divisor + gap de zona) */

/* -- Botón CTA en el header (única pieza rellena = acción primaria) -- */
#header .pav-cta-header, .pav-cta-header{
  flex:0 0 auto; display:inline-flex; align-items:center; white-space:nowrap;
  background:var(--pav-wine) !important; color:#fff !important;
  font-family:'Aptos',sans-serif; font-weight:600; font-size:11.5px; letter-spacing:.09em; text-transform:uppercase;
  padding:11px 17px; border-radius:999px; text-decoration:none !important; box-shadow:none !important;
  transition:transform .2s ease, background-color .2s ease;
}
#header .pav-cta-header:hover, .pav-cta-header:hover{ background:var(--pav-wine-d) !important; color:#fff !important; transform:translateY(-2px); box-shadow:none !important; }
.pav-lang{ flex:0 0 auto; }

/* -- Carrito como BOTÓN destacado (círculo + contador) -- */
#header .ct-header-cart .ct-cart-item{
  position:relative; width:44px !important; height:44px !important; border-radius:50% !important;
  border:1.5px solid rgba(94,1,20,.16) !important; background:var(--pav-cream) !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  transition:background-color .2s ease, transform .2s ease, border-color .2s ease;
}
#header .ct-header-cart .ct-cart-item:hover{ background:var(--pav-bg) !important; border-color:rgba(94,1,20,.42) !important; transform:translateY(-2px); }
#header .ct-header-cart .ct-label{ display:none !important; }
#header .ct-header-cart .ct-icon-container svg{ display:none !important; }
#header .ct-header-cart .ct-icon-container::after{
  content:''; display:inline-block; width:22px; height:22px;
  background-color:var(--pav-wine);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='17.5' cy='20' r='1.4'/%3E%3Cpath d='M2.5 3.7h2.3l2.2 11.2a1.6 1.6 0 0 0 1.6 1.3h8.2a1.6 1.6 0 0 0 1.6-1.25L21 7.6H6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='17.5' cy='20' r='1.4'/%3E%3Cpath d='M2.5 3.7h2.3l2.2 11.2a1.6 1.6 0 0 0 1.6 1.3h8.2a1.6 1.6 0 0 0 1.6-1.25L21 7.6H6'/%3E%3C/svg%3E") center/contain no-repeat;
}
#header .ct-header-cart .ct-dynamic-count-cart{
  position:absolute !important; top:-5px; right:-5px; min-width:18px; height:18px; padding:0 5px;
  background:var(--pav-wine) !important; color:#fff !important; border:2px solid var(--pav-cream);
  border-radius:999px; font-family:'Aptos',sans-serif; font-size:10.5px; font-weight:700; line-height:1;
  display:flex !important; align-items:center; justify-content:center;
}

/* responsive: ocultar sociales en pantallas medianas para no apretar */
@media (max-width:1280px){
  #header [data-row="middle"] [data-id="socials"]{ display:none !important; }
}

/* -- Submenú SHOP: tarjeta blanca redondeada y suave -- */
#header .sub-menu{
  background:var(--pav-cream) !important;
  border:1px solid rgba(94,1,20,.07) !important;
  border-radius:18px !important;
  box-shadow:0 20px 46px rgba(94,1,20,.15) !important;
  padding:10px !important; min-width:230px; margin-top:10px !important;
}
#header .sub-menu li{ margin:0 !important; }
#header .sub-menu a.ct-menu-link{
  display:block !important; color:var(--pav-wine) !important;
  text-transform:none !important; letter-spacing:.01em !important; font-weight:500 !important;
  padding:11px 16px !important; border-radius:12px !important;
  transition:background-color .2s ease, padding-left .2s ease;
}
#header .sub-menu a.ct-menu-link:hover{ background:var(--pav-bg) !important; padding-left:22px !important; }
/* caret del item con hijos */
#header .ct-toggle-dropdown-mobile .ct-icon,
#header .ct-sub-menu-parent .ct-icon{ color:var(--pav-wine) !important; }

/* esconder el switcher flotante de GTranslate (usamos uno propio) */
.gtranslate_wrapper{ display:none !important; }

/* -- Selector de idioma propio (funciona por cookie + recarga) -- */
.pav-lang{ position:relative; font-family:'Aptos',sans-serif; display:inline-block; }
.pav-lang-btn{
  display:flex; align-items:center; gap:8px; background:var(--pav-cream);
  border:1.5px solid rgba(94,1,20,.22); border-radius:999px; padding:8px 14px;
  color:var(--pav-wine); font-weight:600; font-size:13px; line-height:1; cursor:pointer;
  transition:border-color .2s ease, background-color .2s ease;
}
.pav-lang-btn:hover{ border-color:var(--pav-wine); background:var(--pav-bg); }
.pav-lang-btn img{ width:21px; height:14px; border-radius:2px; object-fit:cover; }
.pav-lang-caret{
  width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent;
  border-top:5px solid var(--pav-wine); transition:transform .2s ease;
}
.pav-lang.open .pav-lang-caret{ transform:rotate(180deg); }
.pav-lang-menu{
  position:absolute; top:calc(100% + 8px); right:0; min-width:182px; list-style:none; margin:0; padding:6px;
  background:var(--pav-cream); border:1px solid rgba(94,1,20,.08); border-radius:16px;
  box-shadow:0 20px 44px rgba(94,1,20,.18); z-index:200;
  opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .2s ease, transform .2s ease, visibility .2s;
}
.pav-lang.open .pav-lang-menu{ opacity:1; visibility:visible; transform:translateY(0); }
.pav-lang-menu li{
  display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:11px;
  color:var(--pav-wine); font-size:14px; cursor:pointer; transition:background-color .18s ease;
}
.pav-lang-menu li:hover{ background:var(--pav-bg); }
.pav-lang-menu li img{ width:21px; height:14px; border-radius:2px; object-fit:cover; }

/* ============================================================
   "LAS FAVORITAS" — tarjetas limpias y compactas (rediseño)
   ============================================================ */
/* fuera la fresa/watermark gigante del fondo (es un ::before) */
.pav-watermark, .pav-watermark-bg .pav-watermark, .pav-section .pav-watermark{ display:none !important; }
.pav-watermark-bg::before{ display:none !important; content:none !important; background:none !important; }

.pav-products-grid{ gap:2.2rem !important; max-width:940px !important; }
.pav-card{
  border-radius:26px !important; border:1px solid rgba(94,1,20,.06) !important;
  background:var(--pav-cream) !important; box-shadow:0 18px 50px rgba(94,1,20,.10) !important;
  overflow:hidden !important; position:relative !important;
  transition:transform .35s ease, box-shadow .35s ease !important;
}
.pav-card:hover{ transform:translateY(-6px) !important; box-shadow:0 30px 70px rgba(94,1,20,.18) !important; border-color:rgba(94,1,20,.10) !important; }

/* PANEL DE IMAGEN: fondo de marca + producto recortado (sticker) flotando */
.pav-card .pav-card-img-container{
  height:auto !important; aspect-ratio:1/1 !important; padding:20px !important;
  background:radial-gradient(120% 120% at 50% 35%, #FBF2EA 0%, #F3E2D5 55%, #EAD4C4 100%) !important;
  display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important;
}
.pav-card .pav-card-img{
  width:auto !important; max-width:92% !important; height:auto !important; max-height:92% !important;
  object-fit:contain !important; border-radius:0 !important; background:transparent !important;
  filter:drop-shadow(0 20px 24px rgba(94,1,20,.22)) !important;
  animation:pavFloat 7s ease-in-out infinite !important;
}
.pav-card:hover .pav-card-img{ transform:none !important; }   /* anula el zoom 'cover' anterior */

/* CUERPO: jerarquía tipográfica legible y consistente */
.pav-card .pav-card-body{ padding:1.6rem 1.6rem 1.7rem !important; text-align:left !important; gap:.45rem !important; }
.pav-card .pav-product-title{ color:var(--pav-wine) !important; font-size:1.5rem !important; margin:0 0 .12rem !important; }
.pav-card .pav-price{ color:var(--pav-wine) !important; font-weight:700 !important; font-size:1.7rem !important; }
.pav-card .pav-meta{ color:var(--pav-clay-d) !important; font-size:12px !important; letter-spacing:.12em !important; text-transform:uppercase !important; font-weight:600 !important; }
.pav-card .pav-product-desc{ color:rgba(58,43,40,.74) !important; font-size:14.5px !important; line-height:1.6 !important; }

/* BADGE destacado: relleno burdeos por defecto; blanco para "Nuevos" (tarjeta Mini Bites) */
.pav-card .pav-badge{
  top:18px !important; left:18px !important; right:auto !important;
  display:inline-flex !important; align-items:center !important; gap:7px !important;
  background:var(--pav-wine) !important; color:#fff !important;
  border-radius:999px !important; padding:11px 19px !important; font-size:13px !important; font-weight:800 !important;
  letter-spacing:.11em !important; text-transform:uppercase !important; box-shadow:none !important;
}
.pav-card .pav-badge svg{ width:15px !important; height:15px !important; fill:currentColor !important; }

/* BOTÓN a todo el ancho, sin sombra */
.pav-card .pav-btn,
.pav-card .pav-btn:hover{ border-radius:999px !important; display:flex !important; justify-content:center !important; box-shadow:none !important; }

/* ============================================================
   "¿Nunca has probado una Pavlova?" — estilo MONO (claro + texturas)
   ============================================================ */
.pav-anatomy-section{
  background:linear-gradient(180deg, var(--pav-wine) 0%, #4a0010 100%) !important;
  color:var(--pav-cream) !important; padding:7rem 1.5rem !important; overflow:hidden;
}
.pav-anatomy-title{ color:var(--pav-cream) !important; font-weight:330 !important; letter-spacing:-.005em !important; }
.pav-anatomy-subtitle{ color:var(--pav-peach) !important; letter-spacing:.28em !important; font-weight:600 !important; opacity:1 !important; margin-bottom:3.5rem !important; }
.pav-anatomy-grid{ gap:1.5rem; }

/* Centro: pavlova grande, sombra cálida y flotación */
.pav-anatomy-center{ flex:0 0 430px !important; position:relative; }
.pav-anatomy-center::before{
  content:''; position:absolute; inset:-6%; z-index:0; pointer-events:none;
  background:radial-gradient(circle at 50% 52%, rgba(244,201,176,.18) 0%, rgba(244,201,176,0) 62%);
}
.pav-anatomy-img{
  position:relative; z-index:1;
  filter:drop-shadow(0 30px 44px rgba(94,1,20,.26)) !important;
  animation:pavFloat 7s ease-in-out infinite;
}

/* Lados */
.pav-anatomy-side{ height:380px !important; }
.pav-anatomy-side.left{ align-items:flex-end !important; }
.pav-anatomy-side.right{ align-items:flex-start !important; }

/* Etiqueta = disco de textura + nombre + conector fino */
.pav-anatomy-label{
  display:flex !important; align-items:center !important; gap:18px !important;
  font-family:'Aptos',sans-serif !important; color:var(--pav-cream) !important;
  font-size:1.06rem !important; font-weight:600 !important; letter-spacing:.01em !important;
  line-height:1.25 !important; padding:10px 0 !important; margin:18px 0 !important;
  max-width:300px !important; position:relative;
}
.pav-anatomy-label::before{   /* disco de textura */
  content:''; flex:0 0 76px; width:76px; height:76px; border-radius:50%;
  background-size:cover; background-position:center;
  border:3px solid rgba(253,248,245,.92); box-shadow:0 14px 28px rgba(0,0,0,.4);
  transition:transform .3s ease;
}
.pav-anatomy-label:hover::before{ transform:scale(1.06); }
/* conector fino con punto, apuntando al centro */
.pav-anatomy-label::after{
  content:''; position:absolute; top:50%; transform:translateY(-50%);
  width:46px; height:1.5px; background:var(--pav-peach); opacity:.55;
}
.pav-anatomy-side.left .pav-anatomy-label{ flex-direction:row !important; justify-content:flex-end !important; text-align:right !important; }
.pav-anatomy-side.left .pav-anatomy-label::after{ right:-52px; }
.pav-anatomy-side.right .pav-anatomy-label{ flex-direction:row !important; justify-content:flex-start !important; text-align:left !important; }
.pav-anatomy-side.right .pav-anatomy-label::after{ left:-52px; }

/* asignación de texturas reales */
.pav-anatomy-side.left  .pav-anatomy-label:nth-child(1)::before{ background-image:url('tex-fresas.jpg'); }
.pav-anatomy-side.left  .pav-anatomy-label:nth-child(2)::before{ background-image:url('tex-dulce.jpg'); }
.pav-anatomy-side.right .pav-anatomy-label:nth-child(1)::before{ background-image:url('tex-crema.jpg'); }
.pav-anatomy-side.right .pav-anatomy-label:nth-child(2)::before{ background-image:url('tex-base.jpg'); }

@media (max-width:820px){
  .pav-anatomy-label::after{ display:none !important; }
  .pav-anatomy-side{ height:auto !important; align-items:center !important; }
  .pav-anatomy-side.left .pav-anatomy-label, .pav-anatomy-side.right .pav-anatomy-label{ justify-content:center !important; }
  .pav-anatomy-center{ flex-basis:300px !important; }
}

/* ============================================================
   HOME v2 — header unificado + animación + creatividad (2026-07-13)
   ============================================================ */
:root{ --pav-eout:cubic-bezier(0.23,1,0.32,1); --pav-einout:cubic-bezier(0.77,0,0.175,1); }

/* ---- Header transparente sobre el hero; burdeos sólido al hacer scroll ---- */
body.home #header{ position:fixed !important; top:0; left:0; right:0; z-index:100; }
body.home #header.ct-header,
body.home #header .ct-header-row-inner,
body.home #header [data-row="middle"],
body.home #header [data-row="top"]{
  background:transparent !important; background-color:transparent !important; box-shadow:none !important;
  transition:background-color .4s var(--pav-eout), box-shadow .4s var(--pav-eout);
}
body.home #header .menu a, body.home #header .ct-menu-link, body.home #header .menu .ct-menu-link,
body.home #header a, body.home #header .ct-header-cart, body.home #header .ct-toggle,
body.home #header .ct-icon, body.home #header svg{ color:var(--pav-cream) !important; fill:currentColor !important; }
body.home #header .menu > li > .ct-menu-link::after{ background:var(--pav-peach) !important; }
body.home #header .menu > li.current-menu-item > .ct-menu-link,
body.home #header .menu > li > .ct-menu-link:hover{ color:#fff !important; }
body.home #header .ct-header-socials a{ border-color:rgba(253,248,245,.4) !important; }
body.home #header .ct-header-socials .ct-social-box a:hover{ background:rgba(253,248,245,.12) !important; }
body.home img.default-logo, body.home img.wp-image-730, body.home .site-logo-container img{ content:url('pavlove-logo-cream2.svg') !important; }
body.home #header .pav-cta-header, body.home .pav-cta-header{ background:var(--pav-cream) !important; color:var(--pav-wine) !important; }
body.home #header .pav-cta-header:hover, body.home .pav-cta-header:hover{ background:var(--pav-cream) !important; color:var(--pav-wine-d) !important; }
body.home #header .ct-header-cart .ct-cart-item{ background:transparent !important; border-color:rgba(253,248,245,.42) !important; }
body.home #header .ct-header-cart .ct-icon-container::after{ background-color:var(--pav-cream) !important; }
body.home #header .ct-header-cart:hover .ct-cart-item{ background:rgba(253,248,245,.12) !important; border-color:#fff !important; }
body.home #header .ct-header-cart .ct-icon-container::after{ background-color:var(--pav-cream) !important; }
body.home #header .pav-lang-btn{ background:transparent !important; color:var(--pav-cream) !important; border-color:rgba(253,248,245,.42) !important; }
body.home #header .pav-lang-btn span{ color:var(--pav-cream) !important; }
body.home #header .pav-lang-btn:hover{ border-color:#fff !important; background:rgba(253,248,245,.12) !important; }
/* desplegable de idioma legible (tarjeta hueso, texto burdeos) */
body.home .pav-lang-menu{ background:var(--pav-cream) !important; }
body.home .pav-lang-menu li{ color:var(--pav-wine) !important; }
body.home.pav-scrolled #header.ct-header,
body.home.pav-scrolled #header .ct-header-row-inner,
body.home.pav-scrolled #header [data-row="middle"],
body.home.pav-scrolled #header [data-row="top"]{
  background:var(--pav-wine) !important; background-color:var(--pav-wine) !important;
  box-shadow:0 8px 34px rgba(0,0,0,.24) !important;
}

/* ---- Hero: entrada escalonada del texto ---- */
@keyframes pavRise{ from{ opacity:0; transform:translateY(22px); filter:blur(8px); } to{ opacity:1; transform:translateY(0); filter:blur(0); } }
.pav-rehero-text > *{ opacity:0; animation:pavRise .85s var(--pav-eout) both; }
.pav-rehero-text > *:nth-child(1){ animation-delay:.15s; }
.pav-rehero-text > *:nth-child(2){ animation-delay:.30s; }
.pav-rehero-text > *:nth-child(3){ animation-delay:.52s; }
.pav-rehero-text > *:nth-child(4){ animation-delay:.68s; }

/* ---- Hero: pavlovas (wrapper posiciona, img entra + flota) ---- */
.pav-rehero-photo img{ opacity:0; transform-origin:60% 55%;
  animation:pavCakePop 1s cubic-bezier(0.34,1.56,0.64,1) .5s both, pavBreath 6.5s ease-in-out 1.7s infinite; }
@keyframes pavCakePop{ from{ opacity:0; transform:scale(.8); } 55%{ opacity:1; } to{ opacity:1; transform:scale(1); } }
@keyframes pavBreath{ 0%,100%{ transform:translateY(0) scale(1); } 50%{ transform:translateY(-8px) scale(1.02); } }

/* ---- Hero: bloom giratorio (motivo flor de fresa) ---- */
.pav-rehero-bloom{
  position:absolute; top:60px; right:-40px; left:auto; width:720px; height:720px; z-index:1; pointer-events:none; opacity:.3;
  background:
    radial-gradient(closest-side, rgba(244,201,176,.14), rgba(244,201,176,0) 70%),
    repeating-conic-gradient(from 0deg, rgba(244,201,176,.07) 0deg 2.2deg, transparent 2.2deg 9deg);
  -webkit-mask:radial-gradient(closest-side, #000 24%, rgba(0,0,0,.55) 46%, transparent 72%);
          mask:radial-gradient(closest-side, #000 24%, rgba(0,0,0,.55) 46%, transparent 72%);
  animation:pavSpin 120s linear infinite;
}
@keyframes pavSpin{ to{ transform:rotate(360deg); } }

/* ---- Marquesina editorial ---- */
.pav-marquee{ background:var(--pav-wine-d); overflow:hidden; padding:15px 0; white-space:nowrap; }
.pav-marquee-track{ display:inline-block; animation:pavMarquee 34s linear infinite; }
.pav-marquee span{ font-family:'Fraunces','Fraunces',serif; text-transform:uppercase; letter-spacing:.16em; color:var(--pav-peach); font-size:15px; }
.pav-marquee i{ color:rgba(244,201,176,.5); margin:0 26px; font-style:normal; font-size:12px; vertical-align:middle; }
@keyframes pavMarquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* ---- Scroll-reveal ---- */
.pav-reveal{ opacity:0; transform:translateY(26px); transition:opacity .75s var(--pav-eout), transform .75s var(--pav-eout); }
.pav-reveal.pav-in{ opacity:1; transform:translateY(0); }

/* ---- Micro-interacciones (feedback al pulsar) ---- */
.pav-rehero .pav-btn-solid:active, .pav-rehero .pav-btn-ghost:active, .pav-cta-header:active, .pav-card .pav-btn:active{ transform:scale(.97); }
@media (hover:hover) and (pointer:fine){
  .pav-rehero .pav-btn-solid, .pav-rehero .pav-btn-ghost{ transition:transform .2s var(--pav-eout), background-color .25s ease, color .25s ease; }
  .pav-rehero .pav-btn-solid:hover, .pav-rehero .pav-btn-ghost:hover{ transform:translateY(-2px); }
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion:reduce){
  .pav-rehero-text > *, .pav-rehero-photo img{ animation:none !important; opacity:1 !important; transform:none !important; filter:none !important; }
  .pav-rehero-photo img{ filter:drop-shadow(0 36px 44px rgba(0,0,0,.5)) !important; }
  .pav-rehero-bloom, .pav-marquee-track{ animation:none !important; }
  .pav-reveal{ opacity:1 !important; transform:none !important; }
}

/* Fix sociales en header home: círculos transparentes, glifo crema visible */
body.home #header .ct-header-socials .ct-social-box a{ background:transparent !important; border:1px solid rgba(253,248,245,.42) !important; }
body.home #header .ct-header-socials .ct-social-box a:hover{ background:rgba(253,248,245,.14) !important; border-color:#fff !important; }
body.home #header .ct-header-socials .ct-social-box a svg,
body.home #header .ct-header-socials .ct-social-box a .ct-icon{ color:var(--pav-cream) !important; fill:currentColor !important; }

/* ============================================================
   SOLO 2 TIPOGRAFÍAS: Fraunces (títulos) + Aptos (resto)
   Mata Playfair/Montserrat/sistema que colaban tema y bloques.
   ============================================================ */
body, p, li, a, span, div, td, th, label, blockquote, figcaption,
#header .ct-menu-link, #header .menu a, #header .sub-menu a, #header a,
.wp-block-paragraph, .wp-block-button__link, .elementor-widget-text-editor,
input, select, textarea, button, .button, .ct-menu-link{
  font-family:'Aptos', system-ui, sans-serif;
}
strong, b{ font-family:inherit !important; font-weight:600 !important; }
em{ font-family:inherit !important; font-style:italic !important; }
h1,h2,h3,h4,h5,h6,.elementor-heading-title,.entry-title,.product_title,
.woocommerce-loop-product__title,.ct-headline,.pav-rehero-title,.pav-anatomy-title,
.pav-marquee span,.pav-card h3,.pav-product-title,.pav-anatomy-label strong{
  font-family:'Fraunces', Georgia, serif !important;
}
.pav-rehero-title .pav-scr{ font-family:'Fraunces', Georgia, serif !important; font-style:italic !important; color:var(--pav-peach) !important; }

/* ---- Saltos de línea con sentido (sin cortes raros) ---- */
p, .pav-rehero-sub, .pav-anatomy-subtitle{ text-wrap:pretty; }
.pav-rehero-title, .pav-rehero-sub, h1, h2, h3,
.pav-anatomy-title, .elementor-heading-title{ text-wrap:balance; }
.pav-rehero-sub{ max-width:500px; }

/* ---------- Catálogo PDF: enlace en menú + banner en Shop ---------- */
.pav-catalog-link span{ position:relative; }
.pav-catalog-shop{ max-width:1200px; margin:26px auto 4px; padding:0 clamp(16px,4vw,40px); }
.pav-cat-inner{
  display:flex; align-items:center; justify-content:space-between; gap:26px;
  background:linear-gradient(120deg,var(--pav-cream),var(--pav-bone));
  border:1px solid rgba(94,1,20,.10); border-radius:22px;
  padding:22px clamp(20px,3vw,30px); box-shadow:0 12px 30px rgba(94,1,20,.06);
}
.pav-cat-k{
  display:block; font-family:'Aptos',sans-serif; font-weight:600; font-size:11px;
  letter-spacing:.2em; text-transform:uppercase; color:#8a5a4a; margin-bottom:5px;
}
.pav-cat-txt strong{
  font-family:'Fraunces',Georgia,serif; font-weight:330; font-size:clamp(20px,2.4vw,26px);
  color:var(--pav-wine); letter-spacing:-.01em; line-height:1.1;
}
.pav-cat-btn{
  flex:none; display:inline-flex; align-items:center; gap:9px;
  background:var(--pav-wine); color:var(--pav-cream)!important;
  font-family:'Aptos',sans-serif; font-weight:600; font-size:13px; letter-spacing:.05em;
  padding:14px 26px; border-radius:999px; text-decoration:none!important;
  transition:transform .2s var(--pav-eout), box-shadow .2s var(--pav-eout);
}
.pav-cat-btn:hover{ transform:translateY(-2px); box-shadow:0 12px 24px rgba(94,1,20,.26); }
.pav-cat-btn svg{ flex:none; }
@media(max-width:640px){ .pav-cat-inner{ flex-direction:column; text-align:center; gap:16px; } }

/* ---------- Fix contraste submenú SHOP (texto crema sobre crema = invisible) ---------- */
#header ul.sub-menu a,
#header ul.sub-menu .ct-menu-link,
#header .menu-item-has-children ul.sub-menu a{
  color:var(--pav-wine) !important;
}
#header ul.sub-menu a:hover,
#header ul.sub-menu .current-menu-item > a{
  color:var(--pav-wine-d) !important;
  background:rgba(94,1,20,.06) !important;
}

/* refuerzo: Blocksy colorea el submenú vía variable --theme-link-initial-color (crema) */
#header ul.sub-menu, #header .sub-menu,
#header .menu-item-has-children .sub-menu{
  --theme-link-initial-color:var(--pav-wine) !important;
  --theme-link-hover-color:var(--pav-wine-d) !important;
}
#header ul.sub-menu a.ct-menu-link,
#header ul.sub-menu a.ct-menu-link span{ color:var(--pav-wine) !important; }
#header ul.sub-menu a.ct-menu-link:hover{ color:var(--pav-wine-d) !important; }

/* definitivo: Blocksy pinta con -webkit-text-fill-color; forzarlo también */
#header ul.sub-menu a,
#header ul.sub-menu a.ct-menu-link,
#header ul.sub-menu a.ct-menu-link span,
#header .sub-menu li a{
  color:var(--pav-wine) !important;
  -webkit-text-fill-color:var(--pav-wine) !important;
}
#header ul.sub-menu a:hover,
#header ul.sub-menu a.ct-menu-link:hover,
#header ul.sub-menu a.ct-menu-link:hover span{
  color:var(--pav-wine-d) !important;
  -webkit-text-fill-color:var(--pav-wine-d) !important;
}

/* ---------- Iconos "Experiencia Pavlove": medallón premium + micro-interacción ---------- */
.pav-feat-ic{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  flex:0 0 auto; box-sizing:border-box;
  width:82px !important; height:82px !important; min-width:82px; aspect-ratio:1/1; border-radius:50%;
  background:
    radial-gradient(circle at 50% 30%, #fffdfb 0%, var(--pav-cream) 55%, var(--pav-bone) 100%);
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 0 0 1px rgba(94,1,20,.07),
    0 10px 24px -6px rgba(94,1,20,.14),
    0 3px 8px -3px rgba(94,1,20,.10);
  color:var(--pav-wine);
  /* entrada */
  opacity:0; transform:translateY(18px) scale(.86);
  transition:
    opacity .55s ease var(--pav-fi-delay,0ms),
    transform .7s cubic-bezier(.34,1.56,.64,1) var(--pav-fi-delay,0ms),
    background .45s var(--pav-eout), box-shadow .45s var(--pav-eout), color .35s ease;
  will-change:transform;
}
/* aro exterior sutil que late en hover */
.pav-feat-ic::before{
  content:""; position:absolute; inset:-6px; border-radius:50%;
  border:1px solid rgba(94,1,20,.14);
  opacity:0; transform:scale(.9);
  transition:opacity .45s var(--pav-eout), transform .55s var(--pav-eout);
  pointer-events:none;
}
.pav-feat-ic svg{
  width:40px; height:40px; display:block; position:relative; z-index:1;
  transition:transform .5s cubic-bezier(.34,1.56,.64,1);
}
/* dibujo de línea al entrar */
.pav-feat-ic svg :is(path,line,rect,circle,ellipse,polyline){
  stroke-dasharray:1; stroke-dashoffset:1;
  transition:stroke-dashoffset .9s ease calc(var(--pav-fi-delay,0ms) + 120ms);
}
/* estado revelado */
.pav-feat-ic.is-in{ opacity:1; transform:none; }
.pav-feat-ic.is-in svg :is(path,line,rect,circle,ellipse,polyline){ stroke-dashoffset:0; }

/* hover: inversión de color + lift elástico + pop del icono + aro */
.pav-feat-ic:hover, .pav-feat-ic:focus-visible{
  background:radial-gradient(circle at 50% 32%, #7d0420 0%, var(--pav-wine) 60%, var(--pav-wine-d) 100%);
  color:var(--pav-cream);
  transform:translateY(-7px) scale(1.06);
  box-shadow:
    0 0 0 1px rgba(94,1,20,.2),
    0 22px 40px -10px rgba(94,1,20,.42),
    0 8px 16px -6px rgba(94,1,20,.3);
}
.pav-feat-ic:hover::before{ opacity:1; transform:scale(1); }
.pav-feat-ic:hover svg{ animation:pavIcPop .55s cubic-bezier(.34,1.56,.64,1); }
@keyframes pavIcPop{
  0%{ transform:scale(1) rotate(0); }
  40%{ transform:scale(1.16) rotate(-5deg); }
  70%{ transform:scale(.96) rotate(3deg); }
  100%{ transform:scale(1) rotate(0); }
}
@media (prefers-reduced-motion: reduce){
  .pav-feat-ic{ opacity:1; transform:none; transition:background .3s, color .3s, box-shadow .3s; }
  .pav-feat-ic svg :is(path,line,rect,circle,ellipse,polyline){ stroke-dashoffset:0; transition:none; }
  .pav-feat-ic:hover svg{ animation:none; }
  .pav-feat-ic:hover{ transform:none; }
}

/* ============================================================
   "¿Nunca has probado?" — modernización: fondo vivo + ingredientes
   ============================================================ */
.pav-anatomy-section{ position:relative; isolation:isolate; }
.pav-anatomy-section > .elementor-container,
.pav-anatomy-section .pav-anatomy-grid,
.pav-anatomy-title, .pav-anatomy-subtitle{ position:relative; z-index:2; }

/* --- Fondo animado --- */
.pav-anatomy-bg{ position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.pav-orb{ position:absolute; border-radius:50%; filter:blur(55px); opacity:.42; mix-blend-mode:screen; will-change:transform; }
.pav-orb.o1{ width:520px;height:520px; left:-130px; top:-90px; background:radial-gradient(circle,#b11640,transparent 70%); animation:pavOrb1 24s ease-in-out infinite; }
.pav-orb.o2{ width:460px;height:460px; right:-130px; top:18%; background:radial-gradient(circle,#83001f,transparent 70%); animation:pavOrb2 28s ease-in-out infinite; }
.pav-orb.o3{ width:420px;height:420px; left:34%; bottom:-160px; background:radial-gradient(circle,rgba(244,201,176,.55),transparent 70%); animation:pavOrb3 32s ease-in-out infinite; }
@keyframes pavOrb1{ 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(60px,44px) scale(1.16)} }
@keyframes pavOrb2{ 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(-54px,32px) scale(1.1)} }
@keyframes pavOrb3{ 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(34px,-52px) scale(1.22)} }
.pav-particles{ position:absolute; inset:0; }
.pav-particles i{ position:absolute; bottom:-12px; border-radius:50%;
  background:radial-gradient(circle,#fbf4ea,rgba(244,201,176,.5)); box-shadow:0 0 8px rgba(244,201,176,.4);
  animation-name:pavPartRise; animation-timing-function:linear; animation-iteration-count:infinite; will-change:transform; }
@keyframes pavPartRise{ 0%{ transform:translateY(0) scale(1); } 90%{ opacity:inherit; } 100%{ transform:translateY(-118vh) scale(.35); } }

/* --- Bloom giratorio detrás de la pavlova --- */
.pav-anatomy-center{ z-index:2 !important; }
.pav-anatomy-bloom{ position:absolute; inset:-24%; z-index:0; border-radius:50%; pointer-events:none;
  background:conic-gradient(from 0deg, rgba(244,201,176,0), rgba(244,201,176,.26) 25%, rgba(177,22,64,.18) 55%, rgba(244,201,176,0) 80%);
  filter:blur(30px); animation:pavBloomSpin 34s linear infinite; will-change:transform; }
@keyframes pavBloomSpin{ to{ transform:rotate(360deg); } }
.pav-anatomy-img{ animation:pavFloat 7s ease-in-out infinite, pavBreath 9s ease-in-out infinite; }
@keyframes pavBreath{ 0%,100%{ filter:drop-shadow(0 30px 44px rgba(94,1,20,.26)); } 50%{ filter:drop-shadow(0 38px 54px rgba(94,1,20,.36)); } }

/* --- Texto del ingrediente: nombre + tagline de calidad --- */
.pav-anatomy-txt{ display:flex; flex-direction:column; gap:3px; }
.pav-anatomy-name{ font-family:'Aptos',sans-serif; font-weight:600; font-size:1.08rem; color:var(--pav-cream); line-height:1.2; transition:color .3s ease; }
.pav-anatomy-desc{ font-family:'Aptos',sans-serif; font-weight:500; font-size:.8rem; letter-spacing:.015em; color:rgba(244,201,176,.82); line-height:1.3; transition:color .3s ease; }
.pav-anatomy-side.left .pav-anatomy-txt{ align-items:flex-end; text-align:right; }
.pav-anatomy-side.right .pav-anatomy-txt{ align-items:flex-start; text-align:left; }

/* --- Disco: aro suave permanente + hover que resalta el ingrediente --- */
.pav-anatomy-label::before{
  box-shadow:0 14px 28px rgba(0,0,0,.4), 0 0 0 4px rgba(244,201,176,.10) !important;
  transition:transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .4s ease !important;
}
.pav-anatomy-label:hover::before{
  transform:scale(1.13) !important;
  box-shadow:0 20px 38px rgba(0,0,0,.5), 0 0 0 7px rgba(244,201,176,.22) !important;
}
.pav-anatomy-label:hover .pav-anatomy-name{ color:#fff; }
.pav-anatomy-label:hover .pav-anatomy-desc{ color:var(--pav-peach); }

/* --- Entrada al hacer scroll: ingredientes con rebote + conectores que se dibujan --- */
.pav-anatomy-label{ opacity:0; will-change:transform,opacity; }
.pav-anatomy-side.left  .pav-anatomy-label{ transform:translate(-26px,12px); }
.pav-anatomy-side.right .pav-anatomy-label{ transform:translate(26px,12px); }
.pav-anatomy-section.is-in .pav-anatomy-label{
  opacity:1; transform:none;
  transition:opacity .6s ease var(--pav-ing-delay,0ms), transform .8s cubic-bezier(.34,1.56,.64,1) var(--pav-ing-delay,0ms);
}
.pav-anatomy-label::after{ width:0 !important; transition:width .7s ease calc(var(--pav-ing-delay,0ms) + 260ms) !important; }
.pav-anatomy-section.is-in .pav-anatomy-label::after{ width:46px !important; }
/* pavlova central entra con un pop suave */
.pav-anatomy-center{ opacity:0; transform:scale(.9); }
.pav-anatomy-section.is-in .pav-anatomy-center{ opacity:1; transform:none; transition:opacity .7s ease, transform .9s cubic-bezier(.34,1.56,.64,1); }

@media (prefers-reduced-motion: reduce){
  .pav-orb, .pav-particles i, .pav-anatomy-bloom, .pav-anatomy-img{ animation:none !important; }
  .pav-anatomy-label, .pav-anatomy-center{ opacity:1 !important; transform:none !important; }
  .pav-anatomy-label::after{ width:46px !important; }
}

/* ---------- Rayas de marca (packaging) como fondo sutil + parallax ---------- */
.pav-stripes{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background-image:repeating-linear-gradient(90deg,
    rgba(255,240,230,0) 0, rgba(255,240,230,0) 34px,
    rgba(255,240,230,.038) 34px, rgba(255,240,230,.038) 68px);
  will-change:background-position;
}
/* el contenido del hero (grid z-index:5) ya queda por encima de las rayas (z-index:1) */
.pav-anatomy-bg{ z-index:0; }
.pav-anatomy-section .pav-stripes{ z-index:1; opacity:.9; }
@media (prefers-reduced-motion: reduce){ .pav-stripes{ background-position:0 0 !important; } }

/* ============================================================
   BOTONES / CTAs — estándar premium (elástico + sombra + sheen + press)
   ============================================================ */
.elementor-button, .button, button.single_add_to_cart_button, a.added_to_cart,
.woocommerce a.button, .wp-element-button,
.pav-btn-solid, .pav-btn-ghost, .pav-cta-header, .pav-cat-btn, .pav-card .pav-btn{
  transition:transform .42s cubic-bezier(.34,1.56,.64,1),
             box-shadow .35s var(--pav-eout),
             background-color .3s ease, color .3s ease, filter .3s ease, border-color .3s ease !important;
  will-change:transform;
}
/* profundidad en reposo para botones de relleno */
button.single_add_to_cart_button, .woocommerce a.button.alt, .wp-element-button,
.woocommerce ul.products a.button, .pav-cat-btn{
  box-shadow:0 8px 20px -9px rgba(94,1,20,.32);
}
/* HOVER universal: elevación elástica + escala + sombra por capas */
.elementor-button:hover, .button:hover, .woocommerce a.button:hover,
button.single_add_to_cart_button:hover, .wp-element-button:hover, a.added_to_cart:hover{
  transform:translateY(-3px) scale(1.03) !important;
  box-shadow:0 16px 30px -10px rgba(94,1,20,.4), 0 5px 12px -6px rgba(94,1,20,.28) !important;
  filter:brightness(1.04);
}
/* PRESS táctil (todos) */
.elementor-button:active, .button:active, .woocommerce a.button:active,
button.single_add_to_cart_button:active, .wp-element-button:active,
.pav-btn-solid:active, .pav-btn-ghost:active, .pav-cta-header:active, .pav-cat-btn:active, .pav-card .pav-btn:active{
  transform:translateY(-1px) scale(.97) !important; transition-duration:.11s !important;
}

/* Hero CTAs — más presencia elástica */
.pav-rehero .pav-btn-solid:hover{ transform:translateY(-4px) scale(1.03) !important; box-shadow:0 18px 34px -12px rgba(0,0,0,.45) !important; }
.pav-rehero .pav-btn-ghost:hover{ transform:translateY(-4px) scale(1.03) !important; background:var(--pav-cream); color:var(--pav-wine); box-shadow:0 18px 34px -12px rgba(0,0,0,.4) !important; }

/* Header CTA "Ordenar ahora" — elástico + sombra (anula el box-shadow:none previo) */
#header .pav-cta-header:hover, .pav-cta-header:hover{
  transform:translateY(-3px) scale(1.03) !important;
  box-shadow:0 13px 26px -9px rgba(94,1,20,.45) !important;
}
body.home #header .pav-cta-header:hover, body.home .pav-cta-header:hover{ box-shadow:0 13px 26px -9px rgba(0,0,0,.4) !important; }

/* Catálogo — elástico */
.pav-cat-btn:hover{ transform:translateY(-3px) scale(1.03) !important; box-shadow:0 16px 30px -10px rgba(94,1,20,.4) !important; }

/* Destello (sheen) que barre — solo en NUESTROS CTAs (no en botones de terceros) */
.pav-btn-solid, .pav-btn-ghost, .pav-cta-header, .pav-cat-btn, .pav-card .pav-btn{ position:relative; overflow:hidden; }
.pav-btn-solid::after, .pav-btn-ghost::after, .pav-cta-header::after, .pav-cat-btn::after, .pav-card .pav-btn::after{
  content:""; position:absolute; top:0; left:-130%; width:55%; height:100%; z-index:1;
  background:linear-gradient(105deg, transparent, rgba(255,255,255,.4), transparent);
  transform:skewX(-18deg); pointer-events:none;
}
.pav-btn-solid:hover::after, .pav-btn-ghost:hover::after, .pav-cta-header:hover::after, .pav-cat-btn:hover::after, .pav-card .pav-btn:hover::after{
  animation:pavSheen .8s ease;
}
@keyframes pavSheen{ from{ left:-130%; } to{ left:150%; } }
/* mantener el contenido del botón sobre el sheen */
.pav-cat-btn > *, .pav-cta-header{ position:relative; z-index:2; }

@media (prefers-reduced-motion: reduce){
  .elementor-button:hover, .button:hover, .woocommerce a.button:hover, button.single_add_to_cart_button:hover,
  .wp-element-button:hover, .pav-btn-solid:hover, .pav-btn-ghost:hover, .pav-cta-header:hover, .pav-cat-btn:hover, .pav-card .pav-btn:hover{
    transform:none !important;
  }
  .pav-btn-solid::after, .pav-btn-ghost::after, .pav-cta-header::after, .pav-cat-btn::after, .pav-card .pav-btn::after{ display:none !important; }
}

/* ---------- Tarjetas "Favoritas": entrada con rebote + hover con más vida ---------- */
.pav-card{
  opacity:0; transform:translateY(28px) scale(.97); will-change:transform,opacity;
  transition:opacity .6s ease var(--pav-card-delay,0ms),
             transform .82s cubic-bezier(.34,1.56,.64,1) var(--pav-card-delay,0ms),
             box-shadow .45s var(--pav-eout) !important;
}
.pav-card.is-in{ opacity:1; transform:none; }
/* hover más profundo y elástico (sin delay para respuesta inmediata) */
.pav-card.is-in:hover{
  transform:translateY(-9px) scale(1.014) !important;
  box-shadow:0 40px 84px -22px rgba(94,1,20,.30) !important;
  transition:transform .5s cubic-bezier(.34,1.56,.64,1), box-shadow .5s var(--pav-eout) !important;
}
/* la foto del producto profundiza su sombra al hover */
.pav-card.is-in:hover .pav-card-img{ filter:drop-shadow(0 20px 28px rgba(94,1,20,.30)) !important; }
/* glow cálido en el panel de imagen al hover */
.pav-card .pav-card-img-container{ transition:background .5s ease; }
.pav-card.is-in:hover .pav-card-img-container{ background:radial-gradient(120% 100% at 50% 25%, #fff, var(--pav-bone)) !important; }
/* el badge da un pop sutil */
.pav-card .pav-badge{ transition:transform .5s cubic-bezier(.34,1.56,.64,1) !important; }
.pav-card.is-in:hover .pav-badge{ transform:translateY(-2px) scale(1.05) !important; }

@media (prefers-reduced-motion: reduce){
  .pav-card{ opacity:1 !important; transform:none !important; }
  .pav-card.is-in:hover{ transform:none !important; }
}

/* ============================================================
   Extras "¿Nunca has probado?": fresitas flotando + líneas verticales + conectores modernos
   ============================================================ */
/* --- Fresitas de marca flotando (sutil, cuqui) --- */
.pav-berries{ position:absolute; inset:0; z-index:1; pointer-events:none; }
.pav-berry{
  position:absolute; display:block;
  -webkit-mask:url('berry.svg') center/contain no-repeat; mask:url('berry.svg') center/contain no-repeat;
  background:var(--pav-peach);
  animation-name:pavBerryFloat; animation-timing-function:ease-in-out; animation-iteration-count:infinite; will-change:transform;
}
@keyframes pavBerryFloat{
  0%,100%{ transform:translateY(0) rotate(var(--r,0deg)); }
  50%{ transform:translateY(-24px) rotate(calc(var(--r,0deg) + 9deg)); }
}

/* --- Líneas verticales con FLUJO DESCENDENTE + parallax vertical al scroll --- */
.pav-stripes{ top:-20% !important; bottom:auto !important; left:0; right:0; height:140% !important; overflow:hidden; }
.pav-stripes::after{
  content:""; position:absolute; left:0; right:0; top:0; height:42%;
  background:linear-gradient(180deg, transparent, rgba(255,240,230,.055) 45%, transparent);
  animation:pavStripeFlow 7s linear infinite; will-change:transform;
}
@keyframes pavStripeFlow{ from{ transform:translateY(-42%); } to{ transform:translateY(240%); } }

/* --- Conectores de ingredientes: gradiente + destello que fluye + punto que late --- */
.pav-anatomy-label::after{
  height:2px !important; border-radius:2px !important; opacity:1 !important;
  background:
    radial-gradient(circle at var(--dotx,100%) 50%, var(--pav-peach) 0 2.6px, rgba(244,201,176,0) 3.4px),
    linear-gradient(90deg, transparent, rgba(244,201,176,.85)) !important;
  background-size:100% 100%, 220% 100% !important;
  box-shadow:0 0 7px rgba(244,201,176,.35) !important;
}
.pav-anatomy-section.is-in .pav-anatomy-label::after{ width:54px !important; animation:pavConnFlow 2.6s linear infinite, pavConnPulse 2.2s ease-in-out infinite !important; }
.pav-anatomy-side.left  .pav-anatomy-label::after{ --dotx:100%; right:-60px !important; }
.pav-anatomy-side.right .pav-anatomy-label::after{ --dotx:0%; left:-60px !important; background:
    radial-gradient(circle at 0% 50%, var(--pav-peach) 0 2.6px, rgba(244,201,176,0) 3.4px),
    linear-gradient(90deg, rgba(244,201,176,.85), transparent) !important; background-size:100% 100%, 220% 100% !important; }
@keyframes pavConnFlow{ from{ background-position:0 0, 200% 0; } to{ background-position:0 0, -200% 0; } }
@keyframes pavConnPulse{ 0%,100%{ box-shadow:0 0 6px rgba(244,201,176,.3); } 50%{ box-shadow:0 0 12px rgba(244,201,176,.6); } }

@media (prefers-reduced-motion: reduce){
  .pav-berry{ animation:none !important; }
  .pav-stripes{ transform:none !important; }
  .pav-stripes::after{ animation:none !important; }
  .pav-anatomy-section.is-in .pav-anatomy-label::after{ animation:none !important; }
}

/* ---------- Texto rotativo (eyebrow del hero) ---------- */
.pav-rot{ display:inline; position:relative; }
.pav-rot-w{ display:inline-block; vertical-align:baseline; will-change:transform,opacity; transition:transform .42s var(--pav-eout), opacity .4s ease; color:var(--pav-peach); }
.pav-rot-w.pav-rot-out{ transform:translateY(-115%); opacity:0; }
.pav-rot-w.pav-rot-in{ animation:pavRotIn .48s var(--pav-eout); }
@keyframes pavRotIn{ from{ transform:translateY(115%); opacity:0; } to{ transform:translateY(0); opacity:1; } }

/* ---------- Reveal de títulos de sección al scroll ---------- */
.pav-txt-reveal{ opacity:0; transform:translateY(24px); will-change:transform,opacity; }
.pav-txt-reveal.is-in{ opacity:1; transform:none; transition:opacity .7s ease, transform .85s cubic-bezier(.34,1.56,.64,1); }

/* Reveal del título/subtítulo de la sección MONO */
.pav-anatomy-title, .pav-anatomy-subtitle{ opacity:0; transform:translateY(20px); }
.pav-anatomy-section.is-in .pav-anatomy-title{ opacity:1 !important; transform:none; transition:opacity .7s ease .05s, transform .85s cubic-bezier(.34,1.56,.64,1) .05s; }
.pav-anatomy-section.is-in .pav-anatomy-subtitle{ opacity:1 !important; transform:none; transition:opacity .7s ease .22s, transform .85s cubic-bezier(.34,1.56,.64,1) .22s; }

@media (prefers-reduced-motion: reduce){
  .pav-txt-reveal, .pav-anatomy-title, .pav-anatomy-subtitle{ opacity:1 !important; transform:none !important; }
  .pav-rot-w{ transition:none !important; }
}

/* ============================================================
   CORRECCIÓN sección MONO (feedback Rackel): fuera estrellas y meteorito;
   fresas protagonistas; conectores limpios de pastelería.
   ============================================================ */
/* 1) Fuera las "estrellas" (partículas) */
.pav-anatomy-bg .pav-particles{ display:none !important; }

/* 2) Fresitas de marca protagonistas (definidas, no translúcidas, sin rayas detrás) */
.pav-berry{ background:var(--pav-peach) !important; filter:drop-shadow(0 4px 10px rgba(0,0,0,.25)); }

/* 3) Conectores LIMPIOS y elegantes (línea fina + puntito), sin estela ni glow */
.pav-anatomy-label::after{
  height:1.6px !important; border-radius:2px !important; opacity:.6 !important;
  background:var(--pav-peach) !important; background-size:auto !important;
  box-shadow:none !important; animation:none !important;
}
.pav-anatomy-section.is-in .pav-anatomy-label::after{ width:50px !important; animation:none !important; }
.pav-anatomy-side.left .pav-anatomy-label::after{
  right:-58px !important;
  background:
    radial-gradient(circle at 100% 50%, var(--pav-peach) 0 2.6px, transparent 3.2px) no-repeat,
    var(--pav-peach) !important;
}
.pav-anatomy-side.right .pav-anatomy-label::after{
  left:-58px !important;
  background:
    radial-gradient(circle at 0% 50%, var(--pav-peach) 0 2.6px, transparent 3.2px) no-repeat,
    var(--pav-peach) !important;
}

/* ============================================================
   Sección MONO v2 (feedback Rackel): conectores con vida+hover,
   discos con protagonismo, fresas proporcionadas, reveal notorio.
   ============================================================ */
/* Fresas: flotado suave y proporcionado */
@keyframes pavBerryFloat{ 0%,100%{ transform:translateY(0) rotate(var(--r,0deg)); } 50%{ transform:translateY(-15px) rotate(calc(var(--r,0deg) + 6deg)); } }

/* Conectores: reposo elegante + al HOVER del ingrediente, un puntito de luz viaja hacia la tarta */
.pav-anatomy-label::after{
  height:1.7px !important; opacity:.5 !important; box-shadow:none !important; border-radius:2px !important;
  transition:opacity .35s ease, height .35s ease !important;
}
.pav-anatomy-side.left .pav-anatomy-label::after{
  right:-58px !important;
  background:
    radial-gradient(circle at 100% 50%, var(--pav-peach) 0 2.6px, transparent 3.2px) no-repeat,
    radial-gradient(3px 3px at 0% 50%, rgba(255,246,238,.98), rgba(255,246,238,0) 65%) no-repeat,
    var(--pav-peach) !important;
  background-size:100% 100%, 12px 100%, 100% 100% !important;
  background-position:0 0, -24px 0, 0 0 !important;
}
.pav-anatomy-side.left .pav-anatomy-label:hover::after{ opacity:1 !important; height:2.6px !important; animation:pavConnTravelL .8s ease !important; }
@keyframes pavConnTravelL{ 0%{ background-position:0 0,-24px 0,0 0; } 100%{ background-position:0 0, calc(100% + 24px) 0, 0 0; } }

.pav-anatomy-side.right .pav-anatomy-label::after{
  left:-58px !important;
  background:
    radial-gradient(circle at 0% 50%, var(--pav-peach) 0 2.6px, transparent 3.2px) no-repeat,
    radial-gradient(3px 3px at 0% 50%, rgba(255,246,238,.98), rgba(255,246,238,0) 65%) no-repeat,
    var(--pav-peach) !important;
  background-size:100% 100%, 12px 100%, 100% 100% !important;
  background-position:0 0, calc(100% + 24px) 0, 0 0 !important;
}
.pav-anatomy-side.right .pav-anatomy-label:hover::after{ opacity:1 !important; height:2.6px !important; animation:pavConnTravelR .8s ease !important; }
@keyframes pavConnTravelR{ 0%{ background-position:0 0, calc(100% + 24px) 0, 0 0; } 100%{ background-position:0 0, -24px 0, 0 0; } }

/* Discos con PROTAGONISMO al hover (crecen, brillan, se elevan) */
.pav-anatomy-label{ transition:transform .45s cubic-bezier(.34,1.56,.64,1) !important; }
.pav-anatomy-label:hover{ transform:translateY(-3px) !important; }
.pav-anatomy-label:hover::before{
  transform:scale(1.22) !important;
  box-shadow:0 24px 46px rgba(0,0,0,.55), 0 0 0 8px rgba(244,201,176,.30), 0 0 36px rgba(244,201,176,.42) !important;
}
.pav-anatomy-label:hover .pav-anatomy-name{ color:#fff !important; }
.pav-anatomy-label:hover .pav-anatomy-desc{ color:var(--pav-peach) !important; }

/* Reveal de títulos MÁS notorio (más recorrido + blur-in) */
.pav-txt-reveal{ opacity:0; transform:translateY(36px); filter:blur(4px); }
.pav-txt-reveal.is-in{ opacity:1; transform:none; filter:blur(0); transition:opacity .7s ease, transform .95s cubic-bezier(.34,1.56,.64,1), filter .7s ease; }

@media (prefers-reduced-motion: reduce){
  .pav-anatomy-label:hover::after{ animation:none !important; }
  .pav-txt-reveal{ opacity:1 !important; transform:none !important; filter:none !important; }
}

/* ============================================================
   Dinamismo: rotador grande en hero + cifras animadas + reveal de párrafos
   ============================================================ */
/* Rotador GRANDE en el hero */
.pav-hero-rot{ position:relative; overflow:hidden; display:flex; align-items:baseline; gap:10px; margin:20px 0 4px; padding-bottom:3px; font-family:'Fraunces',Georgia,serif; }
.pav-hero-rot-lead{ font-style:italic; font-weight:330; font-size:clamp(1.05rem,1.7vw,1.4rem); color:rgba(244,201,176,.72); }
.pav-hero-rot-w{ display:inline-block; font-style:italic; font-weight:400; font-size:clamp(1.4rem,2.7vw,2.1rem); color:var(--pav-peach); letter-spacing:-.01em; line-height:1.15; white-space:nowrap; will-change:transform,opacity; transition:transform .44s var(--pav-eout), opacity .4s ease; }
.pav-hero-rot-w.pav-rot-out{ transform:translateY(-120%); opacity:0; }
.pav-hero-rot-w.pav-rot-in{ animation:pavRotIn .5s var(--pav-eout); }

/* Banda de CIFRAS animadas */
.pav-stats{ background:var(--pav-bg); padding:clamp(48px,7vw,76px) clamp(20px,5vw,60px); opacity:0; transform:translateY(26px); }
.pav-stats.is-in{ opacity:1; transform:none; transition:opacity .7s ease, transform .85s cubic-bezier(.34,1.56,.64,1); }
.pav-stats-inner{ max-width:1120px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:30px; text-align:center; }
.pav-stat{ position:relative; }
.pav-stat + .pav-stat::before{ content:""; position:absolute; left:-15px; top:14%; height:72%; width:1px; background:rgba(94,1,20,.14); }
.pav-stat-n{ font-family:'Fraunces',Georgia,serif; font-weight:330; font-size:clamp(2.4rem,5vw,3.7rem); color:var(--pav-wine); line-height:1; letter-spacing:-.02em; }
.pav-stat-l{ font-family:'Aptos',sans-serif; font-weight:600; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#8a5a4a; margin-top:12px; }
@media(max-width:700px){
  .pav-stats-inner{ grid-template-columns:repeat(2,1fr); gap:40px 20px; }
  .pav-stat + .pav-stat::before{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  .pav-stats{ opacity:1 !important; transform:none !important; }
  .pav-hero-rot-w{ transition:none !important; }
}

/* ============================================================
   PÁGINAS INTERIORES — mismo vibe del home (reveal + hover + héroes con vida)
   (guard html.pav-js: si el JS no corre, el contenido queda visible)
   ============================================================ */
/* Reveal de textos/bloques */
html.pav-js .pav-ireveal{ opacity:0; transform:translateY(28px); will-change:transform,opacity; }
html.pav-js .pav-ireveal.is-in{ opacity:1; transform:none; transition:opacity .7s ease, transform .9s cubic-bezier(.34,1.56,.64,1); }
/* Reveal escalonado de tarjetas */
html.pav-js .pav-ireveal-card{ opacity:0; transform:translateY(30px) scale(.98); will-change:transform,opacity; }
html.pav-js .pav-ireveal-card.is-in{ opacity:1; transform:none; transition:opacity .6s ease var(--pav-i-delay,0ms), transform .82s cubic-bezier(.34,1.56,.64,1) var(--pav-i-delay,0ms); }

/* Héroes de imagen: zoom sutil (Ken Burns) */
.pav-hero-zoom{ overflow:hidden; }
.pav-hero-zoom img{ animation:pavKenBurns 24s ease-in-out infinite alternate; will-change:transform; }
@keyframes pavKenBurns{ from{ transform:scale(1); } to{ transform:scale(1.08); } }

/* Hover premium en tarjetas/columnas interiores */
.pav-phil-item, .pav-info-card, .pav-important-card, .pav-trust-box, .pav-contact-box, .pav-check-item{
  transition:transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .45s var(--pav-eout) !important;
}
.pav-phil-item:hover, .pav-info-card:hover, .pav-important-card:hover, .pav-trust-box:hover, .pav-contact-box:hover{
  transform:translateY(-6px) !important; box-shadow:0 26px 54px -18px rgba(94,1,20,.24) !important;
}
.pav-check-item:hover{ transform:translateX(4px) !important; }

/* Imágenes interiores: zoom al hover */
.pav-img-frame, .pav-split-image, .pav-custom-image-box{ overflow:hidden; }
.pav-img-frame img, .pav-split-image img, .pav-custom-image-box img, .pav-custom-image{ transition:transform .65s var(--pav-eout) !important; }
.pav-img-frame:hover img, .pav-split-image:hover img, .pav-custom-image-box:hover img, .pav-custom-image-box:hover .pav-custom-image{ transform:scale(1.05) !important; }

/* Iconos con pop */
.pav-icon-wrapper, .pav-check-icon, .pav-trust-icon{ transition:transform .4s cubic-bezier(.34,1.56,.64,1) !important; }
.pav-phil-item:hover .pav-icon-wrapper, .pav-check-item:hover .pav-check-icon, .pav-trust-box:hover .pav-trust-icon, .pav-info-card:hover .pav-icon-wrapper{ transform:scale(1.14) rotate(-4deg) !important; }

@media (prefers-reduced-motion: reduce){
  html.pav-js .pav-ireveal, html.pav-js .pav-ireveal-card{ opacity:1 !important; transform:none !important; }
  .pav-hero-zoom img{ animation:none !important; }
}

/* ============================================================
   Fix textos de ingredientes (sección MONO): color de marca + cortes con sentido
   ============================================================ */
.pav-anatomy-section .pav-anatomy-label strong,
.pav-anatomy-section .pav-anatomy-txt strong{
  color:var(--pav-cream) !important;
  -webkit-text-fill-color:var(--pav-cream) !important;
  font-family:'Fraunces',Georgia,serif !important;
  font-weight:400 !important;
  font-size:clamp(1.45rem,1.9vw,1.7rem) !important;
  letter-spacing:-.012em !important;
  line-height:1.1 !important;
  text-wrap:balance;
  display:block;
}
.pav-anatomy-section .pav-anatomy-desc{
  color:rgba(244,201,176,.95) !important;
  -webkit-text-fill-color:rgba(244,201,176,.95) !important;
  font-size:12.5px !important;
  letter-spacing:.02em !important;
  margin-top:3px !important;
  text-wrap:pretty;
}
/* más aire para que los nombres no corten raro */
.pav-anatomy-section .pav-anatomy-label{ max-width:340px !important; }
/* hover: el nombre se aviva a blanco puro */
.pav-anatomy-section .pav-anatomy-label:hover strong{
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}

/* Ingredientes lado IZQUIERDO: alinear a la IZQUIERDA (lectura natural, no a la derecha) */
.pav-anatomy-section .pav-anatomy-side.left .pav-anatomy-label,
.pav-anatomy-section .pav-anatomy-side.left .pav-anatomy-txt,
.pav-anatomy-section .pav-anatomy-side.left .pav-anatomy-label strong,
.pav-anatomy-section .pav-anatomy-side.left .pav-anatomy-desc{
  text-align:left !important;
}
.pav-anatomy-section .pav-anatomy-side.left .pav-anatomy-txt{ align-items:flex-start !important; }

/* ============================================================
   HEADER v10 (feedback Rackel): aire arriba + fuera redes + más protagonismo
   ============================================================ */
/* Espacio arriba: el header no pegado al borde superior */
#header [data-row="middle"] .ct-container{
  padding-top:20px !important; padding-bottom:14px !important; min-height:124px !important;
}
/* En páginas interiores (header estático crema) un respiro extra arriba */
body:not(.home) #main-container, body:not(.home) #content{ }
/* Quitar las REDES del header (quedan en el footer) */
#header [data-row="middle"] [data-id="socials"], #header [data-id="socials"], #header .ct-header-socials{ display:none !important; }
/* Con las redes fuera: menú con más aire y CTA con protagonismo */
#header .menu > li > .ct-menu-link{ font-size:14.5px !important; letter-spacing:.02em !important; }
#header [data-row="middle"] .ct-container{ gap:clamp(18px,2.4vw,30px) !important; }

/* ============================================================
   FOOTER rediseñado (moderno) — feedback Rackel "super plano"
   ============================================================ */
footer.ct-footer{
  position:relative !important; overflow:hidden !important;
  background:radial-gradient(130% 150% at 50% -25%, #7a001c 0%, #5e0114 46%, #40000d 100%) !important;
  color:var(--pav-cream) !important;
}
footer.ct-footer > *{ position:relative; z-index:2; }
footer.ct-footer > *:not(.pav-footer-berries){ background:transparent !important; }
/* rayas de marca sutiles */
footer.ct-footer::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:repeating-linear-gradient(90deg, rgba(255,240,230,0) 0, rgba(255,240,230,0) 42px, rgba(255,240,230,.028) 42px, rgba(255,240,230,.028) 84px);
}
/* acento peach arriba */
footer.ct-footer::after{
  content:""; position:absolute; top:0; left:0; right:0; height:3px; z-index:5;
  background:linear-gradient(90deg, transparent, var(--pav-peach), transparent); opacity:.55;
}
/* fresitas decorativas del footer */
.pav-footer-berries{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.pav-footer-berries .pav-berry{ position:absolute; -webkit-mask:url('berry.svg') center/contain no-repeat; mask:url('berry.svg') center/contain no-repeat; background:var(--pav-peach); }
/* marca arriba: logo + tagline */
.pav-footer-brand{ text-align:center; padding:14px 20px 34px; border-bottom:1px solid rgba(244,201,176,.16); margin-bottom:12px; }
.pav-footer-logo{ height:74px !important; width:auto !important; content:none !important; }
.pav-footer-tag{ font-family:'Aptos',sans-serif !important; font-size:11px !important; letter-spacing:.28em !important; text-transform:uppercase !important; color:var(--pav-peach) !important; margin-top:14px !important; }
/* títulos de columna */
footer.ct-footer .widget-title, footer.ct-footer .wp-block-heading{
  font-family:'Fraunces',Georgia,serif !important; font-weight:400 !important; text-transform:none !important;
  color:var(--pav-cream) !important; font-size:1.15rem !important; letter-spacing:0 !important; margin-bottom:16px !important;
}
/* texto y enlaces */
footer.ct-footer p, footer.ct-footer li, footer.ct-footer span:not(.pav-footer-tag), footer.ct-footer a, footer.ct-footer div{
  color:rgba(247,239,225,.82) !important; font-family:'Aptos',sans-serif !important;
}
footer.ct-footer a{ text-decoration:none !important; transition:color .25s ease !important; }
footer.ct-footer a:hover{ color:var(--pav-peach) !important; }
footer.ct-footer strong, footer.ct-footer b{ color:var(--pav-cream) !important; }
/* iconos sociales como círculos con hover pop */
footer.ct-footer .ct-socials-block a, footer.ct-footer .ct-social-box a{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:42px !important; height:42px !important; border-radius:50% !important;
  border:1px solid rgba(244,201,176,.32) !important; color:var(--pav-cream) !important;
  transition:transform .35s var(--pav-eout), background-color .3s ease, border-color .3s ease, color .3s ease !important;
}
footer.ct-footer .ct-socials-block a:hover, footer.ct-footer .ct-social-box a:hover{
  transform:translateY(-3px) scale(1.06) !important; background-color:var(--pav-peach) !important; border-color:var(--pav-peach) !important; color:var(--pav-wine) !important;
}
footer.ct-footer .ct-socials-block svg, footer.ct-footer .ct-social-box svg{ fill:currentColor !important; }
/* barra inferior (copyright) */
footer.ct-footer .ct-footer-bottom, footer.ct-footer [class*="footer-bottom"]{
  border-top:1px solid rgba(244,201,176,.14) !important; margin-top:8px !important; padding-top:20px !important;
  font-size:12px !important; letter-spacing:.03em !important; color:rgba(247,239,225,.55) !important;
}

/* ============================================================
   MENÚ header v11 — hover de PÍLDORA moderno (fuera el subrayado retrógrado)
   ============================================================ */
#header .menu > li > .ct-menu-link::after{ display:none !important; content:none !important; }
#header .menu > li > .ct-menu-link::before{ display:none !important; content:none !important; }
#header .menu > li > .ct-menu-link{
  padding:10px 18px !important; border-radius:999px !important;
  font-size:14px !important; font-weight:500 !important; letter-spacing:.015em !important;
  background-color:transparent !important;
  transition:background-color .3s ease, color .26s ease, transform .35s cubic-bezier(.34,1.56,.64,1) !important;
}
/* HOME / header burdeos (texto crema): hover translúcido + activo píldora peach */
body.home #header .menu > li:hover > .ct-menu-link{ background-color:rgba(247,239,225,.15) !important; color:#fff !important; transform:translateY(-1px) !important; }
body.home #header .menu > li.current-menu-item > .ct-menu-link,
body.home #header .menu > li.current-menu-ancestor > .ct-menu-link,
body.home #header .menu > li.current_page_item > .ct-menu-link{
  background-color:var(--pav-peach) !important; color:var(--pav-wine) !important;
}
/* INTERIOR / header crema (texto burdeos): hover tinte vino + activo píldora vino */
body:not(.home) #header .menu > li:hover > .ct-menu-link{ background-color:rgba(94,1,20,.07) !important; color:var(--pav-wine) !important; transform:translateY(-1px) !important; }
body:not(.home) #header .menu > li.current-menu-item > .ct-menu-link,
body:not(.home) #header .menu > li.current-menu-ancestor > .ct-menu-link,
body:not(.home) #header .menu > li.current_page_item > .ct-menu-link{
  background-color:var(--pav-wine) !important; color:var(--pav-cream) !important;
}
/* botón activo: press elástico */
#header .menu > li > .ct-menu-link:active{ transform:translateY(0) scale(.96) !important; }

/* --- Botones del header (ES / carrito) más cohesionados --- */
#header .pav-lang{ transition:transform .3s var(--pav-eout) !important; }
#header .pav-lang:hover{ transform:translateY(-1px) !important; }
#header .ct-header-cart, #header [data-id="cart"] a{ transition:transform .35s var(--pav-eout), background-color .3s ease !important; }
#header [data-id="cart"] a:hover{ transform:translateY(-2px) scale(1.04) !important; }

/* ============================================================
   MENÚ v12 — fuera la píldora; hover de color + PUNTO indicador; tipografía cuidada
   ============================================================ */
#header .menu > li > .ct-menu-link{
  padding:8px 15px 16px !important; border-radius:0 !important; background:transparent !important;
  font-family:'Aptos',system-ui,sans-serif !important; font-size:13px !important; font-weight:600 !important;
  letter-spacing:.13em !important; text-transform:uppercase !important;
  transition:color .25s ease !important;
}
#header .menu > li:hover > .ct-menu-link,
#header .menu > li.current-menu-item > .ct-menu-link,
#header .menu > li.current-menu-ancestor > .ct-menu-link,
#header .menu > li.current_page_item > .ct-menu-link{ background-color:transparent !important; transform:none !important; }
/* punto indicador (aparece bajo el item, con rebote) */
#header .menu > li > .ct-menu-link::after{
  content:"" !important; display:block !important; position:absolute !important; left:50% !important; bottom:7px !important;
  width:6px !important; height:6px !important; border-radius:50% !important;
  transform:translate(-50%,5px) scale(0) !important; opacity:0 !important;
  transition:transform .34s cubic-bezier(.34,1.56,.64,1), opacity .25s ease !important;
}
#header .menu > li:hover > .ct-menu-link::after,
#header .menu > li.current-menu-item > .ct-menu-link::after,
#header .menu > li.current-menu-ancestor > .ct-menu-link::after,
#header .menu > li.current_page_item > .ct-menu-link::after{ transform:translate(-50%,0) scale(1) !important; opacity:1 !important; }
body.home #header .menu > li > .ct-menu-link::after{ background:var(--pav-peach) !important; }
body.home #header .menu > li:hover > .ct-menu-link, body.home #header .menu > li.current-menu-item > .ct-menu-link, body.home #header .menu > li.current-menu-ancestor > .ct-menu-link, body.home #header .menu > li.current_page_item > .ct-menu-link{ color:var(--pav-peach) !important; }
body:not(.home) #header .menu > li > .ct-menu-link::after{ background:var(--pav-wine) !important; }
body:not(.home) #header .menu > li:hover > .ct-menu-link, body:not(.home) #header .menu > li.current-menu-item > .ct-menu-link, body:not(.home) #header .menu > li.current-menu-ancestor > .ct-menu-link, body:not(.home) #header .menu > li.current_page_item > .ct-menu-link{ color:var(--pav-wine-d) !important; }

/* ============================================================
   BOTONES del header rediseñados (ES · Ordenar ahora · carrito)
   ============================================================ */
/* CTA primario: icono + texto, más presencia */
.pav-cta-header{
  display:inline-flex !important; align-items:center !important; gap:9px !important;
  padding:13px 24px !important; font-size:12px !important; font-weight:700 !important; letter-spacing:.09em !important;
  text-transform:uppercase !important; border-radius:999px !important; text-decoration:none !important;
  box-shadow:0 8px 22px -8px rgba(94,1,20,.4) !important;
}
.pav-cta-header .pav-cta-ico{ flex:none !important; }
.pav-cta-header span{ position:relative; z-index:2; }
/* ES: ghost pill refinado */
#header .pav-lang{ border:1.5px solid rgba(244,201,176,.4) !important; border-radius:999px !important; padding:2px !important; transition:border-color .3s ease, background-color .3s ease, transform .3s var(--pav-eout) !important; }
#header .pav-lang:hover{ transform:translateY(-1px) !important; }
body.home #header .pav-lang{ border-color:rgba(247,239,225,.4) !important; }
body:not(.home) #header .pav-lang{ border-color:rgba(94,1,20,.28) !important; }
body:not(.home) #header .pav-lang:hover{ background-color:rgba(94,1,20,.05) !important; }
#header .pav-lang-btn{ padding:6px 12px !important; }
/* Carrito: botón circular con badge peach */
#header [data-id="cart"] a.ct-cart-item{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:46px !important; height:46px !important; border-radius:50% !important;
  border:1.5px solid rgba(94,1,20,.22) !important;
  transition:transform .35s var(--pav-eout), background-color .3s ease, border-color .3s ease !important;
}
body.home #header [data-id="cart"] a.ct-cart-item{ border-color:rgba(247,239,225,.4) !important; }
#header [data-id="cart"] a.ct-cart-item:hover{ transform:translateY(-2px) scale(1.05) !important; }
body.home #header [data-id="cart"] a.ct-cart-item:hover{ background-color:rgba(247,239,225,.12) !important; }
body:not(.home) #header [data-id="cart"] a.ct-cart-item:hover{ background-color:rgba(94,1,20,.06) !important; }
/* contador del carrito en peach */
#header [data-id="cart"] .ct-cart-count, #header .ct-cart-item [class*="count"]{
  background:var(--pav-peach) !important; color:var(--pav-wine) !important; font-weight:700 !important; border:0 !important;
}

/* FIX especificidad: anular de verdad la píldora del menú (ganar a las reglas body.home previas) */
body.home #header .menu > li:hover > .ct-menu-link,
body.home #header .menu > li.current-menu-item > .ct-menu-link,
body.home #header .menu > li.current-menu-ancestor > .ct-menu-link,
body.home #header .menu > li.current_page_item > .ct-menu-link,
body:not(.home) #header .menu > li:hover > .ct-menu-link,
body:not(.home) #header .menu > li.current-menu-item > .ct-menu-link,
body:not(.home) #header .menu > li.current-menu-ancestor > .ct-menu-link,
body:not(.home) #header .menu > li.current_page_item > .ct-menu-link{
  background-color:transparent !important; background:transparent !important; transform:none !important;
}

/* FIX icono CTA (que contraste con su fondo) + ES borde simple */
body.home .pav-cta-header .pav-cta-ico{ stroke:var(--pav-wine) !important; color:var(--pav-wine) !important; }
body:not(.home) .pav-cta-header .pav-cta-ico{ stroke:var(--pav-cream) !important; color:var(--pav-cream) !important; }
.pav-cta-header:hover .pav-cta-ico{ transform:translateX(-1px); transition:transform .3s var(--pav-eout); }
/* ES: un solo borde limpio */
#header .pav-lang-btn{ border:0 !important; background:transparent !important; }

/* ============================================================
   MENÚ v13 — BRANDING A TOPE: texto grande + FRESITA de marca como hover
   ============================================================ */
#header .menu > li > .ct-menu-link{
  padding:10px 17px 24px !important; font-size:15px !important; font-weight:600 !important;
  letter-spacing:.1em !important; text-transform:uppercase !important;
}
/* indicador = FRESITA Pavlove (mask berry.svg) que entra con rebote y giro */
#header .menu > li > .ct-menu-link::after{
  content:"" !important; display:block !important; position:absolute !important; left:50% !important; bottom:5px !important;
  width:18px !important; height:18px !important; border-radius:0 !important;
  -webkit-mask:url('berry.svg') center/contain no-repeat !important; mask:url('berry.svg') center/contain no-repeat !important;
  transform:translate(-50%,9px) scale(0) rotate(-14deg) !important; opacity:0 !important;
  transition:transform .44s cubic-bezier(.34,1.7,.5,1), opacity .28s ease !important;
}
#header .menu > li:hover > .ct-menu-link::after,
#header .menu > li.current-menu-item > .ct-menu-link::after,
#header .menu > li.current-menu-ancestor > .ct-menu-link::after,
#header .menu > li.current_page_item > .ct-menu-link::after{
  transform:translate(-50%,0) scale(1) rotate(0deg) !important; opacity:1 !important;
}
body.home #header .menu > li > .ct-menu-link::after{ background:var(--pav-peach) !important; }
body:not(.home) #header .menu > li > .ct-menu-link::after{ background:var(--pav-wine) !important; }
/* color del texto en hover/activo */
body.home #header .menu > li:hover > .ct-menu-link, body.home #header .menu > li.current-menu-item > .ct-menu-link, body.home #header .menu > li.current-menu-ancestor > .ct-menu-link, body.home #header .menu > li.current_page_item > .ct-menu-link{ color:var(--pav-peach) !important; }
body:not(.home) #header .menu > li:hover > .ct-menu-link, body:not(.home) #header .menu > li.current-menu-item > .ct-menu-link, body:not(.home) #header .menu > li.current-menu-ancestor > .ct-menu-link, body:not(.home) #header .menu > li.current_page_item > .ct-menu-link{ color:var(--pav-wine-d) !important; }

/* --- Botones más GRANDES y con presencia --- */
.pav-cta-header{ padding:15px 30px !important; font-size:13.5px !important; letter-spacing:.1em !important; gap:11px !important; }
.pav-cta-header .pav-cta-ico{ width:17px !important; height:17px !important; }
#header .pav-lang span{ font-size:13.5px !important; font-weight:600 !important; letter-spacing:.06em !important; }
#header .pav-lang-btn{ padding:8px 14px !important; }
#header [data-id="cart"] a.ct-cart-item{ width:50px !important; height:50px !important; }
/* logo un pelín más grande para presencia */
body.home img.default-logo, body.home .site-logo-container img,
img.default-logo, .site-logo-container img{ height:70px !important; max-height:70px !important; }

/* ============================================================
   FIX especificidad menú (a.ct-menu-link pisaba todo) — v14
   Letras GRANDES + fresita CON ESPACIO (no pegada)
   ============================================================ */
#header .menu > li > a.ct-menu-link{
  padding:12px 20px 30px !important; font-size:16px !important; font-weight:600 !important;
  letter-spacing:.08em !important; text-transform:uppercase !important; line-height:1.1 !important;
}
/* fresita indicador con GAP claro respecto al texto */
#header .menu > li > a.ct-menu-link::after{
  content:"" !important; display:block !important; position:absolute !important; left:50% !important; bottom:7px !important;
  width:16px !important; height:16px !important; border-radius:0 !important;
  -webkit-mask:url('berry.svg') center/contain no-repeat !important; mask:url('berry.svg') center/contain no-repeat !important;
  transform:translate(-50%,10px) scale(0) rotate(-16deg) !important; opacity:0 !important;
  transition:transform .46s cubic-bezier(.34,1.7,.5,1), opacity .3s ease !important;
}
#header .menu > li:hover > a.ct-menu-link::after,
#header .menu > li.current-menu-item > a.ct-menu-link::after,
#header .menu > li.current-menu-ancestor > a.ct-menu-link::after,
#header .menu > li.current_page_item > a.ct-menu-link::after{ transform:translate(-50%,0) scale(1) rotate(0deg) !important; opacity:1 !important; }
body.home #header .menu > li > a.ct-menu-link::after{ background:var(--pav-peach) !important; }
body:not(.home) #header .menu > li > a.ct-menu-link::after{ background:var(--pav-wine) !important; }

/* Botones CLARAMENTE más grandes (ganando especificidad) */
#header .pav-cta-header{ padding:16px 32px !important; font-size:14px !important; }
#header .pav-cta-header .pav-cta-ico{ width:18px !important; height:18px !important; }
#header .pav-lang .pav-lang-btn span, #header .pav-lang span{ font-size:14px !important; }

/* ============================================================
   MENÚ v15 — INDICADOR = CORONITA (P coronada) ENCIMA de la palabra
   + tipografía del menú más grande. Reemplaza la fresita de abajo.
   ============================================================ */
#header .menu > li > a.ct-menu-link{
  padding:34px 12px 14px !important; font-size:18px !important; font-weight:600 !important;
  letter-spacing:.05em !important; text-transform:uppercase !important; line-height:1.1 !important;
}
/* coronita indicador ARRIBA, con gap respecto al texto */
#header .menu > li > a.ct-menu-link::after{
  content:"" !important; display:block !important; position:absolute !important; left:50% !important;
  top:2px !important; bottom:auto !important;
  width:30px !important; height:22px !important; border-radius:0 !important;
  -webkit-mask:url('crown.svg') center/contain no-repeat !important; mask:url('crown.svg') center/contain no-repeat !important;
  transform:translate(-50%,-8px) scale(0) rotate(-12deg) !important; opacity:0 !important;
  transition:transform .5s cubic-bezier(.34,1.7,.5,1), opacity .3s ease !important;
}
#header .menu > li:hover > a.ct-menu-link::after,
#header .menu > li.current-menu-item > a.ct-menu-link::after,
#header .menu > li.current-menu-ancestor > a.ct-menu-link::after,
#header .menu > li.current_page_item > a.ct-menu-link::after{
  transform:translate(-50%,0) scale(1) rotate(0deg) !important; opacity:1 !important;
}
body.home #header .menu > li > a.ct-menu-link::after{ background:var(--pav-peach) !important; }
body:not(.home) #header .menu > li > a.ct-menu-link::after{ background:var(--pav-wine) !important; }
@media (prefers-reduced-motion: reduce){
  #header .menu > li > a.ct-menu-link::after{ transition:opacity .2s ease !important; transform:translate(-50%,0) scale(1) rotate(0) !important; }
}

/* ============================================================
   MENÚ v16 — Tipografía FEMENINA (Fraunces mixed-case, como el hero)
   + coronita MÁS separada + color distinto activo vs hover
   + submenú SHOP más grande y feminino
   ============================================================ */
/* --- Menú principal: Fraunces mixed-case, grande y elegante --- */
#header .menu > li > a.ct-menu-link{
  font-family:'Fraunces',Georgia,serif !important;
  text-transform:none !important;
  font-size:20px !important; font-weight:450 !important;
  letter-spacing:.005em !important; line-height:1.05 !important;
  padding:40px 12px 12px !important;
  font-optical-sizing:auto !important;
}
/* --- Coronita indicador: MÁS separada (gap sobre el texto) --- */
#header .menu > li > a.ct-menu-link::after{
  top:2px !important; bottom:auto !important;
  width:30px !important; height:22px !important;
  -webkit-mask:url('crown.svg') center/contain no-repeat !important; mask:url('crown.svg') center/contain no-repeat !important;
}
/* --- Colores coronita + texto: distinto ACTIVO vs HOVER --- */
/* HOME (fondo burdeos): activo=peach, hover=crema clara */
body.home #header .menu > li > a.ct-menu-link::after{ background:var(--pav-peach) !important; }
body.home #header .menu > li:hover > a.ct-menu-link::after{ background:#fff2e6 !important; }
body.home #header .menu > li.current-menu-item > a.ct-menu-link::after,
body.home #header .menu > li.current-menu-ancestor > a.ct-menu-link::after,
body.home #header .menu > li.current_page_item > a.ct-menu-link::after{ background:var(--pav-peach) !important; }
body.home #header .menu > li:hover > a.ct-menu-link{ color:#ffe7d6 !important; }
body.home #header .menu > li.current-menu-item > a.ct-menu-link,
body.home #header .menu > li.current-menu-ancestor > a.ct-menu-link,
body.home #header .menu > li.current_page_item > a.ct-menu-link{ color:var(--pav-peach) !important; }
/* INTERIOR (fondo crema): activo=vino, hover=fresa roja */
body:not(.home) #header .menu > li > a.ct-menu-link::after{ background:var(--pav-wine) !important; }
body:not(.home) #header .menu > li:hover > a.ct-menu-link::after{ background:#d13b57 !important; }
body:not(.home) #header .menu > li.current-menu-item > a.ct-menu-link::after,
body:not(.home) #header .menu > li.current-menu-ancestor > a.ct-menu-link::after,
body:not(.home) #header .menu > li.current_page_item > a.ct-menu-link::after{ background:var(--pav-wine) !important; }
body:not(.home) #header .menu > li:hover > a.ct-menu-link{ color:#d13b57 !important; }
body:not(.home) #header .menu > li.current-menu-item > a.ct-menu-link,
body:not(.home) #header .menu > li.current-menu-ancestor > a.ct-menu-link,
body:not(.home) #header .menu > li.current_page_item > a.ct-menu-link{ color:var(--pav-wine) !important; }

/* --- Submenú SHOP: Fraunces mixed-case, MÁS grande, distancia justa --- */
#header .sub-menu{ margin-top:-12px !important; padding:12px !important; min-width:248px !important; }
#header .sub-menu a.ct-menu-link,
#header ul.sub-menu a.ct-menu-link span{
  font-family:'Fraunces',Georgia,serif !important;
  text-transform:none !important; font-size:16.5px !important; font-weight:450 !important;
  letter-spacing:.005em !important; padding:12px 18px !important;
}

/* ============================================================
   INTRO a pantalla completa (v17) — PAVLOVE + fresas entrelazadas
   Logo sólido, fresas completas, hover NÍTIDO por fresa, parallax.
   ============================================================ */
.pav-intro{
  position:relative; width:100%; min-height:100vh; min-height:100svh;
  background:var(--pav-bg); display:flex; align-items:center; justify-content:center;
  overflow:hidden; isolation:isolate;
}
.pav-intro-inner{ position:relative; width:100%; text-align:center; padding:120px 24px 90px; }
.pav-intro-eyebrow{
  font-family:'Aptos',system-ui,sans-serif; font-size:13px; letter-spacing:.32em; text-transform:uppercase;
  color:var(--pav-wine); opacity:.6; margin:0 0 44px;
  opacity:0; transform:translateY(10px); transition:opacity .8s ease, transform .8s var(--pav-eout);
}
.pav-intro-in .pav-intro-eyebrow{ opacity:.6; transform:none; }
.pav-intro-stage{ position:relative; width:min(1120px,88vw); aspect-ratio:1485/414; margin:0 auto; }
.pav-intro-word{
  position:absolute; inset:0; z-index:3;
  opacity:0; transform:translateY(22px); transition:opacity 1s ease, transform 1s var(--pav-eout);
}
.pav-intro-in .pav-intro-word{ opacity:1; transform:none; }
.pav-intro-letters{
  position:absolute; inset:0; background:var(--pav-wine);
  -webkit-mask:url('wordmark.svg') center/contain no-repeat; mask:url('wordmark.svg') center/contain no-repeat;
}
.pav-intro-berry{
  position:absolute; opacity:0; filter:blur(7px);
  transition:filter .55s var(--pav-eout), opacity .9s ease;
  cursor:pointer;
}
.pav-intro-in .pav-intro-berry{ opacity:1; }
.pav-intro-berry img{
  display:block; width:100%; transform:rotate(var(--rot,0deg));
  transition:transform .55s var(--pav-eout);
  filter:drop-shadow(0 26px 34px rgba(74,0,20,.30));
}
.pav-intro-berry:hover{ filter:blur(0); z-index:7; }
.pav-intro-berry:hover img{ transform:rotate(var(--rot,0deg)) scale(1.06); }
/* posiciones (entrelazadas con el logo) */
.pav-intro-berry.b1{ z-index:2; width:24%; left:-3%;  top:6%;   --rot:-13deg; transition-delay:.05s; }
.pav-intro-berry.b2{ z-index:4; width:21%; right:-2%; top:44%;  --rot:11deg;  transition-delay:.18s; }
.pav-intro-berry.b3{ z-index:2; width:14%; left:47%;  top:-30%; --rot:7deg;   transition-delay:.30s; }
.pav-intro-sub{
  font-family:'Fraunces',Georgia,serif; font-style:italic; font-size:clamp(18px,2.2vw,25px);
  color:var(--pav-wine); margin:48px auto 0; position:relative; z-index:5;
  opacity:0; transform:translateY(12px); transition:opacity .9s ease .15s, transform .9s var(--pav-eout) .15s;
}
.pav-intro-in .pav-intro-sub{ opacity:1; transform:none; }
.pav-intro-scroll{
  position:absolute; left:50%; bottom:34px; transform:translateX(-50%);
  font-family:'Aptos',system-ui,sans-serif; font-size:11px; letter-spacing:.26em; text-transform:uppercase;
  color:var(--pav-wine); opacity:.55; display:flex; flex-direction:column; align-items:center; gap:10px; z-index:5;
}
.pav-intro-scroll i{ width:1px; height:38px; background:linear-gradient(var(--pav-wine),transparent); display:block; animation:pavScrollLine 1.9s var(--pav-eout) infinite; transform-origin:top; }
@keyframes pavScrollLine{ 0%{transform:scaleY(0);opacity:0} 40%{transform:scaleY(1);opacity:.6} 100%{transform:scaleY(1) translateY(6px);opacity:0} }
@media (max-width:760px){
  .pav-intro-stage{ width:92vw; }
  .pav-intro-berry.b1{ width:34%; left:-8%; top:-2%; }
  .pav-intro-berry.b2{ width:32%; right:-8%; top:52%; }
  .pav-intro-berry.b3{ width:22%; left:52%; top:-26%; }
  .pav-intro-inner{ padding:120px 18px 90px; }
}
@media (prefers-reduced-motion: reduce){
  .pav-intro-eyebrow,.pav-intro-word,.pav-intro-sub,.pav-intro-berry{ opacity:1 !important; transform:none !important; transition:filter .3s ease !important; }
  .pav-intro-scroll i{ animation:none; }
}

/* ---- Header LEGIBLE sobre la intro hueso (texto/logo vino, fondo transparente) ---- */
body.home.pav-at-intro #header.ct-header,
body.home.pav-at-intro #header .ct-header-row-inner,
body.home.pav-at-intro #header [data-row="middle"],
body.home.pav-at-intro #header [data-row="top"]{ background:transparent !important; background-color:transparent !important; box-shadow:none !important; }
body.home.pav-at-intro #header .menu a, body.home.pav-at-intro #header .ct-menu-link,
body.home.pav-at-intro #header a, body.home.pav-at-intro #header .ct-icon, body.home.pav-at-intro #header svg{ color:var(--pav-wine) !important; }
body.home.pav-at-intro #header .menu > li > a.ct-menu-link::after{ background:var(--pav-wine) !important; }
body.home.pav-at-intro #header .menu > li:hover > a.ct-menu-link,
body.home.pav-at-intro #header .menu > li.current-menu-item > a.ct-menu-link{ color:var(--pav-wine) !important; }
body.home.pav-at-intro img.default-logo, body.home.pav-at-intro img.wp-image-730, body.home.pav-at-intro .site-logo-container img{ content:url('pavlove-logo-wine2.svg') !important; }
body.home.pav-at-intro #header .pav-cta-header{ background:var(--pav-wine) !important; color:var(--pav-cream) !important; }
body.home.pav-at-intro .pav-cta-header .pav-cta-ico{ stroke:var(--pav-cream) !important; color:var(--pav-cream) !important; }
body.home.pav-at-intro #header .pav-lang-btn{ color:var(--pav-wine) !important; border-color:rgba(94,1,20,.28) !important; }
body.home.pav-at-intro #header .pav-lang-btn span{ color:var(--pav-wine) !important; }
body.home.pav-at-intro #header [data-id="cart"] a.ct-cart-item{ border-color:rgba(94,1,20,.24) !important; }

/* Intro: icono carrito visible sobre hueso + fix del scroll hint */
body.home.pav-at-intro #header .ct-header-cart .ct-icon-container::after,
body.home.pav-at-intro #header [data-id="cart"] .ct-icon-container::after{ background-color:var(--pav-wine) !important; }
body.home.pav-at-intro #header [data-id="cart"] .ct-cart-count{ background:var(--pav-wine) !important; color:var(--pav-cream) !important; }

/* ============================================================
   INTRO inmersiva (v18): solo logo + fresas; el HEADER aparece al hacer scroll
   ============================================================ */
/* header se desliza y aparece; oculto mientras estás en la intro */
body.home #header{ transition:transform .6s var(--pav-eout), opacity .45s ease, background-color .4s var(--pav-eout), box-shadow .4s var(--pav-eout) !important; }
/* Intro: el header queda VISIBLE pero solo con hamburguesa + idioma (logo grande = el splash) */
body.home.pav-at-intro #header{ transform:none !important; opacity:1 !important; pointer-events:auto !important; }
body.home.pav-at-intro #header [data-id="logo"],
body.home.pav-at-intro #header .site-logo-container,
body.home.pav-at-intro #header .pav-cta-header,
body.home.pav-at-intro #header [data-id="cart"]{ display:none !important; }
body.home.pav-at-intro .pav-burger{ color:var(--pav-wine) !important; }
body.home.pav-at-intro #header .pav-lang-btn,
body.home.pav-at-intro #header .pav-lang-btn span{ color:var(--pav-wine) !important; }
body.home.pav-at-intro #header .pav-lang{ border-color:rgba(94,1,20,.28) !important; }
/* intro centrada solo con el logo + fresas */
.pav-intro-inner{ padding:0 24px !important; }
.pav-intro-stage{ margin:0 auto; }

/* Splash: ocultar también el botón flotante de WhatsApp durante la intro */
.pav-wa-float{ transition:opacity .5s ease, transform .5s var(--pav-eout) !important; }
body.home.pav-at-intro .pav-wa-float{ opacity:0 !important; transform:translateY(18px) scale(.85) !important; pointer-events:none !important; }

/* ============================================================
   INTRO v19 — LOGO ENTRELAZADO con las fresas (7 capas de letra)
   z-stack ascendente: P(1) b1(2) A(3) V(4) b3(5) L(6) O(7) V(8) b2(9) E(10)
   → cada fresa queda DETRÁS de una letra y DELANTE de la anterior.
   ============================================================ */
.pav-intro-letter{
  position:absolute; inset:0; background:var(--pav-wine);
  opacity:0; transform:translateY(20px); transition:opacity .8s ease, transform .8s var(--pav-eout);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain; mask-size:contain;
}
.pav-intro-in .pav-intro-letter{ opacity:1; transform:none; }
.pav-intro-letter.l1{ -webkit-mask-image:url('wm-1.svg'); mask-image:url('wm-1.svg'); z-index:1;  transition-delay:.04s; }
.pav-intro-letter.l2{ -webkit-mask-image:url('wm-2.svg'); mask-image:url('wm-2.svg'); z-index:3;  transition-delay:.10s; }
.pav-intro-letter.l3{ -webkit-mask-image:url('wm-3.svg'); mask-image:url('wm-3.svg'); z-index:4;  transition-delay:.16s; }
.pav-intro-letter.l4{ -webkit-mask-image:url('wm-4.svg'); mask-image:url('wm-4.svg'); z-index:6;  transition-delay:.22s; }
.pav-intro-letter.l5{ -webkit-mask-image:url('wm-5.svg'); mask-image:url('wm-5.svg'); z-index:7;  transition-delay:.28s; }
.pav-intro-letter.l6{ -webkit-mask-image:url('wm-6.svg'); mask-image:url('wm-6.svg'); z-index:8;  transition-delay:.34s; }
.pav-intro-letter.l7{ -webkit-mask-image:url('wm-7.svg'); mask-image:url('wm-7.svg'); z-index:10; transition-delay:.40s; }
/* z-index de las fresas dentro del tejido */
.pav-intro-berry.b1{ z-index:2 !important; }
.pav-intro-berry.b3{ z-index:5 !important; }
.pav-intro-berry.b2{ z-index:9 !important; }
/* reposiciono para que cada fresa cruce el límite entre dos letras */
.pav-intro-berry.b1{ width:22%; left:0%;    top:8%;   --rot:-12deg; }  /* cruza P↔A */
.pav-intro-berry.b3{ width:13%; left:38%;   top:-16%; --rot:7deg;  }   /* cruza V↔L */
.pav-intro-berry.b2{ width:22%; right:-5%;  top:46%;  --rot:12deg; }   /* cruza V↔E, asoma */
@media (prefers-reduced-motion: reduce){
  .pav-intro-letter{ opacity:1 !important; transform:none !important; }
}

/* Fix hover: las capas de letra NO deben capturar el cursor (su caja es completa aunque la máscara muestre solo la letra) */
.pav-intro-letter{ pointer-events:none !important; }
.pav-intro-berry{ pointer-events:auto !important; }
.pav-intro-berry img{ pointer-events:none; }

/* ============================================================
   MENÚ OVERLAY full-screen (v20) — botón hamburguesa + overlay estilo Rustico
   Sustituye el menú inline por burger + overlay con profundidad.
   ============================================================ */
/* ocultar el menú inline; mostrar burger */
#header [data-id="menu"]{ display:none !important; }
.pav-burger{
  display:flex !important; flex-direction:column; gap:6px; cursor:pointer; background:none; border:0; padding:12px 8px;
  color:var(--pav-cream); align-items:center; justify-content:center;
}
body:not(.home) .pav-burger{ color:var(--pav-wine); }
.pav-burger span{ width:30px; height:2.4px; background:currentColor; display:block; border-radius:2px; transition:transform .4s var(--pav-eout), width .3s ease; }
.pav-burger:hover span:nth-child(2){ width:22px; }
/* overlay */
.pav-ov{
  position:fixed; inset:0; z-index:2000;
  background:radial-gradient(125% 120% at 88% 0%,#74001a,#5e0114 55%,#43000e);
  clip-path:circle(0% at calc(100% - 60px) 56px); transition:clip-path .85s var(--pav-einout);
}
body:not(.pav-menu-open) .pav-ov{ pointer-events:none; }
body.pav-menu-open .pav-ov{ clip-path:circle(165% at calc(100% - 60px) 56px); }
.pav-ov::before{ content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 2px,transparent 2px 46px); opacity:.6; pointer-events:none; }
.pav-ov-top{ position:absolute; top:0; left:0; right:0; height:104px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(24px,4vw,56px); z-index:3; }
.pav-ov-logo{ height:44px; }
.pav-ov-close{ width:52px; height:52px; border-radius:50%; border:1.5px solid rgba(247,239,225,.4); background:transparent; color:var(--pav-cream); font-size:22px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:transform .4s var(--pav-eout), background .3s ease, border-color .3s ease; }
.pav-ov-close:hover{ transform:rotate(90deg); background:rgba(247,239,225,.12); border-color:var(--pav-cream); }
.pav-ov-inner{ position:relative; height:100%; display:grid; grid-template-columns:1.15fr .85fr; }
.pav-ov-nav{ align-self:center; padding:0 clamp(40px,7vw,90px); z-index:2; }
.pav-ov-nav a{ display:block; font-family:'Fraunces',Georgia,serif; font-size:clamp(38px,6vw,86px); line-height:1.2; color:var(--pav-cream); text-decoration:none; font-weight:400; letter-spacing:-.01em; position:relative; width:max-content;
  opacity:0; transform:translateY(42px); transition:color .3s ease; }
body.pav-menu-open .pav-ov-nav a{ animation:pavNavRise .85s var(--pav-eout) forwards; }
body.pav-menu-open .pav-ov-nav a:nth-child(1){ animation-delay:.26s } body.pav-menu-open .pav-ov-nav a:nth-child(2){ animation-delay:.34s }
body.pav-menu-open .pav-ov-nav a:nth-child(3){ animation-delay:.42s } body.pav-menu-open .pav-ov-nav a:nth-child(4){ animation-delay:.50s }
body.pav-menu-open .pav-ov-nav a:nth-child(5){ animation-delay:.58s } body.pav-menu-open .pav-ov-nav a:nth-child(6){ animation-delay:.66s }
@keyframes pavNavRise{ to{ opacity:1; transform:none } }
.pav-ov-nav a::before{ content:""; position:absolute; left:-56px; top:50%; width:36px; height:26px; transform:translateY(-50%) scale(0) rotate(-12deg);
  -webkit-mask:url('crown.svg') center/contain no-repeat; mask:url('crown.svg') center/contain no-repeat; background:var(--pav-peach); transition:transform .45s var(--pav-eout), opacity .3s ease; opacity:0; }
.pav-ov-nav a:hover{ color:var(--pav-peach); }
.pav-ov-nav a:hover::before{ transform:translateY(-50%) scale(1) rotate(0); opacity:1; }
.pav-ov-side{ position:relative; overflow:hidden; }
.pav-ov-side img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transform:scale(1.14); transition:opacity 1s ease .3s, transform 1.5s var(--pav-eout) .3s; }
body.pav-menu-open .pav-ov-side img{ opacity:1; transform:scale(1); }
.pav-ov-side::after{ content:""; position:absolute; inset:0; background:linear-gradient(210deg,transparent 38%,rgba(67,0,14,.55)); }
.pav-ov-cap{ position:absolute; left:42px; bottom:42px; right:42px; z-index:2; color:var(--pav-cream); }
.pav-ov-cap p{ font-family:'Fraunces',Georgia,serif; font-style:italic; font-size:25px; margin:0; }
.pav-ov-foot{ position:absolute; left:clamp(40px,7vw,90px); bottom:46px; display:flex; gap:24px; align-items:center; flex-wrap:wrap; color:var(--pav-peach); font-family:'Aptos',system-ui,sans-serif; font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  opacity:0; transition:opacity .6s ease .7s; z-index:2; }
body.pav-menu-open .pav-ov-foot{ opacity:.85; }
.pav-ov-foot a{ color:var(--pav-peach); text-decoration:none; transition:color .25s ease; }
.pav-ov-foot a:hover{ color:var(--pav-cream); }
@media (max-width:860px){
  .pav-ov-inner{ grid-template-columns:1fr; }
  .pav-ov-side{ display:none; }
  .pav-ov-nav{ padding-top:130px; align-self:start; }
  .pav-ov-foot{ position:static; margin:30px clamp(40px,7vw,90px); }
}
@media (prefers-reduced-motion: reduce){
  .pav-ov{ transition:clip-path .3s ease; }
  .pav-ov-nav a{ opacity:1; transform:none; animation:none !important; }
  .pav-ov-side img{ opacity:1; transform:none; }
}

/* ocultar el WhatsApp flotante cuando el overlay está abierto */
body.pav-menu-open .pav-wa-float{ opacity:0 !important; pointer-events:none !important; }

/* ============================================================
   INTRO v21 — LOGO MÁS GRANDE (casi a sangre, como "TRADITION") +
   entrada del hero al hacer scroll (sube como lámina + esquinas)
   ============================================================ */
.pav-intro-stage{ width:min(2100px,96vw) !important; }
@media (max-width:760px){ .pav-intro-stage{ width:95vw !important; } }
/* splash: recede suave al hacer scroll (lo aplica el JS con --pav-intro-p) */
.pav-intro-inner{ will-change:transform, opacity; }
/* hero entra como una lámina que sube (transform/opacidad los pone el JS) */
.pav-rehero{ transform-origin:center top; will-change:transform, border-radius; }

/* ============================================================
   INTRO v22 — REGLA: en reposo el LOGO va SIEMPRE encima (P visible);
   solo la fresa en HOVER se pone nítida y salta al frente. Fresa ÚNICA completa.
   ============================================================ */
.pav-intro-word{ z-index:5 !important; }
.pav-intro-berry{ z-index:2 !important; }                 /* reposo: detrás del logo */
.pav-intro-berry:hover{ z-index:12 !important; filter:blur(0) !important; }  /* hover: al frente + nítida */
.pav-intro-berry:hover img{ transform:rotate(var(--rot,0deg)) scale(1.06) !important; }
/* posiciones de la fresa única (asoma por detrás del logo) */
.pav-intro-berry.b1{ width:20% !important; left:-4% !important; top:4% !important;  --rot:-12deg; }
.pav-intro-berry.b2{ width:20% !important; right:-4% !important; left:auto !important; top:34% !important; --rot:12deg; }
.pav-intro-berry.b2 img{ transform:rotate(var(--rot)) scaleX(-1); }             /* variar: espejo */
.pav-intro-berry.b2:hover img{ transform:rotate(var(--rot)) scaleX(-1) scale(1.06) !important; }
.pav-intro-berry.b3{ width:12% !important; left:45% !important; top:-22% !important; --rot:8deg; }

/* la capa del logo no debe capturar el cursor (para que el hover llegue a las fresas detrás) */
.pav-intro-word, .pav-intro-letters{ pointer-events:none !important; }

/* ============================================================
   OVERLAY v23 — monograma P de fondo + CTA compra + redes visibles + rayas anchas
   ============================================================ */
/* monograma "P" grande, de arriba abajo, opacidad baja, detrás (elegante) */
.pav-ov-mono{ position:absolute; left:2%; top:50%; transform:translateY(-50%); height:118%; width:auto; z-index:0;
  filter:brightness(0) invert(1); opacity:.06; pointer-events:none; }
/* rayas de marca MÁS ANCHAS (como el packaging Pavlove) */
.pav-ov::before{ background:repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 46px, rgba(255,255,255,0) 46px 92px) !important; opacity:.9 !important; }
/* columna izquierda: menú + CTA */
.pav-ov-left{ align-self:center; padding:0 clamp(40px,7vw,90px); z-index:2; }
.pav-ov-nav{ padding:0 !important; align-self:auto !important; }
.pav-ov-cta{ display:inline-flex; align-items:center; gap:12px; margin-top:44px; background:var(--pav-cream); color:var(--pav-wine); text-decoration:none;
  font-family:'Aptos',system-ui,sans-serif; font-weight:700; font-size:14px; letter-spacing:.1em; text-transform:uppercase; padding:18px 36px; border-radius:999px;
  opacity:0; box-shadow:0 14px 32px -10px rgba(0,0,0,.45); transition:transform .35s var(--pav-eout), box-shadow .3s ease, background .3s ease; }
body.pav-menu-open .pav-ov-cta{ animation:pavNavRise .8s var(--pav-eout) .74s forwards; }
.pav-ov-cta i{ font-style:normal; transition:transform .3s var(--pav-eout); }
.pav-ov-cta:hover{ transform:translateY(-3px) scale(1.02); box-shadow:0 20px 44px -10px rgba(0,0,0,.55); }
.pav-ov-cta:hover i{ transform:translateX(6px); }
/* footer: lugar + redes con etiqueta */
.pav-ov-foot{ align-items:center; gap:30px; }
.pav-ov-place{ font-weight:600; }
.pav-ov-social{ display:flex; align-items:center; gap:22px; }
.pav-ov-social > span:first-child{ opacity:.55; letter-spacing:.2em; }
.pav-ov-social a{ position:relative; }
.pav-ov-social a:hover{ color:var(--pav-cream); }
@media (max-width:860px){
  .pav-ov-mono{ opacity:.05; left:-10%; }
  .pav-ov-cta{ margin-top:30px; }
  .pav-ov-foot{ flex-direction:column; align-items:flex-start; gap:16px; }
  .pav-ov-social{ flex-wrap:wrap; gap:14px; }
}

/* X de cierre arriba a la derecha (ya no hay logo a la izquierda) */
.pav-ov-top{ justify-content:flex-end !important; }

/* ============================================================
   INTRO v24 — FRESAS COMPLETAS dentro de pantalla + SIEMPRE detrás del logo
   (mayor especificidad para ganar a .pav-intro-berry.bN{z-index} de v19)
   ============================================================ */
.pav-intro-stage .pav-intro-berry{ z-index:2 !important; }
.pav-intro-stage .pav-intro-berry:hover{ z-index:12 !important; filter:blur(0) !important; }
/* posiciones: enteras, sin sangrar por los bordes */
.pav-intro-stage .pav-intro-berry.b1{ width:15% !important; left:2% !important; right:auto !important; top:36% !important; --rot:-10deg; }
.pav-intro-stage .pav-intro-berry.b2{ width:15% !important; right:2% !important; left:auto !important; top:28% !important; --rot:10deg; }
.pav-intro-stage .pav-intro-berry.b3{ width:15% !important; left:43% !important; right:auto !important; top:-26% !important; --rot:7deg; }

/* ============================================================
   OVERLAY v25 — maquetación limpia (sin superposición) + P/rayas sin chocar
   ============================================================ */
.pav-ov-inner{ height:100vh !important; align-items:stretch !important; }
.pav-ov-left{ align-self:stretch !important; display:flex !important; flex-direction:column !important;
  padding:120px clamp(40px,7vw,90px) 56px !important; position:relative; z-index:2; }
.pav-ov-mid{ margin:auto 0; }                 /* menú + CTA centrados; empuja el footer abajo */
.pav-ov-cta{ margin-top:40px !important; }
/* footer en FLUJO, al fondo de la columna (ya no absoluto → no se superpone) */
.pav-ov-foot{ position:static !important; left:auto !important; bottom:auto !important;
  display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:14px !important;
  margin-top:24px; opacity:0; transition:opacity .6s ease .7s; }
body.pav-menu-open .pav-ov-foot{ opacity:.85; }
.pav-ov-place{ font-weight:600; }
.pav-ov-social{ display:flex !important; align-items:center; gap:22px; flex-wrap:wrap; }
.pav-ov-social-lbl{ opacity:.55; letter-spacing:.2em; }
/* monograma P + rayas: que NO choquen en opacidad */
.pav-ov::before{ background:repeating-linear-gradient(90deg, rgba(255,255,255,.032) 0 56px, transparent 56px 112px) !important; opacity:1 !important; }
.pav-ov-mono{ left:-9% !important; height:134% !important; opacity:.5 !important; mix-blend-mode:soft-light !important; filter:none !important; }

/* ============================================================
   OVERLAY v26 — que CTA + redes + textos SIEMPRE quepan (adaptar a la ALTURA)
   ============================================================ */
.pav-ov-inner{ overflow-y:auto !important; }                 /* fallback scroll en pantallas muy bajas */
.pav-ov-nav a{ font-size:min(clamp(32px,5.4vw,78px), 8.6vh) !important; line-height:1.12 !important; }
.pav-ov-left{ padding-top:90px !important; padding-bottom:38px !important; }
.pav-ov-cta{ margin-top:26px !important; }
@media (max-height:820px){
  .pav-ov-left{ padding-top:74px !important; padding-bottom:26px !important; }
  .pav-ov-cta{ margin-top:16px !important; padding:13px 26px !important; }
  .pav-ov-foot{ margin-top:12px !important; gap:8px !important; }
  .pav-ov-social{ gap:16px !important; }
}
@media (max-height:640px){
  .pav-ov-nav a{ font-size:min(clamp(26px,5vw,60px), 9vh) !important; }
  .pav-ov-left{ padding-top:64px !important; }
}

/* ============================================================
   OVERLAY v27 — P más OSCURA que las líneas (líneas detrás) + CTA mejorado + video IG
   ============================================================ */
/* Monograma P: por DELANTE de las rayas y MÁS OSCURO (multiply) — ya no se mezclan */
.pav-ov-mono{ mix-blend-mode:multiply !important; opacity:.55 !important; filter:none !important; left:-7% !important; height:130% !important; }
.pav-ov::before{ opacity:1 !important; }   /* rayas sutiles, quedan detrás del mono por orden de pintado */

/* CTA "Ordenar ahora" — color + hover premium (relleno peach que barre + flecha) */
.pav-ov-cta{ position:relative; overflow:hidden; border:0 !important; background:var(--pav-cream) !important; color:var(--pav-wine) !important; box-shadow:0 12px 30px -12px rgba(0,0,0,.5) !important; }
.pav-ov-cta > span, .pav-ov-cta > i{ position:relative; z-index:2; }
.pav-ov-cta::before{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,var(--pav-peach),#f7d9c4); transform:translateX(-101%); transition:transform .5s var(--pav-eout); }
.pav-ov-cta:hover{ color:var(--pav-wine) !important; transform:translateY(-3px) scale(1.03) !important; box-shadow:0 22px 48px -12px rgba(0,0,0,.6) !important; }
.pav-ov-cta:hover::before{ transform:translateX(0); }
.pav-ov-cta:hover > i{ transform:translateX(7px); }
.pav-ov-cta:active{ transform:translateY(-1px) scale(1) !important; }

/* Panel derecho: video/reel de Instagram grande */
.pav-ov-video{ position:absolute; inset:0; width:100%; height:100%; border:0; background:#43000e; }
.pav-ov-side.is-video::after{ display:none; }

/* foto real de la pavlova en el panel: encuadre hacia el producto */
.pav-ov-side img{ object-position:center 40% !important; }

/* ============================================================
   OVERLAY v28 — menú desplazado a la DERECHA (no encima del monograma P)
   ============================================================ */
.pav-ov-left{ padding-left:clamp(150px, 20vw, 330px) !important; }
.pav-ov-mono{ left:-12% !important; height:112% !important; }
@media (max-width:860px){
  .pav-ov-left{ padding-left:clamp(40px,7vw,90px) !important; }  /* móvil: normal */
  .pav-ov-mono{ left:-16% !important; }
}

/* ============================================================
   OVERLAY v29 — revertir menú a la IZQ (spacing que gustaba) + P sutil + foto cercana
   ============================================================ */
.pav-ov-left{ padding-left:clamp(40px, 7vw, 96px) !important; }
.pav-ov-mono{ opacity:.34 !important; left:-8% !important; height:118% !important; }
.pav-ov-side img{ object-position:center 46% !important; }
@media (max-width:860px){ .pav-ov-left{ padding-left:clamp(40px,7vw,90px) !important; } }

/* ============================================================
   INTRO v30 — logo animado LETRA POR LETRA (efecto "escritura", reveal izq→dcha)
   7 capas de letra, TODAS por encima de las fresas (logo siempre delante en reposo)
   ============================================================ */
.pav-intro-stage .pav-intro-letter{
  z-index:5 !important; pointer-events:none !important;
  background:var(--pav-wine) !important; opacity:1 !important; transform:none !important;
  transition:none !important;
  clip-path:inset(0 100% 0 0);              /* oculto: se revela de izquierda a derecha */
}
.pav-intro-in .pav-intro-letter{ animation:pavWrite .72s cubic-bezier(.22,.68,.24,1) forwards; }
.pav-intro-in .pav-intro-letter.l1{ animation-delay:.20s }
.pav-intro-in .pav-intro-letter.l2{ animation-delay:.33s }
.pav-intro-in .pav-intro-letter.l3{ animation-delay:.46s }
.pav-intro-in .pav-intro-letter.l4{ animation-delay:.59s }
.pav-intro-in .pav-intro-letter.l5{ animation-delay:.72s }
.pav-intro-in .pav-intro-letter.l6{ animation-delay:.85s }
.pav-intro-in .pav-intro-letter.l7{ animation-delay:.98s }
@keyframes pavWrite{ from{ clip-path:inset(0 100% 0 0) } to{ clip-path:inset(0 0 0 0) } }
@media (prefers-reduced-motion: reduce){
  .pav-intro-stage .pav-intro-letter{ clip-path:none !important; animation:none !important; }
}

/* v31: P otra vez OSCURA (Rackel: no le dije que la cambiara) + encuadre foto nueva */
.pav-ov-mono{ opacity:.55 !important; }
.pav-ov-side img{ object-position:center 40% !important; }

/* ============================================================
   INTRO v32 — logo estilo TRAZADO: se dibuja el contorno de cada letra
   y luego se rellena, en secuencia (como escribiéndolo a mano)
   ============================================================ */
.pav-intro-word .pav-wm-anim{ position:absolute; inset:0; width:100%; height:100%; display:block; overflow:visible; }
.pav-intro-word .pav-wm-anim path{
  fill:var(--pav-wine); fill-opacity:0;
  stroke:var(--pav-wine); stroke-width:2.4; stroke-linejoin:round; stroke-linecap:round;
  stroke-dasharray:1; stroke-dashoffset:1;
}
.pav-intro-in .pav-wm-anim path{ animation:pavDraw .8s ease forwards, pavInk .5s ease forwards; }
.pav-intro-in .pav-wm-anim path:nth-child(1){ animation-delay:.15s, .60s }
.pav-intro-in .pav-wm-anim path:nth-child(2){ animation-delay:.37s, .82s }
.pav-intro-in .pav-wm-anim path:nth-child(3){ animation-delay:.59s, 1.04s }
.pav-intro-in .pav-wm-anim path:nth-child(4){ animation-delay:.81s, 1.26s }
.pav-intro-in .pav-wm-anim path:nth-child(5){ animation-delay:1.03s, 1.48s }
.pav-intro-in .pav-wm-anim path:nth-child(6){ animation-delay:1.25s, 1.70s }
.pav-intro-in .pav-wm-anim path:nth-child(7){ animation-delay:1.47s, 1.92s }
@keyframes pavDraw{ to{ stroke-dashoffset:0 } }
@keyframes pavInk{ to{ fill-opacity:1 } }
@media (prefers-reduced-motion: reduce){
  .pav-intro-word .pav-wm-anim path{ fill-opacity:1 !important; stroke:none !important; stroke-dashoffset:0 !important; animation:none !important; }
}

/* ============================================================
   OVERLAY v33 — imagen más ANCHA + menú un poco más a la derecha (aire cómodo)
   ============================================================ */
.pav-ov-inner{ grid-template-columns:1fr 1.18fr !important; }   /* imagen más ancha (~54%) */
.pav-ov-left{ padding-left:clamp(84px, 12vw, 180px) !important; }  /* menú un poco a la derecha */
.pav-ov-mono{ left:-13% !important; }                            /* P un pelín más a la izq (que no la pise el menú) */
.pav-ov-side img{ object-position:center 42% !important; }
@media (max-width:860px){
  .pav-ov-inner{ grid-template-columns:1fr !important; }
  .pav-ov-left{ padding-left:clamp(40px,7vw,90px) !important; }
}

/* v33b — menú un poco más a la derecha (despejar la P) + redes en una línea */
.pav-ov-left{ padding-left:clamp(104px, 14vw, 210px) !important; }
.pav-ov-social{ gap:14px !important; }
.pav-ov-social a, .pav-ov-social .pav-ov-social-lbl{ font-size:11px !important; letter-spacing:.1em !important; }
.pav-ov-foot{ flex-wrap:nowrap !important; }

/* v34 — P a plena opacidad + retoque MUY sutil de color en la foto (sin sobreeditar) */
.pav-ov-mono{ opacity:1 !important; }
.pav-ov-side img{ filter:saturate(1.07) contrast(1.03) brightness(1.015) !important; }

/* ============================================================
   SCROLL CINEMATOGRÁFICO (v35) — secciones "entran a escena"
   movimiento grande (100-120px) + blur (10-13px) + escala (.95-.965)
   + ligera rotación que se endereza + easing que frena al final. NO sutil.
   ============================================================ */
:root{ --pav-cine:cubic-bezier(.16,.84,.3,1); }
/* Títulos / párrafos */
.pav-txt-reveal{ opacity:.08; transform:translateY(105px) scale(.965); filter:blur(12px); will-change:transform,opacity,filter; }
.pav-txt-reveal.is-in{ opacity:1; transform:none; filter:blur(0);
  transition:opacity 1s ease, transform 1.25s var(--pav-cine), filter 1s ease; }
/* bloques genéricos */
.pav-reveal{ opacity:.08; transform:translateY(115px) scale(.96); filter:blur(12px); transition:none; }
.pav-reveal.pav-in{ opacity:1; transform:none; filter:blur(0);
  transition:opacity 1s ease, transform 1.3s var(--pav-cine), filter 1s ease; }
/* Tarjetas "Favoritas": entran una tras otra, con leve rotación que se endereza */
.pav-card{ opacity:.06; transform:translateY(125px) scale(.945) rotate(-1.4deg); filter:blur(13px);
  transition:opacity .9s ease var(--pav-card-delay,0ms),
             transform 1.3s var(--pav-cine) var(--pav-card-delay,0ms),
             filter .9s ease var(--pav-card-delay,0ms); }
.pav-card.is-in{ opacity:1; transform:none; filter:blur(0); }
/* Banda de cifras */
.pav-stats{ opacity:.1; transform:translateY(95px) scale(.96); filter:blur(10px); }
.pav-stats.is-in{ opacity:1; transform:none; filter:blur(0);
  transition:opacity 1s ease, transform 1.25s var(--pav-cine), filter 1s ease; }
/* Sección MONO (anatomía) — título/subtítulo más dramáticos */
.pav-anatomy-title, .pav-txt-reveal.pav-anatomy-title{ }
.pav-anatomy-section .pav-anatomy-title{ opacity:.08; transform:translateY(100px) scale(.965); filter:blur(11px); }
.pav-anatomy-section.is-in .pav-anatomy-title{ opacity:1 !important; transform:none; filter:blur(0);
  transition:opacity 1s ease .05s, transform 1.25s var(--pav-cine) .05s, filter 1s ease .05s; }
.pav-anatomy-section .pav-anatomy-subtitle{ opacity:.08; transform:translateY(80px); filter:blur(9px); }
.pav-anatomy-section.is-in .pav-anatomy-subtitle{ opacity:1 !important; transform:none; filter:blur(0);
  transition:opacity 1s ease .25s, transform 1.2s var(--pav-cine) .25s, filter 1s ease .25s; }
/* Páginas interiores */
html.pav-js .pav-ireveal{ opacity:.08; transform:translateY(105px) scale(.965); filter:blur(12px); }
html.pav-js .pav-ireveal.is-in{ opacity:1; transform:none; filter:blur(0);
  transition:opacity 1s ease, transform 1.28s var(--pav-cine), filter 1s ease; }
html.pav-js .pav-ireveal-card{ opacity:.06; transform:translateY(120px) scale(.95) rotate(-1.2deg); filter:blur(13px); }
html.pav-js .pav-ireveal-card.is-in{ opacity:1; transform:none; filter:blur(0);
  transition:opacity .9s ease var(--pav-i-delay,0ms), transform 1.3s var(--pav-cine) var(--pav-i-delay,0ms), filter .9s ease var(--pav-i-delay,0ms); }
@media (prefers-reduced-motion: reduce){
  .pav-txt-reveal, .pav-reveal, .pav-card, .pav-stats, html.pav-js .pav-ireveal, html.pav-js .pav-ireveal-card,
  .pav-anatomy-section .pav-anatomy-title, .pav-anatomy-section .pav-anatomy-subtitle{
    opacity:1 !important; transform:none !important; filter:none !important; }
}

/* ============================================================
   HERO v36 — sin foto, TEXTOS CENTRADOS, más grande y atractivo
   ============================================================ */
.pav-rehero-photo{ display:none !important; }
.pav-rehero-grid{
  grid-template-columns:1fr !important; justify-items:center !important; text-align:center !important;
  max-width:1180px !important; margin:0 auto !important;
  padding:clamp(120px,17vh,190px) clamp(24px,6vw,80px) clamp(78px,10vh,120px) !important;
}
.pav-rehero-text{ align-items:center !important; text-align:center !important; }
.pav-rehero .pav-eyebrow{ text-align:center !important; }
.pav-rehero-title{ max-width:16ch !important; margin-left:auto !important; margin-right:auto !important;
  font-size:clamp(2.7rem,6.2vw,5.4rem) !important; line-height:1.04 !important; }
.pav-rehero-sub{ max-width:60ch !important; margin:22px auto 0 !important; }
.pav-rehero-cta{ justify-content:center !important; margin-top:34px !important; }
.pav-rehero-rule{ position:static !important; justify-content:center !important; margin:40px auto 0 !important; }
/* bloom centrado detrás del título (profundidad) */
.pav-rehero-bloom{ left:50% !important; top:34% !important; transform:translate(-50%,-50%) !important; }
@media (max-width:760px){
  .pav-rehero-grid{ padding:120px 22px 60px !important; }
  .pav-rehero-title{ font-size:2.4rem !important; }
}

/* ============================================================
   HEADER v37 — moderno: LOGO CENTRADO · hamburguesa izq · acciones dcha
   ============================================================ */
#header [data-row="middle"] .ct-container{ position:relative !important; }
/* logo al centro */
#header [data-row="middle"] .ct-container > *:has([data-id="logo"]){
  position:absolute !important; left:50% !important; top:50% !important;
  transform:translate(-50%,-50%) !important; margin:0 !important; z-index:2 !important;
}
/* hamburguesa a la izquierda */
#header .pav-burger{
  position:absolute !important; left:clamp(20px,3vw,46px) !important; top:50% !important;
  transform:translateY(-50%) !important; z-index:4 !important;
}
/* acciones (ES · Ordenar ahora · carrito) a la derecha */
#header [data-row="middle"] .ct-container > *:has([data-id="cart"]){ margin-left:auto !important; z-index:3 !important; }
/* un pelín más de aire vertical, limpio */
#header [data-row="middle"]{ min-height:104px !important; }
@media (max-width:760px){
  #header .pav-burger{ left:16px !important; }
}

/* En la INTRO (splash con logo gigante) la hamburguesa vuelve a la derecha junto al ES (no choca con la P gigante) */
body.home.pav-at-intro #header .pav-burger{ position:static !important; left:auto !important; transform:none !important; }

/* ============================================================
   HERO v38 — título ADAPTADO al espacio (usa el ancho, líneas equilibradas)
   ============================================================ */
.pav-rehero-title{
  max-width:min(93vw, 1080px) !important;
  font-size:clamp(2.9rem, 7vw, 6rem) !important;
  line-height:1.03 !important; text-wrap:balance !important;
  letter-spacing:-.015em !important;
}
.pav-rehero-sub{ max-width:62ch !important; font-size:clamp(15px,1.5vw,19px) !important; }
@media (max-width:760px){ .pav-rehero-title{ font-size:2.5rem !important; } }

/* ==========================================================================
   FIX MÓVIL (2026-07-19) — ingredientes "¿Nunca has probado?" en lista limpia
   En desktop los ingredientes van a 2 lados (izq texto-derecha / der texto-izq).
   En móvil se apilaban conservando esa alineación opuesta = zigzag.
   Aquí se normalizan a una lista vertical alineada a la IZQUIERDA (estándar RR).
   ========================================================================== */
@media (max-width:820px){
  .pav-anatomy-grid{ flex-direction:column !important; align-items:center !important; }
  .pav-anatomy-side{
    width:100% !important; max-width:400px !important; height:auto !important;
    align-items:stretch !important;
  }
  .pav-anatomy-side.left .pav-anatomy-label,
  .pav-anatomy-side.right .pav-anatomy-label{
    flex-direction:row !important;
    justify-content:flex-start !important;
    text-align:left !important;
    transform:none !important;
    width:100% !important; max-width:340px !important;
    margin:14px auto !important;
  }
  .pav-anatomy-side.left .pav-anatomy-txt,
  .pav-anatomy-side.right .pav-anatomy-txt{
    align-items:flex-start !important; text-align:left !important;
  }
  .pav-anatomy-section.is-in .pav-anatomy-side.left .pav-anatomy-label,
  .pav-anatomy-section.is-in .pav-anatomy-side.right .pav-anatomy-label{
    transform:none !important;
  }
}

/* ==========================================================================
   SCROLL CINEMATOGRÁFICO (2026-07-19) — overrides cuando GSAP está activo.
   Solo aplican con html.pav-gsap (lo añade pavlove-scroll.js SI hay GSAP y NO
   hay reduced-motion). Sin GSAP → nada de esto aplica y queda el diseño previo.
   ========================================================================== */
html.pav-gsap .pav-anatomy-section{ min-height:100vh; }        /* para fijar (pin) a pantalla completa */
html.pav-gsap .pav-anatomy-center{ opacity:1 !important; }     /* visible siempre; GSAP controla la escala */
@media (max-width:820px){
  html.pav-gsap .pav-anatomy-section{ min-height:0; }          /* en móvil NO se fija: lista vertical normal */
}

/* ==========================================================================
   CAP · GALERÍA HORIZONTAL "Favoritas por pulgadas" (2026-07-19)
   Desktop: se fija (pin GSAP) y las tarjetas se deslizan de lado.
   Móvil (sin GSAP-pin): carrusel de swipe nativo con scroll-snap.
   Marca: hueso + burdeos + Fraunces. Reversible.
   ========================================================================== */
.pav-hgallery{ position:relative; background:var(--pav-bg,#EFE6D6); overflow:hidden; }
html.pav-gsap .pav-hgallery{ height:100vh; }
.pav-hg-track{ display:flex; align-items:center; gap:clamp(28px,4vw,60px);
  padding:0 clamp(24px,6vw,90px); width:max-content; min-height:100vh; }
.pav-hg-intro{ flex:0 0 auto; width:min(60vw,560px); }
.pav-hg-eyebrow{ font-family:'Inter',sans-serif; font-weight:600; text-transform:uppercase;
  letter-spacing:.26em; font-size:12px; color:var(--pav-berry,#d13b57); margin-bottom:1rem; }
.pav-hg-title{ font-family:'Fraunces',serif !important; font-weight:330 !important;
  font-size:clamp(2.4rem,5.4vw,4.8rem) !important; line-height:1.02 !important;
  letter-spacing:-.015em !important; color:var(--pav-wine,#5e0114) !important; max-width:12ch; text-wrap:balance; }
.pav-hg-intro p{ margin-top:1.3rem; max-width:36ch; color:#6d3340; font-size:16px; line-height:1.7; }
.pav-hg-arrow{ margin-top:1.8rem; display:inline-flex; align-items:center; gap:12px;
  font-family:'Inter',sans-serif; font-weight:600; letter-spacing:.1em; text-transform:uppercase; font-size:12px; color:var(--pav-berry,#d13b57); }
.pav-hg-arrow i{ width:52px; height:1.5px; background:currentColor; position:relative; display:inline-block; }
.pav-hg-arrow i::after{ content:''; position:absolute; right:0; top:-3px; width:7px; height:7px;
  border-top:1.5px solid currentColor; border-right:1.5px solid currentColor; transform:rotate(45deg); }
.pav-hg-card{ flex:0 0 auto; width:clamp(280px,28vw,400px); text-align:center; }
.pav-hg-stage{ position:relative; height:52vh; max-height:520px; display:flex; align-items:flex-end; justify-content:center; }
.pav-hg-stage::after{ content:''; position:absolute; bottom:6%; left:50%; transform:translateX(-50%);
  width:66%; height:24px; border-radius:50%; background:rgba(94,1,20,.16); filter:blur(14px); z-index:0; }
.pav-hg-card img{ position:relative; z-index:1; width:auto; max-width:none; object-fit:contain;
  filter:drop-shadow(0 26px 40px rgba(94,1,20,.28)); will-change:transform; }
.pav-hg-badge{ display:inline-block; margin-bottom:.9rem; font-family:'Inter',sans-serif; font-weight:600;
  font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--pav-cream,#F7EFE1);
  background:var(--pav-wine,#5e0114); padding:7px 16px; border-radius:100px; }
.pav-hg-name{ font-family:'Fraunces',serif; font-weight:360; font-size:clamp(1.8rem,3vw,2.7rem);
  color:var(--pav-wine,#5e0114); margin-top:1rem; line-height:1.05; }
.pav-hg-price{ font-family:'Fraunces',serif; font-weight:400; font-size:1.5rem; color:var(--pav-berry,#d13b57); margin-top:.2rem; }
.pav-hg-por{ font-family:'Inter',sans-serif; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#9a6472; margin-top:.5rem; }
.pav-hg-prog{ position:absolute; bottom:5.5vh; left:clamp(24px,6vw,90px); right:clamp(24px,6vw,90px);
  height:2px; background:rgba(94,1,20,.12); z-index:5; }
.pav-hg-prog i{ display:block; height:100%; background:var(--pav-berry,#d13b57); transform:scaleX(0); transform-origin:left; }
.pav-hg-cta{ flex:0 0 auto; width:min(48vw,380px); display:flex; flex-direction:column; justify-content:center; gap:1rem; }
.pav-hg-cta h3{ font-family:'Fraunces',serif !important; font-weight:330 !important; font-size:clamp(2rem,4vw,3.4rem) !important; color:var(--pav-wine,#5e0114) !important; max-width:12ch; }
.pav-hg-cta a{ align-self:flex-start; }

/* ----- Móvil: carrusel de swipe nativo (sin pin) ----- */
@media (max-width:820px){
  html.pav-gsap .pav-hgallery, .pav-hgallery{ height:auto; }
  .pav-hg-track{ width:auto; min-height:0; overflow-x:auto; scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch; padding:8vh clamp(18px,6vw,28px); gap:20px; }
  .pav-hg-track::-webkit-scrollbar{ display:none; }
  .pav-hg-intro{ width:78vw; scroll-snap-align:center; }
  .pav-hg-card{ width:74vw; scroll-snap-align:center; }
  .pav-hg-stage{ height:38vh; }
  .pav-hg-prog{ display:none; }
  .pav-hg-cta{ width:74vw; }
}

/* CTA de la galería como píldora rellena (por si .pav-btn-solid no aplica en contexto inyectado) */
.pav-hg-cta a{ display:inline-block; background:var(--pav-wine,#5e0114); color:var(--pav-cream,#F7EFE1) !important;
  font-family:'Inter',sans-serif; font-weight:600; letter-spacing:.08em; text-transform:uppercase; font-size:12px;
  padding:15px 30px; border-radius:100px; text-decoration:none; box-shadow:0 12px 26px rgba(94,1,20,.22); transition:transform .3s var(--pav-eout,ease), box-shadow .3s ease; }
.pav-hg-cta a:hover{ transform:translateY(-3px) scale(1.03); box-shadow:0 18px 34px rgba(94,1,20,.32); }

/* Pin anatomía: dar aire arriba para que el título no quede bajo el header, y ajustar
   el tamaño para que la composición entera quepa en pantalla al fijarse (solo desktop). */
html.pav-gsap .pav-anatomy-section{ padding-top:132px !important; padding-bottom:46px !important; }
html.pav-gsap .pav-anatomy-center{ flex-basis:360px !important; }
@media (max-width:820px){
  html.pav-gsap .pav-anatomy-section{ padding-top:56px !important; padding-bottom:56px !important; }
  html.pav-gsap .pav-anatomy-center{ flex-basis:300px !important; }
}

/* ==========================================================================
   HEADER v38 (2026-07-19) — logo IZQUIERDA · acciones DERECHA (ES·Ordenar·
   carrito·menú) · compacto + ENCOGE al scroll. Splash: menú+ES agrupados.
   Sustituye el logo-centrado v37. Gana por cascada (va al final).
   ========================================================================== */
#header [data-row="middle"] .ct-container{
  align-items:center !important; min-height:84px !important;
  padding:0 clamp(18px,3vw,44px) !important; transition:min-height .32s ease !important;
}
/* Logo a la IZQUIERDA (quitar el centrado absoluto de v37) */
#header [data-row="middle"] .ct-container > *:has([data-id="logo"]){
  position:static !important; left:auto !important; top:auto !important; transform:none !important;
  flex:0 0 auto !important; order:0 !important;
}
/* Zona menú (vacía, usamos overlay) = espaciador flexible que empuja las acciones a la derecha */
#header [data-row="middle"] .ct-container > *:has([data-id="menu"]){ flex:1 1 auto !important; order:1 !important; }
/* Zona acciones a la DERECHA */
#header [data-row="middle"] .ct-container > *:has([data-id="cart"]),
#header [data-row="middle"] .ct-container > *:has([data-id="socials"]){
  flex:0 0 auto !important; order:2 !important; margin-left:auto !important;
}
/* Burger: quitar absolute-left → fluye dentro de las acciones, a la derecha del carrito */
.pav-burger{ position:static !important; left:auto !important; right:auto !important; order:9 !important; margin-left:4px !important; }
/* Logo tamaño compacto */
#header [data-row="middle"] .ct-container img.default-logo,
#header [data-row="middle"] .ct-container .site-logo-container img{ height:54px !important; width:auto !important; }
/* ENCOGE al hacer scroll */
body.pav-scrolled #header [data-row="middle"] .ct-container{ min-height:64px !important; }
body.pav-scrolled #header [data-row="middle"] .ct-container img.default-logo,
body.pav-scrolled #header [data-row="middle"] .ct-container .site-logo-container img{ height:44px !important; }

/* --- SPLASH: menú + ES agrupados arriba-derecha (no flotando sobre el logo) --- */
body.home.pav-at-intro #header [data-row="middle"] .ct-container{ min-height:78px !important; }
body.home.pav-at-intro .pav-lang{ margin-right:2px !important; }

/* --- HEADER v38 · corrección de especificidad (altura en la FILA + burger a la dcha) --- */
#header [data-row="middle"]{ min-height:74px !important; }
#header [data-row="middle"] .ct-container{ min-height:74px !important; }
body.pav-scrolled #header [data-row="middle"],
body.pav-scrolled #header [data-row="middle"] .ct-container{ min-height:60px !important; }
body.home.pav-at-intro #header [data-row="middle"],
body.home.pav-at-intro #header [data-row="middle"] .ct-container{ min-height:74px !important; }
/* burger: forzar estático (gana a #header .pav-burger absolute de v37) → cae en las acciones a la derecha */
#header .pav-burger{
  position:static !important; left:auto !important; right:auto !important; top:auto !important;
  transform:none !important; order:9 !important; margin-left:6px !important;
}

/* --- HEADER v38 · forzar altura compacta real --- */
#header [data-row="middle"]{ min-height:0 !important; }
#header [data-row="middle"] .ct-container{ min-height:0 !important; height:76px !important; align-items:center !important; }
body.pav-scrolled #header [data-row="middle"] .ct-container{ height:62px !important; }
body.home.pav-at-intro #header [data-row="middle"] .ct-container{ height:76px !important; }
/* CTA "Ordenar ahora" más bajo para que no infle el header */
#header .pav-cta-header{ padding-top:11px !important; padding-bottom:11px !important; }
/* carrito y botones un pelín más compactos */
#header .ct-header-cart .ct-cart-item{ width:42px !important; height:42px !important; }

/* ==========================================================================
   CAP · "EN REDES" integrado en el BLOQUE OSCURO del hero (2026-07-19)
   Collage editorial de reels + burbujas LIQUID GLASS con comentarios.
   Va justo tras el hero, mismo burdeos = parece el mismo bloque oscuro.
   ========================================================================== */
.pav-social{ position:relative; overflow:hidden; padding:8vh 0 11vh;
  background:radial-gradient(120% 90% at 50% 24%, #6a0018 0%, #4c000e 68%, #43000e 100%); color:var(--pav-cream); }
.pav-social-head{ text-align:center; max-width:820px; margin:0 auto 2vh; padding:0 24px; position:relative; z-index:6; }
.pav-social-head .pav-soc-eyebrow{ font-family:'Inter',sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:.28em; font-size:12px; color:var(--pav-peach); }
.pav-social-head h2{ font-family:'Fraunces',serif !important; font-weight:330 !important; color:var(--pav-cream) !important;
  font-size:clamp(2.4rem,5.6vw,4.6rem) !important; line-height:1.03 !important; letter-spacing:-.015em !important; margin:.6rem 0 1rem !important; }
.pav-social-head h2 em{ font-style:italic; color:var(--pav-peach); }
.pav-social-head p{ color:rgba(244,201,176,.85); font-size:16px; line-height:1.7; max-width:52ch; margin:0 auto; }
.pav-soc-follow{ display:inline-flex; align-items:center; gap:10px; margin-top:1.6rem; background:var(--pav-cream); color:var(--pav-wine) !important;
  text-decoration:none; font-family:'Inter',sans-serif; font-weight:600; letter-spacing:.06em; text-transform:uppercase; font-size:12px; padding:14px 28px; border-radius:100px; box-shadow:0 14px 30px rgba(0,0,0,.28); transition:transform .3s var(--pav-eout,ease); }
.pav-soc-follow:hover{ transform:translateY(-3px) scale(1.03); }

.pav-collage{ position:relative; max-width:1220px; margin:3vh auto 0; height:940px; z-index:4; }
.pav-rcard{ position:absolute; border-radius:22px; overflow:hidden; box-shadow:0 26px 52px rgba(0,0,0,.42); background:#2a0009; cursor:pointer; aspect-ratio:9/16; text-decoration:none; }
.pav-rcard img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .8s var(--pav-eout,ease); }
.pav-rcard:hover img{ transform:scale(1.07); }
.pav-rcard::after{ content:''; position:absolute; inset:0; background:linear-gradient(to top, rgba(20,0,5,.9) 0%, rgba(20,0,5,.1) 46%, rgba(20,0,5,0) 74%); }
.pav-rcard .pav-soc-net{ position:absolute; top:12px; left:12px; z-index:3; display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.18); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); color:#fff; font-size:11px; font-weight:600; padding:5px 10px; border-radius:100px; }
.pav-rcard .pav-soc-play{ position:absolute; top:44%; left:50%; transform:translate(-50%,-50%); z-index:3; width:52px; height:52px; border-radius:50%; background:rgba(247,239,225,.92); display:flex; align-items:center; justify-content:center; transition:transform .4s var(--pav-eout,ease); }
.pav-rcard:hover .pav-soc-play{ transform:translate(-50%,-50%) scale(1.14); }
.pav-rcard .pav-soc-play::after{ content:''; border-left:15px solid var(--pav-wine); border-top:9px solid transparent; border-bottom:9px solid transparent; margin-left:4px; }
.pav-rcard .pav-soc-info{ position:absolute; left:0; right:0; bottom:0; z-index:3; padding:13px 14px 15px; color:#fff; }
.pav-rcard .pav-soc-views{ font-family:'Fraunces',serif; font-weight:400; font-size:1.45rem; line-height:1; }
.pav-rcard .pav-soc-views small{ font-family:'Inter',sans-serif; font-size:.6rem; letter-spacing:.14em; text-transform:uppercase; opacity:.8; display:block; margin-top:3px; }
.pav-rcard .pav-soc-metar{ display:flex; gap:13px; margin-top:8px; font-size:12px; font-weight:600; opacity:.95; }
.pav-rcard.c1{ width:288px; left:2%;  top:60px;  transform:rotate(-4deg); z-index:3; }
.pav-rcard.c2{ width:234px; left:24%; top:300px; transform:rotate(3deg);  z-index:2; }
.pav-rcard.c3{ width:320px; left:39%; top:20px;  transform:rotate(-2deg); z-index:4; }
.pav-rcard.c4{ width:230px; left:63%; top:250px; transform:rotate(4deg);  z-index:2; }
.pav-rcard.c5{ width:260px; left:78%; top:40px;  transform:rotate(5deg);  z-index:3; }
.pav-rcard.c6{ width:248px; left:20%; top:600px; transform:rotate(-5deg); z-index:3; }
.pav-rcard:hover{ z-index:20 !important; }

/* Burbujas liquid glass (sobre burdeos oscuro = look Apple) */
.pav-gbub{ position:absolute; z-index:10; max-width:264px; padding:13px 17px; border-radius:22px;
  background:linear-gradient(135deg, rgba(255,247,241,.6), rgba(255,247,241,.3));
  -webkit-backdrop-filter:blur(16px) saturate(1.7); backdrop-filter:blur(16px) saturate(1.7);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 16px 38px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.75), inset 0 -8px 20px rgba(255,255,255,.1); }
.pav-gbub::before{ content:''; position:absolute; inset:0; border-radius:22px; pointer-events:none; background:linear-gradient(150deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 40%); }
.pav-gbub .pav-gt{ font-family:'Inter',sans-serif; font-size:14px; line-height:1.4; color:var(--pav-wine); font-weight:500; position:relative; }
.pav-gbub .pav-gr{ display:flex; align-items:center; justify-content:space-between; margin-top:8px; position:relative; }
.pav-gbub .pav-gu{ font-size:11.5px; font-weight:600; color:var(--pav-berry,#d13b57); }
.pav-gbub .pav-gl{ font-size:11px; font-weight:600; color:#a76; display:inline-flex; align-items:center; gap:4px; }
.pav-gbub.b1{ left:19%; top:150px; } .pav-gbub.b2{ left:52%; top:400px; } .pav-gbub.b3{ left:2%; top:470px; }
.pav-gbub.b4{ left:70%; top:560px; max-width:234px; } .pav-gbub.b5{ left:40%; top:720px; }
@keyframes pavGbFloat{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-13px) } }

.pav-soc-note{ text-align:center; color:rgba(244,201,176,.55); font-size:11.5px; margin-top:2vh; position:relative; z-index:6; }

@media(max-width:860px){
  .pav-collage{ height:auto; display:flex; flex-direction:column; align-items:center; gap:18px; }
  .pav-rcard{ position:static; transform:none !important; width:74vw; }
  .pav-gbub{ position:static; max-width:74vw; margin:-4px auto; }
}

/* ==========================================================================
   AJUSTE 2026-07-19 — hero SIN espacio vacío de más (ahora redes va justo debajo)
   + redes con menos negrita (más limpio). Gana por cascada.
   ========================================================================== */
/* Hero compacto: fuera el min-height 764 y el padding enorme */
.pav-rehero{ min-height:0 !important; }
.pav-rehero-grid{ min-height:0 !important;
  padding:clamp(96px,12vh,124px) clamp(24px,6vw,80px) clamp(26px,4vh,44px) !important; }
.pav-rehero-rule{ margin:26px auto 0 !important; }
.pav-rehero-bloom{ top:44% !important; }

/* Redes: aligerar pesos (menos bold, más limpio) */
.pav-soc-eyebrow{ font-weight:500 !important; letter-spacing:.22em !important; }
.pav-social-head p{ font-weight:400 !important; }
.pav-soc-follow{ font-weight:500 !important; }
.pav-rcard .pav-soc-net{ font-weight:500 !important; }
.pav-rcard .pav-soc-metar{ font-weight:500 !important; }
.pav-rcard .pav-soc-views small{ font-weight:400 !important; letter-spacing:.1em !important; }
.pav-gbub .pav-gt{ font-weight:400 !important; }
.pav-gbub .pav-gu{ font-weight:500 !important; }
.pav-gbub .pav-gl{ font-weight:400 !important; }

/* Redes: subtítulo en UNA sola línea en desktop (envuelve en móvil) */
.pav-social-head p{ max-width:none !important; }
@media(min-width:861px){ .pav-social-head p{ white-space:nowrap !important; } }

/* ==========================================================================
   FIX "doble header" (2026-07-19): el fondo/scroll se aplicaba al wrapper
   #header.ct-header (120px, spacer de Blocksy) → sobraba una banda burdeos
   vacía bajo la barra real (62px). El fondo debe ir SOLO en la barra
   [data-row="middle"]. El wrapper: transparente y sin bloquear clics.
   ========================================================================== */
#header.ct-header{ background:transparent !important; box-shadow:none !important; }
body.home.pav-scrolled #header.ct-header{ background:transparent !important; box-shadow:none !important; }
body.home.pav-at-intro #header.ct-header{ background:transparent !important; }
#header .ct-sticky-container{ background:transparent !important; pointer-events:none !important; }
#header .ct-sticky-container > *{ pointer-events:auto !important; }

/* Fix móvil galería "por pulgadas": centrar la intro (no dejar hueco) + fila algo más baja */
@media (max-width:820px){
  .pav-hg-intro{ display:flex !important; flex-direction:column !important; justify-content:center !important; }
  .pav-hg-track{ align-items:center !important; }
  .pav-hg-stage{ height:34vh !important; }
}

/* Galería "por pulgadas" en MÓVIL: apilar vertical (mejor UX que swipe lateral con hueco) */
@media (max-width:820px){
  .pav-hg-track{ flex-direction:column !important; width:auto !important; overflow-x:visible !important;
    scroll-snap-type:none !important; align-items:center !important; gap:30px !important; padding:7vh 6vw 5vh !important; }
  .pav-hg-intro{ width:88vw !important; text-align:center; }
  .pav-hg-intro .pav-hg-arrow{ display:none !important; }
  .pav-hg-card{ width:80vw !important; scroll-snap-align:none !important; }
  .pav-hg-stage{ height:40vh !important; }
  .pav-hg-cta{ width:84vw !important; align-items:center !important; text-align:center; }
  .pav-hg-cta h3{ max-width:none !important; }
  .pav-hg-cta a{ align-self:center !important; }
  .pav-hgallery .pav-hg-prog{ display:none !important; }
}

/* Galería móvil: fotos centradas y tamaño uniforme (el desktop las gradúa "por pulgadas";
   en móvil, apiladas, uniformes = limpio, sin huecos). */
@media (max-width:820px){
  .pav-hg-stage{ align-items:center !important; height:auto !important; margin-bottom:6px; }
  .pav-hg-card img{ height:30vh !important; }
  .pav-hg-intro{ margin-bottom:6px; }
}

/* Quitar "hecho a mano, una a una" (Rackel: la separación de bloque no era cómoda) */
.pav-rehero-rule{ display:none !important; }

/* ==========================================================================
   MODAL de reproducción de reels (clic en la tarjeta → reel dentro de la web)
   ========================================================================== */
.pav-reel-modal{ position:fixed; inset:0; z-index:3000; display:none; }
body.pav-reel-open{ overflow:hidden; }
body.pav-reel-open .pav-reel-modal{ display:block; }
.pav-reel-backdrop{ position:absolute; inset:0; background:rgba(18,0,4,.84);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); animation:pavReelFade .3s ease; }
.pav-reel-inner{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:min(400px,92vw); max-height:92vh; overflow-y:auto; animation:pavReelPop .4s var(--pav-eout,cubic-bezier(.16,.84,.3,1)); }
.pav-reel-inner::-webkit-scrollbar{ display:none; }
.pav-reel-close{ position:fixed; top:20px; right:20px; width:44px; height:44px; border-radius:50%;
  background:var(--pav-cream); color:var(--pav-wine); border:0; font-size:26px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center; z-index:5; box-shadow:0 8px 22px rgba(0,0,0,.4); transition:transform .3s var(--pav-eout,ease); }
.pav-reel-close:hover{ transform:rotate(90deg) scale(1.06); }
.pav-reel-loading{ color:var(--pav-cream); text-align:center; padding:60px 0; font-family:'Inter',sans-serif; font-size:14px; letter-spacing:.05em; }
@keyframes pavReelFade{ from{opacity:0} to{opacity:1} }
@keyframes pavReelPop{ from{opacity:0; transform:translate(-50%,-46%) scale(.94)} to{opacity:1; transform:translate(-50%,-50%) scale(1)} }

/* ============================================================
   SOCIAL v5 (2026-07-19) — collage DINÁMICO restaurado (Rackel prefiere
   el estilo escalonado/rotado/con solape al alineado). 4 reels IG + 5
   comentarios flotando entre ellos. Tarjetas position:absolute (base) →
   sus hijos (badge/play/contador) anclan dentro. Móvil = apilado.
   ============================================================ */
.pav-collage{ height:640px !important; }
.pav-rcard.c1{ width:270px !important; left:3%  !important; top:74px  !important; transform:rotate(-4deg) !important; z-index:3 !important; }
.pav-rcard.c2{ width:300px !important; left:29% !important; top:6px   !important; transform:rotate(2.5deg) !important; z-index:4 !important; }
.pav-rcard.c3{ width:250px !important; left:57% !important; top:130px !important; transform:rotate(-3deg) !important; z-index:3 !important; }
.pav-rcard.c4{ width:236px !important; left:77% !important; top:198px !important; transform:rotate(5deg)  !important; z-index:2 !important; }
.pav-rcard{ transition:box-shadow .5s var(--pav-eout,ease) !important; }
.pav-rcard:hover{ z-index:20 !important; }
.pav-gbub.b1{ left:24% !important; top:214px !important; }
.pav-gbub.b2{ left:44% !important; top:474px !important; }
.pav-gbub.b3{ left:1%  !important; top:498px !important; }
.pav-gbub.b4{ left:70% !important; top:92px  !important; }
.pav-gbub.b5{ left:62% !important; top:520px !important; }
/* Móvil: apilar limpio (cards a position:relative → el play queda dentro) */
@media(max-width:820px){
  .pav-collage{ display:flex; flex-direction:column; align-items:center; height:auto !important; gap:20px; }
  .pav-collage .pav-rcard{ position:relative !important; left:auto !important; top:auto !important; transform:none !important; width:78vw !important; }
  .pav-collage .pav-gbub{ position:relative !important; left:auto !important; top:auto !important; max-width:82vw !important; margin:6px auto !important; }
}

/* ---- Hover-play: reel en vídeo (muted/loop) al pasar el ratón ---- */
.pav-rcard-vid{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  z-index:1; opacity:0; transition:opacity .45s var(--pav-eout,ease); pointer-events:none; background:#2a0009; }
.pav-rcard.pav-vid-on .pav-rcard-vid{ opacity:1; }
.pav-rcard::after{ z-index:2; }               /* degradado por encima del vídeo */
.pav-rcard .pav-soc-net,
.pav-rcard .pav-soc-play,
.pav-rcard .pav-soc-info{ z-index:3; }         /* badge, play y contadores por encima */
.pav-rcard.pav-vid-on .pav-soc-play{ opacity:0; transition:opacity .3s ease; }

/* ============================================================
   COMENTARIOS v3 (2026-07-19) — vintage-moderno (fuera el liquid glass)
   Tarjeta crema con marco keyline + sello de fresa. Flotan (dinámico).
   ============================================================ */
.pav-collage .pav-gbub{
  background:#FBF4E9 !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  border:1px solid rgba(94,1,20,.20) !important;
  border-radius:15px !important;
  box-shadow:0 15px 30px rgba(30,0,8,.36), 0 2px 0 rgba(94,1,20,.05) !important;
  padding:15px 19px 14px 20px !important;
  overflow:visible !important;
}
.pav-collage .pav-gbub::before{            /* keyline interior = marco vintage */
  content:'' !important; position:absolute !important; inset:5px !important;
  border:1px solid rgba(94,1,20,.14) !important; border-radius:10px !important;
  background:none !important; pointer-events:none !important;
}
.pav-collage .pav-gbub::after{             /* sello de fresa (marca) arriba-dcha */
  content:''; position:absolute; top:-8px; right:-5px; width:19px; height:19px;
  background:var(--pav-berry,#d13b57);
  -webkit-mask:url(/wp-content/uploads/pavlove-refresh/berry.svg) center/contain no-repeat;
  mask:url(/wp-content/uploads/pavlove-refresh/berry.svg) center/contain no-repeat;
  transform:rotate(9deg); opacity:.85; filter:drop-shadow(0 3px 5px rgba(30,0,8,.32));
}
.pav-collage .pav-gbub .pav-gt{ color:var(--pav-wine) !important; }
.pav-collage .pav-gbub .pav-gu{ color:var(--pav-berry,#d13b57) !important; }
.pav-collage .pav-gbub .pav-gl{ color:#9a6b5e !important; }
/* Flotado dinámico, escalonado (cada burbuja con su ritmo, por clase) */
@media (prefers-reduced-motion:no-preference){
  .pav-collage .pav-gbub{ animation:pavGbFloat 5.6s ease-in-out infinite; will-change:transform; }
  .pav-collage .pav-gbub.b2{ animation-duration:6.5s; animation-delay:-1.6s; }
  .pav-collage .pav-gbub.b3{ animation-duration:6.0s; animation-delay:-3.1s; }
  .pav-collage .pav-gbub.b4{ animation-duration:6.9s; animation-delay:-.7s; }
  .pav-collage .pav-gbub.b5{ animation-duration:5.3s; animation-delay:-2.4s; }
}

/* Hero: quitar la estrella/sunburst de fondo (Rackel: recargado) */
.pav-rehero-bloom{ display:none !important; }

/* ============================================================
   HERO + REDES = UN BLOQUE (2026-07-19): funde el fondo para que no
   haya escalón tonal en la costura. El hero fija su borde inferior a
   un tono uniforme (#4c000f) y las redes arrancan en ese mismo tono.
   ============================================================ */
.pav-rehero{
  background:
    linear-gradient(180deg, rgba(76,0,15,0) 52%, #4c000f 100%),
    radial-gradient(125% 120% at 78% 26%, #7c001d 0%, #5e0114 44%, #47000f 100%) !important;
}
.pav-social{
  background:linear-gradient(180deg, #4c000f 0%, #46000e 62%, #43000e 100%) !important;
}

/* ============================================================
   HERO+REDES v6 (2026-07-19) — costura + scroll moderno/fluido
   - Se elimina la banda de "flujo" ::after de las rayas (desincronizaba
     hero vs redes = costura) y el parallax por-elemento (JS). Líneas
     limpias, continuas y alineadas a lo largo del bloque.
   - Velo de OSCURECIDO al scroll (elegante): opacidad 0→~.55 según avanzas
     por el bloque hero+redes. Lo mueve el JS (suave con Lenis).
   ============================================================ */
.pav-stripes::after{ display:none !important; }          /* fuera la banda de flujo */
.pav-stripes{ transform:none !important; }                /* sin parallax por-elemento (evita costura) */
.pav-veil{
  position:absolute; inset:0; z-index:2; pointer-events:none;
  background:#12000a; opacity:0; transition:opacity .1s linear; will-change:opacity;
}
@media (prefers-reduced-motion:reduce){ .pav-veil{ display:none; } }

/* ============================================================
   SECCIONES QUE ENTRAN (2026-07-19) — "lámina que sube" con profundidad
   (mismo lenguaje que el hero). El JS (initSectionsEnter) anima
   transform/opacity/radio segun entra en viewport. Empezamos por Favoritas.
   ============================================================ */
.pav-senter{
  transform-origin:center top; will-change:transform, border-radius;
  position:relative; z-index:3;
  box-shadow:0 -22px 54px rgba(60,8,24,.14);           /* borde superior = profundidad sobre lo anterior */
}
.pav-section.pav-watermark-bg.pav-senter{ background:#F7EFE1; }   /* Favoritas: panel crema (era transparente) */
/* .pav-stats ya trae su fondo hueso propio → solo hereda transform+sombra */

/* ============================================================
   EVENTOS — protagonismo + SCROLL HORIZONTAL (2026-07-19)
   Sección pinneada: intro + tarjetas de tipo de evento + cierre CTA.
   Sobre burdeos con líneas de marca. Móvil = apilado vertical.
   ============================================================ */
.pav-events-section.pav-ev-on{
  height:100vh; min-height:0 !important; padding:0 !important; overflow:hidden; position:relative;
  background:radial-gradient(120% 130% at 18% 22%, #77001b 0%, #5e0114 52%, #43000e 100%) !important;
}
.pav-ev-track{ display:flex; align-items:center; gap:clamp(22px,2.6vw,48px);
  height:100vh; width:max-content; padding:0 clamp(40px,7vw,120px); position:relative; z-index:3; }
.pav-ev-intro{ flex:0 0 auto; width:min(46vw,560px); color:var(--pav-cream); padding-right:clamp(10px,2vw,34px); }
.pav-ev-eyebrow{ font-family:'Aptos',sans-serif; font-weight:600; text-transform:uppercase;
  letter-spacing:.28em; font-size:12px; color:var(--pav-peach); display:block; margin-bottom:18px; }
.pav-ev-title{ font-family:'Fraunces',serif !important; font-weight:330 !important; color:var(--pav-cream) !important;
  font-size:clamp(2.4rem,4vw,3.9rem) !important; line-height:1.04 !important; margin:0 0 20px !important;
  text-transform:none !important; letter-spacing:-.01em !important; text-wrap:balance; }
.pav-ev-lead{ color:rgba(244,201,176,.9); font-size:16px; line-height:1.7; max-width:44ch; margin:0 0 30px; }
.pav-ev-card{ flex:0 0 auto; width:clamp(268px,25vw,344px); background:#F7EFE1; border-radius:22px;
  padding:18px 18px 22px; box-shadow:0 28px 54px rgba(0,0,0,.36); }
.pav-ev-img{ aspect-ratio:4/5; border-radius:16px; overflow:hidden; display:flex; align-items:center; justify-content:center;
  background:radial-gradient(120% 100% at 50% 28%, #ffffff 0%, #EAD9D0 100%); }
.pav-ev-img img{ width:84%; height:84%; object-fit:contain; filter:drop-shadow(0 20px 24px rgba(60,8,24,.28)); }
.pav-ev-name{ font-family:'Fraunces',serif; font-weight:400; color:var(--pav-wine); font-size:1.5rem; margin:16px 2px 4px; }
.pav-ev-d{ color:#9a6b5e; font-size:13.5px; line-height:1.5; margin:0 2px; }
.pav-ev-outro{ flex:0 0 auto; width:min(32vw,360px); color:var(--pav-cream); }
.pav-ev-outro h3{ font-family:'Fraunces',serif; font-weight:330; color:var(--pav-cream);
  font-size:clamp(2rem,3.2vw,3.1rem); line-height:1.05; margin:0 0 22px; }
@media(max-width:820px){
  .pav-events-section.pav-ev-on{ height:auto; }
  .pav-ev-track{ flex-direction:column; align-items:stretch; height:auto; width:auto; padding:56px 20px; gap:24px; }
  .pav-ev-intro,.pav-ev-outro{ width:auto; text-align:center; }
  .pav-ev-lead{ margin-left:auto; margin-right:auto; }
  .pav-ev-card{ width:auto; max-width:360px; margin:0 auto; }
}

/* Botones del bloque Eventos (los .pav-btn-* base están scoped al hero) */
.pav-ev-cta.pav-btn-solid{
  display:inline-block; background:var(--pav-cream) !important; color:var(--pav-wine) !important;
  -webkit-text-fill-color:var(--pav-wine) !important;
  padding:15px 32px !important; border-radius:100px !important; border:0 !important;
  font-family:'Aptos',sans-serif !important; font-weight:600 !important; text-transform:uppercase;
  letter-spacing:.08em; font-size:13px !important; text-decoration:none; box-shadow:0 14px 28px rgba(0,0,0,.3);
}
.pav-ev-outro .pav-btn-ghost{
  display:inline-block; color:var(--pav-cream) !important; -webkit-text-fill-color:var(--pav-cream) !important;
  background:transparent !important; border:1.5px solid rgba(247,239,225,.6) !important;
  padding:14px 30px !important; border-radius:100px !important;
  font-family:'Aptos',sans-serif !important; font-weight:600 !important; text-transform:uppercase;
  letter-spacing:.08em; font-size:13px !important; text-decoration:none;
}