/* Icono de telefono en boton header */
.ast-custom-button {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ast-custom-button::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}

.ficha-ictus {
  position: relative;
}

.ficha-badge {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    bottom: auto !important;
    background-color: #2a7a5e;
    color: white;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    z-index: 10;
    pointer-events: none;
    width: fit-content !important;
    max-width: fit-content !important;
    display: inline-block !important;
}


.ficha-hemorragica {
    position: relative;
}

.ficha-badge-rojo {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    bottom: auto !important;
    background-color: #c0392b;
    color: white;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    z-index: 10;
    pointer-events: none;
    width: fit-content !important;
    max-width: fit-content !important;
    display: inline-block !important;
}

/* cambio color checkbox */

.wp-block-uagb-forms-checkbox.uagb-forms-checkbox-wrap label {
    color: #ffffff;
}

/* Excepción: los bloques que el diseño centra a propósito (cabeceras de
   sección, entradillas y tarjetas de reseña) se quedan centrados. */
:is(.uagb-block-bq97ljhv, .uagb-block-570e436c, .uagb-block-9111ab83, .uagb-block-b782503d, .uagb-block-b67b6233, .uagb-block-0e34f781, .uagb-block-50e415c8, .uagb-block-2390a6db, .uagb-block-3436bafc, .uagb-block-5356c84e, .uagb-block-c9b46013, .uagb-block-5504ec3b, .uagb-block-ca640191, .uagb-block-b1e5abc7, .uagb-block-425cc6b4, .uagb-block-0geiaet3, .uagb-block-f48aa892, .uagb-block-a1136e67, .uagb-block-48ce2fe7, .uagb-block-eb676618, .uagb-block-995f9dfa, .uagb-block-ea226fb3, .uagb-block-ea7bd001, .uagb-block-9a581710, .uagb-block-e2a2cbf3, .uagb-block-bf9a6492, .uagb-block-40f090f7, .uagb-block-c767fabd, .uagb-block-67e7739d, .uagb-block-8ab984f6, .uagb-block-e99039cc, .uagb-block-34a21fae, .uagb-block-5bbdd387, .uagb-block-ec68e2f8, .uagb-block-vepsj5kx, .uagb-block-ifncmspl, .uagb-block-hllzz95o, .uagb-block-ftqulpvn, .uagb-block-8bwzizre, .uagb-block-ea2f65aa, .uagb-block-c4e537ad, .uagb-block-1707b5a4, .uagb-block-f3488095, .uagb-block-5c3f1a96, .uagb-block-243fea71, .uagb-block-9585dcc2, .uagb-block-921b6bee, .uagb-block-4c4b92c8, .uagb-block-7143853f, .uagb-block-d0e793d4, .uagb-block-0oo4sqze, .uagb-block-df66a9f1, .uagb-block-d5761ad7, .uagb-block-98fa9db9, .uagb-block-b47deef7)
:is(p.uagb-heading-text, .uagb-ifb-desc, .uagb-desc-text, .uagb-faq-child__answer, .uagb-timeline-desc-content) {
	text-align: center;
	-webkit-hyphens: manual;
	hyphens: manual;
}



/* ============================================================
   NITIDEZ DE IMAGEN EN PANTALLAS RETINA
   Añadir al final del CSS adicional que ya tienes (debajo del
   bloque de "Justificado de textos"). No sustituye a nada.

   Por qué: la web sirve cada imagen al tamaño exacto en que se
   ve (120 px de archivo para un icono de 120 px). En una pantalla
   retina eso es la mitad de píxeles de los que hacen falta, y se
   ve blanda. La corrección consiste en pedirle al bloque el doble
   de píxeles y devolverle aquí su tamaño visual original.

   Los bloques corregidos llevan la clase .nitido-N (N = su ancho
   real en pantalla). El selector por atributo es la red de
   seguridad por si la clase no llegara a imprimirse.

   SI QUITAS ESTAS REGLAS, esas imágenes se verán al doble de
   grandes. No las borres sin revertir también los bloques.
   ============================================================ */

.nitido-46 img,
.uagb-ifb-image-content img[width="92"] {
	width: 46px !important;
	height: auto !important;
}

.nitido-49 img,
.uagb-ifb-image-content img[width="98"] {
	width: 49px !important;
	height: auto !important;
}

.nitido-120 img,
.uagb-ifb-image-content img[width="240"] {
	width: 120px !important;
	height: auto !important;
}

.nitido-300 img,
.uagb-ifb-image-content img[width="600"] {
	width: 300px !important;
	height: auto !important;
}

/* ===== Banner de cookies (CookieYes): más aire entre botones ===== */
.cky-notice-btn-wrapper {
	gap: 12px;
}
.cky-notice-btn-wrapper .cky-btn {
	margin: 0 !important;
}
.cky-notice-btn-wrapper .cky-btn-customize,
.cky-notice-btn-wrapper .cky-btn-reject {
	flex: 1 1 0;
}
.cky-notice-btn-wrapper .cky-btn-accept {
	flex: 1 1 100%;
}

/* ===== Home, rejilla de patologías: que «craneoencefálico» no se parta ===== */
/* El título se reduce solo lo justo para que la palabra más larga quepa en la
   tarjeta; en escritorio y móvil se queda en 25 px. */
.uagb-block-pkhbnk6h .uagb-ifb-content {
	container-type: inline-size;
}
.uagb-block-pkhbnk6h .uagb-ifb-title {
	font-size: min(25px, 11cqi);
}

/* ===== Formulario de contacto: información básica RGPD en acordeón ===== */
details.elize-info-rgpd {
	border: 1px solid #d9e3e2;
	border-radius: 6px;
	font-size: 0.875em;
}
details.elize-info-rgpd summary {
	cursor: pointer;
	list-style: none;
	padding: 12px 40px 12px 16px;
	font-weight: 600;
	position: relative;
}
details.elize-info-rgpd summary::-webkit-details-marker {
	display: none;
}
details.elize-info-rgpd summary::after {
	content: "+";
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.4em;
	line-height: 1;
	color: #009894;
}
details.elize-info-rgpd[open] summary::after {
	content: "−";
}
details.elize-info-rgpd summary:focus-visible {
	outline: 2px solid #009894;
	outline-offset: 2px;
}
details.elize-info-rgpd table {
	margin: 0;
	border: 0;
	border-top: 1px solid #d9e3e2;
}
details.elize-info-rgpd th,
details.elize-info-rgpd td {
	padding: 8px 12px;
	text-align: left;
	vertical-align: top;
}

/* ===== RGPD: el cuadro toma los colores del formulario (vale en fondo claro y en fondo oscuro) ===== */
.gform_wrapper details.elize-info-rgpd,
.gform_wrapper details.elize-info-rgpd summary,
.gform_wrapper details.elize-info-rgpd th,
.gform_wrapper details.elize-info-rgpd td,
.gform_wrapper details.elize-info-rgpd a {
	color: var(--gf-ctrl-label-color-primary, inherit);
}
.gform_wrapper details.elize-info-rgpd summary::after {
	color: var(--gf-ctrl-btn-bg-color-primary, #009894);
}

/* ===== Enlaces dentro del formulario (casilla de privacidad y cuadro RGPD): visibles como enlace ===== */
.gform_wrapper .gfield_consent_label a,
.gform_wrapper details.elize-info-rgpd a {
	color: var(--gf-ctrl-btn-bg-color-primary, #00898c);
	text-decoration: underline;
	text-underline-offset: 2px;
	font-weight: 600;
}
.gform_wrapper .gfield_consent_label a:hover,
.gform_wrapper details.elize-info-rgpd a:hover {
	text-decoration-thickness: 2px;
}

/* === Ajustes de producción (6 oct 2026) === */
/* Banner de cookies en móvil: botones aplastados y banner fuera de pantalla */
@media (max-width: 440px) {
  .cky-consent-container .cky-notice-btn-wrapper .cky-btn { flex: 0 0 auto; width: 100%; margin: 8px 0 0; }
}
/* Paginación del grid de entradas: se salía 10px por la derecha y ensanchaba la página en móvil */
.uagb-post-grid .uagb-post-pagination-wrap { width: auto !important; max-width: 100%; flex-wrap: wrap; }
/* Tablas de textos legales: scroll propio en móvil en vez de cortarse */
@media (max-width: 768px) {
  .entry-content table { display: block; max-width: 100%; overflow-x: auto; }
}
/* Títulos largos en móvil: guionado correcto en vez de partir la palabra sin guion */
@media (max-width: 544px) {
  h1, h2, h3 { -webkit-hyphens: auto; hyphens: auto; }
}