/* Cupón de bienvenida (includes/bienvenida.php). Colores del tema (tema.css) con valores de reserva. */

/* Tarjeta para visitantes sin sesión: abajo a la izquierda, sin tapar los botones de contacto de la derecha. */
.as-bienvenida {
	position: fixed; left: 16px; bottom: 16px; z-index: 55; width: min(340px, calc(100vw - 32px));
	margin: 0; padding: 16px 44px 14px 18px; border-radius: 14px; background: var(--as-texto, #1C1917); color: #fff;
	box-shadow: 0 12px 36px -10px rgba(0, 0, 0, .45); font-size: .9375rem; line-height: 1.45;
	opacity: 0; transform: translateY(16px); transition: opacity .3s, transform .3s;
}
.as-bienvenida.is-visible { opacity: 1; transform: none; }
.as-bienvenida p { margin: 0; }
.as-bienvenida__titulo { font-family: var(--as-titulos, Montserrat, system-ui, sans-serif); font-weight: 800; font-size: 1.0625rem; margin-bottom: 4px !important; }
.as-bienvenida__codigo { color: var(--as-acento-claro, #F2C4C9); letter-spacing: .04em; }
.as-bienvenida__fila { display: flex; align-items: center; gap: 12px; margin: 8px 0 6px; }
.as-bienvenida__copiar {
	flex: none; margin: 0; min-height: 40px; padding: 0 18px; border: 0; border-radius: 999px; cursor: pointer;
	background: var(--as-acento-claro, #F2C4C9); color: var(--as-texto, #1C1917); font: inherit; font-weight: 800; font-size: .875rem;
}
.as-bienvenida__copiar:hover { background: #fff; }
.as-bienvenida__letra { font-size: .75rem; color: #D6D3D1; }
.as-bienvenida__cerrar {
	position: absolute; top: 6px; right: 6px; width: 36px; height: 36px; border: 0; border-radius: 999px; cursor: pointer;
	background: transparent; color: #fff; font-size: 1.375rem; line-height: 1;
}
.as-bienvenida__cerrar:hover { background: rgba(255, 255, 255, .12); }
.as-bienvenida button:focus-visible { outline: 2px solid var(--as-acento-claro, #F2C4C9); outline-offset: 2px; }
@media (max-width: 899px) {
	/* Móvil: deja libre la columna de botones de contacto (52 px + márgenes) de la derecha. */
	.as-bienvenida { left: 12px; bottom: 12px; width: auto; right: 76px; padding: 10px 36px 10px 14px; font-size: .875rem; }
	.as-bienvenida__titulo { font-size: 1rem; margin-bottom: 0 !important; }
	.as-bienvenida__fila { margin: 4px 0; gap: 10px; }
	.as-bienvenida__copiar { min-height: 36px; padding: 0 14px; }
	.as-bienvenida__letra { font-size: .6875rem; line-height: 1.35; }
	.as-bienvenida__cerrar { top: 2px; right: 2px; }
}
@media (prefers-reduced-motion: reduce) { .as-bienvenida { transition: none; } }

/* Ficha: línea bajo el precio. */
.as-bienvenida-ficha { margin: 6px 0 0; padding: 8px 12px; border-radius: 10px; background: var(--as-bloque, #FBF1F2); color: var(--as-texto, #1C1917); font-size: .9375rem; display: inline-block; }
.as-bienvenida-ficha strong { color: var(--as-acento, #8E3F4A); }

/* Cesta y pago: aviso con botón para aplicarlo. */
.as-bienvenida-aviso {
	display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 0 0 20px; padding: 14px 18px;
	border-radius: 12px; background: var(--as-bloque, #FBF1F2); border: 1px solid var(--as-acento-claro, #F2C4C9); color: var(--as-texto, #1C1917);
}
.as-bienvenida-aviso p { margin: 0; flex: 1 1 260px; }
.as-bienvenida-aviso strong { color: var(--as-acento, #8E3F4A); }
.as-bienvenida-aviso p:first-child strong:first-child { color: inherit; }
.as-bienvenida-aviso__boton {
	display: inline-flex; align-items: center; min-height: 44px; padding: 0 22px; border-radius: 999px;
	background: var(--as-texto, #1C1917); color: #fff !important; font-weight: 800; text-decoration: none !important; white-space: nowrap;
}
.as-bienvenida-aviso__boton:hover { background: var(--as-acento, #8E3F4A); }
.as-bienvenida-aviso .as-bienvenida-aviso__letra { flex-basis: 100%; font-size: .8125rem; color: var(--as-suave, #57534E); }