/*
 * VegGO · páginas públicas (fase BS5, lote 3): restablecer/activar y las de compartir eventos/noticias de la raíz,
 * y los avisos sueltos del gestor (denegar). Diseño simple sin barra lateral: tarjeta centrada con el logo.
 *
 * Orden de carga: bootstrap 5 -> bootstrap-icons -> veggo-bs5.css (paleta y botones) -> este fichero
 */

body.vg-pub { min-height: 100vh; background: var(--vg-bg); }
/* tarjetas y modal en blanco sobre el fondo (BS5 les da --bs-body-bg, que el tema pone en beige) */
body.vg-pub .card { --bs-card-bg: #fff; }
body.vg-pub .modal { --bs-modal-bg: #fff; }
body.vg-pub .modal-body { background: #fff; }
.vg-pub-main { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem 1rem; }
.vg-pub-card { width: 100%; max-width: 460px; overflow: hidden; }
.vg-pub-card.vg-pub-wide { max-width: 560px; }
.vg-pub-brand { text-align: center; margin-bottom: 1.5rem; }
.vg-pub-brand img { width: 100%; max-width: 220px; height: auto; }
.vg-pub-card .card-body { padding: 1.75rem; }
.vg-pub-title { font-size: 1.25rem; font-weight: 700; margin-bottom: 1rem; }
.vg-pub-card .form-label { font-weight: 600; font-size: .875rem; color: var(--vg-gray-700); }
.vg-pub-card .alert { margin-bottom: 1.25rem; }

/* icono redondo de aviso (como .vg-restricted-icon) */
.vg-pub-icon { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; margin: 0 auto 1rem; font-size: 1.75rem; }
.vg-pub-icon.is-warn { background: #FFF3E0; color: #C77700; }
.vg-pub-icon.is-error { background: #FDECEC; color: #D63C3C; }

/* compartir: imagen del evento/noticia arriba (oculta si no hay imagen: src vacío), texto y botones de tienda */
.vg-pub-hero { display: block; width: 100%; height: auto; max-height: 320px; object-fit: cover; background: var(--vg-line); }
.vg-pub-hero[src=""] { display: none; }
.vg-pub-share h1 { font-size: 1.2rem; font-weight: 700; line-height: 1.35; margin-bottom: .75rem; }
.vg-pub-share p { color: var(--vg-gray-600); margin-bottom: 1.25rem; }
.vg-pub-stores { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; }
.vg-pub-stores a { display: block; }
.vg-pub-stores img { height: 48px; width: auto; }

/* restablecer: capa "Registrando sus datos" (#fade + #modal, los muestra/oculta el JS con show()/hide()) */
#fade { display: none; position: fixed; inset: 0; background: rgba(46, 46, 46, .45); z-index: 1001; }
#modal { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 220px; padding: 1.5rem 1rem;
  background: #fff; border-radius: var(--vg-radius); box-shadow: 0 10px 30px rgba(0, 0, 0, .2); z-index: 1002; text-align: center; }
#modal #textmodal { font-weight: 600; }
#modalacceso .modal-header { font-weight: 700; }
#modalacceso .modal-body { word-break: break-word; }