/*
 Fressnia Responsive Patch 1.3.1
 Reescrito desde cero para evitar reglas heredadas del parche 1.3.0.
*/

:root{
  --fr-pink:#D41473;
  --fr-blush:#F8D7E7;
  --fr-cream:#FFF5E9;
  --fr-purple:#63234F;
}

/* Seguridad general */
.fressnia-hero,
.fressnia-hero *{
  box-sizing:border-box;
}

.fressnia-hero{
  width:100%;
  overflow:hidden;
}

.fressnia-hero .wp-block-columns{
  width:100%;
  margin-left:auto;
  margin-right:auto;
  align-items:center !important;
}

.fressnia-hero .wp-block-column{
  min-width:0;
}

.fressnia-hero h1{
  width:100%;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  line-height:.93;
  text-wrap:balance;
}

/* IMPORTANTE: solamente el contenedor visual principal crece.
   No se aplica width:100% a todos los IMG del Hero. */
.fressnia-hero-media{
  position:relative;
  width:100%;
  min-width:0;
  margin-left:auto;
  margin-right:auto;
}

/* Primer bloque del media = slider/video principal.
   Los badges son hijos posteriores y no reciben esta regla. */
.fressnia-hero-media > div:first-child{
  width:100% !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Imágenes reales de los sabores exclusivamente */
.fressnia-hero-media img[src*="hero-"]{
  max-width:100% !important;
  height:auto !important;
}

/* BLINDAJE: iconos de los badges nunca pueden crecer */
.fressnia-float-badge{
  width:max-content !important;
  min-width:0 !important;
  max-width:calc(100% - 1rem) !important;
  white-space:nowrap !important;
}

.fressnia-float-badge img,
.fressnia-float-badge svg{
  width:1.05em !important;
  height:1.05em !important;
  min-width:1.05em !important;
  max-width:1.05em !important;
  display:inline-block !important;
  object-fit:contain !important;
  vertical-align:-.12em !important;
}

/* Escritorio grande */
@media (min-width:1280px){
  .fressnia-hero{
    min-height:min(790px,88vh) !important;
    padding-top:2.5rem !important;
    padding-bottom:2.5rem !important;
  }

  .fressnia-hero .wp-block-columns{
    max-width:1480px !important;
    gap:clamp(2rem,3vw,3.5rem) !important;
  }

  .fressnia-hero .wp-block-column:first-child{
    flex-basis:40% !important;
  }

  .fressnia-hero .wp-block-column:last-child{
    flex-basis:60% !important;
  }

  .fressnia-hero-media{
    max-width:780px !important;
  }

  .fressnia-hero h1{
    font-size:clamp(4.7rem,5.45vw,6.35rem) !important;
    max-width:8.7ch !important;
  }
}

/* Laptop / escritorio intermedio */
@media (min-width:981px) and (max-width:1279px){
  .fressnia-hero{
    min-height:auto !important;
    padding-top:2.2rem !important;
    padding-bottom:3rem !important;
  }

  .fressnia-hero .wp-block-columns{
    max-width:1220px !important;
    gap:clamp(1.5rem,2.5vw,2.8rem) !important;
  }

  .fressnia-hero .wp-block-column:first-child{
    flex-basis:43% !important;
  }

  .fressnia-hero .wp-block-column:last-child{
    flex-basis:57% !important;
  }

  .fressnia-hero-media{
    max-width:670px !important;
  }

  .fressnia-hero h1{
    font-size:clamp(4rem,5.25vw,5.5rem) !important;
    max-width:8.7ch !important;
  }
}

/* Tablet */
@media (min-width:782px) and (max-width:980px){
  .fressnia-hero{
    min-height:auto !important;
    padding:2.5rem 1.1rem 3rem !important;
  }

  .fressnia-hero .wp-block-columns{
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    gap:2.2rem !important;
  }

  .fressnia-hero .wp-block-column{
    width:100% !important;
    flex-basis:auto !important;
  }

  .fressnia-hero .wp-block-column:first-child{
    text-align:center;
  }

  .fressnia-hero h1{
    font-size:clamp(4rem,9vw,5.7rem) !important;
    max-width:9ch !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .fressnia-hero p{
    max-width:40rem !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .fressnia-hero .wp-block-buttons{
    justify-content:center !important;
  }

  .fressnia-hero-media{
    max-width:590px !important;
  }
}

/* Móvil */
@media (max-width:781px){
  .fressnia-hero{
    min-height:auto !important;
    padding:1.8rem .95rem 2.8rem !important;
  }

  .fressnia-hero .wp-block-columns{
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    gap:1.8rem !important;
  }

  .fressnia-hero .wp-block-column{
    width:100% !important;
    max-width:100% !important;
    flex-basis:auto !important;
  }

  .fressnia-hero .wp-block-column:first-child{
    text-align:center;
  }

  .fressnia-hero h1{
    font-size:clamp(3rem,14vw,4.6rem) !important;
    max-width:8.8ch !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .fressnia-hero p{
    font-size:1rem !important;
    max-width:31rem !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .fressnia-hero .wp-block-buttons{
    justify-content:center !important;
  }

  .fressnia-hero-media{
    width:100% !important;
    max-width:440px !important;
    transform:none !important;
  }

  .fressnia-float-badge{
    font-size:.76rem !important;
  }
}

@media (max-width:480px){
  .fressnia-hero h1{
    font-size:clamp(2.75rem,15vw,4rem) !important;
  }

  .fressnia-hero-media{
    max-width:370px !important;
  }

  .fressnia-hero .wp-block-buttons{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    width:100%;
    max-width:340px;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .fressnia-hero .wp-block-button,
  .fressnia-hero .wp-block-button__link{
    width:100%;
  }
}


/* ==========================================================
   v1.3.3 — MOVIMIENTO DE BADGES CONTROLADO POR JAVASCRIPT
   ========================================================== */

.fressnia-motion-badge {
  animation: none !important;
  will-change: transform, filter;
  transform-origin: center center;
  backface-visibility: hidden;
}

.fressnia-motion-taste {
  z-index: 12 !important;
}

.fressnia-motion-delivery {
  z-index: 13 !important;
}

/* Evita que las cápsulas salgan del hero en pantallas pequeñas */
@media (max-width: 781px) {
  .fressnia-motion-badge {
    max-width: 92% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fressnia-motion-badge {
    transform: none !important;
    filter: none !important;
  }
}


/* ==========================================================
   v1.3.5 — PROMO PIÑA
   La corrección principal se aplica con JS + estilos inline !important
   para superar la regla original .fressnia-promo img {min-height:480px;object-fit:cover}
   ========================================================== */

.fressnia-promo-fixed {
  overflow: hidden !important;
}

.fressnia-promo-fixed .fressnia-promo-image-fixed {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
}

@media (max-width: 781px) {
  .fressnia-promo-fixed {
    border-radius: 28px !important;
  }

  .fressnia-promo-fixed .fressnia-promo-copy-fixed {
    padding: 1.45rem 1.15rem 1.6rem !important;
  }

  .fressnia-promo-fixed .fressnia-promo-copy-fixed h2 {
    font-size: clamp(2rem, 9vw, 2.55rem) !important;
    line-height: 1.03 !important;
    margin-top: 0 !important;
    margin-bottom: .85rem !important;
  }

  .fressnia-promo-fixed .fressnia-promo-copy-fixed p {
    line-height: 1.5 !important;
  }

  .fressnia-promo-fixed .fressnia-promo-copy-fixed .wp-block-button,
  .fressnia-promo-fixed .fressnia-promo-copy-fixed .wp-block-button__link {
    width: 100% !important;
  }

  .fressnia-promo-fixed .fressnia-promo-copy-fixed .wp-block-button__link {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 50px !important;
  }
}
/* ==========================================================
   v1.3.6 — MÁRGENES DE FICHA DE PRODUCTO EN MÓVIL
   ========================================================== */

@media (max-width: 781px) {

  /* Contenedor general de producto */
  body.single-product .wp-site-blocks main,
  body.single-product main.wp-block-group,
  body.single-product .woocommerce {
    overflow-x: hidden !important;
  }

  /* Galería: deja aire a ambos lados */
  body.single-product .woocommerce div.product .woocommerce-product-gallery,
  body.single-product div.product .woocommerce-product-gallery {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    box-sizing: border-box !important;
  }

  /* Imagen principal */
  body.single-product .woocommerce-product-gallery__wrapper,
  body.single-product .woocommerce-product-gallery__image,
  body.single-product .woocommerce-product-gallery__image a,
  body.single-product .woocommerce-product-gallery__image img {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Información del producto */
  body.single-product .woocommerce div.product .summary,
  body.single-product div.product .summary {
    width: auto !important;
    max-width: none !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Título, precio y descripción nunca pegados al borde */
  body.single-product .product_title,
  body.single-product .summary .price,
  body.single-product .woocommerce-product-details__short-description {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  /* Formularios y tablas de variaciones dentro del ancho disponible */
  body.single-product form.cart,
  body.single-product form.variations_form,
  body.single-product table.variations,
  body.single-product .thwepo-extra-options,
  body.single-product .thwepo-extra-options table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Selectores: no pueden salirse hacia la derecha */
  body.single-product table.variations td,
  body.single-product table.variations th,
  body.single-product .thwepo-extra-options td,
  body.single-product .thwepo-extra-options th {
    box-sizing: border-box !important;
  }

  body.single-product select {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Zona de descripción inferior */
  body.single-product .woocommerce-tabs,
  body.single-product section.related {
    margin-left: 18px !important;
    margin-right: 18px !important;
    box-sizing: border-box !important;
  }
}

/* iPhone pequeño */
@media (max-width: 430px) {
  body.single-product .woocommerce div.product .woocommerce-product-gallery,
  body.single-product div.product .woocommerce-product-gallery {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
  }

  body.single-product .woocommerce div.product .summary,
  body.single-product div.product .summary,
  body.single-product .woocommerce-tabs,
  body.single-product section.related {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}
/* ==========================================================
   v1.3.7 — MÁS AIRE LATERAL EN PRODUCTO MÓVIL
   ========================================================== */

@media (max-width: 781px) {

  /* Meta del producto: SKU / Category */
  body.single-product .product_meta {
    width: calc(100% - 40px) !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Contenedor completo de pestañas */
  body.single-product .woocommerce-tabs,
  body.single-product .woocommerce div.product .woocommerce-tabs {
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Navegación: Descripción / Información adicional / Valoraciones */
  body.single-product .woocommerce-tabs ul.tabs,
  body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Panel de contenido */
  body.single-product .woocommerce-Tabs-panel,
  body.single-product .woocommerce div.product .woocommerce-Tabs-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Títulos y párrafos dentro de las pestañas */
  body.single-product .woocommerce-Tabs-panel h2,
  body.single-product .woocommerce-Tabs-panel h3,
  body.single-product .woocommerce-Tabs-panel p,
  body.single-product .woocommerce-Tabs-panel table {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Productos relacionados */
  body.single-product section.related,
  body.single-product .related.products {
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.single-product section.related > h2,
  body.single-product .related.products > h2 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Evita que la tarjeta relacionada se salga del área útil */
  body.single-product section.related ul.products,
  body.single-product .related.products ul.products {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
}

/* iPhone pequeño: un poco más compacto pero aún con aire */
@media (max-width: 430px) {
  body.single-product .product_meta,
  body.single-product .woocommerce-tabs,
  body.single-product .woocommerce div.product .woocommerce-tabs,
  body.single-product section.related,
  body.single-product .related.products {
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
  }
}


/* ==========================================================
   v1.3.8 — PADDING REAL DEL CONTENEDOR DE PRODUCTO EN MÓVIL
   ========================================================== */

@media (max-width: 781px) {
  body.single-product main {
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body.single-product main > *,
  body.single-product main .woocommerce,
  body.single-product main .product {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Neutraliza reglas previas de márgenes para evitar doble separación */
  body.single-product .product_meta,
  body.single-product .woocommerce-tabs,
  body.single-product .woocommerce div.product .woocommerce-tabs,
  body.single-product section.related,
  body.single-product .related.products {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.single-product .woocommerce div.product .summary,
  body.single-product div.product .summary {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* La galería mantiene ancho útil sin tocar bordes */
  body.single-product .woocommerce div.product .woocommerce-product-gallery,
  body.single-product div.product .woocommerce-product-gallery {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 430px) {
  body.single-product main {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}
/* ==========================================================
   v1.3.9 — CONTENEDOR REAL DE PRODUCTO MÓVIL
   Margen visual profesional y uniforme de 24px.
   ========================================================== */

@media (max-width: 781px) {

  body.single-product {
    overflow-x: hidden !important;
  }

  /* El producto completo recibe el aire lateral real */
  body.single-product .woocommerce div.product,
  body.single-product div.product.type-product,
  body.single-product main div.product {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Neutraliza márgenes heredados: el padding padre manda */
  body.single-product .woocommerce-product-gallery,
  body.single-product .summary,
  body.single-product .product_meta,
  body.single-product .woocommerce-tabs,
  body.single-product .related.products,
  body.single-product section.related {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Formulario y selects dentro del ancho útil */
  body.single-product form.cart,
  body.single-product form.variations_form,
  body.single-product table.variations,
  body.single-product .thwepo-extra-options,
  body.single-product .thwepo-extra-options table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.single-product select,
  body.single-product input,
  body.single-product textarea {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Descripción y tabs */
  body.single-product .woocommerce-tabs ul.tabs,
  body.single-product .woocommerce-Tabs-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.single-product .woocommerce-Tabs-panel p,
  body.single-product .woocommerce-Tabs-panel h2,
  body.single-product .woocommerce-Tabs-panel h3,
  body.single-product .product_meta,
  body.single-product .related.products > h2,
  body.single-product section.related > h2 {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  /* Pestañas más limpias en móvil */
  body.single-product .woocommerce-tabs ul.tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .55rem .8rem !important;
  }

  body.single-product .woocommerce-tabs ul.tabs li {
    margin: 0 !important;
  }
}

/* En iPhone pequeño mantenemos 22px para aprovechar el ancho */
@media (max-width: 430px) {
  body.single-product .woocommerce div.product,
  body.single-product div.product.type-product,
  body.single-product main div.product {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}
/* ==========================================================
   v1.4.0 — SAFARI iOS SOLAMENTE
   JavaScript añade .fressnia-mobile-safari al <html>.
   Chrome/Firefox/otros no reciben estas reglas.
   ========================================================== */

html.fressnia-mobile-safari {
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

@media (max-width: 781px) {

  html.fressnia-mobile-safari body.single-product {
    overflow-x: clip !important;
  }

  /*
   * En Safari usamos un ancho explícito menor al viewport y centrado.
   * Así no dependemos de cómo Safari resuelve width:100% + barras flotantes.
   */
  html.fressnia-mobile-safari body.single-product .woocommerce div.product,
  html.fressnia-mobile-safari body.single-product div.product.type-product,
  html.fressnia-mobile-safari body.single-product main div.product {
    width: calc(100vw - 48px) !important;
    max-width: calc(100vw - 48px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: max(2px, env(safe-area-inset-left)) !important;
    padding-right: max(2px, env(safe-area-inset-right)) !important;
    box-sizing: border-box !important;
    overflow-x: visible !important;
  }

  /* Todas las secciones internas respetan el nuevo ancho. */
  html.fressnia-mobile-safari body.single-product .woocommerce-product-gallery,
  html.fressnia-mobile-safari body.single-product .summary,
  html.fressnia-mobile-safari body.single-product .product_meta,
  html.fressnia-mobile-safari body.single-product .woocommerce-tabs,
  html.fressnia-mobile-safari body.single-product .woocommerce-Tabs-panel,
  html.fressnia-mobile-safari body.single-product .related.products,
  html.fressnia-mobile-safari body.single-product section.related {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Alineación textual profesional en las zonas que Safari pegaba al borde. */
  html.fressnia-mobile-safari body.single-product .summary,
  html.fressnia-mobile-safari body.single-product .product_meta,
  html.fressnia-mobile-safari body.single-product .woocommerce-tabs,
  html.fressnia-mobile-safari body.single-product .related.products,
  html.fressnia-mobile-safari body.single-product section.related {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  html.fressnia-mobile-safari body.single-product table,
  html.fressnia-mobile-safari body.single-product form,
  html.fressnia-mobile-safari body.single-product select,
  html.fressnia-mobile-safari body.single-product input,
  html.fressnia-mobile-safari body.single-product textarea {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 430px) {
  html.fressnia-mobile-safari body.single-product .woocommerce div.product,
  html.fressnia-mobile-safari body.single-product div.product.type-product,
  html.fressnia-mobile-safari body.single-product main div.product {
    width: calc(100vw - 44px) !important;
    max-width: calc(100vw - 44px) !important;
  }
}
/* ==========================================================
   v1.4.1 — CONFIRMACIÓN DE PEDIDO: PAGO POR NEQUI
   Cubre el texto antiguo incluido dentro de order-confirmation.png
   sin editar la plantilla ni el archivo del tema.
   ========================================================== */

.fressnia-order-hero {
  position: relative !important;
  overflow: hidden !important;
}

/* Nuevo mensaje, colocado justo encima del recuadro antiguo de la imagen. */
.fressnia-order-hero::after {
  content: "Si elegiste Pago por Nequi, encontrarás las instrucciones al final de esta página.";
  position: absolute;
  left: 17%;
  bottom: 4.5%;
  width: 40.5%;
  min-height: 23%;
  z-index: 5;
  display: flex;
  align-items: center;
  padding: clamp(8px, 1.15vw, 18px) clamp(10px, 1.5vw, 24px)
           clamp(8px, 1.15vw, 18px) clamp(52px, 5.2vw, 82px);
  box-sizing: border-box;
  border: clamp(1px, .16vw, 3px) solid rgba(255,255,255,.92);
  border-radius: clamp(15px, 2vw, 30px);
  background: #FFF5E9;
  color: #63234F;
  font-family: inherit;
  font-size: clamp(11px, 1.35vw, 21px);
  font-weight: 650;
  line-height: 1.28;
  text-align: left;
  box-shadow: 0 5px 18px rgba(99,35,79,.05);
}

/* Ícono decorativo que reemplaza visualmente el círculo original. */
.fressnia-order-hero::before {
  content: "$";
  position: absolute;
  left: 19%;
  bottom: 8%;
  width: clamp(32px, 4.4vw, 68px);
  height: clamp(32px, 4.4vw, 68px);
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 999px;
  background: #D41473;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: clamp(16px, 2vw, 30px);
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(212,20,115,.18);
}

/* Tablet */
@media (max-width: 900px) {
  .fressnia-order-hero::after {
    left: 16.5%;
    bottom: 4%;
    width: 43%;
    min-height: 25%;
    padding-left: clamp(42px, 7vw, 62px);
    font-size: clamp(9.5px, 1.85vw, 15px);
  }

  .fressnia-order-hero::before {
    left: 18.7%;
    bottom: 8%;
    width: clamp(28px, 6vw, 48px);
    height: clamp(28px, 6vw, 48px);
    font-size: clamp(14px, 2.8vw, 22px);
  }
}

/* Móvil: mantenemos el mensaje compacto para que no tape el producto. */
@media (max-width: 520px) {
  .fressnia-order-hero::after {
    content: "Pago por Nequi: las instrucciones están al final de esta página.";
    left: 15.5%;
    bottom: 3.5%;
    width: 46%;
    min-height: 27%;
    padding: 6px 7px 6px 34px;
    border-radius: 12px;
    font-size: clamp(7.5px, 2.25vw, 10px);
    line-height: 1.18;
  }

  .fressnia-order-hero::before {
    left: 17%;
    bottom: 8%;
    width: 24px;
    height: 24px;
    font-size: 13px;
  }
}