/*
 * Dónde y de qué tamaño va el logo animado en las esperas (bc-logo-espera.js).
 * Las animaciones en sí están en bamze-logo.css.
 */

/* Envío de la solicitud de cotización: junto al botón */
.bc-espera {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px 18px;
	border: 1px solid #DDE2F0;
	border-radius: 10px;
	background: #F3F5FB;
	color: #01116E;
}

.bc-espera bamze-logo {
	width: 104px;
	flex: none;
}

.bc-espera__texto {
	font-size: 15px;
	font-weight: 600;
}

/* Sobre el mensaje de confirmación */
.bc-resultado bamze-logo.bc-resultado__logo {
	display: block;
	width: 150px;
	margin: 2px 0 14px;
}

/* Avisos "Cargando ..." del panel */
.bc-panel__estado-carga bamze-logo.bc-carga__logo {
	display: block;
	width: 120px;
	margin: 0 auto 12px;
}

/* Aviso "Cargando tu cotización..." del carrito lateral (bc-logo-carrito.js) */
.bc-drawer__cargando bamze-logo.bc-drawer__logo {
	display: block;
	width: 120px;
	margin: 4px 0 12px;
}

/* Página 404 */
.page-not-found-main bamze-logo.bc-404__logo {
	display: block;
	width: 240px;
	margin: 0 0 20px;
}

@media (max-width: 575px) {
	.page-not-found-main bamze-logo.bc-404__logo {
		width: 180px;
	}
}

/* Reglas de ocultar: al final, donde ganan los empates (el atributo hidden lo pisa
   cualquier regla que fije display). */
.bc-espera[hidden] {
	display: none;
}