/* Nella's Gifts · capa de marca sobre el diseño original */
:root{
  --rosa:#C8466E;      /* Rosa Nella: botones, titulares grandes */
  --frambuesa:#8A2E4E; /* texto pequeño en rosa, precios, enlaces */
  --petalo:#F2B8C6;
  --rubor:#FBE6EB;
  --crema:#FFF9F6;
  --ciruela:#3B1A26;   /* texto corrido */
  --pink:var(--rosa);
  --ink:var(--ciruela);
  --paper:var(--crema);
}
body{font-family:'Jost','DM Sans',system-ui,sans-serif;color:var(--ciruela)}
.announcement{background:var(--frambuesa)}

/* Texto pequeño rosado: frambuesa para que se lea bien (contraste AA) */
.eyebrow,.badge,.price-preview,.card .price-preview,.config-price,.price-content td,
.price-content thead th,.price-content .lid-note,.choose,.idea-card-button,
.reference-upload label,.stamp,.num{color:var(--frambuesa)}
.filter.active{background:var(--rosa);border-color:var(--rosa)}

/* Logo */
.logo{display:inline-flex;align-items:center;line-height:0}
.logo img{height:52px;width:auto;display:block}
@media(max-width:600px){.logo img{height:42px}}

/* Pie de página */
footer.marca{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;align-items:start;padding:56px 7% 32px;background:var(--rubor);border-top:0;font-size:14px;color:var(--ciruela);margin-top:40px}
footer.marca .f-brand{display:flex;flex-direction:column;gap:14px}
footer.marca .f-brand img{height:64px;width:auto;align-self:flex-start}
footer.marca .slogan{font-family:'Great Vibes',cursive;font-size:30px;color:var(--frambuesa);line-height:1.1}
footer.marca h3{font:500 11px 'Jost',sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:var(--frambuesa);margin:6px 0 14px}
footer.marca ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
footer.marca a{text-decoration:underline;text-decoration-color:var(--petalo);text-underline-offset:4px}
footer.marca a:hover{color:var(--frambuesa)}
footer.marca .f-legal{grid-column:1/-1;border-top:1px solid var(--petalo);padding-top:20px;font-size:12px;color:#6E5560;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:800px){footer.marca{grid-template-columns:1fr;gap:28px;text-align:left}footer.marca .f-legal{flex-direction:column}}

/* Botón de WhatsApp en el formulario */
.wa-btn{display:inline-flex;align-items:center;gap:10px;background:#157A42;color:#fff;border:0;border-radius:30px;padding:14px 24px;font-size:14px;cursor:pointer;text-decoration:none;margin-top:15px}
.wa-btn:hover{background:#106537}
.wa-btn svg{width:20px;height:20px;flex:none}
#summary .choose#copy{display:block;width:fit-content;margin-top:14px}
.wa-note{font-size:12px;line-height:1.6;color:#6E5560;margin:12px 0 0}

/* Botón flotante de WhatsApp */
.wa-float{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:50;width:58px;height:58px;border-radius:50%;background:#157A42;display:grid;place-items:center;box-shadow:0 6px 18px rgba(59,26,38,.25);transition:transform .15s}
.wa-float:hover{transform:scale(1.06)}
.wa-float svg{width:30px;height:30px}
@media print{.wa-float{display:none}}
@media(max-width:800px){footer.marca{padding-bottom:96px}}