/**
 * GEN BE HEALTH — Tema visual de tooltips (Tippy.js). Doc239.
 * SOLO Home. Complementa tippy.css (vendor). No modifica tokens.css ni otros componentes.
 * Marca GBH: superficie navy, texto blanco (alto contraste), radio suave.
 */

/* Afordancia en el encabezado con tooltip: subrayado punteado morado + cursor de ayuda. */
.gbh-tip {
	cursor: help;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.26em;
	text-decoration-color: rgba( 138, 45, 146, 0.55 ); /* Morado GBH atenuado. */
}

.gbh-tip:focus-visible {
	outline: 2px solid #8A2D92; /* Morado GBH. */
	outline-offset: 3px;
	border-radius: 4px;
}

/* Tema 'gbh' del tooltip. */
.tippy-box[data-theme~="gbh"] {
	background-color: #142A47; /* Azul Ciencia (navy). */
	color: #FFFFFF;
	max-width: 280px;
	border-radius: 12px;
	font-family: "Helvetica Neue", Helvetica, "Inter", Arial, system-ui, -apple-system, sans-serif;
	font-size: 14px;
	line-height: 1.45;
	font-weight: 400;
	letter-spacing: 0.1px;
	box-shadow: 0 8px 24px rgba( 20, 42, 71, 0.22 );
}

.tippy-box[data-theme~="gbh"] .tippy-content {
	padding: 10px 13px;
	text-align: left;
	text-transform: none; /* evita heredar mayúsculas del título. */
}

/* Flechas por placement = mismo navy que el cuerpo. */
.tippy-box[data-theme~="gbh"][data-placement^="top"] > .tippy-arrow::before {
	border-top-color: #142A47;
}
.tippy-box[data-theme~="gbh"][data-placement^="bottom"] > .tippy-arrow::before {
	border-bottom-color: #142A47;
}
.tippy-box[data-theme~="gbh"][data-placement^="left"] > .tippy-arrow::before {
	border-left-color: #142A47;
}
.tippy-box[data-theme~="gbh"][data-placement^="right"] > .tippy-arrow::before {
	border-right-color: #142A47;
}

/* Móvil: sin scroll horizontal, ancho contenido. */
@media ( max-width: 480px ) {
	.tippy-box[data-theme~="gbh"] {
		max-width: 86vw;
		font-size: 14px;
	}
}