/**
 * Avirsa Tarifas — estilos del precio profesional.
 *
 * Lo justo para que se entienda de un vistazo qué es el PVP y qué es el precio
 * del cliente. Todo va con variables propias y sin !important, así que el tema
 * manda en lo suyo (tipografías, botones) y aquí solo se decide lo que es de
 * las tarifas.
 *
 * Para cambiar un color no hace falta tocar este archivo: se sobrescribe la
 * variable en Apariencia → Personalizar → CSS adicional. Por ejemplo:
 *
 *   :root { --avirsa-azul: #1f1f1f; }
 */

:root {
	--avirsa-azul: #393285;
	--avirsa-azul-medio: #4f47a8;
	--avirsa-azul-tenue: #f5f4fa;
	--avirsa-amarillo: #ffc61e;
	--avirsa-gris: #8b8da0;
	--avirsa-texto-suave: #5f6178;
	--avirsa-radio: 8px;
}

/* --------------------------------------------------------------------------
 * 1. PVP tachado delante del precio neto del cliente
 * -------------------------------------------------------------------------- */

.precio-pvp {
	color: var(--avirsa-gris);
	font-size: 0.82em;
	font-weight: 400;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.precio-pvp del {
	text-decoration: line-through;
	opacity: 1;
}

.precio-neto {
	color: var(--avirsa-azul);
	font-weight: 800;
}

/* En la ficha del producto hay sitio de sobra: el PVP va en su propia línea. */
.woocommerce div.product .precio-pvp,
.single-product .precio-pvp {
	display: block;
	margin-bottom: 0.15rem;
	font-size: 0.9em;
}

.precio-descuento {
	display: inline-block;
	padding: 0.15rem 0.5rem;
	background: var(--avirsa-azul);
	color: var(--avirsa-amarillo);
	border-radius: var(--avirsa-radio);
	font-size: 0.72em;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.6;
	margin-left: 0.35rem;
	vertical-align: middle;
}

/* --------------------------------------------------------------------------
 * 2. Catálogo cerrado para quien no tiene el alta aprobada
 * -------------------------------------------------------------------------- */

.precio-oculto a {
	display: inline-block;
	color: var(--avirsa-azul);
	font-size: 0.92em;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.precio-oculto a:hover,
.precio-oculto a:focus-visible {
	color: var(--avirsa-azul-medio);
}

/* Aviso de la ficha de producto explicando por qué no hay precio. */
.aviso-tarifa {
	margin: 0 0 1.5rem;
	padding: 1.15rem 1.35rem;
	background: var(--avirsa-azul-tenue);
	border-left: 4px solid var(--avirsa-amarillo);
	border-radius: var(--avirsa-radio);
}

.aviso-tarifa p {
	margin: 0;
	color: var(--avirsa-texto-suave);
	font-size: 0.94em;
	line-height: 1.55;
}

.aviso-tarifa p + p {
	margin-top: 1rem;
}

/*
 * El botón «Acceder para comprar» del catálogo se deja al tema a propósito:
 * lleva la clase .button, así que sale con el mismo aspecto que el resto de
 * botones de Kadence y no desentona.
 */