/* Pavigym · Botones 1.0.0 (23-10-2026)
 * Forma y letra de los botones nuevos (megamenú, pie, formularios, portada, contacto, FAQ) en el resto de la web:
 * píldora y letra de 13 px en mayúsculas, negrita y con interletra. NO cambia colores: cada botón conserva su fondo, su
 * borde y su color, los del tema y los de cada botón (.ra_button_…, que solo llevan colores).
 * Las flechas de la galería de instalaciones pasan a círculo, con el borde y el color de los nuevos.
 *
 * Fuera a propósito:
 *  - las páginas cuyos botones ya tienen el formato nuevo por su plugin: portadas (body.home), soluciones
 *    (body.pv-listado), FAQ (body.pv-faq) y contacto (body.pv-contacto);
 *  - el blog y el slider de las portadas: los hacen pavigym-blog y pavigym-slider;
 *  - los enlaces de texto del tema (.btn-naked, .btn-underlined) y, del aviso de Cookiebot, las pestañas y la X.
 * Inventario de partida (23-10-2026): boo-docs/datos-2026/botones-20261023.
 *
 * El tema fija tamaño y relleno con !important, muchas veces en el <span> interior (.endurance-hero/dna/case-btn span,
 * .btn-light-blue-big span, .btn-white-fill-center span…). Por eso todo va con !important y con más especificidad que
 * esas reglas (html body:not(…) suma seis clases). */

/* ------------------------------------------------------------------ botones del tema (Rella) */
html body:not(.home):not(.pv-listado):not(.pv-faq):not(.pv-contacto) :is(a, button).btn:is(.btn-solid, .btn-default, .back-home) {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: auto !important;
	min-height: 0 !important;
	padding: 14px 26px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
	text-align: center;
}
html body:not(.home):not(.pv-listado):not(.pv-faq):not(.pv-contacto) :is(a, button).btn:is(.btn-solid, .btn-default, .back-home) > span {
	padding: 0 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit !important;
	text-transform: inherit !important;
}
/* una dirección de correo en mayúsculas y espaciada se lee mal: solo la forma y el peso (una clase más que la regla
   general para ganarle) */
html body:not(.home):not(.pv-listado):not(.pv-faq):not(.pv-contacto) :is(a, button).btn.btn-default.help-email-btn,
html body:not(.home):not(.pv-listado):not(.pv-faq):not(.pv-contacto) :is(a, button).btn.btn-default.help-email-btn > span {
	letter-spacing: .02em !important;
	text-transform: none !important;
}

/* ------------------------------------------------------------------ botones de WPBakery («See more details» de los casos) */
html body:not(.home):not(.pv-listado):not(.pv-faq):not(.pv-contacto) a.vc_btn3 {
	padding: 14px 26px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
}

/* ------------------------------------------------------------------ aviso de cookies (Cookiebot)
 * Deny, Customize, Allow selection y Allow all: forma y letra, sin tocar colores, así «Deny» y «Allow all» siguen igual
 * de visibles entre sí. La hoja de Cookiebot viene de su dominio y no se puede leer: de ahí el id y !important. Las
 * pestañas de categorías y la X no son botones de acción y no se tocan. */
html body #CybotCookiebotDialog button.CybotCookiebotDialogBodyButton {
	border-radius: 999px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
}

/* ------------------------------------------------------------------ flechas de la galería de instalaciones */
html body button.install-arrow {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 44px !important;
	height: 44px !important;
	padding: 0 !important;
	border: 1.5px solid #15263a !important;
	border-radius: 50% !important;
	background: #fff !important;
	font-size: 18px !important;
	line-height: 1 !important;
	color: #15263a !important;
	cursor: pointer;
	transition: background .15s, color .15s;
}
html body button.install-arrow:hover,
html body button.install-arrow:focus-visible {
	background: #15263a !important;
	color: #fff !important;
}
html body button.install-arrow:focus-visible {
	outline: 2px solid #05a3de;
	outline-offset: 2px;
}