/* ========================================
   ENFERMEDADES PREVENIBLES STYLES
   Extracted from diseases.css
   ======================================== */

body.enfermedades-prevenibles {
	--cat-color-adultos: #89402F;
}

@media (max-width: 991.98px) {
	body.enfermedades-prevenibles #descarga-section .section-descarga-index__subtitle {
		display: none;
	}

	body.enfermedades-prevenibles .ep-disease-card .vsr-subtitle {
		display: none;
	}

	/* Sección "Descubre las vacunas recomendadas" / "Encuentra el punto de
	   vacunación" (partials/double-box.html): sin clase propia, hereda el
	   gutter default de Bootstrap (12px) en vez de los 20px del resto. */
	body.enfermedades-prevenibles section.container:has(#bannerByGroup) {
		padding-left: 20px;
		padding-right: 20px;
	}

	body.enfermedades-prevenibles .wrap-box-white #bannerByGroup {
		order: 2;
	}

	body.enfermedades-prevenibles .wrap-box-white .box-white-element:not(#bannerByGroup) {
		order: 1;
	}

	body.enfermedades-prevenibles .container-group-calendar {
		padding-top: 32px;
		padding-bottom: 32px;
	}

	body.enfermedades-prevenibles .custom-gap-container {
		padding-top: 0;
		gap: 20px;
	}
}

body.enfermedades-prevenibles .dropdown-toggle-btn {
	background-color: #461104;
	padding: 16px 32px;
	gap: 10px;
	border-radius: 100px;
}

body.enfermedades-prevenibles .dropdown-toggle-btn.open {
	background-color: #BE3A28;
}

body.enfermedades-prevenibles .dropdown-menu {
	background-color: #F0EFED;
	border-radius: 32px;
	margin-top: 7px;
	padding: 8px 0;
	display: block;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s;
	pointer-events: none;
}

body.enfermedades-prevenibles .dropdown-menu.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: opacity 0.25s ease, transform 0.25s ease;
	pointer-events: auto;
}

body.enfermedades-prevenibles .dropdown-menu li {
	padding: 0;
}

body.enfermedades-prevenibles .dropdown-menu li a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 16px 32px;
	color: #4B4B4B;
	font-weight: 400;
	font-size: 16px;
}

/* Barra: mismo alto que el texto (align-self:stretch dentro del flex
   centrado), no el alto completo del item — igual que en Figma. */
body.enfermedades-prevenibles .dropdown-menu li a::before {
	content: '';
	width: 1px;
	align-self: stretch;
	background-color: transparent;
}

/* Item activo (grupo seleccionado, marcado por JS en updateDropdownOnPageLoad):
   bold + línea naranja a la izquierda. */
body.enfermedades-prevenibles .dropdown-menu li a.active {
	font-weight: 700;
}

body.enfermedades-prevenibles .dropdown-menu li a.active::before {
	background-color: #FF4E00;
}

/* Flecha del botón: apunta hacia arriba mientras el menú está abierto. */
body.enfermedades-prevenibles .dropdown-toggle-btn img.dropdown-chevron {
	transition: transform 0.2s ease;
}

body.enfermedades-prevenibles .dropdown-toggle-btn.open img.dropdown-chevron {
	transform: translateY(-50%) rotate(180deg);
}

/* ========================================
   EP BREADCRUMB — mismo margen lateral que hero/grilla en todos los anchos
   ======================================== */

body.enfermedades-prevenibles .breadcrumb-container {
	width: 100%;
	margin: 0 auto;
}

body.enfermedades-prevenibles .breadcrumb {
	padding-top: 136px;
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 992px) {
	body.enfermedades-prevenibles .breadcrumb-container {
		max-width: 1120px;
	}
}

@media (max-width: 991.98px) {
	body.enfermedades-prevenibles .breadcrumb-container {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
}

/* ========================================
   EP CALENDARIO DINÁMICO POR GRUPO — título generado por JS
   (enfermedades-prevenibles.js) sin clase de tamaño propia; replica el
   patrón responsive de .section-descarga-index__title (32px desktop /
   24px mobile-tablet, ver home.css y mobile-responsive.css).
   ======================================== */

body.enfermedades-prevenibles #group-calendar-dynamic h2 {
	font-family: 'Inter', sans-serif;
	font-size: 32px;
	font-weight: 700;
	text-align: center;
}

@media (max-width: 991.98px) {
	body.enfermedades-prevenibles #group-calendar-dynamic h2 {
		font-size: 24px;
		line-height: 1.2;
	}
}

/* ========================================
   EP HERO — Figma 11129:72248
   ======================================== */

@media (min-width: 992px) {
	body.enfermedades-prevenibles .ep-hero {
		text-align: center;
	}

	body.enfermedades-prevenibles .ep-hero__container {
		max-width: 1120px;
		width: 100%;
		margin: 0 auto 32px auto;
		padding: 24px 64px;
		border-radius: 28px;
	}

	body.enfermedades-prevenibles .ep-hero__inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 32px;
		text-align: center;
	}

	body.enfermedades-prevenibles .ep-hero__title {
		font-family: 'Inter', sans-serif;
		font-weight: 900;
		font-size: 40px;
		line-height: 1.2;
		color: #151515;
		margin: 0;
		width: 100%;
	}

	body.enfermedades-prevenibles .ep-hero__description {
		width: 100%;
	}

	body.enfermedades-prevenibles .ep-hero__description p {
		font-family: 'Inter', sans-serif;
		font-weight: 400;
		font-size: 18px;
		line-height: 1.5;
		color: #4B4B4B;
		margin: 0;
	}
}

/* Mobile + tablet — Figma 11168:32067 (mobile). Necesario para vencer las
   reglas legacy sin scope de breakpoint (.enfermedades-hero h1 /
   .enfermedades-hero p en style.css), que por especificidad le ganan a
   .textprincipalmobile. Figma no tiene frame de tablet: se reutilizan los
   valores de mobile en todo el rango ≤991px (a criterio, sin spec propia)
   para no dejar el hueco 768-991px heredando el tamaño de desktop. */
@media (max-width: 991px) {
	body.enfermedades-prevenibles .ep-hero__container {
		padding: 24px 20px;
	}

	body.enfermedades-prevenibles .ep-hero__inner {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	body.enfermedades-prevenibles .ep-hero__title {
		font-family: 'Inter', sans-serif;
		font-weight: 700;
		font-size: 24px;
		line-height: 1.2;
		color: #151515;
		margin: 0;
		width: 100%;
	}

	body.enfermedades-prevenibles .ep-hero__description p {
		font-family: 'Inter', sans-serif;
		font-weight: 400;
		font-size: 16px;
		line-height: 1.4;
		color: #4B4B4B;
		margin: 0;
	}
}

/* ========================================
   EP FILTER COMPONENTS — Figma 14382:61913
   ======================================== */

.ep-filter {
	gap: 20px;
	justify-content: center;
	margin: 0;
}

.ep-filter a {
	border-radius: 45px;
	height: auto;
	line-height: 1.5;
	text-align: center;
	border: 1px solid #c6c5c5;
	padding: 8px 24px;
	cursor: pointer;
	color: #4b4b4b;
	text-decoration: none;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;
}

.ep-filter a.active {
	color: var(--white-color);
	font-weight: 400;
}

.ep-filter a[data-value="todas"].active {
	background-color: var(--cat-color-wine);
	border: 1px solid var(--cat-color-wine);
}

.ep-filter a[data-value="bebes"].active {
	background-color: var(--cat-color-green);
	border: 1px solid var(--cat-color-green);
}

.ep-filter a[data-value="ninos"].active {
	background-color: var(--cat-color-blue);
	border: 1px solid var(--cat-color-blue);
}

.ep-filter a[data-value="adolescentes"].active {
	background-color: var(--cat-color-violet);
	border: 1px solid var(--cat-color-violet);
}

.ep-filter a[data-value="mujeres-embarazadas"].active {
	background-color: var(--cat-color-yellow);
	border: 1px solid var(--cat-color-yellow);
}

.ep-filter a[data-value="adultos"].active {
	background-color: var(--cat-color-adultos);
	border: 1px solid var(--cat-color-adultos);
}

.ep-filter a[data-value="adultos-mayores"].active {
	background-color: var(--cat-color-orange);
	border: 1px solid var(--cat-color-orange);
}

/* ========================================
   EP VACUNAS CARD — Figma 11169:47491 (Card_Roja v2)
   ======================================== */

body.enfermedades-prevenibles .ep-vacunas-card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	width: 100%;
	min-height: 352px;
	height: 352px;
	padding: 32px;
	border-radius: 16px;
	overflow: hidden;
}

body.enfermedades-prevenibles .ep-vacunas-card__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	border-radius: 16px;
	overflow: hidden;
}

body.enfermedades-prevenibles .ep-vacunas-card__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

body.enfermedades-prevenibles .ep-vacunas-card__content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
}

body.enfermedades-prevenibles .ep-vacunas-card__copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	width: 100%;
}

body.enfermedades-prevenibles .ep-vacunas-card__title {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
	color: #ffffff;
	margin: 0;
	padding: 0;
}

body.enfermedades-prevenibles .ep-vacunas-card__text {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
	color: #ffffff;
	margin: 0;
	padding: 0;
}

body.enfermedades-prevenibles .ep-vacunas-card--dark-text .ep-vacunas-card__title,
body.enfermedades-prevenibles .ep-vacunas-card--dark-text .ep-vacunas-card__text {
	color: #151515;
}

body.enfermedades-prevenibles .ep-vacunas-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 50px;
	padding: 16px 32px;
	border: 1px solid #c6c5c5;
	border-radius: 100px;
	background-color: #ffffff;
	color: #4b4b4b;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

body.enfermedades-prevenibles .ep-vacunas-card__btn img {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

body.enfermedades-prevenibles .ep-vacunas-card__btn:hover {
	color: #4b4b4b;
	background-color: #f7f7f7;
}

/* Legacy alias — blogs y otras páginas */
.ep-double-box {
	background-color: #BE3A28;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 16px;
	text-align: left;
	color: var(--white-color);
	min-height: 352px;
	width: 595px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 16px;
	padding: 32px;
}

.ep-double-box h3 {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: 0;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

.ep-double-box p {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

.ep-double-box a.btn,
.ep-double-box .btn-custom-outline,
.ep-double-box .btntextvacunas {
	background-color: #FFFFFF;
	border: 1px solid #C6C5C5;
	color: #4B4B4B;
	padding: 16px 32px;
	border-radius: 100px;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none;
	height: 50px;
	margin-top: 0;
}

/* ========================================
   EP VACCINATION CARD — Figma 11169:47492
   ======================================== */

body.enfermedades-prevenibles .ep-vaccination-card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	width: 100%;
	min-height: 352px;
	height: 352px;
	padding: 32px;
	border-radius: 16px;
	overflow: hidden;
}

body.enfermedades-prevenibles .ep-vaccination-card__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	border-radius: 16px;
	overflow: hidden;
}

body.enfermedades-prevenibles .ep-vaccination-card__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
}

body.enfermedades-prevenibles .ep-vaccination-card__content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
}

body.enfermedades-prevenibles .ep-vaccination-card__copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	width: 100%;
}

body.enfermedades-prevenibles .ep-vaccination-card__title {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
	color: #151515;
	margin: 0;
	padding: 0;
}

body.enfermedades-prevenibles .ep-vaccination-card__text {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
	color: #4b4b4b;
	margin: 0;
	padding: 0;
}

body.enfermedades-prevenibles .ep-vaccination-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	padding: 16px 32px;
	border: none;
	border-radius: 100px;
	background-color: #ff4e00;
	color: #ffffff;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	box-shadow:
		0 126px 35px rgba(0, 0, 0, 0),
		0 81px 32px rgba(0, 0, 0, 0.01),
		0 45px 27px rgba(0, 0, 0, 0.05),
		0 20px 20px rgba(0, 0, 0, 0.09),
		0 5px 11px rgba(0, 0, 0, 0.1),
		0 0 0 rgba(0, 0, 0, 0.1);
}

body.enfermedades-prevenibles .ep-vaccination-card__btn:hover {
	background-color: #c94f18;
	color: #ffffff;
}

.container-group-calendar {
   padding: 48px 0 64px 0;
}

/* Legacy — mantener por compatibilidad en otras páginas */
.ep-card-white {
	background-image: url(/images/Card_White.png);
	background-repeat: no-repeat;
	background-position: center 0%;
	background-size: cover;
	border-radius: 16px;
	text-align: left;
	color: var(--white-color);
	min-height: 35px;
	width: 639px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
	padding: 32px;
	height: 358px;
}

.custom-gap-container {
	gap: 39px !important;
	padding-top: 1em;
}

/* ========================================
   EP BLOG SECTION — Figma 11169:39415
   ======================================== */

body.enfermedades-prevenibles .ep-blog-section.blog-home-wrapper {
	padding-top: 32px;
	padding-bottom: 32px;
}

body.enfermedades-prevenibles .ep-blog-section .container {
	max-width: 1120px;
}

body.enfermedades-prevenibles .ep-blog-section__inner {
	gap: 16px;
	max-width: 1120px;
	width: 100%;
}

body.enfermedades-prevenibles .ep-blog-section__title {
	font-family: 'Inter', sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	color: #151515;
	text-align: center;
	margin: 0;
	margin-bottom: 18px;
	width: 100%;
}

body.enfermedades-prevenibles .ep-blog-section__cards {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

body.enfermedades-prevenibles .ep-blog-section .home-blog-card-col {
	flex: 0 0 265px;
	width: 265px;
	max-width: 265px;
	min-width: 0;
	padding: 0;
	margin: 0;
}

body.enfermedades-prevenibles .ep-blog-section .home-blog-card {
	width: 100%;
}

body.enfermedades-prevenibles .ep-blog-section .home-blog-card__body {
	gap: 8px;
	padding-top: 16px;
}

body.enfermedades-prevenibles .ep-blog-section__footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	width: 100%;
	padding: 4px 0;
}

.diseases .blog-home-wrapper .referencias-blog-texto {
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: #151515;
	text-align: center;
	justify-self: center;
	max-width: none;
	width: 100%;
	margin: 0;
	white-space: nowrap;
}

@media screen and (min-width: 992px) {
	body.enfermedades-prevenibles .ep-blog-section .home-blog-card-col {
		flex: 0 0 calc((100% - 60px) / 4);
		width: calc((100% - 60px) / 4);
		max-width: calc((100% - 60px) / 4);
	}
}

.ep-card-white h3 {
	font-size: 32px !important;
}

.ep-card-white h3.textcard1 {
	font-size: 32px !important;
}

/* Botón dentro de ep-card-white según Figma */
.ep-card-white .btn,
.ep-card-white .btn-custom,
.ep-card-white a.btn {
	background-color: #FF4E00 !important;
	border: none !important;
	color: #FFFFFF !important;
	padding: 16px 32px !important;
	border-radius: 100px !important;
	box-shadow: 0px 126px 35px 0px rgba(0, 0, 0, 0),
		0px 81px 32px 0px rgba(0, 0, 0, 0.01),
		0px 45px 27px 0px rgba(0, 0, 0, 0.05),
		0px 20px 20px 0px rgba(0, 0, 0, 0.09),
		0px 5px 11px 0px rgba(0, 0, 0, 0.1),
		0px 0px 0px 0px rgba(0, 0, 0, 0.1) !important;
	font-family: 'Inter', sans-serif !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	height: 50px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	margin-top: 0 !important;
}

/* Ajustar el contenido dentro de ep-card-white */
.ep-card-white h3 {
	margin-top: 57px !important;
	margin-bottom: 0 !important;
}

.ep-card-white p {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.calendar-image {
	max-width: 300px !important;
	border-radius: 24px !important;
	width: 100%;
}

@media (max-width: 900px) {
	body.enfermedades-prevenibles .calendar-image {
		margin: auto;
	}
	#flush-collapseOne > div > div > div {
		flex-direction: column !important;
	}
}

.textbox1 {
	margin-top: 2rem;
}

/* ========================================
   THUMB DISEASE1 COMPONENT
   ======================================== */

.thumb-disease1 {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 247px;
	align-items: center;
	justify-content: flex-start;
	padding: 16px;
	height: 280px;
	margin: 0px auto;
	position: relative;
}

.thumb-disease1 h2 {
	font-size: 17px;
	text-align: center;
	padding: 15px 0;
	color: #4b4b4b;
	line-height: 1.2;
	min-height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
}

.thumb-disease1 .vsr-subtitle {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: #4b4b4b;
	text-align: center;
	margin: 0;
	padding: 0;
}

.thumb-disease1 i {
	font-size: 16px;
}

.thumb-disease1 > img {
	object-fit: cover;
	width: 270px;
	height: 125px;
	border-radius: 24px;
}

.thumb-disease1 .ver-en-maps {
	position: absolute;
	bottom: -10px !important;
	padding-bottom: 28px !important;
}

/* ========================================
   ENFERMEDADES PREVENIBLES SPECIFIC STYLES
   Figma 11129:64322 (sección) + 14805:63411 (card)
   ======================================== */
.container-prevenibles {
	margin-bottom: 48px !important;
}

body.enfermedades-prevenibles .swiper-prevenibles .titleprincipalprevenible {
	font-family: 'Inter', sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	color: #151515;
	text-align: center;
	margin-bottom: 24px;
}

body.enfermedades-prevenibles .swiper-prevenibles .titleprincipalprevenible sup {
	font-size: 15.48px;
}

body.enfermedades-prevenibles .ep-disease-blocks {
	width: 100%;
	max-width: 1120px;
	margin: 48px auto 0;
	text-align: left;
}

body.enfermedades-prevenibles .ep-disease-block {
	width: 100%;
	max-width: 100%;
	margin: 0;
	text-align: left;
}

body.enfermedades-prevenibles .ep-disease-block--secondary {
	margin-top: 48px;
}

body.enfermedades-prevenibles .ep-disease-block__title,
body.enfermedades-prevenibles #titulo-dinamico,
body.enfermedades-prevenibles #titulo-secundario {
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
	color: #151515;
	text-align: left;
	padding: 0;
	margin: 0 0 32px;
	width: 100%;
}

body.enfermedades-prevenibles .ep-disease-block--secondary .ep-disease-block__title,
body.enfermedades-prevenibles .ep-disease-block--secondary #titulo-secundario {
	margin-bottom: 16px;
}

body.enfermedades-prevenibles .ep-disease-block .grid-container,
body.enfermedades-prevenibles .ep-disease-block .grid-container2 {
	margin-top: 0;
}

body.enfermedades-prevenibles .ep-disease-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	width: 100%;
	max-width: 265px;
	height: 274px;
	padding: 0 16px 16px;
	margin: 0;
	position: relative;
	background: #fff;
	border-radius: 24px;
	box-shadow:
		0 688.946px 192.664px rgba(0, 0, 0, 0),
		0 441.235px 176.322px rgba(0, 0, 0, 0.01),
		0 247.711px 148.799px rgba(0, 0, 0, 0.03),
		0 110.094px 110.094px rgba(0, 0, 0, 0.04),
		0 27.523px 61.068px rgba(0, 0, 0, 0.05),
		0 0 0 rgba(0, 0, 0, 0.05);
}

body.enfermedades-prevenibles .ep-disease-card__top {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 7px;
	width: 100%;
}

body.enfermedades-prevenibles .ep-disease-card--extra .ep-disease-card__top::before {
	content: '';
	display: block;
	width: 100%;
	max-width: 214px;
	height: 8px;
	flex-shrink: 0;
}

body.enfermedades-prevenibles .ep-disease-card--extra .category-misc {
	display: none;
}

body.enfermedades-prevenibles .ep-disease-card .category-misc {
	position: static !important;
	transform: none !important;
	left: auto !important;
	top: auto !important;
	z-index: auto !important;
	width: 100%;
	max-width: 214px;
	height: 8px;
	gap: 4px;
	margin: 0;
	padding: 0;
	justify-content: center;
}

body.enfermedades-prevenibles .ep-disease-card .category-misc li {
	width: 30px;
	height: 8px;
	border-radius: 0 0 4px 4px;
}

body.enfermedades-prevenibles .ep-disease-card .category-misc li[data-color="red"] {
	background-color: var(--cat-color-adultos);
}

body.enfermedades-prevenibles[data-active-group="adultos"] .dropdown-toggle-btn {
	background-color: var(--cat-color-adultos);
}

body.enfermedades-prevenibles .ep-disease-card__image-link {
	display: block;
	width: 100%;
	line-height: 0;
}

body.enfermedades-prevenibles .ep-disease-card__image,
body.enfermedades-prevenibles .ep-disease-card > .ep-disease-card__top img,
body.enfermedades-prevenibles .ep-disease-card img.imgcard {
	width: 100%;
	height: 112px !important;
	object-fit: cover;
	border-radius: 18px;
}

body.enfermedades-prevenibles .ep-disease-card__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 13.762px;
	width: 100%;
	flex: 1 1 0;
	min-height: 0;
}

body.enfermedades-prevenibles .ep-disease-card h2 {
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	color: #4b4b4b;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: visible !important;
	white-space: normal !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}

/* Card con solo título */
body.enfermedades-prevenibles .ep-disease-card__body:not(:has(.vsr-subtitle)) h2 {
	min-height: 66px;
	height: 118px;
	flex: 0 0 auto;
}

body.enfermedades-prevenibles .ep-disease-card h2 i {
	font-style: italic;
	font-size: 16px;
	font-weight: 700;
}

body.enfermedades-prevenibles .ep-disease-card h2 br {
	display: block;
	content: "";
	margin-top: 0;
}

/* Card VSR / VPH — título crece, subtítulo fijo, gap 13.762px al CTA */
body.enfermedades-prevenibles .ep-disease-card__body:has(.vsr-subtitle) h2 {
	flex: 1 1 0;
	min-height: 0;
	height: auto;
}

body.enfermedades-prevenibles .ep-disease-card .vsr-subtitle {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: #4b4b4b;
	text-align: center;
	height: 67px;
	margin: 0;
	flex: 0 0 auto;
}

body.enfermedades-prevenibles .ep-disease-card .ver-en-maps,
body.enfermedades-prevenibles .ep-disease-card .ep-disease-card__cta {
	position: static;
	bottom: auto;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	color: #ff4e00;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-decoration: none;
	padding: 8px 4px !important;
	margin: 0;
	flex: 0 0 auto;
}

body.enfermedades-prevenibles .ep-disease-card .ver-en-maps img,
body.enfermedades-prevenibles .ep-disease-card .ep-disease-card__cta img,
body.enfermedades-prevenibles .ep-disease-card .ep-disease-card__arrow {
	width: 16px !important;
	height: 16px !important;
	min-width: 16px;
	min-height: 16px;
	flex-shrink: 0;
	object-fit: contain;
	display: block;
}

/* Legacy thumb-disease (sin ep-disease-card) */
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 247px;
	align-items: center;
	justify-content: flex-start;
	padding: 16px;
	height: 280px;
	margin: 0px auto;
	position: relative;
}

body.enfermedades-prevenibles .thumb-disease img[alt="Herpes zóster"],
body.enfermedades-prevenibles .thumb-disease img[alt="Enfermedad por Hib (Haemophilus influenzae tipo b)"] {
	object-fit: cover;
	
	height: 112px;
	border-radius: 18px;
}

body.enfermedades-prevenibles .thumb-disease h2 {
	font-size: 17px;
	text-align: center;
	padding: 15px 0;
	color: #4b4b4b;
	line-height: 1.2;
	height: auto;
	min-height: 40px;
	display: block;
	overflow: visible !important;
	white-space: normal !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}

body.enfermedades-prevenibles .thumb-disease i {
	font-size: 16px;
}

body.enfermedades-prevenibles .thumb-disease > img {
	object-fit: cover;
	width: 100%;
	height: 112px;
	border-radius: 18px;
}

/* Specific disease images */
body.enfermedades-prevenibles .thumb-disease img[alt] {
	object-fit: cover;

	height: 112px;
	border-radius: 18px;
}

body.enfermedades-prevenibles .thumb-disease img[alt="Fiebre amarilla"],
body.enfermedades-prevenibles .thumb-disease img[alt="Enfermedad por Hib (Haemophilus influenzae tipo b)"] {
	object-fit: cover;
	
	height: 112px;
	border-radius: 18px;
}

body.enfermedades-prevenibles .thumb-disease .ver-en-maps {
	position: absolute;
	bottom: 16px !important;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0;
	color: #ff4e00;
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #e95e1f;
	display: flex;
	align-items: center;
	gap: 6px;
}

/* ========================================
   DISEASES PREVENIBLES TITLES
   ======================================== */

.diseases-prevenibles h3 {
	font-size: 24px;
}

/* ========================================
   PREVENTABLE DISEASES TITLES
   ======================================== */

.preventable-diseases-title {
	color: #ff9770 !important;
	font-family: "Inter", sans-serif !important;
	font-weight: 900 !important;
	font-size: 16px !important;
	line-height: 19.8px !important;
	letter-spacing: 24% !important;
}

.preventable-diseases-title2 {
	color: #ff9770 !important;
	font-family: "Inter", sans-serif !important;
	font-weight: 900 !important;
	font-size: 32px !important;
	line-height: 1.5 !important;
	letter-spacing: 0.3em !important;
}

/* ========================================
   ENFERMEDADES PREVENIBLES SECTION
   ======================================== */

.enfermedades-prevenibles-section {
	background-image: url('/images/fondos/MODULO HOME 2.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 48px;
	margin-bottom: 48px;
}

/* ========================================
   GRID CONTAINERS
   ======================================== */

body.enfermedades-prevenibles .grid-container,
body.enfermedades-prevenibles .grid-container2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 32px 20px;
	padding: 0;
	max-width: 1120px;
	margin: 0;
}

body.enfermedades-prevenibles .grid-item {
	padding: 0;
	text-align: left;
	width: 265px;
	max-width: 100%;
	flex: 0 0 265px;
}

/* ========================================
   CONTROLES ENFERMEDADES ADDITIONAL STYLES
   ======================================== */

.btn-enfermedades-prev {
	top: 499px !important;
	left: calc(50% - -5px) !important;
}

.btn-enfermedades-next {
	top: 498px !important;
	left: calc(54% - -5px) !important;
}

.controles-enfermedades .swiper-button-prev,
.controles-enfermedades .swiper-button-next {
	z-index: 20;
}

/* ========================================
   DISEASES CONTENT CONTAINER ADDITIONAL STYLES
   ======================================== */

.diseases .content-container .sidemenu.fixed {
	position: fixed;
	top: 150px;
	left: 64px;
	width: 245px;
	z-index: 100;
}

.diseases .content-container .sidemenu .title {
	display: flex;
	padding: 8px 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	flex: 1 0 0;
	color: #151515;
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 27px;
}

.diseases .content-container .sidemenu .subtitle-container {
	max-width: 242px;
	display: flex;
	padding: 4px 12px;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	flex: 1 0 0;
}

.diseases .content-container .sidemenu .subtitle-container a {
	color: #4B4B4B;
	text-decoration: none;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: 0;
	transition: all 0.3s ease;
	padding-bottom: 0.25rem;
}

.diseases .content-container .sidemenu .subtitle-container a:hover {
	border-bottom: 1px solid var(--orange-color);
	transition: all 0.3s ease;
}

.diseases .content-container .content .title-container h3 {
	color: var(--UI-GSK-Black, #151515);
	font-family: Inter;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
}

.diseases .content-container .content p {
	color: var(--UI-GSK-Text-Gray, #4b4b4b);
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	justify-self: start;
}

.diseases .bottom-line {
	height: 2px;
	background: var(--UI-GSK-Orange-02, #ff4e00);
}

/* ========================================
   DISCLAIMER Y REFERENCIAS — mismo ancho 1120px
   ======================================== */

body.enfermedades-prevenibles section.disclaimer .alerta-aviso-naranja.container {
	max-width: 1120px !important;
	width: 100%;
	margin-top: 32px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.enfermedades-prevenibles section.disclaimer .texto-adicional-test.container {
	max-width: 1120px !important;
	width: 100%;
	margin-top: 9px !important;
	margin-bottom: 16px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.enfermedades-prevenibles .ep-referencias-section {
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 112px;
	padding-left: 12px;
	padding-right: 0;
}

body.enfermedades-prevenibles .referencias.referencias-enfermedades {
	padding: 0;
	width: 100%;
	align-items: flex-start;
}

body.enfermedades-prevenibles .ep-referencias__inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
}

body.enfermedades-prevenibles .ep-referencias__title {
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	color: #4B4B4B;
	margin: 0;
}

body.enfermedades-prevenibles .ep-referencias-list {
	margin: 0;
	padding-left: 21px;
	width: 100%;
	max-width: 1099px;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	color: #4B4B4B;
	list-style-type: decimal;
}

body.enfermedades-prevenibles .ep-referencias-list li {
	margin: 0;
	padding: 0;
	word-break: break-word;
}

body.enfermedades-prevenibles .ep-referencias-list li + li {
	margin-top: 0;
}

body.enfermedades-prevenibles .ep-referencias-list a {
	color: #4B4B4B;
	text-decoration: underline;
	word-break: break-word;
}

body.enfermedades-prevenibles .ep-referencias-list a:hover {
	color: #4B4B4B;
}

/* Mobile + tablet — Figma 11168:31479 (mobile). Sin frame propio de tablet:
   se reutiliza el line-height de mobile en todo el rango ≤991px, a criterio. */
@media (max-width: 991.98px) {
	body.enfermedades-prevenibles .ep-referencias__title {
		line-height: 1.4;
	}

	body.enfermedades-prevenibles .ep-referencias-list {
		line-height: 1.4;
	}
}

/* Tablet — mismo espacio lateral que disclaimer */
@media screen and (max-width: 1024px) and (min-width: 768px) {
	body.enfermedades-prevenibles .ep-referencias-section {
		padding-left: 37px;
		padding-right: 30px;
		box-sizing: border-box;
		max-width: 100%;
	}
}

/* Tablet 768px — ajustes entre mobile y desktop */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
	body.enfermedades-prevenibles section.disclaimer {
		padding-left: 0;
		padding-right: 0;
	}

	body.enfermedades-prevenibles section.disclaimer .alerta-aviso-naranja.container,
	body.enfermedades-prevenibles section.disclaimer .texto-adicional-test.container {
		width: calc(100% - 40px) !important;
		max-width: calc(100% - 40px) !important;
		margin-left: 20px !important;
		margin-right: 20px !important;
	}

	body.enfermedades-prevenibles #container-grid > .col-12 {
		/* 12px, no 20px: .swiper-prevenibles.container ya suma 20px propios en
		   este breakpoint, que junto al -12px del .row deja un resto de +8px;
		   12px acá cierra la cuenta en los 20px finales que pide Figma. */
		padding: 0 12px;
	}

	body.enfermedades-prevenibles .swiper-prevenibles .titleprincipalprevenible {
		font-size: 16px;
		padding: 0;
	}

	body.enfermedades-prevenibles .swiper-prevenibles .titleprincipalprevenible sup {
		font-size: 10.32px;
	}

	body.enfermedades-prevenibles .swiper-prevenibles.container {
		padding-left: 20px;
		padding-right: 20px;
		max-width: 100%;
	}

	body.enfermedades-prevenibles .ep-disease-blocks {
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}

	body.enfermedades-prevenibles .grid-container,
	body.enfermedades-prevenibles .grid-container2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 16px 12px;
		max-width: 100%;
		width: 100%;
		padding: 0;
	}

	body.enfermedades-prevenibles .grid-item {
		flex: 0 0 calc((100% - 12px) / 2);
		width: calc((100% - 12px) / 2);
		max-width: calc((100% - 12px) / 2);
	}

	body.enfermedades-prevenibles .ep-disease-card {
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 206px;
		padding: 0 12px 12px;
		gap: 8px;
	}

	body.enfermedades-prevenibles .ep-disease-card__image,
	body.enfermedades-prevenibles .ep-disease-card img.imgcard {
		height: 81px;
		border-radius: 18px;
	}

	body.enfermedades-prevenibles .ep-disease-card__body {
		justify-content: flex-start;
		flex: 0 0 auto;
		gap: 8px;
	}

	body.enfermedades-prevenibles .ep-disease-card__body:not(:has(.vsr-subtitle)) h2 {
		min-height: auto;
		height: auto;
		flex: 0 0 auto;
		font-size: 12px;
	}

	body.enfermedades-prevenibles .ep-disease-card h2 {
		font-size: 12px;
		padding: 0;
	}

	body.enfermedades-prevenibles .ep-disease-card h2 i {
		font-size: 11px;
	}

	body.enfermedades-prevenibles .ep-disease-card .vsr-subtitle {
		font-size: 11px;
		height: auto;
		margin: 0;
	}

	body.enfermedades-prevenibles .ep-disease-card .category-misc li {
		width: 22px;
		height: 6px;
		border-radius: 0 0 3px 3px;
	}

	body.enfermedades-prevenibles .ep-disease-card .ver-en-maps,
	body.enfermedades-prevenibles .ep-disease-card .ep-disease-card__cta {
		font-size: 11px;
		padding: 4px;
		gap: 10px;
	}

	body.enfermedades-prevenibles .ep-disease-card .ver-en-maps img,
	body.enfermedades-prevenibles .ep-disease-card .ep-disease-card__cta img,
	body.enfermedades-prevenibles .ep-disease-card .ep-disease-card__arrow {
		width: 16px !important;
		height: 16px !important;
		min-width: 16px;
		min-height: 16px;
	}

	/* Double box — dos columnas compactas */
	body.enfermedades-prevenibles section.container.mb-lg-5:has(.custom-gap-container) {
		padding-left: 20px;
		padding-right: 20px;
		max-width: 100%;
	}

	body.enfermedades-prevenibles .ep-vacunas-card,
	body.enfermedades-prevenibles .ep-vaccination-card {
		width: 100%;
		max-width: 100%;
		min-height: 240px;
		height: 240px;
		padding: 20px !important;
		justify-content: flex-start;
	}

	body.enfermedades-prevenibles .ep-vacunas-card__content,
	body.enfermedades-prevenibles .ep-vaccination-card__content {
		justify-content: flex-start;
		height: 100%;
	}

	body.enfermedades-prevenibles .ep-vacunas-card__copy,
	body.enfermedades-prevenibles .ep-vaccination-card__copy {
		flex: 1 1 auto;
	}

	body.enfermedades-prevenibles .ep-vacunas-card__btn,
	body.enfermedades-prevenibles .ep-vaccination-card__btn {
		margin-top: auto;
	}

	body.enfermedades-prevenibles .ep-vaccination-card__title,
	body.enfermedades-prevenibles .ep-vacunas-card__title {
		font-size: 16px !important;
		line-height: 1.25;
	}

	body.enfermedades-prevenibles .ep-vaccination-card__text,
	body.enfermedades-prevenibles .ep-vacunas-card__text {
		font-size: 13px;
		line-height: 1.35;
	}

	body.enfermedades-prevenibles .ep-vaccination-card__title br,
	body.enfermedades-prevenibles .ep-vaccination-card__text br,
	body.enfermedades-prevenibles .ep-vacunas-card__text br {
		display: none;
	}

	body.enfermedades-prevenibles .ep-vaccination-card__btn,
	body.enfermedades-prevenibles .ep-vacunas-card__btn {
		padding: 10px 16px !important;
		font-size: 12px !important;
		height: 40px !important;
	}

	/* Blog — misma disposición que mobile (slider + dots), sin diseño propio
	   de Figma para tablet: se replican los valores de mobile a criterio. */
	body.enfermedades-prevenibles .ep-blog-section__title {
		color: #3A3E56;
	}

	body.enfermedades-prevenibles .ep-blog-section__swiper-wrap {
		display: flex !important;
		flex-direction: column;
		gap: 34px;
		width: calc(100% + 20px);
		margin-right: -20px;
		margin-bottom: 14px;
	}

	body.enfermedades-prevenibles .ep-blog-section__cards {
		display: none !important;
	}

	body.enfermedades-prevenibles .ep-blog-section .container {
		padding-left: 20px;
		padding-right: 20px;
		max-width: 100%;
	}

	body.enfermedades-prevenibles .ep-blog-section .blog-home-section__swiper,
	body.enfermedades-prevenibles .ep-blog-section .blog-swiper-mobile {
		overflow: hidden;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	body.enfermedades-prevenibles .ep-blog-section .blog-home-section__swiper .swiper-slide,
	body.enfermedades-prevenibles .ep-blog-section .blog-swiper-mobile .swiper-slide {
		width: 265px;
		height: auto;
	}

	body.enfermedades-prevenibles .ep-blog-section .home-blog-card {
		width: 265px;
		max-width: 265px;
	}

	body.enfermedades-prevenibles .ep-blog-section .home-blog-card__image,
	body.enfermedades-prevenibles .ep-blog-section .home-blog-card__img {
		height: 142px;
	}

	body.enfermedades-prevenibles .ep-blog-section .blog-home-section__pagination {
		display: flex;
		justify-content: center;
		width: 100%;
	}

	body.enfermedades-prevenibles .ep-blog-section .blog-home-section__pagination .swiper-pagination {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: 100%;
		padding-inline: 21.84%;
		box-sizing: border-box;
	}

	body.enfermedades-prevenibles .ep-blog-section .blog-home-section__pagination .swiper-pagination-bullet {
		flex: 1 1 0;
		width: auto !important;
		height: 6px !important;
		border-radius: 100px !important;
		background-color: #ff4e00 !important;
		opacity: 0.3 !important;
		margin: 0 !important;
	}

	body.enfermedades-prevenibles .ep-blog-section .blog-home-section__pagination .swiper-pagination-bullet-active {
		opacity: 1 !important;
	}

	body.enfermedades-prevenibles .ep-blog-section .referencias-blog-texto {
		display: none;
	}
}

/* ========================================
   ADDITIONAL STYLES
   ======================================== */

/* Alargar la línea debajo del texto "En esta página..." en enfermedades prevenibles */
body.enfermedades-prevenibles .texto-adicional-test.container p {
	position: relative;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 16px;
}

body.enfermedades-prevenibles .texto-adicional-test.container p::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #959595;
}

body.enfermedades-prevenibles .text-start {
	font-size: 14px;
	margin-left: 13px;
}

.grid-container .category-misc li.hidden,
.grid-container2 .category-misc li.hidden {
	display: none !important;
}

/* Tablet / 1024px — 4 cards por fila proporcionales */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
	body.enfermedades-prevenibles .ep-filter {
		flex-wrap: nowrap !important;
		gap: 12px;
	}

	body.enfermedades-prevenibles .ep-filter a {
		padding: 8px 16px;
		font-size: 14px;
		flex-shrink: 0;
	}

	body.enfermedades-prevenibles .ep-disease-blocks {
		max-width: 100%;
	}

	body.enfermedades-prevenibles .grid-container,
	body.enfermedades-prevenibles .grid-container2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 32px 20px;
		max-width: 100%;
		width: 100%;
	}

	body.enfermedades-prevenibles .grid-item {
		flex: 0 0 calc((100% - 60px) / 4);
		width: calc((100% - 60px) / 4);
		max-width: calc((100% - 60px) / 4);
	}

	body.enfermedades-prevenibles .ep-disease-card {
		width: 100%;
		max-width: 100%;
	}

	body.enfermedades-prevenibles .ep-disease-card__body:not(:has(.vsr-subtitle)) h2 {
		min-height: 66px;
		height: 74px;
		flex: 0 0 auto;
	}

	body.enfermedades-prevenibles .ep-disease-card .vsr-subtitle {
		font-family: 'Inter', sans-serif;
		font-size: 12px;
		font-weight: 400;
		line-height: 1.4;
		color: #4b4b4b;
		text-align: center;
		height: 66px;
		margin: 0;
		flex: 0 0 auto;
	}

	/* Calendarios descarga — 4 cards en una fila */
	body.enfermedades-prevenibles .section-descarga-index .section-descarga-index__cards {
		flex-wrap: nowrap !important;
		gap: 9px;
	}

	body.enfermedades-prevenibles .section-descarga-index .descarga-card-col {
		flex: 0 0 calc((100% - 27px) / 4) !important;
		width: calc((100% - 27px) / 4) !important;
		max-width: calc((100% - 27px) / 4) !important;
		min-width: 0 !important;
	}

	/* Double box — dos columnas proporcionales en 1024 */
	body.enfermedades-prevenibles .wrap-box-white.custom-gap-container {
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 16px !important;
	}

	body.enfermedades-prevenibles .wrap-box-white .box-white-element,
	body.enfermedades-prevenibles .wrap-box-white .custom-box-width {
		flex: 1 1 0;
		min-width: 0;
		width: calc((100% - 16px) / 2);
		max-width: calc((100% - 16px) / 2);
		margin: 0 !important;
	}

	body.enfermedades-prevenibles .ep-vacunas-card,
	body.enfermedades-prevenibles .ep-vaccination-card {
		width: 100%;
		max-width: 100%;
		min-height: 280px;
		height: auto;
		padding: 24px !important;
	}

	body.enfermedades-prevenibles .ep-vacunas-card,
	body.enfermedades-prevenibles .ep-vaccination-card {
		min-height: 280px;
		height: 280px;
	}

	body.enfermedades-prevenibles .ep-vaccination-card__title {
		font-size: 18px !important;
		line-height: 1.25;
	}

	body.enfermedades-prevenibles .ep-vaccination-card__text {
		font-size: 14px;
		line-height: 1.35;
	}

	body.enfermedades-prevenibles .ep-vaccination-card__title br,
	body.enfermedades-prevenibles .ep-vaccination-card__text br {
		display: none;
	}

	body.enfermedades-prevenibles .ep-vaccination-card__btn {
		padding: 12px 20px !important;
		font-size: 13px !important;
		height: 44px !important;
	}

	body.enfermedades-prevenibles .ep-vacunas-card__title {
		font-size: 18px !important;
		line-height: 1.25;
	}

	body.enfermedades-prevenibles .ep-vacunas-card__text {
		font-size: 14px;
		line-height: 1.35;
	}

	body.enfermedades-prevenibles .ep-vacunas-card__text br {
		display: none;
	}

	body.enfermedades-prevenibles .ep-vacunas-card__btn {
		padding: 12px 20px !important;
		font-size: 13px !important;
		height: 44px !important;
	}
}

/* Desktop grande — alineado a 1120px (cards enfermedades, descarga y blog) */
@media screen and (min-width: 1200px) {
	/* .ep-disease-blocks necesita exactamente 1120px (265px x4 + 20px gap x3,
	   sin holgura) para que entren las 4 tarjetas por fila. El gutter default
	   de Bootstrap (12px por lado) deja el tramo xl (1140px de .container)
	   4px corto — la 4ª tarjeta cae a una segunda fila. Se achica el padding
	   de #container-grid > .col-12 para dar margen de sobra en xl y xxl. */
	body.enfermedades-prevenibles #container-grid > .col-12 {
		padding-left: 6px;
		padding-right: 6px;
	}

	body.enfermedades-prevenibles section.container.mb-lg-5:has(.custom-gap-container) {
		max-width: 1120px;
		margin-bottom: 64px !important;
	}

	body.enfermedades-prevenibles .wrap-box-white.custom-gap-container {
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 20px !important;
		max-width: 100%;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
	}

	body.enfermedades-prevenibles .wrap-box-white .box-white-element,
	body.enfermedades-prevenibles .wrap-box-white .custom-box-width {
		flex: 1 1 0;
		min-width: 0;
		width: calc((100% - 20px) / 2);
		max-width: calc((100% - 20px) / 2);
		margin: 0 !important;
	}

	body.enfermedades-prevenibles .ep-vacunas-card,
	body.enfermedades-prevenibles .ep-vaccination-card {
		width: 100%;
		max-width: 100%;
		min-height: 352px;
		height: 352px;
		padding: 32px !important;
	}

	body.enfermedades-prevenibles .ep-vacunas-card__title {
		font-size: 24px !important;
	}

	body.enfermedades-prevenibles .ep-vacunas-card__text {
		font-size: 16px;
	}

	body.enfermedades-prevenibles .section-descarga-index .container,
	body.enfermedades-prevenibles .ep-blog-section .container {
		max-width: 1120px;
	}

	body.enfermedades-prevenibles .section-descarga-index .section-descarga-index__cards {
		flex-wrap: nowrap !important;
		gap: 20px;
	}

	body.enfermedades-prevenibles .section-descarga-index .descarga-card-col {
		flex: 0 0 calc((100% - 60px) / 4) !important;
		width: calc((100% - 60px) / 4) !important;
		max-width: calc((100% - 60px) / 4) !important;
		min-width: 0 !important;
	}

	body.enfermedades-prevenibles .ep-blog-section .home-blog-card-col {
		flex: 0 0 calc((100% - 60px) / 4) !important;
		width: calc((100% - 60px) / 4) !important;
		max-width: calc((100% - 60px) / 4) !important;
	}
}

@media (max-width: 767px) {
	body.enfermedades-prevenibles section.disclaimer {
		padding-top: 0;
	}

	body.enfermedades-prevenibles section.disclaimer .alerta-aviso-naranja.container,
	body.enfermedades-prevenibles section.disclaimer .texto-adicional-test.container {
		width: calc(100% - 40px) !important;
		max-width: calc(100% - 40px) !important;
		margin-left: 20px !important;
		margin-right: 20px !important;
	}

	body.enfermedades-prevenibles .referencias.referencias-enfermedades {
		padding-top: 0 !important;
		margin-top: 0;
	}

	body.enfermedades-prevenibles .ep-referencias-section {
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 64px;
		max-width: 100% !important;
	}

	/* Neutraliza el gutter negativo de Bootstrap (.row) que comía 12px del padding */
	body.enfermedades-prevenibles .ep-referencias-section .row {
		margin-left: 0;
		margin-right: 0;
	}

	body.enfermedades-prevenibles .ep-blog-section .referencias-blog-texto {
		/* white-space: normal; */
		display: none;
	}

	/* Figma 11168:39162 — color de título distinto al de desktop */
	/* body.enfermedades-prevenibles .ep-blog-section__title {
		color: #3A3E56;
	} */

	/* Blog — slider en mobile */
	body.enfermedades-prevenibles .ep-blog-section__swiper-wrap {
		display: flex !important;
		flex-direction: column;
		gap: 34px;
		width: calc(100% + 20px);
		margin-right: -20px;
		margin-bottom: 14px;
	}

	body.enfermedades-prevenibles .ep-blog-section__cards {
		display: none !important;
	}

	body.enfermedades-prevenibles .ep-blog-section .blog-home-section__swiper,
	body.enfermedades-prevenibles .ep-blog-section .blog-swiper-mobile {
		overflow: hidden;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	body.enfermedades-prevenibles .ep-blog-section .blog-home-section__swiper .swiper-slide,
	body.enfermedades-prevenibles .ep-blog-section .blog-swiper-mobile .swiper-slide {
		width: 265px;
		height: auto;
	}

	body.enfermedades-prevenibles .ep-blog-section .home-blog-card {
		width: 265px;
		max-width: 265px;
	}

	body.enfermedades-prevenibles .ep-blog-section .home-blog-card__image {
		height: 142px;
	}

	body.enfermedades-prevenibles .ep-blog-section .home-blog-card__img {
		height: 142px;
		width: 100%;
		object-fit: cover;
	}

	body.enfermedades-prevenibles .ep-blog-section .blog-home-section__pagination {
		display: flex;
		justify-content: center;
		width: 100%;
	}

	body.enfermedades-prevenibles .ep-blog-section .blog-home-section__pagination .swiper-pagination {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: 100%;
		padding-inline: 21.84%;
		box-sizing: border-box;
	}

	body.enfermedades-prevenibles .ep-blog-section .blog-home-section__pagination .swiper-pagination-bullet {
		flex: 1 1 0;
		width: auto !important;
		height: 6px !important;
		border-radius: 100px !important;
		background-color: #ff4e00 !important;
		opacity: 0.3 !important;
		margin: 0 !important;
	}

	body.enfermedades-prevenibles .ep-blog-section .blog-home-section__pagination .swiper-pagination-bullet-active {
		opacity: 1 !important;
	}

	body.enfermedades-prevenibles .custom-dropdown {
		position: relative;
		z-index: 200;
	}

	body.enfermedades-prevenibles .dropdown-menu,
	body.enfermedades-prevenibles .dropdown-menu.show {
		z-index: 201 !important;
	}

	body.enfermedades-prevenibles .ep-disease-blocks {
		position: relative;
		z-index: 1;
		max-width: 100%;
		margin-top: 24px;
		/* padding-left: 20px;
		padding-right: 20px; */
		box-sizing: border-box;
	}

	body.enfermedades-prevenibles .ep-disease-card {
		z-index: auto;
		max-width: 100%;
		width: 100%;
		height: auto;
		min-height: 206px;
		padding: 0 12px 12px;
		gap: 8px;
	}

	body.enfermedades-prevenibles .ep-disease-card .category-misc {
		position: static !important;
		transform: none !important;
		z-index: auto !important;
	}

	body.enfermedades-prevenibles .grid-container,
	body.enfermedades-prevenibles .grid-container2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 16px 12px !important;
		padding: 0 !important;
		max-width: 100%;
		margin: 0;
		box-sizing: border-box;
	}

	body.enfermedades-prevenibles .grid-item {
		width: calc((100% - 12px) / 2);
		flex: 0 0 calc((100% - 12px) / 2);
		max-width: calc((100% - 12px) / 2);
		margin: 0 !important;
		padding: 0;
		box-sizing: border-box;
	}

	body.enfermedades-prevenibles .ep-disease-card__image,
	body.enfermedades-prevenibles .ep-disease-card img.imgcard {
		height: 81px;
		border-radius: 18px;
	}

	body.enfermedades-prevenibles .ep-disease-card__body {
		justify-content: flex-start;
		flex: 0 0 auto;
		gap: 8px;
	}

	body.enfermedades-prevenibles .ep-disease-card__body:not(:has(.vsr-subtitle)) h2 {
		min-height: auto;
		height: auto;
		flex: 0 0 auto;
	}

	body.enfermedades-prevenibles .ep-disease-card h2 {
		font-size: 10px;
		padding: 0;
	}

	body.enfermedades-prevenibles .ep-disease-card h2 i {
		font-size: 11px;
	}

	body.enfermedades-prevenibles .ep-disease-card .vsr-subtitle {
		font-size: 11px;
		height: auto;
		margin: 0;
	}

	body.enfermedades-prevenibles .ep-disease-card .category-misc li {
		width: 22px;
		height: 6px;
		border-radius: 0 0 3px 3px;
	}

	body.enfermedades-prevenibles .ep-disease-card .ver-en-maps,
	body.enfermedades-prevenibles .ep-disease-card .ep-disease-card__cta {
		font-size: 11px;
		padding: 4px;
		gap: 10px;
	}

	body.enfermedades-prevenibles .ep-disease-card .ver-en-maps img,
	body.enfermedades-prevenibles .ep-disease-card .ep-disease-card__cta img,
	body.enfermedades-prevenibles .ep-disease-card .ep-disease-card__arrow {
		width: 16px !important;
		height: 16px !important;
		min-width: 16px;
		min-height: 16px;
	}

	body.enfermedades-prevenibles #container-grid > .col-12 {
		padding: 0 20px;
	}

	body.enfermedades-prevenibles .swiper-prevenibles .titleprincipalprevenible {
		font-size: 16px;
		padding: 0;
		text-align: left;
	}

	body.enfermedades-prevenibles .swiper-prevenibles .titleprincipalprevenible sup {
		font-size: 10.32px;
	}

	body.enfermedades-prevenibles .ep-disease-block {
		padding-left: 0;
		padding-right: 0;
	}

	body.enfermedades-prevenibles .ep-disease-block--secondary {
		margin-top: 32px;
	}

	body.enfermedades-prevenibles .ep-disease-block__title,
	body.enfermedades-prevenibles #titulo-dinamico,
	body.enfermedades-prevenibles #titulo-secundario {
		font-size: 18px;
		margin-bottom: 32px;
		line-height: 1.4;
	}
}