/* Campo de archivo del logo (app Campo Personalizado): oculto hasta que yes-product-logo.js
   decide si corresponde mostrarlo. La clase yes-logo-gate la agrega el layout solo en
   páginas de producto, y yes-logo-ready se agrega al decidir (o a los 4 s como respaldo,
   para no dejar el campo oculto si el script fallara). */
html.yes-logo-gate:not(.yes-logo-ready) #campo-personalizado--root {
  display: none !important;
}

/* Aviso "Primero adjuntá tu logo" (yes-product-logo.js). */
.yes-logo-modal { position: fixed; inset: 0; z-index: 2000; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(40, 28, 22, .55); }
.yes-logo-modal.is-open { display: flex; }
.yes-logo-modal__card { width: 100%; max-width: 420px; padding: 32px 28px 28px; border-radius: 24px; background: #fff; color: #5C4336; text-align: center; font-family: "Montserrat", sans-serif; box-shadow: 0 30px 80px -30px rgba(40, 28, 22, .6); }
.yes-logo-modal__step { margin: 0 0 10px; color: #8a6f60; font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.yes-logo-modal__title { margin: 0 0 12px; font-size: 22px; font-weight: 600; letter-spacing: -.02em; line-height: 1.2; }
.yes-logo-modal__text { margin: 0 0 22px; font-size: 14px; line-height: 1.65; }
.yes-logo-modal__btn { width: 100%; padding: 14px 20px; border: 0; border-radius: 999px; background: #5C4336; color: #F9F5EF; font: 600 14px "Montserrat", sans-serif; cursor: pointer; }
.yes-logo-modal__btn:hover { background: #46322a; }
@keyframes yes-logo-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(201, 162, 126, 0); } 40% { box-shadow: 0 0 0 6px rgba(201, 162, 126, .55); } }
.yes-logo-pulse { border-radius: 12px; animation: yes-logo-pulse 1.4s ease 2; }