/*! KINTI Personalización · © 2026 KINTI Joyería (Riobamba, Ecuador). Todos los derechos reservados. Uso exclusivo en kintijoyeria.com. Prohibida su copia, modificación o distribución. */
/* Botón "Personalizar" en la ficha de producto (vive en la página, no en el Shadow DOM). */
.kinti-v3 { margin: 14px 0 18px; }
.kinti-v3-open {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; max-width: 420px;
	min-height: 54px; padding: 0 26px; border: 0; border-radius: 999px; cursor: pointer;
	background: #17140F; color: #FAF8F4; font: 600 15.5px/1 'Montserrat', system-ui, sans-serif; letter-spacing: .3px;
	box-shadow: 0 8px 22px rgba(23, 20, 15, .18); transition: transform .16s cubic-bezier(.2,.8,.2,1), box-shadow .2s;
	position: relative; overflow: hidden;
}
.kinti-v3-open:hover { transform: translateY(-1px); box-shadow: 0 12px 26px rgba(23, 20, 15, .22); }
.kinti-v3-open:active { transform: scale(.98); }
.kinti-v3-open svg { width: 20px; height: 20px; flex: none; }
.kinti-v3-open::after { content: ''; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 30%, rgba(233, 201, 135, .35) 50%, transparent 70%); transform: translateX(-120%); animation: kinti-shine 3.6s cubic-bezier(.2,.8,.2,1) 1.5s infinite; }
@keyframes kinti-shine { 0%, 60% { transform: translateX(-120%); } 100% { transform: translateX(120%); } }
.kinti-v3-open.is-loading { opacity: .8; cursor: progress; }
.kinti-v3-open.is-loading svg { animation: kinti-spin .8s linear infinite; }
@keyframes kinti-spin { to { transform: rotate(360deg); } }
.kinti-v3-note { margin: 10px 0 0; font: 500 12.5px/1.45 'Montserrat', system-ui, sans-serif; color: #7a7259; }
.kinti-v3-note b { color: #17140F; font-weight: 600; }
.kinti-v3-required { margin: 10px 0 0; padding: 10px 12px; border-radius: 10px; background: #fff7e6; border: 1px solid #f0d9a8; font: 500 13px/1.4 'Montserrat', system-ui, sans-serif; color: #7a5c12; }
html.kinti-lock, html.kinti-lock body { overflow: hidden !important; overscroll-behavior: none; }
html.kinti-lock body { touch-action: none; }
@media (prefers-reduced-motion: reduce) { .kinti-v3-open::after { animation: none; } }