/* Elementos editables desde el panel que comparten las tres páginas. */

/* Aviso de promoción (arriba de todo) */
.promo{background:#A30F63;color:#fff;text-align:center;font-family:'Jost',sans-serif;font-size:0.86rem;letter-spacing:0.02em;padding:10px 16px;line-height:1.4;}
.promo[hidden]{display:none;}
.promo a{color:#fff;font-weight:500;border-bottom:1px solid rgba(255,255,255,0.6);margin-left:6px;white-space:nowrap;}
.promo a:hover{border-color:#fff;}
/* Con la franja activa el menú fijo es más alto: que los enlaces del menú no tapen el título de la sección. */
body:has(.promo:not([hidden])) section{scroll-margin-top:40px;}

/* Redes sociales (pie de página) */
.redes{display:flex;gap:12px;justify-content:center;align-items:center;}
.redes[hidden]{display:none;}
.redes a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,0.35);display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s,border-color .2s;}
.redes a:hover{background:#D6127D;border-color:#D6127D;}
.redes svg{width:17px;height:17px;}

/* Testimonios */
.testimonios{background:#FBF7F4;}
.testimonios[hidden]{display:none;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.testi{background:#fff;border:1px solid #F1D6E7;padding:28px 26px;display:flex;flex-direction:column;gap:14px;}
.testi blockquote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.25rem;line-height:1.45;color:#251820;}
.testi blockquote::before{content:'\201C';color:#D6127D;font-size:2.2rem;line-height:0;vertical-align:-0.45em;margin-right:4px;}
.testi .quien{font-size:0.82rem;color:#7a6670;}
.testi .quien b{color:#251820;font-weight:500;}

/* Etiqueta en joyas (Nuevo / Lo más pedido) */
.joya-foto{position:relative;}
.etiqueta{position:absolute;top:12px;left:12px;background:#D6127D;color:#fff;font-family:'Jost',sans-serif;font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;padding:5px 10px;border-radius:2px;}
.etiqueta.mas-pedido{background:#251820;}

@media (max-width:860px){
  .testi-grid{grid-template-columns:1fr;}
}