/*
 * Botón de descarga de la ficha en PDF.
 *
 * Deliberadamente escueto. El sitio lo maqueta Elementor y estos estilos
 * están para que el botón no salga desnudo si nadie lo toca, no para imponer
 * un diseño. Todo es sobrescribible desde Elementor sin pelear con la
 * especificidad: una sola clase, sin !important, sin selectores anidados.
 *
 * Este CSS sí puede usar propiedades modernas: lo lee el navegador, no mPDF.
 */

.cafp-boto-embolcall {
	margin: 1rem 0;
}

.cafp-boto {
	display: inline-block;
	padding: 0.7em 1.4em;
	border: 1px solid #AD2121;
	border-radius: 2px;
	background-color: #AD2121;
	color: #FFFFFF;
	font-size: 0.95rem;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.cafp-boto:hover,
.cafp-boto:focus {
	background-color: transparent;
	color: #AD2121;
	text-decoration: none;
}

/* Que el foco por teclado se vea: el botón es el elemento accionable de la
   página y quien navegue sin ratón tiene que saber dónde está. */
.cafp-boto:focus-visible {
	outline: 2px solid #AD2121;
	outline-offset: 2px;
}

/* En pantallas estrechas ocupa el ancho disponible: un botón de destino
   pequeño en móvil es difícil de acertar. */
@media (max-width: 480px) {
	.cafp-boto {
		display: block;
		width: 100%;
	}
}

.cafp-boto-avis {
	margin: 0.6rem 0 0 0;
	color: #AD2121;
	font-size: 0.85rem;
	line-height: 1.4;
}