/** Shopify CDN: Minification failed

Line 14:0 All "@import" rules must come first
Line 15:0 All "@import" rules must come first
Line 158:0 All "@import" rules must come first

**/
/* Ejemplo: ocultar botón de cuenta en el header */
button.account-button.header-actions__action { 
  display: none !important; 
}

/* Fuente opcional (script elegante). Si no carga, usa la de tu tema */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Playfair+Display:wght@600;700&display=swap');

.home-title {
  font-size: 2.4rem;
  text-align: center;
  margin: 20px 0;
}

/* "Descubre" en negro con un ligero degradado y sombra sutil */
.home-title .descubre {
  color: #000000;
  font-family: 'Playfair Display', serif;
  font-weight: 800;
  letter-spacing: 1px;
  background: linear-gradient(90deg, #000000, #555555);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
}

/* "Dulcinea" rosado elegante con borde difuminado */
.home-title .dulcinea {
  color: #FFD6EB;
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 700;
  text-shadow: 
    0 0 4px rgba(0,0,0,0.6), 
    0 0 8px rgba(0,0,0,0.4);
}

/* ====== Mejoras animación y subtítulo ====== */

/* Animación suave para "Descubre" */
.home-title .descubre {
  display: inline-block;
  animation: fadeInUp 1s ease forwards;
}

/* Animación fadeInUp */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* "Dulcinea" mantiene estilo pero con ligera animación */
.home-title .dulcinea {
  display: inline-block;
  animation: fadeInRight 1s ease forwards;
}

/* Animación lateral para Dulcinea */
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Subtítulo elegante debajo del título principal */
.home-subtitle {
  text-align: center;
  font-size: 1.2rem;
  font-family: 'Dancing Script', cursive;
  color: #888;
  margin-top: -10px;
  animation: fadeIn 1.5s ease forwards;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
/* Estado inicial oculto (card real, no el link) */
.collection-card,
.collection-list__item {
  opacity: 0;
  transform: translateY(28px);
  will-change: transform, opacity;
}

/* Visible + con retardo por item (cascada) */
.collection-card.in-view,
.collection-list__item.in-view {
  opacity: 1;
  transform: translateY(0);
  transition: transform .7s ease, opacity .7s ease;
  transition-delay: var(--stagger, 0ms);
}
/* ===== Botón hero elegante (rectangular, rosa marca) ===== */
.hero a.button-secondary,
.hero a[class*="button-secondary--"][class*="__button_"] {
  display: inline-flex;
  align-items: center;
  gap: .5rem;

  padding: 10px 18px;
  border-radius: 10px;                 /* rectangular elegante */
  background: #FFD6EB;                 /* rosa marca Dulcinea */
  color: #111111;                      /* texto negro */
  border: 2px solid #E75480;           /* fucsia fuerte */
  font-weight: 700;
  letter-spacing: .3px;

  box-shadow: 0 8px 22px rgba(0,0,0,.18); /* sombra sobria */
  transition: transform .2s ease, box-shadow .2s ease,
              color .2s ease, background .2s ease, border-color .2s ease;
  z-index: 3;
}

.hero a.button-secondary:hover,
.hero a[class*="button-secondary--"][class*="__button_"]:hover {
  transform: translateY(-2px);
  background: #111111;                 /* inversión elegante */
  color: #ffffff;
  border-color: #E75480;               /* fucsia consistente */
  box-shadow: 0 12px 28px rgba(0,0,0,.28);
}

.hero a.button-secondary:focus-visible,
.hero a[class*="button-secondary--"][class*="__button_"]:focus-visible {
  outline: 3px solid #E75480;
  outline-offset: 2px;
}

@media (max-width: 480px) {
  .hero a.button-secondary,
  .hero a[class*="button-secondary--"][class*="__button_"] {
    padding: 9px 14px;
    font-size: .9rem;
  }
}
/* Importa una fuente premium (ej: Poppins Bold o Playfair Display SC) */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Poppins:wght@600&display=swap');

/* Aplica solo al botón */
a.size-style.button-secondary.button-secondary--ATnZrSlJZWHFtN0NKM__button_H9gpTf {
  font-family: 'Cinzel', sans-serif; /* puedes probar con Poppins también */
  
}
button[name="add"],
.product-form__submit {
  background: #111111;          /* negro mate */
  color: #FFD6EB;              /* rosa claro del branding */
  border: 2px solid #000000;   /* borde negro */
  border-radius: 10px;
  font-weight: 700;
  font-size: 16px;
  padding: 14px 18px;
  transition: all 0.2s ease;
}

button[name="add"]:hover {
  background: #FFD6EB;         /* invierte colores */
  color: #000000;
  border-color: #000000;
  transform: translateY(-2px);
}
/* ============= PRICE — PASTEL PILL ============= */
.price{
  display:inline-flex; 
  align-items:center; 
  gap:6px;
  padding:5px 10px;
  border-radius:999px;
  background:#FFD6EB;
  border:1px solid #F4B8D1;
  color:#111;
  font-weight:600;
  font-size:clamp(14px,2vw,18px);
  line-height:1;
  white-space:nowrap;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  transition:transform .18s ease, box-shadow .18s ease;

  /* ---- AQUI LO CENTRA ---- */
  display:inline-flex; 
  margin-inline:auto;        /* centra horizontalmente */
}

.price:hover{ transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.08); }




/* === Dulcinea · Compact Hairline (sin barra) === */
:root{
  --dulcinea-accent:#E91E63;
  --hairline: rgba(0,0,0,.06);
}

.menu-drawer__navigation{
  --menu-top-level-font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, sans-serif !important;
  --menu-top-level-font-weight: 600 !important;
  --menu-top-level-font-size: .98rem !important;
}

.menu-drawer__menu-item{
  padding: 12px 12px;
  border-bottom: 1px solid var(--hairline);
  border-radius: 0;
  transition: background .2s ease, color .2s ease;
  min-height: 48px;               /* buen área táctil */
  display: flex; align-items: center;
}

.menu-drawer__menu-item:hover{
  background: rgba(0,0,0,.03);
}

.menu-drawer__menu-item--active{
  color: var(--dulcinea-accent) !important;
  background: rgba(233,30,99,.06);  /* resalta sin barra */
  /* eliminado el ::before indicador */
}

.menu-drawer__list-item--divider{
  border-bottom: none !important;   /* deja solo nuestro hairline */
}
/* Icono outline con feedback sutil */
.header-actions__cart-icon { --icon-stroke-width: 1.4px; }
.header-actions__cart-icon .svg-wrapper svg {
  width: 22px; height: 22px; color:#111; opacity:.85; transition: opacity .2s;
}
.header-actions__cart-icon:hover .svg-wrapper svg { opacity:1; }

/* Badge tipo anillo (sin relleno, muy fino) */
.header-actions__cart-icon .cart-bubble {
  position:absolute; right:-5px; top:-5px;
  width: 20px; height: 20px; border-radius:999px;
  background: transparent;
  box-shadow: inset 0 0 0 2px #111;              /* anillo negro */
  display:flex; align-items:center; justify-content:center;
}
.header-actions__cart-icon .cart-bubble__background { background: transparent !important; }
.header-actions__cart-icon .cart-bubble__text { color:#111; font-weight:700; }
.header-actions__cart-icon .cart-bubble__text-count { font-size:11px; }

/* Si quieres un toque de color cuando hay items */
.header-actions__cart-icon.header-actions__cart-icon--has-cart .cart-bubble {
  box-shadow: inset 0 0 0 2px #E91E63;           /* anillo fucsia activo */
  color:#E91E63;
}
.header-actions__cart-icon:not(.header-actions__cart-icon--has-cart) .cart-bubble { display:none; }
/* === Search · Lupa Rosada Minimal === */
button.search-modal__button.header-actions__action .svg-wrapper{
  display:flex; 
  align-items:center; 
  justify-content:center;
  width:auto; 
  height:auto;
  background: transparent !important;      /* sin fondo */
  border: none !important;                 /* sin borde */
  border-radius: 0;                        /* sin pill */
  padding: 0;
  transition: transform .2s ease, opacity .2s ease;
}

button.search-modal__button.header-actions__action .svg-wrapper > svg{
  width: 26px !important;
  height: 26px !important;
  --icon-stroke-width: 2px !important;
  color: #FF5FA5 !important;               /* rosa elegante */
}

button.search-modal__button.header-actions__action:hover .svg-wrapper{
  transform: scale(1.12);                  /* leve zoom */
  opacity: .85;
}

/* === Menú Dulcinea - Minimal Elegante === */
.header__icon--menu .svg-wrapper > svg {
  width: 26px !important;
  height: 26px !important;
  color: #E75480 !important; /* fucsia de marca */
  --icon-stroke-width: 2px !important;
  transition: transform .2s ease, color .2s ease;
}

.header__icon--menu:hover .svg-wrapper > svg {
  transform: scale(1.1);
  color: #000 !important; /* se vuelve negro al hover */
}

/* Elimina cualquier fondo */
.header__icon--menu {
  background: none !important;
  border: none !important;
}
/* BLOQUE BASE (igual al #3 original) */
.text-block--AZlh6emVYU1E4N2owT__product_list_text_mWxG36 p{
  display:inline-block;
  margin:0 0 12px 0;
  padding-bottom:10px;
  position:relative;
  text-align:left;
  color:#111;
  font:700 1.35rem/1.2 "Poppins",system-ui,sans-serif;
  letter-spacing:0.2px;
}

/* Eyebrow tipo “pill” */
.text-block--AZlh6emVYU1E4N2owT__product_list_text_mWxG36 p::before{
  content:"Mas vendidos del mes";
  position:absolute;
  top:-24px; left:0;
  font:600 .72rem/1 "Poppins",system-ui,sans-serif;
  letter-spacing:.08em; text-transform:uppercase;
  color:#111;
  background:#FFD6EB;
  padding:.28rem .5rem;
  border-radius:999px;
}

/* Subrayado dorado + punto rosa AL INICIO */
.text-block--AZlh6emVYU1E4N2owT__product_list_text_mWxG36 p::after{
  content:"";
  position:absolute; left:10px; right:0; bottom:0; height:2px;
  background:#C7A86A; border-radius:1px;
}
.text-block--AZlh6emVYU1E4N2owT__product_list_text_mWxG36 p i{font-style:normal;}
/* Punto rosa (start-cap) */
.text-block--AZlh6emVYU1E4N2owT__product_list_text_mWxG36 p span::after,
.text-block--AZlh6emVYU1E4N2owT__product_list_text_mWxG36 p::marker{content:none;}
.text-block--AZlh6emVYU1E4N2owT__product_list_text_mWxG36 p::before + span{content:none;}
.text-block--AZlh6emVYU1E4N2owT__product_list_text_mWxG36 p::after{
  box-shadow:-10px 0 0 0 #FFD6EB inset; /* “tapón” rosa a la izquierda */
}
/* ===== Somos Dulcinea — Microcards de reseñas (título mejorado + banderas) ===== */
.dulcinea-microcards{
  --bg: #fff;
  --rose: #FFD6EB;           /* rosa marca */
  --ink: #0f0f0f;            /* negro profundo para título */
  --muted: #6b6b6b;
  --gold: #C9A667;           /* dorado sobrio */
  --card-w: 260px;
  --row-gap: 22px;

  background: linear-gradient(180deg, #fff, #fff8fc);
  padding: clamp(26px, 3vw, 40px) 0;
  border-top: 1px solid rgba(0,0,0,.04);
  border-bottom: 1px solid rgba(0,0,0,.04);
}

/* Cabecera */
.dulcinea-microcards .dm-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 14px 10px;
}

/* Título negro con subrayado degradado y acento */
.dulcinea-microcards .dm-title{
  position: relative;
  margin: 0;
  font-family: "Playfair Display", serif;
  font-size: clamp(1.2rem, 1.05rem + .8vw, 1.9rem);
  font-weight: 800;
  color: var(--ink);
  letter-spacing: .2px;
  line-height: 1.1;
  padding-bottom: 8px; /* espacio para subrayado */
}

/* Subrayado degradado rosé→dorado */
.dulcinea-microcards .dm-title::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 72%;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, #FFD6EB 0%, #F4C3DA 40%, #EFCB9A 100%);
  box-shadow: 0 2px 10px rgba(239, 203, 154, .25);
}

/* Acento redondo (mini “sello”) */
.dulcinea-microcards .dm-title-accent{
  position: relative;
  display: inline-block;
  width: 8px; height: 8px;
  margin-left: 10px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, #FFE6F2 0%, #FFD6EB 45%, #E6C68A 100%);
  box-shadow: 0 0 0 3px rgba(255,214,235,.35);
  top: -2px;
}

/* Dots a la derecha (puedes ocultarlos si no los quieres) */
.dulcinea-microcards .dm-dots{ display: inline-flex; gap: 6px; }
.dulcinea-microcards .dm-dots span{
  width: 6px; height: 6px; border-radius: 999px; background: var(--rose); opacity: .7;
}
.dulcinea-microcards .dm-dots span:nth-child(2){ opacity: .5; }
.dulcinea-microcards .dm-dots span:nth-child(3){ opacity: .35; }

/* Carril */
.dulcinea-microcards .dm-track{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: var(--card-w);
  gap: clamp(14px, 2vw, 18px);
  padding: 6px 14px 2px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  mask-image: linear-gradient(to right, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%);
}
.dulcinea-microcards .dm-track::-webkit-scrollbar{ display: none; }

/* Tarjeta */
.dulcinea-microcards .dm-card{
  scroll-snap-align: start;
  background: #fff;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  padding: 12px;
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-content: start;
  gap: 8px;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.dulcinea-microcards .dm-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
  border-color: rgba(255, 179, 214, .6);
}

.dulcinea-microcards .dm-card__head{
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 10px;
  align-items: center;
}

.dulcinea-microcards .dm-avatar{
  width: 40px; height: 40px; border-radius: 50%;
  object-fit: cover; object-position: center;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

.dulcinea-microcards .dm-id strong{
  display: block;
  font-weight: 700;
  font-size: .94rem;
  color: var(--ink);
  line-height: 1.1;
}

/* Ciudad con bandera (emoji) */
.dulcinea-microcards .dm-id small{
  color: var(--muted);
  font-size: .78rem;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.dulcinea-microcards .dm-quote{
  margin: 2px 0 0 0;
  color: var(--ink);
  font-size: .95rem;
  line-height: 1.25;
}

.dulcinea-microcards .dm-stars{
  color: var(--gold);
  letter-spacing: 1px;
  font-size: .9rem;
  margin-top: 2px;
}

/* Compacto en móvil */
@media (max-width: 768px){
  .dulcinea-microcards{ --card-w: 220px; }
  .dulcinea-microcards .dm-title{ font-size: clamp(1.2rem, 1.05rem + 1vw, 1.6rem); }
  .dulcinea-microcards .dm-card{ padding: 12px; }
  .dulcinea-microcards .dm-quote{ font-size: .92rem; }
}
/* ——— Título de microcards igual al heading principal del tema ——— */
.dulcinea-microcards .dm-title{
  /* toma la misma familia y ajustes de los headings del tema */
  font-family: var(--font-heading--family, var(--font-body--family));
  font-weight: var(--font-heading--weight, 800);
  font-style: var(--font-heading--style, normal);
  text-transform: var(--font-heading--case, none);
  letter-spacing: var(--font-heading--letter-spacing, -0.01em);

  /* tamaño/ritmo parecido al de “Los más destacados…” */
  font-size: clamp(1.6rem, 1.1rem + 1.8vw, 2.2rem);
  line-height: 1.05;

  color: var(--color-foreground);
  margin: 0;
  padding-bottom: 12px; /* espacio para la regla inferior */
}

/* Regla inferior fina estilo dorado (como tu separador) */
.dulcinea-microcards .dm-title::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80%;
  height: 3px;                 /* más fino, parecido al de abajo */
  border-radius: 999px;
  background: linear-gradient(90deg, #C9A667 0%, #E8D3A0 55%, #FFD6EB 100%);
  box-shadow: 0 1px 0 rgba(0,0,0,.06) inset;
}

/* Quita el puntico/“dots” del título para que se vea igual de limpio */
.dulcinea-microcards .dm-title-accent{ display:none; }
.dulcinea-microcards .dm-dots{ display:none; }
/* ====== Título de Colección - Estilo Minimal Noir ====== */
.section-content-wrapper .text-block.h2 p {
  font-family: var(--font-heading-family, "Poppins", "Plus Jakarta Sans", sans-serif) !important;
  font-weight: 600 !important;
  font-size: clamp(30px, 3vw, 44px);
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #111111;
  text-align: center;
  margin: 0;
  position: relative;
  padding-bottom: 6px;
  transition: all 0.3s ease;
}

/* Sombra difusa elegante para dar profundidad sin saturar */
.section-content-wrapper .text-block.h2 p {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Pequeña línea de contraste al pasar el cursor (detalle sutil y moderno) */
.section-content-wrapper .text-block.h2 p::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  width: 60px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.85);
  transition: width 0.4s ease;
}

.section-content-wrapper .text-block.h2 p:hover::after {
  width: 90px;
}
.cart__ctas {
    display: block !important;
}
/* ====== HERO MINIMAL – FORZAR ESTILOS ====== */

/* Contenedor del título (por coincidencia de clase, más fuerte) */
[class*="text-block--AdUpGa0w2ZzNSMWNlV__text_YLPk4p"] {
  text-align: left !important;
  color: #111 !important;
  max-width: 520px !important;
  margin: 0 1rem .4rem !important;
  padding: 0 !important;
}

/* Texto del título (tu <p>) */
[class*="text-block--AdUpGa0w2ZzNSMWNlV__text_YLPk4p"] > p {
  font-size: clamp(1.9rem, 4.6vw, 2.6rem) !important;
  font-weight: 750 !important;
  letter-spacing: -0.2px !important;
  line-height: 1.1 !important;
  color: #111 !important;
  text-shadow: 0 1px 1px rgba(255,255,255,.45) !important;
  margin: 0 !important;
}

/* Línea sutil debajo del título */
[class*="text-block--AdUpGa0w2ZzNSMWNlV__text_YLPk4p"]::after {
  content: "" !important;
  display: block !important;
  width: 64px !important;
  height: 2px !important;
  margin: .6rem 0 0 0 !important;
  border-radius: 2px !important;
  background: linear-gradient(90deg, #111 0%, #ffb6d6 100%) !important;
  opacity: .45 !important;
}

/* ====== BOTÓN OUTLINE MINIMAL ====== */

/* Por coincidencia de clase para que gane prioridad */
a[class*="button-secondary--ATnZrSlJZWHFtN0NKM__button_H9gpTf"] {
  display: inline-block !important;
  padding: .7rem 1.6rem !important;
  font-size: .95rem !important;
  font-weight: 600 !important;
  color: #111 !important;
  border: 1.6px solid #111 !important;
  border-radius: 9999px !important;
  background: rgba(255,255,255,.55) !important;
  text-decoration: none !important;
  letter-spacing: .2px !important;
  margin: .9rem 1rem 0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease !important;
}

a[class*="button-secondary--ATnZrSlJZWHFtN0NKM__button_H9gpTf"]:hover {
  background: #111 !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
}

/* Animación suave al cargar (opcional) */
a[class*="button-secondary--ATnZrSlJZWHFtN0NKM__button_H9gpTf"] {
  opacity: 0; animation: dm-fade-up .5s ease .05s forwards;
}
@keyframes dm-fade-up { from {opacity:0; transform:translateY(8px)} to {opacity:1; transform:translateY(0)} }

/* Responsive: centra en móvil */
@media (max-width: 640px) {
  [class*="text-block--AdUpGa0w2ZzNSMWNlV__text_YLPk4p"] { 
    text-align: center !important; 
    margin: 0 auto .4rem !important; 
  }
  a[class*="button-secondary--ATnZrSlJZWHFtN0NKM__button_H9gpTf"] {
    margin: .9rem auto 0 !important;
  }
}
#dulcinea-rotativo {
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  font-weight: 700;
  color: #111;
  text-align: center;
  min-height: 2.4rem;
  transition: opacity 0.5s ease;
}
.fade-out { opacity: 0; }
.fade-in { opacity: 1; }
.section-resource-list__content {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}
/* === VARIANT PICKER: Estilo Rosado Suave Elegante === */

.variant-picker__form .variant-option--dropdowns {
  margin: 12px 0 20px;
}

/* Label centrado y más lindo */
.variant-picker__form .variant-option--dropdowns > label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  color: #444;               /* gris suave */
  text-align: center;
}

/* Caja estilo Dulcinea */
.variant-option__select-wrapper {
  position: relative;
  border: 1.5px solid #f8cfe1;            /* rosado pastel */
  border-radius: 14px;
  background: #ffffff;                    /* fondo blanco */
  box-shadow: 0 3px 10px rgba(255, 182, 210, 0.18);  /* sombra rosada suave */
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

/* Select nativo limpio */
.variant-option__select {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  padding: 14px 48px 14px 16px;           /* espacio para flecha */
  font-size: 16px;
  color: #222;                            /* texto gris oscuro */
  border-radius: 14px;
  cursor: pointer;
}

/* Flecha */
.variant-option__select-wrapper .icon-caret {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  color: #777;
  opacity: 0.65;
  transition: transform 0.2s ease, opacity 0.2s ease;
  pointer-events: none;
}

/* Hover */
.variant-option__select-wrapper:hover {
  border-color: #f4b1cd;                  /* más rosado */
  box-shadow: 0 4px 12px rgba(255, 182, 210, 0.24);
}

/* Focus */
.variant-option__select-wrapper:focus-within {
  border-color: #ff8cbc;                  /* rosa fuerte elegante */
  box-shadow: 0 0 0 3px rgba(255, 140, 188, 0.22);
}

.variant-option__select-wrapper:focus-within .icon-caret {
  opacity: 0.85;
  transform: translateY(-50%) rotate(180deg);
}

/* Deshabilitado */
.variant-option__select:disabled {
  color: #b9b9b9;
}
.variant-option__select:disabled + .icon-caret {
  opacity: 0.3;
}

/* Móvil más amigable */
@media (max-width: 480px) {
  .variant-option__select {
    padding: 16px 48px 16px 16px;
    font-size: 16px;
  }
}

p{
  font-weight:700;                     /* negrita elegante */
  font-size:clamp(13px, 3vw, 28px);    /* tamaño responsivo */
  line-height:1.25;                    /* buena lectura */
  color:#111;                          /* tono fuerte */
  margin:0 0 10px;                     /* espacio controlado */
  letter-spacing:-0.2px;               /* toque estilizado */
}