/* MELT. · Contraste y legibilidad 2026. Cargado después de los estilos del sitio. */
:root {
  --cream:#FFF5EA; --offwhite:#FFFBF4; --cocoa:#361C12;
  --brown:#64331F; --muted:#5F4131;
  --red:#BC2926; --red2:#E94C3B; --pink:#FAD4C3; --lime:#E1EA92;
}
body { background:var(--cream); color:var(--cocoa); }
/* Keep lively brand colors as backgrounds but use deep cocoa and berry-red for text. */
.hero h1 .accent,.eyebrow,.melt-product-name-price strong,.melt-shipping-label { color:#B52324; }
.hero-lede,.lede,.hero-meta,.crew-lower span,.how-card p,.faq p { color:#503428; }
.hero h1,.title,.big-title { color:#32190F; }
.melt-shop-section { background:linear-gradient(145deg,#462419 0%,#321B13 100%);color:#FFF7EB; }
.melt-shop-top h2 { color:#FFF9F0; }
.melt-shop-top h2 em { color:#FFB997; }
.melt-shop-top p { color:#FFE5D5; }
.melt-shop-section .melt-eyebrow { color:#FFD1B6; }
.melt-checkout-head .melt-eyebrow { color:#85261E; }
.melt-product,.melt-checkout { background:#FFF9F1;color:#371C12; }
.melt-product-name-price strong { color:#B52324; }
.melt-product-desc,.melt-cart-row small,.melt-checkout-caution,.melt-form-foot { color:#624334; }
.melt-empty,.melt-direct-chip span,.melt-direct-chip small { color:#604031; }
.melt-product-desc { font-size:14px; line-height:1.58; }
.melt-form-foot { font-size:12px; }
.melt-checkout-caution { font-size:12px; }
#melt-order-form label:not(.melt-confirm) { font-size:12px; }
#melt-order-form input:not([type=checkbox]),#melt-order-form textarea,#melt-order-form select { font-size:14px;background:#FFFDF8;color:#3C2419; }
#melt-order-form input::placeholder,#melt-order-form textarea::placeholder { color:#785B4D;opacity:1; }
#melt-order-form input:focus-visible,#melt-order-form textarea:focus-visible,#melt-order-form select:focus-visible { outline:2px solid #B52324;outline-offset:2px; }
.melt-delivery-stripe { background:#6B412E;border-color:#B48067; }
.melt-delivery-stripe span:last-child { color:#FFF0E2;font-size:13px; }
.melt-send,.melt-add { background:#BD3029;color:#FFF9F0; }
.melt-send:hover,.melt-add:hover { background:#A92322;color:#FFF9F0; }
.melt-form-foot,.melt-confirm,.melt-copy { line-height:1.55; }
.melt-confirm { font-size:12px;color:#4A2E22; }
/* Original last-panel text had pale text on pale pink: make all text dark. */
.final-panel { background:linear-gradient(135deg,#FFE4D2 0%,#FFCFBE 52%,#F6B5AA 100%); }
.final-panel .title,.final-panel p,.final-panel .eyebrow { color:#3B2117; }
.final-panel .eyebrow { font-weight:900; }
.final-panel p { font-size:16px; }
/* Crew status, help paragraphs and footer get higher contrast. */
.crew-card p { color:#432519; }
footer, .footer { background:#3B2016;color:#FFF8EE; }
footer p,.footer-top p,footer .footer-bottom,footer .footer-right p { color:#F5D9C5; }
footer a { color:#FFF9EF; }
.melt-social-links { display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:17px; }
.melt-social-link { display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:10px 13px;border-radius:999px;border:1.7px solid #F4CDB6;font-size:13px;font-weight:800;color:#FFF9EF;background:#5E3728;transition:background .2s ease,transform .2s ease; }
.melt-social-link:hover,.melt-social-link:focus-visible { background:#82472E;transform:translateY(-2px); }
.melt-instagram-hero { color:#3B2117; }
.melt-instagram-hero:hover { background:#FFE7D5; }
@media(max-width:760px){
  .melt-social-links{justify-content:flex-start}
  .melt-shop-section{padding-top:76px}
  .melt-instagram-hero{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .melt-social-link{transition:none}
}


/* MELT. — Mejora visual del bloque "De aquí a tu puerta". */
/* La etiqueta ahora tiene contraste y cada paso queda contenido en una tarjeta. */
.how{
  background:linear-gradient(155deg,#F9E3D4 0%,#F5D2BE 100%);
  color:#32190F;
}
.how .melt-how-intro .melt-eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  background:#FFF8EB;
  border:1.8px solid #552B1B;
  border-radius:999px;
  padding:8px 13px;
  color:#992C25;
  letter-spacing:.105em;
  font-size:12px;
  font-weight:900;
  box-shadow:3px 3px 0 #552B1B;
}
.how .melt-how-intro .title{
  color:#32190F;
  margin-top:18px;
  letter-spacing:-.035em;
}
.how .melt-how-intro > p{
  color:#4E3225;
  font-size:16px;
  font-weight:600;
  line-height:1.7;
  max-width:710px;
}
.how .how-grid{
  gap:22px;
  margin-top:40px;
  align-items:stretch;
}
.how .how-card{
  position:relative;
  min-width:0;
  height:100%;
  background:#FFF8EB;
  border:2.5px solid #432417;
  border-radius:23px;
  padding:28px 26px 27px;
  box-shadow:6px 7px 0 #432417;
  transition:transform .2s ease,box-shadow .2s ease;
}
.how .how-card:nth-child(2){background:#F1F2CE}
.how .how-card:nth-child(3){background:#FCE7D9}
.how .how-card .num{
  width:56px;
  height:56px;
  border:2.5px solid #432417;
  box-shadow:3px 3px 0 #432417;
  margin-bottom:23px;
  transform:rotate(-6deg);
}
.how .how-card:nth-child(1) .num{background:#BE2C2B;color:#FFFFFF}
.how .how-card:nth-child(2) .num{background:#E0E989;color:#32190F}
.how .how-card:nth-child(3) .num{background:#FFFFFF;color:#32190F}
.how .how-card h3{
  color:#32190F;
  font-size:clamp(23px,2.1vw,27px);
  line-height:1.18;
  margin-bottom:13px;
}
.how .how-card p{
  color:#503326;
  font-size:15px;
  line-height:1.7;
  font-weight:600;
  max-width:none;
}
@media(hover:hover){
  .how .how-card:hover{transform:translateY(-4px);box-shadow:7px 11px 0 #432417}
}
@media(max-width:760px){
  .how{padding:76px 0 85px}
  .how .how-grid{gap:19px;margin-top:31px}
  .how .how-card{padding:23px 22px 25px;box-shadow:5px 6px 0 #432417}
  .how .how-card .num{margin-bottom:18px}
  .how .melt-how-intro > p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .how .how-card{transition:none}
}