/* =========================================================================
   Verdeliss · campaña «Nueva cosecha 2026/27» (desde 19-10-2026)
   Todo lo de la campaña vive en este archivo + 3 piezas de HTML:
   · franja superior (Amasty PromoBanners, reglas 1-6)  → .vd-cosecha
   · cabecera de las portadas (CMS 17-20, 42, 50)       → .vdh-ante--cos, .vdh-sello
   · tarjetas de portada                                 → .vdh-fic__cos
   · fotos de producto en fichas y listados (solo CSS)   → ::before / ::after
   Para retirarla: quitar el <link> de design/head/includes y esos fragmentos.
   ========================================================================= */

/* ---------- franja superior: píldora negra con punto vivo ---------- */
.vd-cosecha{display:inline-flex;align-items:center;gap:8px;margin-right:14px;padding:4px 12px 4px 10px;
  background:#0b0b0b;color:#d9c48f;border-radius:999px;font-size:11px;line-height:1.2;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;vertical-align:middle}
.vd-cosecha i,.vdh-vivo{position:relative;display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;
  background:#b7b74a}
.vd-cosecha i::after,.vdh-vivo::after{content:"";position:absolute;inset:0;border-radius:50%;
  background:#b7b74a;animation:vd-late 2.2s cubic-bezier(.2,.7,.3,1) infinite}
@keyframes vd-late{0%{transform:scale(1);opacity:.75}80%,100%{transform:scale(3);opacity:0}}
/* con la píldora, el eslogan final ya no cabe en pantallas medianas: fuera, para que la franja siga en una línea */
@media (max-width:1366px){
  .ambanners p.desktop .vd-barra-sup>span:last-child,
  .ambanners p.desktop .vd-barra-sup>.vd-barra-sup__sep:nth-last-child(2){display:none}
}
/* móvil: en FR/IT/DE/NL/INT el texto de envío es largo; letra más pequeña para que la franja no ocupe 4 líneas */
.ambanners p.mobile{font-size:12.5px;line-height:1.45}
.ambanners p.mobile .vd-cosecha{margin-right:10px;padding:3px 10px 3px 9px;font-size:10px;letter-spacing:.12em}

/* ---------- cabecera de portada: antetítulo ---------- */
.vdh-ante--cos span{color:#d9c48f;display:inline-flex;align-items:center;gap:11px}
.vdh-ante--cos .vdh-vivo{width:8px;height:8px}

/* ---------- cabecera de portada: sello que gira ---------- */
.vdh-sello{position:absolute;z-index:2;top:112px;right:76px;width:176px;height:176px;pointer-events:none;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.35));animation:vd-sello-entra .9s cubic-bezier(.2,.7,.3,1) .45s both}
.vdh-sello svg{display:block;width:100%;height:100%;overflow:visible}
.vdh-sello__aro{transform-box:view-box;transform-origin:100px 100px;animation:vd-gira 48s linear infinite}
.vdh-sello text{font-family:Gantari,Helvetica,Arial,sans-serif;font-weight:700;fill:#d9c48f}
.vdh-sello .vdh-sello__ano{font-family:Aboreto,Georgia,serif;font-weight:400;fill:#fff}
@keyframes vd-gira{to{transform:rotate(360deg)}}
@keyframes vd-sello-entra{from{opacity:0;transform:scale(.86) rotate(-8deg)}to{opacity:1;transform:none}}

/* ---------- tarjetas de portada ---------- */
.vdh-fic__cos{position:absolute;top:0;right:0;z-index:1;padding:10px 16px;background:#b7b74a;color:#0b0b0b;
  font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}

/* ---------- fotos de producto: ficha y listados ---------- */
.catalog-product-view .product.media{position:relative}
.catalog-product-view .product.media::before,
.column.main .product-item-photo::after{
  content:"Cosecha 2026/27";position:absolute;z-index:6;pointer-events:none;
  background:#0b0b0b;color:#d9c48f;font-family:Gantari,Helvetica,Arial,sans-serif;font-weight:800;
  text-transform:uppercase;letter-spacing:.15em;line-height:1}
.catalog-product-view .product.media::before{top:14px;left:14px;padding:10px 15px;font-size:11px}
.column.main .product-item-photo{position:relative;display:block}
/* abajo: arriba ya están los rótulos «Edición…» de las tarjetas, que en columnas estrechas ocupan todo el ancho */
.column.main .product-item-photo::after{bottom:8px;left:8px;padding:7px 10px;font-size:9.5px}
html[lang^="fr"] .catalog-product-view .product.media::before,html[lang^="fr"] .column.main .product-item-photo::after{content:"R\00E9 colte 2026/27"}
html[lang^="de"] .catalog-product-view .product.media::before,html[lang^="de"] .column.main .product-item-photo::after{content:"Ernte 2026/27"}
html[lang^="it"] .catalog-product-view .product.media::before,html[lang^="it"] .column.main .product-item-photo::after{content:"Olio nuovo 2026/27"}
html[lang^="nl"] .catalog-product-view .product.media::before,html[lang^="nl"] .column.main .product-item-photo::after{content:"Oogst 2026/27"}
html[lang^="en"] .catalog-product-view .product.media::before,html[lang^="en"] .column.main .product-item-photo::after{content:"2026/27 harvest"}

/* ---------- móvil ---------- */
@media (max-width:900px){
  .vdh-sello{top:14px;right:14px;width:96px;height:96px}
  .vdh-fic__cos{padding:8px 12px;font-size:9.5px;letter-spacing:.14em}
  .catalog-product-view .product.media::before{top:10px;left:10px;padding:8px 12px;font-size:10px}
}

/* quien pide menos movimiento: nada gira ni late */
@media (prefers-reduced-motion:reduce){
  .vdh-sello,.vdh-sello__aro,.vd-cosecha i::after,.vdh-vivo::after{animation:none!important}
}