/* "Graba tu joya" (grabado.js): colores de la marca, crema y dorado como la portada */
body.con-grabado .product-customization { display: none !important; }
.grabado-joya { border: 1px solid #e5dccd; background: #fbf8f3; padding: 18px 18px 14px; margin: 18px 0; border-radius: 4px; }
.grabado-joya .gr-titulo { font-size: 20px; margin: 0 0 4px; display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; justify-content: space-between; }
.grabado-joya .gr-precio { font-size: 13px; font-weight: 600; color: #8a6a2e; background: #f2e8d5; padding: 3px 9px; border-radius: 20px; }
.grabado-joya .gr-ayuda { font-size: 13px; color: #6f665c; margin: 0 0 12px; }
.grabado-joya .gr-cuerpo { display: grid; grid-template-columns: minmax(150px, 220px) 1fr; gap: 18px; align-items: start; }
@media (max-width: 575px) { .grabado-joya .gr-cuerpo { grid-template-columns: 1fr; } .grabado-joya .gr-vista { max-width: 230px; margin: 0 auto; } }
.grabado-joya .gr-vistas { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; }
.grabado-joya .gr-vista p { font-size: 12px; color: #6f665c; text-align: center; margin: 0 0 4px; }
.grabado-joya .gr-campos label + label { margin-top: 8px; }
.grabado-joya svg { width: 100%; height: auto; display: block; }
.grabado-joya .gr-metal { fill: #e3c98f; stroke: #c9a95f; stroke-width: 2; }
.grabado-joya .gr-borde { fill: none; stroke: #f3e2bb; stroke-width: 3; }
.grabado-joya .gr-brillo { fill: #f4e3bd; opacity: .7; }
.grabado-joya .gr-texto { fill: #6b4f1d; text-anchor: middle; dominant-baseline: middle; }
.grabado-joya .gr-oro { fill: #d9b65e; stroke: #a8823a; stroke-width: 1.2; text-anchor: middle; dominant-baseline: middle; }
.grabado-joya .gr-cinta { fill: none; stroke: #d9b65e; stroke-width: 9; stroke-linejoin: round; }
.grabado-joya label { display: block; font-size: 13px; font-weight: 600; margin: 0; }
.grabado-joya .gr-cuenta { float: right; font-weight: 400; color: #8a8178; }
.grabado-joya textarea { width: 100%; margin-top: 4px; padding: 8px 10px; font-size: 15px; border: 1px solid #d8cdbd; border-radius: 3px; resize: vertical; background: #fff; }
.grabado-joya .gr-simbolos { display: flex; gap: 6px; margin: 6px 0 10px; }
.grabado-joya .gr-simbolos button { width: 34px; height: 30px; border: 1px solid #d8cdbd; background: #fff; border-radius: 3px; cursor: pointer; font-size: 15px; }
.grabado-joya .gr-etiqueta { font-size: 13px; font-weight: 600; margin: 0 0 6px; }
.grabado-joya .gr-fuentes { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 6px; }
.grabado-joya .gr-fuentes button { border: 1px solid #d8cdbd; background: #fff; padding: 7px 8px; font-size: 17px; border-radius: 3px; cursor: pointer; text-align: center; }
.grabado-joya .gr-fuentes button.activa { border-color: #8a6a2e; box-shadow: 0 0 0 1px #8a6a2e; background: #f7efe0; }