/* Mobile Responsive */

@media screen and (max-width: 600px) {}

@media screen and (max-width: 900px) {
	.hide-mobile {
		display: none !important;
	}

	html,
	body {
		overflow-x: hidden;
		/* Prevent horizontal scroll */
	}

	header.container {
		padding: 12px 20px;
		justify-content: space-between;
		align-items: center;
		background: var(--UI-GSK-White, #fff);
		box-shadow: 0px 856px 240px 0px rgba(0, 0, 0, 0),
			0px 548px 219px 0px rgba(0, 0, 0, 0.01),
			0px 308px 185px 0px rgba(0, 0, 0, 0.04),
			0px 137px 137px 0px rgba(0, 0, 0, 0.06),
			0px 34px 75px 0px rgba(0, 0, 0, 0.07),
			0px 0px 0px 0px rgba(0, 0, 0, 0.07);
		/* Corrections */
		top: -1px;
		max-width: 900px !important;
		width: 100%;

	}

	nav {
		box-shadow: none;
		display: flex !important;
		width: 100%;
		max-width: 100%;
		padding: 0;
		border-radius: 0;
	}

	/* Muestra el nav mobile */
	nav .wrap-menu-mobile {
		display: flex;
		width: 100%;
		justify-content: space-between;
		align-items: center;
		gap: 16px;
	}

	.logoprincipal {
		max-width: 80px !important;
		height: auto;
		flex-shrink: 0;
	}

	nav .wrap-menu-mobile .logoprincipal img {
		width: 57px;
		height: 40px;
		aspect-ratio: 57 / 40;
	}

	.burguermenu {
		margin: 0;
		flex-shrink: 0;
		padding: 0;
	}

	nav .wrap-menu-mobile button {
		border: none;
		background: none;
	}

	header nav .wrap-nav-extend-mobile {
		position: absolute;
		left: 0px;
		top: 64px;
		width: 100%;
		background:#F7F7F7;
	}

	nav .wrap-nav-extend {
		display: none !important;
	}

	/* Oculta el nav desktop */
	nav .wrap-menu {
		display: none;
	}

	header nav .wrap-nav-extend-mobile .submenu-burguer {
		height: 100vh;
		padding: 24px;
	}

	header nav .wrap-nav-extend-mobile .submenu-burguer li a {
		color: var(--UI-GSK-Text-Gray, #4b4b4b);
		font-family: Inter;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 1.2;
		text-decoration: none;
		text-align: left;
	}

	@media (min-width: 768px) and (max-width: 900px) {
		header nav .wrap-nav-extend-mobile .submenu-burguer li a {
			font-size: 16px;
			line-height: 1.5;
		}
	}

	header nav .wrap-nav-extend-mobile .submenu-burguer .accordion {
		background-color: #F7F7F7 !important;
		display: flex;
		flex-direction: column;
		gap: 24px;
		margin: 0;
	}

	header nav .wrap-nav-extend-mobile .submenu-burguer .accordion .accordion-item {
		background-color: #F7F7F7;

	}

	header nav .wrap-nav-extend-mobile .submenu-burguer .accordion .accordion-item .accordion-header {
		border-bottom: 1px solid var(--UI-GSK-Orange-02, #ff4e00);
	}

	header nav .wrap-nav-extend-mobile .submenu-burguer .accordion .accordion-item:not(:last-child) .accordion-header {
		padding-bottom: 8px;
	}

	header nav .wrap-nav-extend-mobile .submenu-burguer .accordion-button.ignore-arrow img {
		margin-left: auto;
	}

	header nav .wrap-nav-extend-mobile .submenu-burguer .accordion .accordion-item .accordion-header .accordion-button {
		color: var(--UI-GSK-Orange-02, #ff4e00);
		background-color: #F7F7F7;
		font-family: Inter;
		font-size: 24px;
		padding: 8px 0;
		font-weight: bold;
	}

	header nav .wrap-nav-extend-mobile .submenu-burguer .submenu-links.submenumobile {
		padding-left: 0;
		padding-right: 0;
	}

	header nav .wrap-nav-extend-mobile .submenu-burguer .submenumobile a:hover img,
	header nav .wrap-nav-extend-mobile .submenu-burguer .submenumobile a:active img {
		content: url("/images/Vector.svg");
	}

	header nav .wrap-nav-extend-mobile .submenu-burguer .submenumobile a:hover .textcalendario,
	header nav .wrap-nav-extend-mobile .submenu-burguer .submenumobile a:active .textcalendario {
		color: var(--UI-GSK-Orange-02, #ff4e00);
	}

	header nav .wrap-nav-extend-mobile .submenu-burguer .submenumobile a:not(.d-block):hover,
	header nav .wrap-nav-extend-mobile .submenu-burguer .submenumobile a:not(.d-block):active {
		border-bottom-color: var(--UI-GSK-Orange-02, #ff4e00);
	}

	header nav .wrap-nav-extend-mobile .submenu-burguer .accordion-body li a {
		display: block;
		width: 100%;
		padding: 8px 0;
		border-bottom: 2px solid transparent;
	}

	header nav .wrap-nav-extend-mobile .submenu-burguer .accordion-body li a:hover,
	header nav .wrap-nav-extend-mobile .submenu-burguer .accordion-body li a:active {
		color: var(--UI-GSK-Orange-02, #ff4e00);
		border-bottom-color: var(--UI-GSK-Orange-02, #ff4e00);
		width: 100%;
	}

	.submenu-magnifier input[type="text"] {
		min-width: 0px;
	}

	.btn-custom-outline,
	.btn-custom {
		width: 96%;

	}

	/* -- Diseases Generals Start -- */

	h1 {
		color: var(--black-color);
		font-weight: 900;
		font-size: 24px;
	}

	.mobile-back-container {
		background-color: transparent !important;
		/* No background color */
		margin-top: 0px;
		display: flex;
		width: 100%;
		padding: 8px 16px;
		align-items: center;
		gap: 20px;
		margin-top: 82px;
	}

	.mobile-back-container button {
		background-color: transparent !important;

		color: var(--UI-GSK-Orange-02, #ff4e00);
		/* P3/P3 Bold 14 */
		font-family: Inter;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		/* 16.8px */
		text-decoration: none;
		outline: none;
		border: none;
	}

	.mobile-back-container button::before {
		content: "";
		display: inline-block;
		width: 16px;
		/* Adjust the width as needed */
		height: 16px;
		/* Adjust the height as needed */
		margin-right: 10px;
		/* Adjust the margin as needed */
		background-image: url("/images/svg/arrow_forward.svg");
		transform: rotate(180deg);
		background-size: contain;
		/* Ensure the SVG scales properly */
		background-repeat: no-repeat;
		vertical-align: middle;
		/* Align the SVG vertically */
		filter: invert(68%) sepia(87%) saturate(6822%) hue-rotate(0deg) brightness(103%) contrast(105%);
	}

	/* Meningococo Start */

	.meningococo [name="que-es-child"] {
		flex-direction: column;
		display: flex;
		gap: 32px;
	}

	.meningococo .quien-esta .box-container {
		grid-template-columns: repeat(1, 1fr);
	}

	.meningococo .quien-esta .col-md-6 {
		flex-direction: column;
		gap: 8px;
		margin-bottom: 20px;
	}

	.meningococo .tuberculosis-prevenir-body .col-md-12,
	.meningococo .tuberculosis-prevenir-body .col-md-6 {
		flex-direction: column;
		gap: 20px !important;
	}

	.meningococo .tuberculosis-sintomas-body .col-md-4 {
		flex-direction: row;
		align-items: center;
		gap: 8px;
	}

	.meningococo .tuberculosis-sintomas-body .col-md-4 span {
		text-align: left;
		color: #4B4B4B;
	}

	.meningococo .tuberculosis-sintomas-body .row.mt-3 .col-md-4,
	.meningococo .tuberculosis-sintomas-body .row.justify-content-center .col-md-4 {
		margin-bottom: 15px;
	}

	.meningococo .cuales-son {
		display: flex;
		flex-direction: column;
		gap: 36px;
	}

	.meningococo .tiene-secuelas {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.meningococo .como-se-puede-prevenir .box-container {
		grid-template-columns: repeat(1, 1fr);
	}

	.meningococo .banner-background {
		width: 100% !important;
		align-self: stretch;
	}

	.meningococo .accordion-body .hide-desktop .light-orange-circle {
		width: 64px !important;
		height: 64px !important;
	}

	.meningococo .accordion-body .hide-desktop .light-orange-circle img {
		width: 40px !important;
		height: 40px !important;
	}

	.meningococo .accordion-body .cuales-son .light-orange-circle {
		width: 64px !important;
		height: 64px !important;
	}

	.meningococo .accordion-body .cuales-son .light-orange-circle img {
		width: 40px !important;
		height: 40px !important;
	}

	.meningococo .accordion-body .cuales-son .align-items-start.flex-wrap {
		gap: 20px !important;
	}

	/* Meningococo End */

	/* Neumococica Start */

	.neumococica .que-es .banner-image {
		width: 100% !important;
	}

	.diseases .banner {
		background: linear-gradient(90deg,
				#ff4e00 0%,
				rgba(255, 78, 0, 0) 100%) #ff4e00;
		min-height: 0px;
		width: 100%;
		display: flex;
		padding: 0;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		align-self: stretch;
		border-radius: 0px;
	}

	.diseases .banner .image {

		width: 100%;
		height: 150px;
		background-color: lightgray;
		background-position: 50%;
		background-size: cover;
		background-repeat: no-repeat;

	}

	/* Círculos de íconos — tamaño mobile global enfermedades */
	.diseases .light-orange-circle {
		width: 64px !important;
		height: 64px !important;
		min-width: 64px;
		min-height: 64px;
	}

	.diseases .light-orange-circle img {
		width: 35.556px !important;
		height: 35.556px !important;
		object-fit: contain;
	}

	.diseases .accordion-body {
		padding: 1.25rem 0;
	}

	.que-es-dengue-img-wrap img {
		height: 200px;
	}

	.sintomas-dengue-fila {
		flex-direction: column;
		gap: 16px;
	}

	.sintoma-item-dengue {
		flex-direction: row !important;
		align-items: center !important;
		gap: 8px;
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.sintoma-item-dengue .sintoma-icono-dengue {
		width: 64px !important;
		height: 64px !important;
	}

	.sintoma-item-dengue .sintoma-icono-dengue img {
		width: 40px !important;
		height: 40px !important;
	}

	.sintoma-item-dengue p {
		flex: 1;
		min-width: 0;
		text-align: left !important;
	}

	.sintoma-item-dengue br {
		display: none;
	}

	.prevenir-vacunacion-block {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.prevenir-vacunacion-icono {
		width: 64px;
		height: 64px;
	}

	.quien-riesgo-dengue-fila {
		flex-direction: column;
		align-items: flex-start !important;
		gap: 8px;
	}

	.quien-riesgo-dengue .quien-riesgo-circulo {
		width: 64px;
		height: 64px;
	}

	.quien-riesgo-dengue .quien-riesgo-circulo img {
		width: 40px;
		height: 40px;
	}

	.diseases .accordion-body .banner-background {
		width: 100% !important;
	}

	.diseases .accordion-item .accordion-button {
		padding: 10px 0;
	}

	.diseases .accordion-item {
		margin-bottom: 10px;
		background-color: transparent;
	}

	.diseases .banner h3 {
		color: var(--UI-GSK-Light-Cream,
				var(--International-Orange-50, #fff7ec));
		/* H3/H3 Bold 24 */
		font-family: Inter;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		/* 28.8px */
		padding: 14px;
	}

	.diseases .content-container {
		flex-direction: column;
		padding-left: 0px;
		padding: 0 20px;
		margin-top: 48px;
	}

	.banner-descubriste {
		flex-direction: column;
	}

	.banner-element .banner-background {
		width: 100% !important;
	}

	.referencias {
		padding: 0 1.25rem;
	}

	.referencias .text-container p {
		word-break: break-word;
	}


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

	.referencias {
		margin: 48px 0px 0 0px;
		padding: 0;
	}

	.banner-descubriste {
		gap: 20px;
	}

	.banner-descubriste .content {
		gap: 5px !important;
	}

	.banner-descubriste .content .btn {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.people-banner {
		flex-direction: column;
		padding: 16px 20px;
	}

	/* Banner callout meningitis mobile: icono arriba del texto */
	.meningococo .people-banner {
		flex-direction: column !important;
		gap: 16px;
		padding: 16px 24px;
		border-radius: 4px;
	}

	.circle-container {
		width: 149px !important;
	}

	.banner-inmunization {
		flex-direction: column;
		padding: 16px 9px;
		margin-left: 4px !important;
	}

	.textbanner {
		margin-left: 50px;

	}

	.text-inmuni {
		margin-left: 4px;
	}

	.banner-vivir {
		flex-direction: column;
		align-items: flex-start;
		padding: 32px 20px;
	}

	.diseases .banner {
		max-width: 900px !important;
	}

	.diseases .content .box-container {
		grid-template-columns: repeat(2, 1fr) !important;
		grid-gap: 20px;
	}

	.diseases .content-container .content {
		gap: 0 !important;
	}

	.diseases .content-container .content .banner-vivir {
		margin-top: 24px !important;
	}

	.diseases .content-container .content .alerta-aviso-naranja1 {
		margin-top: 24px !important;
	}

	.diseases .content-container .content .blog-home-wrapper {
		margin-top: 48px !important;
		padding-top: 32px !important;
		padding-bottom: 32px !important;
		position: static !important;
		left: 0 !important;
		margin-left: -20px !important;
		margin-right: -20px !important;
	}

	.diseases .blog-home-wrapper .container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.diseases .blog-home-wrapper .blogSwiper {
		overflow: visible !important;
	}

	.diseases .blog-home-wrapper .referencias-blog-texto {
		display: none !important;
	}

	.blogSwiper .swiper-slide img {
		margin-left: 0 !important;
		height: auto !important;
	}

	.diseases .content-container .content .section-descarga-index1 {
		margin-top: 0 !important;
	}

	.diseases .section-descarga-index1 {
		padding-top: 32px !important;
		padding-bottom: 32px !important;
	}

	.diseases .section-descarga-index1 .container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.diseases .section-descarga-index1 .text-descarga1 {
		font-size: clamp(24px, calc(24px + 8 * (100vw - 393px) / 1047), 32px) !important;
		line-height: 1.2 !important;
	}

	.diseases .section-descarga-index1 #descarga-cards {
		gap: 16px !important;
	}

	.diseases .section-descarga-index1 .descarga-card-col {
		flex: 1 1 calc(50% - 8px) !important;
		width: calc(50% - 8px) !important;
		margin-top: 0 !important;
	}

	.diseases .section-descarga-index1 .calendario-img {
		height: auto !important;
		aspect-ratio: 265 / 142 !important;
	}

	.diseases .section-descarga-index1 .descarga-card-body {
		padding: 8px !important;
		gap: 8px !important;
		justify-content: flex-start !important;
	}

	.diseases .section-descarga-index1 .titledescarga {
		margin-bottom: 0 !important;
	}

	.diseases .content-container .content .btn-custom {
		margin-top: 0 !important;
	}

	.vacunacion-meningitis .textcard45 {
		font-size: 24px !important;
		line-height: 1.2 !important;
	}

	.vacunacion-meningitis .d-flex.flex-column.flex-lg-row > div {
		width: 100% !important;
	}

	.diseases .section-vacunacion .card-vacunacion {
		padding: 32px 20px !important;
		width: 100% !important;
	}

	.diseases .section-vacunacion .card-vacunacion .btn-custom {
		width: auto !important;
		height: 50px !important;
		padding: 16px 32px !important;
		border-radius: 100px !important;
	}

	.diseases .section-vacunacion .card-personalizada {
		padding: 24px 20px !important;
		width: 100% !important;
	}

	.diseases .section-vacunacion .card-personalizada .fs-18 {
		font-size: 16px !important;
		line-height: 1.4 !important;
		margin-bottom: 24px !important;
	}

	.diseases .section-vacunacion .card-personalizada .btn-custom-outline {
		width: auto !important;
		max-width: none !important;
		align-self: flex-start !important;
		height: 50px !important;
		padding: 16px 32px !important;
		border-radius: 100px !important;
		border: 1px solid #c6c5c5 !important;
		margin-top: 0 !important;
	}

	.diseases .otras {
		padding: 32px 20px !important;
		margin-top: 0 !important;
	}

	.diseases .otras .container {
		flex-direction: column;
		gap: 24px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.diseases .otras h3 {
		font-size: clamp(28px, calc(28px + 4 * (100vw - 393px) / 1047), 32px) !important;
		max-width: none !important;
	}

	.diseases .otras .button-container .box {
		flex: 0 0 auto;
		max-width: 100%;
	}

	.diseases .disclaimer {
		padding: 0 20px !important;
		margin-top: 48px !important;
	}

	/* herpes-zóster mobile: padding-top sección REFERENCIAS (Figma 11193-68205) */
	.herpes-zoster .disclaimer {
		padding-top: 32px !important;
	}
	.herpes-zoster .disclaimer .alerta-aviso-naranja.container {
		margin-top: 0 !important;
	}
	.herpes-zoster .referencias-seccion {
		margin-top: 16px !important;
	}
	.herpes-zoster .herpes-zoster-referencias {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	/* COVID-19 — Signos y síntomas mobile */
	.rotavirus .covid-sintomas-grid {
		gap: 16px !important;
	}

	.rotavirus .covid-sintoma-item {
		gap: 8px !important;
		width: calc(50% - 6px);
	}

	.rotavirus .covid-sintomas-grid .d-flex.flex-row.justify-content-between.align-items-start.flex-wrap {
		justify-content: flex-start !important;
		row-gap: 16px !important;
		column-gap: 12px !important;
	}

	.rotavirus .covid-sintomas-fila3 {
		gap: 16px 12px !important;
	}

	.rotavirus .element .mb-4 {
		margin-bottom: 16px !important;
	}

	/* COVID-19 — ¿Cómo se puede tratar? mobile */
	.rotavirus .covid-tratar-titulo {
		display: none;
	}

	.rotavirus .covid-tratar-imagen-wrap {
		flex: none;
		width: 100%;
		max-width: none;
		height: 230px;
		aspect-ratio: unset;
	}

	/* COVID-19 — Descarga calendarios mobile */
	.rotavirus .section-descarga-index1 .descarga-titulo {
		gap: 24px;
	}

	.rotavirus .section-descarga-index1 .textdescarga {
		font-size: 16px;
		margin-bottom: 16px;
	}

	.rotavirus .section-descarga-index1 .descarga-card-img {
		height: 80px;
		overflow: hidden;
	}

	.rotavirus .section-descarga-index1 .calendario-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		aspect-ratio: unset !important;
	}

	.diseases .referencias strong {
		display: block;
		text-align: center;
		margin-bottom: 16px;
	}

	.diseases .referencias ol li,
	.diseases .referencias ol li a {
		word-break: break-word;
		overflow-wrap: break-word;
	}

	.diseases > section:last-child {
		margin-bottom: 48px !important;
	}

	.diseases .banner {
		background-image: none !important;
	}

	.contenido-adicional-disponible {
		display: flex;
		margin-top: 48px;
		margin-bottom: -48px;
		padding: 20px 0 20px 0;
		flex-direction: column;
		align-items: center;
		gap: 20px;
		align-self: stretch;
		background: rgba(240, 239, 237, 0.5);
	}

	.contenido-adicional-disponible .content {
		display: flex;
		flex-direction: column;

		gap: 20px;
	}

	.contenido-adicional-disponible .content .left {
		position: relative;
		width: 100%;
		height: 240px;
		flex-shrink: 0;
	}

	.contenido-adicional-disponible .content .left p {
		position: absolute;
		bottom: 33px;
		left: 35px;
		color: var(--UI-GSK-White, #fff);
		font-size: 24px;
		width: 300px !important;
		height: 76px;
		flex-shrink: 0;
	}

	.contenido-adicional-disponible .content .right .image {
		width: 100%;
	}

	.contenido-adicional {
		display: flex;
		margin-top: 48px;
		margin-bottom: -48px;
		padding: 20px 0 20px 0;
		flex-direction: column;
		align-items: center;
		gap: 20px;
		align-self: stretch;
		background: rgba(240, 239, 237, 0.5);
	}

	.contenido-adicional .box-container {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 48px;
		width: 100%;
	}

	.mobile-left-align {
		text-align: left !important;
		width: 100%;
		margin-left: -10px !important;
	}

	.mobile-left-align1 {
		text-align: left !important;
		width: 100%;
		margin-left: -20px !important;
	}

	.contenido-adicional .box-container .box {
		max-width: 900px;
	}

	.swiper-pagination-bullet:nth-child(-n + 30) {
		display: inline-block;
	}

	.swiper-disease .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 5px;
		border-radius: 3px;
	}

	.swiper-notas,
	.swiper-disease {
		position: relative;
		padding-bottom: 9px
	}

	/* Diseases Generals End */

	/* Rubeola Start */
	@media (max-width: 768px) {
		.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
			width: 30px ;
			border-radius: 3px;
		}

		.text-left {
			margin-left: 30px !important;
		}

		.textfont {
			font: 18px !important;
		}
	}

	/* Rubeola End */
	/* herpes Start */

	/* Media query para pantallas móviles */
	@media (max-width: 576px) {
		.element98 {
			flex-direction: column;
			/* Cambia a disposición vertical */
			align-items: center;
			/* Alinea horizontalmente al centro */
		}

		.light-orange-circle {
			margin-bottom: 10px;
			/* Espacio entre el círculo y el texto */
		}
	}

	/* herpes End */

	/* sarampion Start */
	/* Media query para dispositivos móviles */

	/* Styles for desktop and larger screens */
	@media (min-width: 800px) {
		.box-container10 {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			/* Distribuye los elementos de manera uniforme */
			padding-top: 10px;
		}

		.box-container10 .element30 {
			flex: 1 1 50%;
			/* Permite que cada elemento crezca para ocupar hasta el 50% del ancho */
		}

		.elementp3 {
			padding-top: 30px;
		}

		.neumococica .cuales-con .element .circle-container {
			width: 149px !important;
		}

		/* Ajuste específico para el tercer elemento para que ocupe el 100% del ancho y se coloque debajo */
		.box-container10 .element30:nth-child(3) {
			flex: 0 0 100%;
			/* Ocupa el 100% del ancho, asegurando que esté solo */
			padding-top: 20px;
		}
	}

	/* Sarampion End */

	/*tetano Start */

	/* Media query para ajustar la disposición en pantallas de hasta 600px de ancho */
	@media (max-width: 600px) {
		.content-flex {
			display: flex;
			flex-direction: column;
			/* Cambia la disposición a vertical */
		}

		.text-container,
		.image-container {
			width: 100%;
			/* Ambos elementos toman el ancho completo */
			margin-left: 0;
			/* Elimina cualquier margen izquierdo */
		}

		.image-container {
			order: -1;
			/* Coloca la imagen antes del texto */
			margin-bottom: 20px;
			/* Añade espacio después de la imagen */
		}
	}

	/* Media queries para dispositivos móviles */
	@media (max-width: 768px) {

		/* Tablets pequeñas y móviles grandes */
		.rectangle1 {
			width: 90%;
			/* Aumenta el ancho para ocupar más espacio disponible */
			line-height: normal;
			margin: 15px auto;
			/* Ajusta el margen para alineación y espaciado */
			height: auto;
		}

		.como-se-puede-prevenir {
			padding: 15px;
			gap: 15px;
		}

		.element {
			flex-direction: row;
			justify-content: start;
		}

		.textratamiento {
			padding: 10px;
			/* Reduce el padding en dispositivos más pequeños */
			font-size: 14px;
			/* Reduce el tamaño de la fuente para una mejor legibilidad en pantallas pequeñas */
		}
	}

	@media (max-width: 480px) {

		/* Móviles medianos */
		.rectangle1 {
			width: 95%;
			/* Aumenta el ancho para dispositivos más pequeños */

			margin: 10px auto;
			/* Reduce el margen */
		}

		.como-se-puede-prevenir {
			flex-direction: column;
			gap: 8px;
			padding: 8px;
		}

		.element {
			padding: 8px;
			text-align: center;
		}

		.textratamiento {
			padding: 5px;
			/* Aún menos padding para pantallas muy pequeñas */
			font-size: 12px;
			/* Tamaño de fuente más pequeño para maximizar el espacio y la legibilidad */
		}

		.textratamiento {
			padding: 5px;
			/* Aún menos padding para pantallas muy pequeñas */
			font-size: 12px;
			/* Tamaño de fuente más pequeño para maximizar el espacio y la legibilidad */
		}
	}

	@media (max-width: 320px) {

		/* Móviles pequeños */
		.rectangle1 {
			width: 100%;
			/* Ocupa todo el ancho disponible */

			margin: 5px auto;
			/* Minimiza el margen */
		}
	}

	@media (max-width: 600px) {

		/* Móviles medianos */
		.como-se-puede-prevenir {
			gap: 10px;
			padding: 10px;
		}

		.element {
			flex-direction: column;
			align-items: center;
		}
	}

	/* tetanos End */

	/* papera Start */

	/* papera End */

	/* Meningococo Start */

	.meningococo .accordion-body .mobile-icon-above-text {
		align-items: flex-start !important;
	}

	.meningococo .accordion-body .mobile-icon-above-text .light-orange-circle {
		width: 64px !important;
		height: 64px !important;
		margin-left: 0 !important;
	}

	.meningococo .accordion-body .mobile-icon-above-text .light-orange-circle img {
		width: 40px !important;
		height: 40px !important;
	}

	.meningococo .accordion-body .como-se-puede-prevenir {
		gap: 16px !important;
	}

	.meningococo .accordion-body .prevenir-fila-row {
		flex-direction: column !important;
		gap: 20px !important;
	}

	.meningococo .accordion-body .prevenir-item-sm {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 16px !important;
	}

	.meningococo .accordion-body .prevenir-item-sm .light-orange-circle {
		width: 64px !important;
		height: 64px !important;
		flex-shrink: 0 !important;
		margin-left: 0 !important;
	}

	.meningococo .accordion-body .prevenir-item-sm .light-orange-circle img {
		width: 40px !important;
		height: 40px !important;
	}

	.meningococo .accordion-body .prevenir-item {
		flex-direction: column !important;
		align-items: flex-start !important;
	}

	.meningococo .accordion-body .prevenir-item .light-orange-circle {
		width: 64px !important;
		height: 64px !important;
		flex-shrink: 0 !important;
		margin-left: 0 !important;
	}

	.meningococo .accordion-body .prevenir-item .light-orange-circle img {
		width: 40px !important;
		height: 40px !important;
	}

	/* Meningococo End */

	.grid-vaccines {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 0px;
	}

	.fitlers-bebes {
		gap: 5px;
		flex-wrap: wrap;
	}

	.thumb-categorys-white {
		max-width: 167px;
		margin-top: 33px;
	}

	#baby-age-select {
		margin: 32px 0;
		border-radius: 100px;
		background: var(--UI-GSK-Dark-red, #461104);
		padding: 16px 32px;
		width: 100%;
		color: white;
		font-weight: 600;
		border: none;
		/* Quitar bordes predeterminados */
	}

	#baby-age-select:focus {
		background-color: #ff4e00;
		/* Color de fondo al enfocar */
		outline: none;
		/* Eliminar el borde de enfoque predeterminado */
	}

	/* Selecciona el icono del dropdown en Internet Explorer */
	#baby-age-select::-ms-expand {
		display: none;
		/* Ocultar el icono de despliegue en IE */
	}

	/* Estilos para el menú desplegable */
	select#baby-age-select:focus option {
		background: var(--UI-GSK-Dark-red,
				#ff4e00);
		/* Color de fondo para las opciones */
		color: white;
		/* Color de texto para las opciones */
	}

	/* -- Home Corrections -- */

	/* !important necesario: la regla compartida .referencias (línea ~1023, padding
	   10px 0 !important) se aplica después en cascada y ganaría por orden de fuente
	   pese a igual especificidad. Selector con 2 clases para no afectar otras páginas. */
	.referencias.referencias-home {
		padding: 0 20px !important;
		padding-top: 16px !important;
	}

	.bk-violet-img {
		max-width: 100%;
		width: 100%;
		margin: 0;
		border-radius: 0px;
	}

	.swiper-notas .swiper-slide {
		padding: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: auto !important;
		/* max-width: 100% !important; */
	}


	.home-hero-swiper-pagination-container {
		height: auto;
		margin-top: 0;
		margin-bottom: 0;
		padding: 16px 0 8px;
		display: flex;
		justify-content: center;
	}

	.home-hero-swiper-pagination-container .swiper-pagination-bullets {
		left: auto !important;
		position: relative !important;
		top: auto !important;
		width: 100% !important;
		display: flex;
		justify-content: center;
	}

	.home-hero-swiper-pagination-container .swiper-button-prev,
	.home-hero-swiper-pagination-container .swiper-button-next {
		display: none;
	}

	/* swiper home */

	.swiper-home .swiper-pagination {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 100% !important;
	}

	.swiper-home .swiper-button-prev {
		top: 0px !important;
		left: 155px;
	}

	.swiper-home .swiper-button-next {
		top: 0px !important;
		left: 200px;
	}

	.swiper-notas .box-white {
		margin-bottom: 0px !important;
	}

	.swiper-notas .swiper-pagination,
	.swiper-disease .swiper-pagination {
		bottom: 0px;
		top: auto;
		left: auto;
		right: auto;
		width: 100%;
	}

	.box-orange {
		& h3 {
			font-size: 24px;
		}
	}

	.bk-insta>div {
		padding: 230px 0 0 0px;
		width: 100%;
	}

	.bk-insta {
		height: 100%;
		margin-top: 30px;
	}

	.ep-card-white,
	.ep-double-box {
		display: flex;
		align-items: flex-start;
		align-content: center;
		justify-content: end;
		padding: 0 1em 40px 1em !important;
		margin-left: 5px;
		width: 358px;
	}

	.ep-card-white h3,
	.ep-double-box h3 {
		font-size: 24px !important;
	}

	.ep-card-white p,
	.ep-double-box p {
		font-size: 16px !important;
	}

	.ep-card-white a,
	.ep-double-box a {
		font-size: 12px;
		white-space: nowrap;
		/* Evita que el texto haga salto de línea */
		overflow: hidden;
		/* Oculta cualquier desbordamiento */
		text-overflow: ellipsis;
		/* Muestra puntos suspensivos si el texto es muy largo */
	}

	.thumb-disease .ver-en-maps {
		position: absolute;
		bottom: 10px;
		padding-bottom: 10px;
	}

	.swiper-conoce-mas {
		padding-bottom: 40px;
		height: auto;
	}

	.bk-insta {
		background: none;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.bk-insta>div {
		padding: 0;
	}

	.bk-orange a:hover {
		color: white;
	}

	footer .bk-orange strong {
		display: flex;
		padding: 17px 0px;
		height: inherit;
	}

	header nav .wrap-nav-extend-mobile .submenu-burguer .submenumobile a.d-block,
	header nav .wrap-nav-extend-mobile .submenu-burguer .submenumobile a.d-block:hover {
		border-bottom-color: transparent;
	}
}

/* Ajuste para pantallas pequeñas */

@media screen and (max-width: 768px) {
	.disease-banner {
		margin-top: 2.5rem;
		padding: 0;
	}

	.disease-banner {
		flex-direction: column-reverse;
		gap: 2.5rem;
	}

	.disease-banner .content {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.swiper-notas .swiper-slide {
		padding: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: auto !important;
		max-width: 80% !important;
	}

	.disease-banner svg {
		margin: auto;
		width: 271px;
		height: 200px;
	}

	.banner-descubriste .image-container {
		max-width: 211px;
		max-height: 241px;
	}

	/* -- enfermedades prevenibes correction -- */

	.swiper-tre-notas .swiper-slide {
		max-width: 100% !important;
		width: 100% !important;
	}

	.thumb-disease {
		margin: 0;
		width: 100%;

	}

	.referencias {
		padding: 10px 0 !important;
		margin-top: 10px;
	}

	.referencias p:first-of-type {
		margin-top: 10px;
	}

	.referencias .text-container {
		margin: 10px 0;
	}

	[name="sigue-aprendiendo"] div {
		max-width: 100% !important;
	}

	[name="sigue-aprendiendo"] {
		display: flex;
		justify-content: center;
	}

	[name="descubre-los-beneficios-content"] .box-white {
		width: 90%;
	}

	.bk-violet-img .swiper-bk-violet {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.bk-violet-img .swiper-bk-violet .box-white {
		margin: 0 10px 20px 10px;
		padding: 0 10px;
		min-height: 271px;
	}

	.bk-violet-img .swiper-bk-violet .swiper-pagination {
		display: flex;
	}

	.bk-violet-img .swiper-bk-violet .swiper-pagination-bullets {
		bottom: 0px;
		width: 50%;
		left: auto;
	}

	.bk-violet-img .swiper-bk-violet .swiper-pagination-bullets .swiper-pagination-bullet-active {
		background-color: white;
	}

	.bk-violet-img .swiper-bk-violet .swiper-pagination-bullets .swiper-pagination-bullet {
		background-color: white;
		flex: auto;
	}

	.single-line-btn {
		white-space: nowrap;
		/* Evita que el texto se envuelva */
		overflow: hidden;
		/* Esconde cualquier contenido que exceda el contenedor */
		text-overflow: ellipsis;
		/* Añade puntos suspensivos si el texto es demasiado largo */
	}

	.textmeningitis-blog {
		font-size: 22px !important;
	}

}



/* Media query para móviles */
@media (max-width: 576px) {
	.mitos-herpes {
		width: 100%;
		margin: 0;

		overflow-x: hidden;
		/* Evita desplazamiento lateral */
		box-sizing: border-box;
		/* Asegura que padding no aumente el ancho total */
	}
}

@media (max-width: 576px) {
	.icon-text-mobile {
		flex-direction: column;
		align-items: center;
		text-align: left;
	}

	.icon-text-mobile img {
		margin-bottom: 10px;
		text-align: center !important;

	}

	.icon-text-mobile p {
		text-align: left;
		margin-left: 0;
		width: 100%;
	}

	.textvacu {
		margin-top: 0px !important;
	}

	.download-title {
		display: none;
	}
}

@media (max-width: 600px) {
	.banner-blog {
		padding: 1rem;
		/* Aumenta un poco el padding en dispositivos móviles para que sea más legible */
		background-size: cover;
		background-position: center;
	}

	.banner-blog .content {
		gap: 16px;
		/* Reduce el espacio entre los elementos en dispositivos móviles */
	}

	.banner-blog .tag-text {
		margin-left: 16px;
		/* Reduce el margen izquierdo del texto para ajustarse en pantallas pequeñas */
		font-size: 0.875rem;
		/* Tamaño de fuente reducido para móviles */
	}

	.banner-blog h3.textbanner {
		font-size: 1.25rem;
		/* Ajusta el tamaño de la cabecera para móviles */
		margin-left: 16px;
	}

	.banner-blog .btn-custom {
		margin-top: -10px;
		/* Ajusta el botón hacia arriba un poco menos en móviles */
		margin-left: 16px;
		/* Alinea el botón con el resto del contenido en móvil */
		padding: 0.5rem 1rem;
		/* Reduce el padding del botón en dispositivos móviles */
		font-size: 0.875rem;
		/* Tamaño de texto del botón más pequeño */
	}

	.banner-blog hr {
		margin: 0.5rem 0;
		/* Reduce el margen de la línea en dispositivos móviles */
	}
}

/* Ocultar bordes en pantallas pequeñas */
@media (max-width: 767px) {
	.col-md-6 {
		border-left: none !important;
		border-right: none !important;
	}

	.textindexmobile {
		margin-top: 40px;
	}

	.refetext1 {
		margin-top: 7px;
	}
}

/* Media query para pantallas móviles */
@media (max-width: 768px) {
	.risk-factors .factor {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.factor-icon {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.risk-factors .factor p {
		text-align: left;
		/* Mantiene el texto justificado en móvil */
		text-align-last: left;
		padding-top: 1em;
	}

	.sintomatologia {
		padding: 0px !important;
	}

	.secuelas-niño {
		margin-top: -18px !important;
	}

	.textosinicio {
		white-space: nowrap;
		/* Evita el salto de línea */
		overflow: hidden;
		/* Oculta el contenido si es demasiado largo */
		text-overflow: ellipsis;
		/* Añade puntos suspensivos si el texto se corta */
		display: inline-block;
		/* Asegura que se respete el estilo */
	}


}

@media (max-width: 768px) {
	.mobile-stack {
		flex-wrap: wrap;
		/* Permite que los elementos se apilen */
	
		/* Centra los elementos horizontalmente */
	}

	.mobile-stack .text-orange:last-of-type {
		display: inline-block;
		/* Asegura que el punto permanezca al lado de "NIÑOS" */
		margin-left: 5px;
		/* Ajusta el espacio entre "•" y "NIÑOS" */
	}

	.mobile-stack .textosinicio:last-child {
		width: auto;
		/* Ajusta el ancho para mantenerlo alineado */
		margin-top: 10px;
		/* Espacio adicional arriba de "NIÑOS" */
		text-align: center;
		/* Centra el texto */
	}
}


/* Media query para dispositivos móviles */
@media (max-width: 768px) {
	.symptoms-container .col-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (max-width: 768px) {
	.row.justify-content-center .col-12 {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}

	.box-content {
		padding: 15px;
	}

	.box-blue {
		margin-left: -4px;
		width: 100%;
	}

	.box-morado {
		margin-left: -4px;
		width: 100%;
	}

	.box-verde {
		margin-left: -4px;
		width: 100%;
	}

	.box-blue1 {
		margin-left: -4px;
		width: 100%;
	}

	.box-morado1 {
		margin-left: -4px;
		width: 100%;
	}

	.box-verde1 {
		margin-left: -4px;
		width: 100%;
	}

	.textnumeral {
		margin-left: -10px !important;
		font-size: 10px !important;
	}
}

/* Estilo general para el contenedor */


/* En escritorio: mueve el contenido a la derecha */
@media (min-width: 992px) {
	.container-desktop {
		justify-content: flex-end;
		/* Mueve el contenido completamente a la derecha */
	}
}


@media (max-width: 576px) {

	/* Ajustes específicos para la clase `mobile-share-adjustment` */
	.mobile-share-adjustment {
		flex-direction: column;
		align-items: flex-start;
		/* Alinea el contenido al inicio */
	}

	/* Ajustes para el texto dentro de `mobile-share-adjustment` */
	.mobile-share-adjustment .text-orange {
		font-size: 14px;
		/* Reduce el tamaño del texto */
	}

	/* Ajustes para el botón en dispositivos móviles */
	.mobile-share-adjustment .btn {
		width: 100%;
		margin-top: 1em;
		padding: 0.5em 1em;
		/* Reduce el relleno */
		font-size: 14px;
		justify-content: center;
	}

	.mobile-share-adjustment .btn img {
		width: 18px;
		height: 18px;
	}
}

@media (max-width: 768px) {
	.mobile-icon-above-text {
		flex-direction: column;
		/* Stack the icon above the text */
		align-items: center;
	}

	.responsive-icon-text {
		flex-direction: column;
		align-items: center;
		text-align: justify;
	}

	.text-justify {
		text-align: left;
	}

	.element {
		flex-direction: column;
		/* Cambia la dirección de los elementos para que el icono esté encima del texto */
		align-items: center;
		/* Centra los elementos */
		text-align: left;
		/* Centra el texto en pantallas pequeñas */
	}

	.text-testanos {
		text-align: left !important;
	}

	.light-orange-circle {
		margin-bottom: 0.5em;
		/* Espacio debajo del icono */
	}

	.circlec {
		text-align: left;
		margin-left: -6px !important;
	}

	.circlec2 {
		margin-left: -255px;
	}

	.circlec3 {
		margin-left: -200px;
	}

	.textlefts {
		margin-left: -10px;
	}

	.textotratamiento {
		padding-top: 10px;
	}

	.rectangle10 {
		width: auto;
		/* Se adapta al ancho del contenedor */
		max-width: 100%;
		/* Máximo ancho del 90% para evitar bordes */
		height: auto;
		/* Ajusta la altura automáticamente */
		padding: 19px;
		/* Reduce el padding para mejor ajuste */
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		line-height: normal;
		/* Ajusta el texto para no cortarlo */
	}

	.mobile-left-sa {
		margin-left: 40px;
	}

}

@media (max-width: 768px) {


	.close-button {
		position: absolute;
		top: -30px;
		/* Move closer to the top */
		right: -77px;
		/* Move further to the right */
		display: none;
		z-index: 10;
		cursor: pointer;
	}

	.close-button img {
		width: 40px;
		/* Larger size for better visibility */
		height: 40px;
		/* Match width for proportion */
	}


	.prevention-section {
		flex-direction: column;
		align-items: center;
	}

	.prevention-section .col-md-5,
	.prevention-section .col-md-10 {
		max-width: 100%;
	}

	.responsive-stack .col-md-4 {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 1em;
		/* Espacio entre cada círculo */
	}

	.responsive-stack {
		display: flex !important;
		;
		flex-direction: column !important;
		align-items: center !important;
		;
		/* Centra los elementos en la columna */
	}

	.mobile-separator {
		width: 89%;
		/* Full width of the container */
		height: 2px;
		/* Thickness of the line */
		background-color: #F36633;
		/* Line color */
		margin-top: 10px;
		/* Space above the line */
		margin-left: 15px;
		/* Space on the left */
		margin-bottom: 1em;
		/* Padding below the line */
	}

	.linea-desktop-only {
		display: none;
	}

	.prevention-section {
		text-align: left;
		margin-left: 10px;
	}

	@media (max-width: 768px) {

		.circle-container {
			width: 100%;
			text-align: center;
			margin-bottom: 1em;
			/* espacio entre elementos */
		}

		.adjusted {
			padding-bottom: 40px !important;
		}

		.recomendaciones-mobile .recomendacion-item {
			flex-direction: column;
			/* Coloca el icono arriba y el texto debajo */
			align-items: flex-start;
			/* Alinea el texto a la izquierda */
		}

		.recomendacion-item .light-orange-circle {
			margin-bottom: 10px;
			/* Espacio entre el icono y el texto */
			margin-right: 0;
			/* Quita margen derecho */
		}

		.recomendacion-item p {
			text-align: left !important;
			/* Alineación del texto a la izquierda */
			margin: 0;
			/* Quita margen adicional */
		}
	}


}

@media (max-width: 768px) {
	.icon-img {
		width: 180px !important;
		/* Ajusta este valor según el tamaño deseado */
	}

	.mobile-stack .element {
		flex-direction: column !important;
		/* Cambia la dirección de los elementos a columna */
		align-items: center !important;
		/* Centra los elementos */
		text-align: center;
	}

	.mobile-stack .light-orange-circle {
		margin-bottom: 1em;
		/* Añade espacio debajo de la imagen */
		margin-right: 0;
		/* Elimina el margen derecho */
	}

	.mobile-stack p {
		text-align: left;
		/* Centra el texto */
	}

	.text-mobile-herpes {

		padding-top: 10px;
	}

	.img-fluid3 {
		margin-top: -69px !important;
	}

	.mobile-two-columns .d-flex {
		flex-wrap: wrap;
	}

	.mobile-two-columns .circle-container {
		width: 45%;
		/* Ajusta según sea necesario */
	}

	li a {

		/* Permite que el texto largo se ajuste a la línea */
		overflow-wrap: break-word;
		/* Ajusta las palabras largas al ancho disponible */
		display: inline-block;
	}

	.title2 br {
		display: none;
	}

	.title2 {
		text-align: justify;
		padding-right: 2em;
	}

	.titleenf br {
		display: none !important;
	}

	.title-tosferina1 {
		font-size: 28px !important;
	}

	.img-fluid {
		height: 252px !important;
		object-fit: cover;
		margin-left: 67px;
	}
	.img-circle-fluid{
		margin-left: 1px;
		object-fit: cover;
		
	}

	.img-fluid1 {
		padding-top: 30px;
		width: 100%;
	}

	.lineavacunacion {
		display: none !important;
	}

	.textoscard p,
	.textoscard h5,
	.textoscard a {
		font-size: 16px !important;
		/* or 18px based on preference */
	}

	.textoscard h5 {
		font-size: 18px !important;
		/* or adjust as needed for emphasis */
	}


	.ocultar-en-mobile {
		display: none;
	}

	.mobile-left-align {
		text-align: left !important;
	}

	.two-column-mobile {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 1em !important;
		/* Adjust gap as needed */
	}

	.two-column-mobile .d-flex {
		width: 100%;
		justify-content: center;
	}

	.two-column-mobile2 {
		margin-left: 71px;
	}

	.two-column-mobile3 {
		margin-top: 20px;
	}

	.two-column-mobile3 .p {
		text-align: center;
	}

	.two-column-mobile2 .p {
		text-align: center;
	}

	.btn-mobile {
		white-space: nowrap;
		/* Evita el salto de línea */
		overflow: hidden;
		/* Oculta el texto si es demasiado largo */
		text-overflow: ellipsis;
		/* Agrega puntos suspensivos si el texto es demasiado largo */
	}

	.textmeningitis {
		text-align: left !important;
	}

	.title-heading {
		font-size: 24px !important;
		font-weight: 700 !important;
		padding: 1em;
	}

	.custom-swiper-margin {
		margin-bottom: -1em;
		/* Ajusta el valor según el espacio que necesites */
	}

	.circles-boxes3 {
		text-align: center;
		margin-left: 20px;
	}

	.circle-box5 {
		margin-left: 89px;
	}

	.compli-text {
		text-align: left;
	}




}

@media (min-width: 992px) {
	.icon-container {
		margin-left: 60px !important;
		/* Ajusta el valor según el espacio que necesites */
	}

	.textdestok {
		text-align: center !important;
	}

	.move-up {
		margin-top: -35px;
		/* Ajusta el valor según lo necesites */
	}

	/* Elimina el margen izquierdo del primer ítem para alinearlo correctamente */
	.icon-container:first-child {
		margin-left: 0;
	}

}

@media (max-width: 767px) {
	.hepatitisquien .box-container {
		display: flex !important;
		flex-direction: column !important;
		gap: 1em !important;
		/* Ajusta este valor según el espacio que necesites entre los elementos */
	}

	.btn-enfermedades-prev,
	.btn-enfermedades-next {
		display: none;
	}


	.titlevacunasre {
		
		text-align: center;
	}

	#contenido-vacunas .subtitle {
		font-size: 20px;
		margin-bottom: 10px;
		margin-top: 32px;
	}

	.actionBarBtn.download {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		padding: -7px 4px;
		border-radius: 15px;
		color: #fff;
		font-size: 16px;
		font-family: inherit;
		border: none;
		cursor: pointer;
		width: 326px;
		height: 74px;
		background-color: #ef5b25;
	}

	/* Regla eliminada para mantener consistencia en alturas de cards */

	.hepatitisquien .element {
		display: flex !important;
		flex-direction: row !important;
		/* Para que el texto esté al lado del círculo */
		align-items: center !important;
		/* Centra verticalmente el círculo y el texto */
		gap: 0.5em !important;
		/* Espacio entre el círculo y el texto */
		width: 100%;
		/* Asegura que cada elemento ocupe todo el ancho en móvil */
	}

	.hepatitisquien .element p {
		margin: 0;
		flex: 1;
		text-align: left;
		/* Alinea el texto a la izquierda */
		white-space: normal;
		/* Permite que el texto fluya sin justificación extraña */
	}



}


@media (max-width: 767px) {
	.box-container5 {
		display: flex !important;
		flex-direction: column !important;
		gap: 1em !important;
		/* Espacio entre cada elemento */
	}

	.box-container5 .element {
		display: flex !important;
		align-items: center !important;
		gap: 0.5em !important;
		/* Espacio entre el círculo y el texto */
		flex-direction: row !important;
	}

	.box-container5 .light-orange-circle {
		flex-shrink: 0 !important;

		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.box-container5 .element p {
		margin: 0 !important;
		text-align: left !important;
		/* Alineación del texto a la izquierda */
		flex: 1 !important;
		/* Permite que el texto ocupe el espacio restante */
		white-space: normal !important;
		/* Evita saltos raros en el texto */
	}
}

@media (max-width: 767px) {
	.container-varicela {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		/* Dos columnas */
		gap: 1em !important;
		/* Espacio entre cada elemento */
		text-align: center !important;
	}

	.elementvaricela {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
	}

	.textvaricela {
		text-align: left;
		width: 100%;
	}

	.subtitle-text {
		font-size: 18px;
	}

	/* Último elemento en una sola fila */
	.single-item {
		grid-column: span 2 !important;
		text-align: center !important;
	}

	.box-containerinfluenza {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 1em !important;
		/* Ajusta el espacio entre los elementos */
	}

	.elementinf {
		display: flex !important;
		align-items: center !important;
		gap: 0.5em !important;
		/* Espacio entre el círculo y el texto */
	}

	.quien-esta .box-containerinfluenza p {
		margin: 0;
		text-align: left;
	}

	.box-container {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.box-containerinfluenza1 {
		grid-template-columns: repeat(1, 1fr) !important;
	}

	.quien-esta1 .box-caontainermeningitis {
		display: flex;
		flex-direction: column;
		gap: 1em;
		grid-template-columns: repeat(1, 1fr) !important;
		text-align: left !important;
	}

	.quien-esta1 .elementm {
		display: flex !important;
		align-items: flex-start !important;
		flex-direction: row !important;
		gap: 1em !important;
		grid-template-columns: repeat(1, 1fr) !important;
		text-align: left !important;
	}

	.quien-esta1 .textmeningitis {
		margin-top: 0;
		/* Asegura que el texto esté alineado sin margen superior */
	}

	.mobile-circle-text-align .d-flex.flex-wrap {
		flex-direction: column !important;
	}

	.mobile-circle-text-align .circle-container {
		display: flex !important;
		flex-direction: row !important;

		text-align: left !important;

		width: 100% !important;
		margin-top: 0 !important;
		padding-bottom: 0px !important;

	}

	.contentvaricela {
		margin-left: -122px !important;
	}

	.riesgo-neumococica {
		grid-template-columns: repeat(1, 1fr) !important;
		/* Solo una columna en mobile */
	}

	.riesgo-neumococica .elemtnne {
		display: flex !important;
		flex-direction: row !important;

		text-align: left !important;

		width: 100% !important;
		margin-top: 0 !important;
		padding-bottom: 0px !important;
	}

	.textneum {
		padding: 1em;
	}

	.textneumo {
		padding-top: 10px;
		padding-bottom: 18px;
		padding-left: 0;
		padding-right: 0;
	}

	.textneumoc {

		padding-bottom: 20px;
		padding-left: 0;
		padding-right: 0;
	}
	.accordion-body {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}
	
	header nav .wrap-nav-extend-mobile .submenu-burguer li a {
		color: var(--UI-GSK-Text-Gray, #4b4b4b);
		font-family: Inter;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 1.5;
		text-decoration: none;
		text-align: left;
	}

	header nav .wrap-nav-extend-mobile .submenu-burguer .accordion-body {
		display: block;
		padding-left: 0;
		padding-right: 0;
	}

	header nav .wrap-nav-extend-mobile .submenu-burguer .accordion-button:not(.collapsed) {
		background-color: #F7F7F7;
		box-shadow: none;
	}

	.swiper-disease .swiper-disease-adjusted {
		max-width: 50% !important;
		/* Limita el ancho para evitar encimado */
	}

	.btn-custom {
		font-size: 14px;

	}

	.textvtn {
		font-size: 16px !important;
	}

	.text-mobile-left {
		text-align: left !important;
	}

	.ignore-br-mobile br {
		display: none;
	}

	.element10 {
		margin-left: 0px;
	}

	.iconimgsigno {
		margin-top: -22px !important;
		/* Ajusta el valor según necesites */
	}

	.contenedormobile {
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
		grid-template-columns: repeat(1, 1fr) !important;
	}


	.bannermobil {
		width: 106%;
		margin-left: -9px !important;
	}

	.mobile-padding {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.paddinginde {
		margin-top: -20px;
	}

	.text-left-mobile {
		text-align: left !important;

		margin-left: -109px;
		/* Elimina márgenes laterales */

	}

	.text-left-mobile3 {
		text-align: left !important;

		margin-left: 25px;
		/* Elimina márgenes laterales */

	}

	.move-up-mobile {
		margin-top: 14px;
		/* Ajusta el valor según necesites */
	}

	.move-up-mobile2 {
		margin-top: 66px;
		/* Ajusta el valor según necesites */
	}

	.banner-text-mobile {
		font-size: 14px !important;
	}

	.bulletblog {
		position: relative;
		/* Asegúrate de que se pueda mover respecto a su posición actual */
		top: 10px;
		/* Baja los bullets */
	}



}

/* Limitar el ancho de los slides en pantallas móviles y añadir margen */
@media (max-width: 460px) {

	.text-left-mobile {
		text-align: left !important;

		margin-left: -63px;
		/* Elimina márgenes laterales */

	}

	.thumb-disease-mobile {
		width: 100%;
		/* Asegura que el contenido dentro del slide ocupe todo el ancho disponible */
		max-width: 100%;
	}

	.thumb-disease1 {
		width: 91% !important;
		max-width: 203px !important;
		height: 208px !important; /* Ajustado para mejor proporción */
		padding: 14px 15px 25px !important; /* Restaurado padding superior */
		margin: 8px 8px 20px !important;
	}



	.thumb-disease1 h2 {
		font-size: 13px !important;
		text-align: center !important;
		padding: 10px 0 !important;
		color: #4b4b4b !important;
		line-height: 1.2 !important;
	}

	.thumb-disease1 i {
		font-size: 7px !important;
	}

	.thumb-disease1>img {
		height: 120px !important; /* Aumentado para móvil */
		object-fit: cover !important;
		/* mejor apariencia visual */
		aspect-ratio: 125/83 !important;
		border-radius: 18px !important;
	}



	.thumb-disease1 .ver-en-maps {
		position: absolute !important;
		bottom: 17px !important;
		padding-bottom: 9px !important;
		font-size: 11px !important;
	}

	.mobiletext {
		display: none !important;
	}

	.img-mobile-reduce {
		width: 230px;
		/* Reduce el ancho a 100px en pantallas móviles */
		height: auto;
		/* Mantiene la proporción de la imagen */
		display: block;
		margin: 0 auto;
		/* Centra la imagen */
	}

	.title-tosferina5 {
		padding-top: 0px;
	}

	.btnsigue {
		display: none;
	}

	.ocultar-en-movil {
		display: none;
	}

	.img-herodescubre {

		width: 97%;
		margin-right: 24px;


	}

	.paddingvacunas {
		padding-top: 1em;
	}

	.responsive-br {
		display: none;
	}

	.enfermedadesinfecciosas {
		width: 100%;
	}

	.box-light-orange1 {
		margin-right: 0px;
	}



}

/* Apilar tarjetas en pantallas móviles */
@media (max-width: 767px) {
	.swiper-pagination.swiper-pagination-vacunas {
		top: auto !important;

		margin-top: 1em;
		/* o ajusta según necesites */
	}

	#p-slider-enfermedades .my-5 {
		margin-top: 25px !important;
	}

	#p-slider-enfermedades .swiper-slide {

		max-width: 49% !important;
		box-sizing: border-box;
		margin-left: 3px;

	}

	.swiper-tre-notas12 .swiper-wrapper {
		display: flex;
		flex-direction: column;
		width: 100%;

	}

	.swiper-tre-notas12 .swiper-slide12 {
		width: 100% !important;
		margin-bottom: 20px;
	}

	.swiper-tre-notas12 .swiper-slide12,
	.swiper-slide12 {
		max-width: 400px !important;
	}


	.title-heading3 {

		/* Black */
		font-size: 18px;

		letter-spacing: 0;
		padding: 1em;
	}

	.title-mobile {
		display: none;
	}

	.text-left {
		margin-left: left !important;
	}

	.mobile-icon-above {
		flex-direction: column;
		/* Cambia la dirección a columna */
		margin-top: 0 !important;
	}

	.textfooter {
		padding-bottom: 2em;
		padding-top: 2em;
		/* Padding inferior en mobile */
	}

	.mobile-icon-above .light-orange-circle {
		margin-bottom: 10px;
		/* Añade espacio entre el ícono y el texto */
	}

	.centericontext p {
		text-align: left;
	}

	.containervaricela {
		grid-template-columns: repeat(1, 1fr) !important
	}

	.icon-left {
		text-align: left !important;
		margin-left: -195px;
	}

	.tosferina .quien-esta .box-container {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.tosferina .quien-esta .element {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 15px;
		text-align: left;
	}

	.icon-left {
		text-align: left !important;
	}

	.imgtosferina {
		width: 100% !important;
	}


	.tosferina .quien-esta .element p {
		flex: 1;
		margin: 0;
	}

	.stack-icons-mobile .elementm {
		display: flex !important;
		flex-direction: column !important;
		/* Apila los íconos y los textos verticalmente */

	}


	.no-justify {
		text-align: left;
		/* Alinea el texto a la izquierda */
		word-break: break-word;
		/* Permite que el texto se divida si es necesario */
		white-space: normal;
		/* Evita el espacio excesivo entre palabras */
	}

	.mobile-left-align {

		align-items: flex-start;
		/* Alinea el ícono y el texto a la izquierda */
		gap: 10px;
		text-align: left !important;
		/* Alinea el texto a la izquierda */
	}

	.icon-left-mob {
		text-align: left !important;
		margin-left: -187px !important;
	}

	.icon-left-mob3 {
		margin-left: -239px;
	}

	.textvacun50años {
		padding-left: 0em;

	}

	.textvacun {
		padding-top: 39px;
	}

	.circle-center-mobile {
		display: flex;
		justify-content: center;
		width: 100%;
	}

	.textvacun4 {
		padding-top: 25px;
	}

	.textvacun10 {
		padding-top: 40px;
	}

	.two-columns-mobile {

		grid-template-columns: repeat(2,
				1fr) !important;
	}

	.mobile-back-adjusted {
		position: absolute;
		top: 78px;
		/* Ajusta el valor para moverlo más hacia arriba */
		left: 10px;
		/* Ajusta el valor para moverlo más a la izquierda */
		z-index: 10;
		/* Asegura que el botón esté siempre visible */
	}

	.stack-mobile {
		display: flex !important;
		flex-direction: column !important;
		gap: 20px !important;
		;
		/* Espacio entre cada elemento */
	}

	.avoid-justify {
		text-align: left;
		/* Alinear el texto a la izquierda */
		word-spacing: normal;
		/* Ajustar el espacio entre palabras */
	}

	.padding-mobile {
		padding-top: 2em;
		padding-bottom: 3em;
	}

	.align-mobile {
		display: flex !important;
		align-items: flex-start !important;
		flex-direction: row !important;
		/* Mantiene el icono al lado del texto */
		gap: 10px !important;
	}

	.container-convulsiones {
		margin-left: 30px;
	}

	.text-mobile {
		text-align: left;
		flex: 1;
	}

	.stack-mobile-alt {
		flex-direction: column !important;
		align-items: left !important;
		text-align: left;
	}

	.stack-mobile-alt .light-orange-circle {
		margin-bottom: 10px;
	}

	.iconpolioleft {
		text-align: left !important;
		margin-left: -219px;
	}

	.align-icon-text-mobile {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		gap: 10px;

	}

	.box-containerhepatitis {
		grid-template-columns: repeat(1, 1fr) !important;
	}

	.align-icon-text-mobile .light-orange-circle {
		flex-shrink: 0;
		/* Evita que el icono se reduzca de tamaño */
	}

	.align-icon-text-mobile p {
		text-align: left;
		flex: 1;
		/* Permite que el texto ocupe el espacio disponible */
		margin: 0;
		/* Elimina margen adicional */
	}

	.btnarticles {
		padding-bottom: 1em !important;
		padding-top: -30px !important;
	}

	.img-mobile-long {
		height: auto;
		/* Asegura que no se distorsione */
		width: 100%;
		/* Hace que ocupe todo el ancho del contenedor */
		margin-top: 10px;
	}

	.text-reference {
		font-size: 16px;
		/* Aumenta el tamaño del texto */
		line-height: 1.4;
		/* Mejora la legibilidad */
	}

	.reference-link {
		font-size: 14px;
		/* Ajusta también el texto del enlace */
		color: black;
	}

	.reference-link strong {
		font-size: 14px;
		/* Ajusta el texto en negrita */
	}

	.box-blog {
		width: 360px !important;
		margin-left: -21px !important;

	}

	.box-blog1 {
		width: 360px !important;
		margin-left: -24px !important;

	}

	.titleenfermedad {
		font-size: 24px !important;
	}

	.mobile-padding-top {
		padding-top: 20px;
	}

	.contentbeneficios {
		margin-left: 0;
		text-align: left;
	}

	.important-vaccination {
		text-align: center;
		/* Centra el texto */
		font-size: 24px;
		/* Margen superior */
		color: #000;
		padding-bottom: 1em;
		line-height: 29px;
	}

	.separarbtn {
		margin-top: 10px;
	}



}

/* Ocultar el título en pantallas grandes */
@media (min-width: 992px) {
	.mobile-only-title {
		display: none;
	}

	.hepatitisprevenir {
		margin-left: 60px !important;
	}

	.textva {
		margin-top: 3em;
	}

	.textva1 {
		margin-top: 2em;
	}



}

/* Ajustar el estilo del título en móviles */
@media (max-width: 991px) {
	.mobile-only-title {
		font-size: 20px;
		font-weight: bold;

		padding: 10px 0;
	}



	.ignore-br-destok br {
		display: none;
	}


}

/* Estilos para mobile */


/* Ajustes para escritorio */

/* Ajustes para pantallas footer pequeñas */
@media (max-width: 375px) {

	.d-flex.justify-content-around.align-items-center.py-3 {

		gap: 10px;
		/* Espaciado entre los elementos */
	}

	.wrap-rrss {
		display: flex;
		/* Asegura que los íconos estén en fila */
		justify-content: center;
		/* Centra los íconos */
		gap: 10px;
		/* Espaciado entre los íconos */
	}

	.wrap-rrss {
		text-align: center;
		/* Centra los íconos */
	}

	.container .row {
		gap: 20px;
		/* Añade espacio entre columnas */
	}

	.textfooter {
		font-size: 12px;
		/* Reduce el tamaño del texto del footer */
		line-height: 1.5;
		/* Mejora la legibilidad */
	}


}

@media (max-width: 576px) {}

@media (max-width: 375px) {

	.box-blog,
	.ep-card-white {
		max-width: 119%;
		/* Ocupa el 90% del ancho de la pantalla */
		margin: 0 auto;
		/* Centra el contenido horizontalmente */
	}
}

@media (max-width: 768px) {
	select option.mobile-multiline {
		white-space: normal;
		/* Permite envoltura de texto */
		font-size: 10px !important;
		/* Ajusta el tamaño del texto */
		line-height: 1.5;
		/* Espaciado entre líneas */
		padding: 5px 0;
		/* Ajusta el padding interno */
	}

	.tag-text-mobile {
		font-size: 18px !important;
	}

	.icon-neumo {
		margin-top: 20px;
	}

	.text-full-width1 {
		margin-left: -72px;
	}

	.swiper-tre-notas12 .swiper-slide12 {
		padding-left: 1em;

		margin-left: 2px;
	}

	.enfermedades-prevenibles-section__header {
		margin-bottom: 32px !important;
		padding-left: 20px;
		padding-right: 20px;
	}

	.enfermedades-prevenibles-section__title {
		font-family: 'Inter', sans-serif;
		font-size: 24px;
		font-weight: 700;
		line-height: 1.2;
		color: #151515;
		text-align: left;
		letter-spacing: 0;
		word-break: break-word;
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;
	}

	.enfermedades-prevenibles-section__title-line {
		display: inline !important;
	}

	.titlemobileindex {
		font-size: 24px !important;
		padding-left: 13px !important;
		padding-right: 14px !important;
		margin-top: -39px;
	}

	.titlemobileindex1 {
		font-size: 24px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;

	}

	.titleexploraenfermedades {
		font-size: 24px !important;
		padding-top: 20px;
	}

	.btnhome {
		width: 100% !important;
	}

	#deparments {
		font-size: 16px !important;
		/* Tamaño de fuente ajustado para móviles */
		white-space: normal;
		/* Permite envoltura de texto */
		line-height: 1.5;
		/* Mejora la legibilidad */
	}

	#cities {
		font-size: 16px !important;
	}

	a.thumb-categorys:hover {
		color: #ffffff;
		/* Nuevo color de texto cuando se pasa el ratón */
		background-color: transparent;
		/* Para asegurarte de que no haya un fondo no deseado */
	}


	.img-fixed-height {
		height: 200px;
		width: auto;
		/* Para mantener las proporciones de la imagen */
		object-fit: cover;
		/* Ajusta la imagen si es necesario */
		margin-left: 72px;
	}

	.navigationmenublog {
		font-size: 16px;
		/* Ajusta el tamaño de la fuente para mejor legibilidad */
		padding: 10px;
		/* Agrega un poco de espacio alrededor del texto */
	}

	.mobilevaricelamenu {
		padding-top: 30px;
	}

	.textcirclerube {
		margin-left: -225px;
	}

	.circles-containerhib {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		/* Dos columnas */
		gap: 1.5rem !important;
		/* Ajusta el espacio entre columnas y filas */
		justify-items: start !important;
		/* Alinea los elementos a la izquierda */
	}

	.circle-container-fiebre {
		margin-left: 20px !important;
	}

	.textbannervacunacion {
		font-size: 19px !important;
	}

	.mobil-column-two {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 0.5rem !important;
		/* Espaciado entre los elementos */
		justify-items: center;
		/* Centra los elementos dentro de las columnas */
	}

	.mobil-column-two.d-flex {
		justify-content: center;
		align-items: center;
	}

	.top-tetatnos {
		padding-top: 15px;
	}

	.top-tetatnos1 {
		padding-top: 21px;
	}

	.margin-img-tetanos {
		padding-top: 20px;
	}


}

@media (max-width: 430px) {
	.textcirclerube {
		margin-left: -272px;
	}

	header nav .wrap-nav-extend-mobile {
		position: absolute;
		left: 0px;
		top: 64px;
		width: 100%;
		background-color: #F7F7F7;
	}

}

@media (max-width: 390px) {
	.textcirclerube {
		margin-left: -247px;
	}
}


@media (min-width: 992px) {

	/* Solo afecta a pantallas grandes */
	.move-up {
		margin-top: -40px !important;
		/* Ajusta el valor según lo necesites */
	}

	.circlesignosrube {
		padding-top: 2px !important;
	}

	.circle9 {
		padding-top: 30px;
	}


}

/* Ajuste para pantallas de 375px a 440px */
@media (min-width: 375px) and (max-width: 440px) {
	.navigationmenublog a.adjust-text {
		font-size: 14px;
		/* Ajusta el tamaño del texto */
		line-height: 1.4;
		/* Aumenta el espacio entre líneas */
		word-break: break-word;
		/* Asegura que las palabras largas se ajusten */
		overflow-wrap: break-word;
		/* Soporte adicional para ajustar palabras */
		white-space: normal;
		/* Permite que el texto fluya en varias líneas */
	}

	.circlemobile3 {
		margin-left: -219px;
	}
}

/* Ajuste para pantallas más grandes (441px a 768px) */
@media (min-width: 441px) and (max-width: 768px) {
	.navigationmenublog a.adjust-text {
		font-size: 15px;
		/* Texto ligeramente más grande */
		line-height: 1.5;
		word-break: break-word;
		overflow-wrap: break-word;
		white-space: normal;
	}

}

/* Anular en mobile */
@media (max-width: 380px) {
	.textpaddingt {
		padding-top: 63px !important;
	}

	.textpaddingt1 {
		margin-top: -66px !important;
	}

	.paddingtetans {
		padding-top: 20px;
	}
}

@media (max-width: 390px) {
	.textpaddingt {
		padding-top: 38px !important;
	}

	.textpaddingt1 {
		margin-top: -45px !important;
	}

	.paddingtetans {
		padding-top: 20px;
	}
}

@media (min-width: 410px) and (max-width: 500px) {
	.textpaddingt {
		padding-top: 14px !important;
	}

	.textpaddingt1 {
		margin-top: -6px !important;
	}

	.paddingtetans {
		padding-top: 3px;
	}
}


/* For desktop: Hide the additional container and reset styles */
/* Mostrar divs solo en mobile */
@media screen and (max-width: 768px) {


	#contenido-vacunas .pregnant-woman-extra-content .orange-banner,
	.orange-banner {
		display: flex;
		padding: 16px 22px;
		justify-content: center;
		align-items: center;
		gap: 20px;
		align-self: stretch;
		border-radius: 8px;
		background: var(--UI-GSK-Orange-02, #ff4e00);
	}

	#contenido-vacunas .pregnant-woman-extra-content .bullet-container {
		display: flex;
		align-items: flex-start;
		gap: 0px !important;
		align-self: stretch;
	}
}

/* Aplicar solo en móviles */
@media screen and (max-width: 768px) {

	/* Contenedor del encabezado desplegable */
	.collapsible-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 2em 0;
		/* Bajamos más el contenido */
		font-size: 14px;
		font-weight: bold;
		color: #29204C;
		cursor: pointer;
		background-color: transparent;
		/* Sin fondo */
		position: relative;
	}

	/* Línea superior */
	.collapsible-header::before {
		content: "";
		position: absolute;
		top: 15%;
		/* Bajamos más la línea superior */
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #151515;
		/* Cambiamos el color a #151515 */
	}

	/* Línea inferior */
	.collapsible-header::after {
		content: "";
		position: absolute;
		bottom: 15%;
		/* Subimos más la línea inferior */
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #151515;
		/* Cambiamos el color a #151515 */
	}

	/* Título del encabezado */
	.collapsible-header h3 {
		margin: 0;
		font-size: 18px;
		/* Tamaño según la captura */
		color: #29204C;
		/* Color especificado */
		line-height: 1.5;
		/* Corresponde al 150% en la captura */
		font-family: 'Inter', sans-serif;
		/* Asegúrate de cargar esta fuente en tu proyecto */
		font-weight: bold;
		/* Peso de fuente Bold */
		text-align: center;
		/* Centrado */
		letter-spacing: 0;
		/* Sin espaciado entre letras */
		flex: 1;
		position: relative;
	}

	/* Icono de la flecha */
	.collapsible-icon {
		font-size: 18px;
		/* Aumenta el tamaño de la flecha */
		color: #F36633;
		/* Naranja */
		transform: rotate(0deg);
		transition: transform 0.3s ease;
		margin-left: 8px;
		/* Espacio entre la flecha y el texto */
		position: relative;
	}

	/* Icono cuando está abierto */
	.collapsible-icon.open {
		transform: rotate(180deg);
	}

	/* Agregar espacio entre tarjetas dentro del colapsable */
	.collapsible-content .thumb-vaccines {
		margin-bottom: 1em;
		/* Espacio inferior entre las tarjetas */
		padding: 1em;
		/* Agregar padding interno para las tarjetas */
		border-radius: 24px;
		border: 1px solid var(--UI-GSK-Space-grey, #959595);
	}

	/* Quitar el último margen inferior de la última tarjeta */
	.collapsible-content .thumb-vaccines:last-child {
		margin-bottom: 0;
	}

	.titlevacunacion {
		padding-top: 6px;
	}

	.btn-vacunas {
		display: none;

	}

	.etiqueta {
		margin-top: 3px !important;
	}

	.etiqueta2 {
		margin-top: 0px !important;
	}

	#contenido-vacunas .pregnant-woman-extra-content h3 {
		color: var(--UI-GSK-Text-Gray, #4b4b4b);
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		align-self: stretch;
	}

	.custom-heading {
		font-family: "Inter", sans-serif !important;
		font-weight: 900 !important;
		font-size: 20px !important;
		word-spacing: 20% !important;
	}

	.actionBarPopUpContainer .actionBarPopUp {
		display: flex;
		max-width: 738px;
		margin: 10px;
		width: 100%;
		padding: 34px 18px 33px 6px;
		flex-direction: column;
		align-items: center;
		gap: 24px;
		border-radius: 16px;
		background: var(--Gray-100, #fafafa);
	}

	.textvpuntovacunas {
		font-family: 'Inter', sans-serif;
		/* Familia tipográfica */
		font-weight: bold;
		/* Grosor del texto */
		font-size: 18px !important;
		/* Tamaño de la fuente */
		line-height: 120%;
		/* Altura de línea */
		letter-spacing: 0%;
		/* Espaciado entre letras */
		color: #000;
		/* Asegura que sea negro, como en el ejemplo */
	}

	.textvacunacionpunto {
		font-size: 32px !important;
	}


}

@media (max-width: 992px) {
	.img-herodescubre {
		width: 271px;
		height: 200px;
		position: relative;
		left: -30px;
		/* Desplaza la imagen hacia la izquierda */
		object-fit: cover;
	}

}

/* Asegura que las tarjetas se comporten correctamente en dispositivos móviles */
@media (max-width: 991px) {
	.swiper-tre-notas12 .swiper-wrapper {
		display: flex;
		flex-direction: row;
		/* Asegura tarjetas en fila */
		gap: 10px;
		/* Espacio entre tarjetas */
	}

	.swiper-slide12 {
		flex: 0 0 auto;
		/* Evita que las tarjetas se expandan más de lo necesario */
		width: auto;
		/* Deja que se ajuste al contenido */
	}

	.refetext {
		margin-top: -30px;
	}

	.referenciasmitos {
		margin-top: -20px;
	}
}

@media (min-width: 1024px) {
	.swiper-tre-notas .swiper-slide .box-white {
		min-height: 400px;
		/* Ajusta el tamaño mínimo */
		width: 80%;
		/* Ajusta el ancho según el diseño */
		padding-bottom: 20px;
		/* Ajusta el padding */
		margin-bottom: 20px;
		/* Reduce el margen inferior */

		& .float-category {
			max-width: 250px;
			/* Reduce el ancho máximo */
			font-size: 12px;
			/* Ajusta el tamaño de fuente */
		}

		& h2 {
			font-size: 20px;
			/* Reduce el tamaño del título */
		}

		& p {
			font-size: 14px;
			/* Ajusta el tamaño del texto */
		}

		& a.text-orange {
			bottom: 40px;
			/* Ajusta la posición */
		}
	}

}

/* Apilar tarjetas en móvil */
@media (max-width: 768px) {
	.apilar-en-movil .swiper-wrapper {
		display: flex;
		flex-direction: column;
		/* Cambiar a columnas */
		gap: 20px;
		/* Separación entre las tarjetas */
		padding-left: 0px !important;
		margin-left: 0px !important;
	}

	.apilar-en-movil .swiper-slide12 {
		width: 100%;
		/* Ocupa todo el ancho disponible */
		margin: 0 auto;
		/* Centrar */
		margin-left: -7px;
	}

	.apilar-en-movil .box-white {
		width: 100%;
		/* Asegura que las tarjetas ocupen todo el ancho */
	}

	.swiper-movil-padding {
		padding: 0 10px;
		/* Agrega padding de 1em a los lados */
	}

	.refetext {
		margin-top: 81px;
	}

	.referenciasmitos {
		margin-top: -10px;
	}

	.textbtn {
		font-size: 13px !important;

	}

	.textbtn {
		font-size: 12px !important;

	}
}



@media (max-width: 768px) {
	.symptom-item {
		display: flex;
		/* Usa Flexbox para alinear elementos en una fila */
		align-items: center;
		/* Alinea verticalmente los íconos y el texto */
		justify-content: flex-start;
		/* Asegura que el contenido quede alineado al inicio */
		text-align: left;
		/* Alinea el texto a la izquierda */
	}

	.symptom-item p {
		display: -webkit-box;
		/* Estilo de contenedor flexible */
		-webkit-line-clamp: 2;
		line-clamp: 2;
		/* Número máximo de líneas */
		-webkit-box-orient: vertical;
		/* Orientación vertical */
		overflow: hidden;
		/* Oculta el contenido excedente */
		text-overflow: ellipsis;
		/* Agrega "..." al final si el texto es muy largo */
		white-space: normal;
		/* Permite que el texto envuelva las líneas */
		margin-left: 15px;
	}

	.banner-img10 {
		height: 200px;
		/* Define la altura fija en mobile */
		object-fit: cover;
		/* Recorta la imagen si es necesario para ajustarse */
		margin-left: 60px;
		margin-top: 6em;
	}


}

@media (max-width: 768px) {
	#encuentra-regresar {
		display: none;
		/* Oculta el botón en mobile */
	}
}

/* Estilos para dispositivos móviles */
@media (max-width: 768px) {

	/* Ajusta el tamaño según el breakpoint de tu proyecto */
	select {
		white-space: normal;
		/* Permite que el texto envuelva automáticamente */
		line-height: 1.5;
		/* Incrementa la separación entre líneas */
		font-size: 16px;
		/* Tamaño adecuado para texto */
	}

	.paddinghepatitisa {
		padding-top: 0;
	}

	.extra-margin {
		margin-top: 0px;
		/* Ajusta este valor según lo necesario */
	}

	.aligned-content {
		margin-top: 0px;
		padding-top: 0px;
	}

	.mobile-multiline {
		white-space: pre-wrap;
		/* Respeta saltos de línea si los hay */
		text-align: left;
		/* Centra el texto para que sea más legible */
	}
}

/* Estilos para pantallas pequeñas */
@media (max-width: 600px) {
	.pagination-controls {
		gap: 5px;
		/* Reduce el espacio entre los botones */
		flex-wrap: wrap;
	}

	.page-button {
		padding: 8px 12px;
		/* Reduce el tamaño de los botones */
		font-size: 12px;
		/* Texto más pequeño */
	}
}

/* En pantallas grandes (desktop), los íconos se alinean en una sola fila */
@media (min-width: 992px) {
	.circles-containerhib {
		flex-wrap: nowrap;
		/* Evita que los íconos se muevan a nuevas filas */
		justify-content: space-between;
		/* Espaciado uniforme entre íconos */
	}

	.light-orange-circle-container {
		flex: 1;
		/* Distribuye el ancho de los contenedores de forma uniforme */
		max-width: 200px;
		/* Opcional: para limitar el ancho de cada ícono */
		text-align: center;
	}

}

@media (max-width: 767px) {
	.adjust-position {
		margin-top: 0;
		/* Resetear en pantallas pequeñas */
	}
}

@media (max-width: 767px) {
	.textva1-desktop {
		margin-top: 0;
		/* Mantenerlo igual en dispositivos móviles */
	}
}

/* Para tablets: 768px */
@media (min-width: 768px) and (max-width: 900px) {
	.burguermenu {
		margin: 0;
	}
}

/* Solo para pantallas de 414px */
@media (min-width: 414px) and (max-width: 414px) {
	.btn-container-center {
		margin-left: 0px !important;
		margin-top: -10px;
	}
  }
  @media (min-width: 370px) and (max-width: 385px) {
	.btn-container-center {
	  margin-left: -4px !important;
	}
  }
/* Para pantallas entre 414px y 430px */
@media (min-width: 414px) and (max-width: 430px) {
	.burguermenu {
		margin: 0;
	}
	.ep-card-white, .ep-double-box {
		display: flex
;
		align-items: flex-start;
		align-content: center;
		justify-content: end;
		padding: 0 1em 40px 1em !important;
		margin-left: 11px;
		width: 374px;}
	
}

@media (max-width: 767px) {
	.grid-container2 {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 2px !important;
		padding-left: 0px !important;
	padding-right: 12px !important;
	}
	.calendar-image {
		max-width: 315px !important; 
		height: auto !important;                
		margin-left: 13px;
	  }
/* Mover los bullets más abajo */

  /* Estilo de los bullets activos e inactivos */
  .pagination-naranja .swiper-pagination-bullet {
	background-color: #FF4E00; /* naranja */
	margin-top: 5em !important;
	opacity: 0.4;
  }
.textprincipalmobile{
	font-size: 24px;
	text-align: left ;
	margin-top: 30px;
}
.textprincipalmobile1{
	font-size: 16px;
	text-align: left ;
}
.seccionbanner{
	padding-top: 3rem;
}
.titleprincipalprevenible{
	text-align: left;
}
.btnatrasprevenible{
	margin-top: 30px;
}
  
  .pagination-naranja .swiper-pagination-bullet-active {
	opacity: 1;
  }
  
	.grid-item {
		margin: 0 !important;
	}
}

@media (max-width: 767px) {
	.grid-container {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 2px !important;
		padding-left: 0px !important;
	padding-right: 12px !important;
	}

	.grid-container1 {
		grid-template-columns: repeat(1, 1fr) !important;
		gap: 2px !important;
		padding: 0 65px !important;
	}

	.grid-item {
		margin: 0 !important;
	}

	.thumb-disease:not(.ep-disease-card) {
		width: 91% !important;
		max-width: 200px !important;
		height: 219px !important; /* Altura fija para móvil */
		padding: 7px 15px 25px !important;
		margin: 8px 8px 20px !important;
	}

	.thumb-disease:not(.ep-disease-card) h2 {
		font-size: 12px !important;
            text-align: center !important;
            padding: 10px 0 !important;
            color: #4b4b4b !important;
            line-height: 1.2 !important;
	}
	
	/* CSS específico para forzar el salto de línea */
	.thumb-disease:not(.ep-disease-card) h2 br {
		display: block !important;
		content: "" !important;
		margin-top: 0.5em !important;
	}

	.thumb-disease:not(.ep-disease-card) i {
		font-size: 7px !important;
	}

	.thumb-disease:not(.ep-disease-card)>img {

		object-fit: cover !important;
		/* mejor apariencia visual */
		aspect-ratio: 125/83 !important;
		border-radius: 18px !important;
	}



	.thumb-disease:not(.ep-disease-card) .ver-en-maps {
		position: absolute !important;
		bottom: 17px !important;
		padding-bottom: 9px !important;
		font-size: 14px !important;
	}


	.swipper-punto .ver-en-maps {
		position: absolute !important;
		bottom: 17px !important;
		padding-bottom: 9px !important;
		font-size: 11px !important;
	}


	.category-misc li {
		height: 6px !important; /* Reducido de 8px a 6px */
		border-radius: 0 0 3px 3px !important; /* Reducido proporcionalmente */
		width: 22px !important; /* Reducido de 14px a 12px */
		display: inline-block !important;
	}

	/* Asegurar que los elementos ocultos se mantengan ocultos */
	.category-misc li.hidden {
		display: none !important;
	}
	
}

@media (max-width: 767px) {

.card-blog-herpes{
	margin-left: -32px !important;
}
	.swiper-home .thumb-disease h2 {
		font-size: 12px !important;
		padding: 12px 0 !important;
	}

	.swiper-home .thumb-disease .imgcard {
		height: 81px !important;
		object-fit: cover !important;
		aspect-ratio: 125/83 !important;
		border-radius: 5px !important;
	}

	.swiper-home .ver-en-maps {
		font-size: 11px !important;
		bottom: 34px !important;
	}


	.swiper-home .category-misc li {
		width: 12px !important; /* Reducido de 14px a 12px */
		height: 5px !important; /* Reducido de 6px a 5px */
	}

	/* Forzar colores en mobile con máxima especificidad */
	#home-diseases-swiper .swiper-home .category-misc li[data-color="green"] {
		background-color: #00c84c !important;
	}

	#home-diseases-swiper .swiper-home .category-misc li[data-color="blue"] {
		background-color: #493bdd !important;
	}

	#home-diseases-swiper .swiper-home .category-misc li[data-color="violet"] {
		background-color: #59018e !important;
	}

	#home-diseases-swiper .swiper-home .category-misc li[data-color="yellow"] {
		background-color: #fab503 !important;
	}

	#home-diseases-swiper .swiper-home .category-misc li[data-color="red"] {
		background-color: #e72e49 !important;
	}

	#home-diseases-swiper .swiper-home .category-misc li[data-color="orange"] {
		background-color: #ff5500 !important;
	}

	/* Asegurar que los elementos ocultos se mantengan ocultos */
	#home-diseases-swiper .swiper-home .category-misc li.hidden {
		display: none !important;
	}

	

	.btn-conoce .ver-en-maps {
		position: absolute !important;
		bottom: 17px !important;
		padding-bottom: 9px !important;
		font-size: 11px !important;
	}


}

.accordion-collapse {
	display: none;
}

.accordion-collapse.show {
	display: block;
}

/* --- Responsive: Solo mostrar el botón en mobile --- */
@media (max-width: 768px) {
	.blog-filtros-barra {
		display: none;
		background-color: transparent;
		box-shadow: none;
		flex-direction: column;
		align-items: center;
		gap: 15px;
		padding: 1em;
	}

	.blog-filtros-barra.active {
		display: flex;
	}

	.blog-filtros-verfiltros-btn {
		display: inline-flex;
	}

	.custom-select-wrapper {
		width: 100%;
	}

	.custom-options {
		position: static;
		/* Ya no es absolute en mobile */
		margin-top: 0.5em;
		display: none;
		/* Sigue cerrado hasta abrir */
		box-shadow: none;
		background-color: #f4f1ef;
	}

	.custom-select-wrapper.open .custom-options {
		display: flex;
		/* Se abre empujando hacia abajo */
	}

	.custom-select-wrapper {
		max-width: 100%;
	}

	.custom-select-trigger {
		width: 100%;
		justify-content: space-between;
	}

	.calendario-img {
		margin-left: -1px !important;
		height: 92px !important;
	}
	.imgcard{
		object-fit: cover;
		width: 265px;
		height: 84px !important;
		border-radius: 24px;
	}

	.descarga-icon img {
		width: 82%;
		height: auto;
		display: block;
		padding-top: 210px;
	}

	.titlevacunasedad {
		margin-top: -7px !important;
	}

	.blog-card1 img {
		margin-left: 1px !important;
		height: 181px !important;
	}


	#limpiar-filtros {
		margin-left: 0 !important;
		display: block;
		width: 100%;
		text-align: center;
	}

	strong.contador-resultado {
		margin-left: 1px;
	}

	.blog-filtros-btn {
		width: 100%;
		/* 🔥 Para que no toque los bordes al 100% */

		margin-top: 1.5em;
		padding: 20px 0;
	}

	.custom-select-trigger img {
		width: 20px;
		height: 20px;
	}

	.blog-card2 {
		margin-left: 3px !important;
		height: 140px !important;
	}

	.contador-contenidos {
		padding-top: 0 !important;
		/* Quita espacio arriba */
		margin-top: -3em !important;
		/* Sube el bloque */
		text-align: left !important;
		/* Alinea el texto a la izquierda */
	}

}

@media (max-width: 767px) {
	#ordenar-wrapper .d-flex {
		flex-direction: column;
		align-items: flex-start;
	}

	.ordenar-contenedor {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-top: 1rem;
	}

	.ordenar-label {
		margin-bottom: 0.5rem;
		font-size: 14px;
	}

	.custom-select-ordenar {
		width: 100%;
		max-width: 300px;
		/* para que no quede muy grande */
	}

	.swiper-blog .swiper-slide {
		width: 80%;
		/* Muestra una tarjeta completa y parte de la siguiente */
		max-width: 280px;
		/* Opcional: limitar tamaño máximo */
	}

}

@media (max-width: 767px) {
	.test-question-section {
		padding: 1em;
		height: auto;
		/* Para que crezca en altura según contenido */
		border-radius: 0;
		/* O mantener 20px si quieres bordes */
	}

	.test-progress {
		flex-wrap: wrap;
		/* Los pasos siguen uno al lado del otro, o puedes ajustar */
		gap: 8px;
		margin-bottom: 1em;
	}

	.test-progress .step {
		width: 40px;
		height: 40px;
		padding: 0;
		font-size: 14px;
	}

	.question-content {
		display: flex;
		flex-direction: column;
		gap: 1em;
	}

	.question-left {
		width: 100%;
	}

	.question-left h2 {
		font-size: 18px;
		text-align: left;
		margin-left: 0;
	}

	.answers {
		flex-direction: column;
		gap: 1em;
	}

	.answer-option {
		font-size: 16px;
		display: flex;
		align-items: center;
		margin-left: 0;
	}

	.answer-option input {
		width: 24px;
		height: 24px;
		margin-right: 8px;
	}

	.navigation-buttons {
		flex-direction: row;
		justify-content: space-between;
		gap: 10px;
		margin-top: 1em;
		margin-left: 0;
	}

	.prev-btn,
	.next-btn {
		flex: 1;
		font-size: 14px;
		padding: 12px 0;
	}

	/* ✅ Para que el cuadro marrón esté dentro de la caja amarilla */
	.question-right {
		order: 2;
		padding: 16px;
		font-size: 14px;
		line-height: 1.4;
	}

	/* ✅ Referencias debajo */
	#referenciasContainer {
		margin: 1em 0;
		padding: 16px;
	}

	.answer-option {
		display: flex;
		align-items: center;
		gap: 8px;
		font-size: 20px;
		color: #000;
		position: relative;
	}

	.answer-option input[type="radio"] {
		appearance: none;
		-webkit-appearance: none;
		width: 24px;
		height: 24px;
		border: 2px solid #E95E1F;
		/* borde naranja */
		border-radius: 50%;
		outline: none;
		cursor: pointer;
		position: relative;
		transition: border 0.3s ease;
	}

	.answer-option input[type="radio"]::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 12px;
		height: 12px;
		background: #E95E1F;
		/* círculo interior naranja */
		border-radius: 50%;
		transform: translate(-50%, -50%) scale(0);
		transition: 0.2s ease-in-out;
	}

	.answer-option input[type="radio"]:checked::before {
		transform: translate(-50%, -50%) scale(1);
	}

	/* Evitar borde azul en focus */
	.answer-option input[type="radio"]:focus {
		box-shadow: none;
	}

	.test-progress .step.completed {
		background-color: #FFE8D1;
		/* color clarito como en la imagen */
		color: #E95E1F;
		border: 2px solid #E95E1F;
	}


}

/*tablet test*/
@media (max-width: 1024px) and (min-width: 701px) {

	/* Ajustar el tamaño general */
	.test-question-section {
		padding: 1.5em;
		max-width: 90%;
		height: auto;
		/* mejor para que crezca con el contenido */
	}

	.question-content {
		flex-direction: row;
		/* mantener lado a lado */
		gap: 1em;
	}

	.question-left h2 {
		font-size: 20px;
		margin-left: 20px;
	}

	.answer-option {
		font-size: 18px;
		margin-left: 20px;
	}

	.navigation-buttons {
		gap: 16px;
		margin-top: 4em;
		margin-left: 0;
		justify-content: flex-start;
	}

	.prev-btn,
	.next-btn {
		padding: 14px 24px;
		font-size: 14px;
	}

	.question-right {
		padding: 16px;
		font-size: 14px;
	}

	/* Pasos: hacerlos más chicos */
	.test-progress .step {
		width: 60px;
		padding: 6px 16px;
		font-size: 14px;
	}

	/* Estilos específicos para pantallas de 1024px */
	.thumb-categorys-white strong {
		font-size: 13px;
	}
	
	.descriptionvacunas1 {
		font-size: 12px;
	}
	
	/* Anular Bootstrap px-lg-5 en 1024px */
	.px-lg-5 {
		padding-right: 0 !important;
		padding-left: 0!important;
	}
	
	.thumb-disease1 h2 {
		font-size: 12px !important;
		text-align: center;
		padding: 15px 0;
		color: #4b4b4b;
		line-height: 1.2;
		min-height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}
	
	.thumb-disease1 {
		height: 225px;
	}
	
	
	.imgcard {
		object-fit: cover;
		width: 270px;
		height: 80px !important;
		border-radius: 24px;
	}
	
	.category-misc li {
		width: 24px;
		height: 9px;
		border-radius: 0 0 4px 4px;
		display: inline-block;
	}
	
	.actionBar .button-container {
		width: 80%;
	}
	
	.custom-action-btn p {
		font-size: 14px !important;
	}
	
	.custom-download-button p {
		font-size: 14px !important;
	}
	
	.button-text{
		font-size: 12px !important;
	}
	
	.thumb-categorys-white {
		&[data-category="Adultos-mayores"]>.wrap-img {
			background: var(--cat-color-orange) url(/images/portada-adultos-mayores.png) no-repeat center top / cover;
			width: 100%;
			margin: 0 auto 11px;
			height: 100px;
			aspect-ratio: 4 / 5;
			border-radius: var(--border-radius);
		}
	}
	
	.submenu-first,
	.submenu-second {
		width: 100%;
		max-width: 1024px;
		margin: 0 auto;
		padding: 0 20px;
	}
	
	.submenu-detalle {
		width: auto;
		padding: 0px 80px 0 0px;
	}
	
	.submenu-detalle1 {
		padding: 0 15px 0 15px !important;
	}
	
	.submenu-links {
		width: auto;
		padding: 0 12px;
	}
	
	.submenu-links a {
		text-decoration: none;
		color: var(--black-color);
		display: block;
		font-weight: bold;
		/* width: 280px; */
		padding: 10px 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
	}

}

@media (max-width: 767px) {

	.high-risk-subtitle,
	.high-risk-text {
		text-align: left !important;
		margin-left: 0px !important;
	}

	.high-risk-subtitle {
		margin-left: 0px !important;
	}

	.high-risk-btn {
		padding: 14px 36px !important;

		text-align: left;
		margin-left: 2px;
	}

	.test-question-section1 {
		padding: 1em !important;
		height: 656px !important;
		border-radius: 0px !important;
	}

	.low-risk-subtitle,
	.low-risk-text {
		margin-left: 0px;

	}

	.no-bg-right img {
		margin-left: -14px;

	}

	.no-bg-right img {
		padding: 0px !important;
		width: 100%;
		box-sizing: border-box;
		/* Para que el padding no rompa el ancho */
	}
}

@media (max-width: 768px) {

	.actionBar .button-container .print-button,
	.actionBar .button-container .custom-download-button,
	.actionBar .button-container .custom-action-btn {
		display: none !important;
	}

	body.backgroundvacunas .actionBar .button-container .print-button,
	body.backgroundvacunas .actionBar .button-container .custom-download-button,
	body.backgroundvacunas .actionBar .button-container .custom-action-btn {
		display: none !important;
	}

	body.backgroundvacunas .actionBarBtn.download {
		display: flex !important;
		width: 100%;
	}

	body.backgroundvacunas .actionBar .button-container {
		flex-direction: column;
		margin-top: 0;
	}

	.dynamic-image-container img.dynamic-image {
		display: none !important;
	}

	body.backgroundvacunas[data-vacunas-group] .vacunas-recomendadas-intro__header,
	body.backgroundvacunas[data-vacunas-group] .main-vaccine-title,
	body.backgroundvacunas[data-vacunas-group] .main-vaccine-subtitle {
		display: none !important;
	}

	body.backgroundvacunas:not([data-vacunas-group]) .vacunas-recomendadas-intro__header {
		display: flex !important;
		flex-direction: column;
		align-items: center;
		gap: 18px;
		width: 100%;
	}

	body.backgroundvacunas:not([data-vacunas-group]) .main-vaccine-title {
		display: block !important;
	}

	body.backgroundvacunas:not([data-vacunas-group]) .main-vaccine-subtitle {
		display: block !important;
	}

	body.backgroundvacunas .vacunas-recomendadas-intro {
		gap: 24px;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
		overflow: visible;
	}

	body.backgroundvacunas:not([data-vacunas-group]) .vacunas-recomendadas-intro {
		padding-top: 82px;
		margin-top: 0;
	}

	body.backgroundvacunas .vacunas-recomendadas-intro__cards {
		overflow: visible;
	}

	body.backgroundvacunas .vacunas-recomendadas-intro__category-heading {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
		margin-bottom: 16px;
	}

	body.backgroundvacunas .vacunas-category-title {
		font-size: 24px;
		line-height: 1.2;
	}

	body.backgroundvacunas .mobile-separator {
		display: none;
	}

	body.backgroundvacunas .thumb-categorys-white {
		max-width: none;
		margin-top: 0;
	}

	.action-bar-title {
		font-size: 18px !important;
		padding-top: 57px !important;
	}

	.action-bar-title::before {
		display: none;
	}

	.actionBar .button-container {
		margin-top: -50px;
	}
	
	/* Estilos del calendario SCP para móvil */
	.calendar-reference-container {
		flex-direction: row;
		text-align: left;
		gap: 10px;
		padding: 10px 15px;
		align-items: center;
	}
	
	.scp-logo-container {
		justify-content: flex-start;
		flex-shrink: 0;
	}
	
	.scp-logo-image {
		height: 40px;
		max-width: 120px;
		margin-right: 10px;
	}
	
	.calendar-title-section {
		margin-left: 0;
		text-align: left;
		flex: 1;
		min-width: 0;
		overflow-wrap: break-word;
	}
	
	.calendar-main-title {
		font-size: 16px;
		line-height: 1.4;
		word-wrap: break-word;
		hyphens: none;
	}
	
	.calendar-main-title br {
		display: none;
	}
	
	.calendar-subtitle {
		font-size: 14px;
		font-weight: bold;
		line-height: 1.4;
		word-wrap: break-word;
		hyphens: none;
	}
	
	.reference-number {
		font-size: 16px;
		padding: 4px 8px;
	}
	
	.action-bar-title {
		padding-top: 15px !important;
	}
	
	.calendar-info-section {
		flex-direction: column;
		text-align: left;
		gap: 15px;
		padding: 15px 20px;
		align-items: flex-start;
	}
	
	.calendar-info-text {
		text-align: left;
		font-size: 13px;
		line-height: 1.5;
		word-wrap: break-word;
		hyphens: none;
		white-space: normal;
	}
	
	.scp-logo-info {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-top: 15px;
	}
	
	.scp-logo-info .scp-logo-image {
		height: 40px;
		max-width: 120px;
	}
}

/* Estilos para móvil más pequeño (480px) */
@media screen and (max-width: 480px) {
	.calendar-main-title {
		font-size: 18px;
	}
	
	.calendar-subtitle {
		font-size: 18px;
	}
	
	.scp-logo-image {
		height: 40px;
		max-width: 150px;
	}
}

@media (max-width: 768px) {
	.action-bar-container h3 {
		display: none !important;
	}

	.swiper-home .swiper-slide .row.flex-column-reverse > .col-12.col-lg-6:last-child {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		padding-top: 0;
		margin-top: 47px !important;
	}

	.section-title-enfermedades {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	/* Background único del Hero mobile — Figma HERO MOBILE V2 (11129:60924).
	   El PNG exportado tiene un margen transparente en el borde izquierdo (no blanco,
	   alpha:0 confirmado por muestreo de píxeles). Valores exactos provistos por Figma
	   (background shorthand): position -107.475px 0px, size 235.719% 100%. */
	.slide-bg1,
	.slide-bg2,
	.slide-bg3,
	.slide-bg4 {
		background-image: url('/images/fondos/hero_mobile_v2.png') !important;
		background-repeat: no-repeat !important;
		background-size: 235.719% 100% !important;
		background-position: -107.475px 0px !important;
	}

	.hero-slide-content {
		min-height: auto;
		padding-top: 0 !important;
	}

	.swiper-home .swiper-pagination,
	.swiper-pagination.swipperbanner {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 100% !important;
	}

	.titlemobileindex {
		margin-top: -114px;
	}

	.swiper-home .swiper-slide {
		min-height: 561px !important;
	}

	.blog-home-wrapper .container {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.blog-title-home {
		font-size: 24px !important;
	}

	.swiper-pagination-blog {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.link-descargar {
		padding-top: -10px !important;
	}

	.titledescarga {
		font-size: 14px !important;
	}

	.swiper-pagination-custom {
		margin-left: 34px !important;
		width: 80% !important;

		padding-top: 23px;
	}

	#p-slider-enfermedades .swiper-slide {
		margin-left: 0px !important;
	}

	.px-swiper {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.redes-section {
		margin-top: 0px;
		padding-top: 32px !important;
		padding-bottom: 64px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.swiper-pagination.swipper-cardvacunas {
		margin-top: -107px !important;
	}

	.redes-section .btn-custom {
		width: 53% !important;
	}

	.conoce-mas-link {
		position: relative;
		top: -10px;

	}

}


@media (max-width: 390px) and (min-width: 390px) {
	.swiper-home .swiper-pagination,
	.swiper-pagination.swipperbanner {
		position: relative !important;
		top: auto !important;
	}
	.btn-container-center {
		margin-left: 6px !important;
	  }

	.enfermedades-prevenibles-section {
		margin-top: 0 !important;
		padding-top: 32px !important;
	}

	.enfermedades-prevenibles-section .box-orange {
		width: 100%;
		max-width: 265px;
		height: 384px !important;
		min-height: 384px;
		max-height: 384px;
		margin-left: auto;
		margin-right: auto;
		flex-shrink: 0;
	}

	.enfermedades-prevenibles-section .home-feature-card {
		width: 100%;
		max-width: 265px;
		margin-left: auto;
		margin-right: auto;
	}

	.titlemobileindex {
		margin-top: -125px;
	}

	.swiper-pagination.swipperbanner {
		position: relative !important;
		top: auto !important;
	}
}

@media (min-width: 375px) and (max-width: 380px) {
	.swiper-home .hero-slide-image {
		margin-top: 13px !important;
	}

	.titlemobileindex {
		margin-top: -108px;
	}

	.swiper-home .swiper-pagination,
	.swiper-pagination.swipperbanner {
		position: relative !important;
		top: auto !important;
	}

}

@media (min-width: 360px) and (max-width: 370px) {
	.px-swiper {
		padding-left: 0rem;
		padding-right: 1rem;
	}

	.section-descarga {
		gap: 0px !important;
	}

}

/* ─────────  MOBILE  (<= 768 px) ───────── */
@media (max-width: 768px) {


	/* ---- 8. Modal (mejor legibilidad) */
	.modal-contenido {
		padding: 1.25em;
	}


	.custom-select-wrapper {
		position: relative;
		width: 100%;
		font-family: inherit;
	}

	.custom-select-trigger {
		border: 1px solid #ccc;
		padding: 17px 16px;
		border-radius: 6px;
		background: white;
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 16px;
	}

	.select-arrow {
		font-size: 14px;
		color: #3d1c10;
	}

	.custom-options {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background-color: white;
		border: 1px solid #ccc;
		border-top: none;
		z-index: 999;
		border-radius: 0 0 8px 8px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
	}

	.ciudad-search {
		width: 100%;
		padding: 12px 16px;
		font-size: 15px;
		border: none;
		border-bottom: 1px solid #ccc;
		/* Línea gris clara arriba de la lista */
		background-color: #fff;
		/* Fondo blanco del input */
		outline: none;
		box-sizing: border-box;
	}

	#ciudades-container {
		max-height: 210px;
		/* 5 ítems visibles */
		overflow-y: auto;
		background-color: #fff;
	}

	.item-ciudad {
		padding: 12px 16px;
		font-size: 16px;
		color: #333;
		border-bottom: 1px solid #f1f1f1;
		background-color: #fff;
		cursor: pointer;
	}

	.item-ciudad:hover {
		background-color: #f9f9f9;
	}

	.columna-derecha {
		display: flex;
		flex-direction: column;
	}

	#direccion-usuario {
		position: static;
		order: -1;
		margin: 1em auto;
		width: 90%;
	}

	.direccion-usuario-mobile {
		background: #fff;
		border: 1px solid #ccc;
		border-radius: 8px;
		padding: 0.8em 1em;
		font-size: 1rem;
		display: flex;
		align-items: center;
		gap: 0.5em;
	}

	.hide-mobile {
		display: none !important;
	}

	.filtro-grupo label {
		display: flex;
		align-items: center;
		gap: 8px;
		margin: 10px 0;
		font-size: 15px;
		color: #333;
		font-weight: 500;
	}

	.filtro-grupo input[type="checkbox"] {
		accent-color: #FF4E00;
		width: 18px;
		height: 18px;
		margin: 0;
		flex-shrink: 0;
	}

	.filtro-grupo input[type="checkbox"] {
		appearance: none;
		-webkit-appearance: none;
		width: 18px;
		height: 18px;
		border: 2px solid #FF4E00;
		border-radius: 4px;
		outline: none;
		cursor: pointer;
		position: relative;
		background-color: white;
		transition: all 0.2s ease;
	}

	.filtro-grupo input[type="checkbox"]:checked {
		background-color: #FF4E00;
		border-color: #FF4E00;
	}

	.filtro-grupo input[type="checkbox"]:checked::after {
		content: '';
		position: absolute;
		top: 2px;
		left: 6px;
		width: 4px;
		height: 8px;
		border: solid white;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
	}

	.filtro-grupo input[type="checkbox"]:not(:checked)::after {
		content: '';
		display: none;
	}

	.dropdown-filtro {
		display: none !important;
	}

	.columna-izquierda {
		margin-top: -2.5rem !important;

	}

	.btn-google-maps {
		background-color: #FFFFFF;
		border: 1px solid #C6C5C5;
		border-radius: 100px;
		padding: 11px 28px;
		font-family: 'Inter', sans-serif;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.2;
		color: #4B4B4B;
		text-decoration: none;
		display: inline-block;
		text-align: center;
		transition: all 0.2s ease;
	}


}

.contador-puntos {
	font-size: 14px;
	color: #4B4B4B;
	margin-left: 31px;
	margin-top: 2em;
}

.lista-centros-container {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.info-window {
	font-size: 16px;
	font-family: 'Cabin', sans-serif;
	color: #333;
	line-height: 1.5;
}

.info-window h5 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0.5em;
	color: #29204C;
}

.info-window p {
	margin: 0.25em 0;
	font-size: 16px;
}

@media (max-width: 768px) {
	/* Modal y acordeón mobile */
.modal-ubicacion {
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,0.4);
	z-index: 9999;
	display: none;
	justify-content: center;
	align-items: center;
  }
  
  .modal-contenido {
	background: white;
	max-height: 90vh;
	overflow-y: auto;
	padding: 34px;
	width: 90%;
	max-width: 400px;
	border-radius: 12px;
	position: relative;
	margin-left: 10px;
	margin-top: 0;
  }
  
  .cerrar-modal-mobile {
	position: absolute;
	top: 12px;
	right: 12px;
	background: none;
	border: none;
	font-size: 1.5em;
	cursor: pointer;
	color: #FF4E00;
  }
  
  .acordeon-btn {
	width: 100%;
	background: none;
	border: none;
	padding: 16px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

	font-size: 16px;
	cursor: pointer;
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
  }
  
  .acordeon-btn .flecha {
	transition: transform 0.3s ease;
  }
  
  .acordeon-btn.active .flecha {
	transform: rotate(180deg);
  }
  
  .acordeon-panel {
	display: none;
	padding-top: 12px;
  }
  
  .pasos li {
	margin-bottom: 1.5em;
	font-size: 14px;
	color: #333;
  }
  
  .pasos li img {
	margin-top: 0.5em;
	max-width: 100%;
	border-radius: 6px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  }
  .flecha-icon {
	transition: transform 0.3s ease;
	width: 16px;
	height: 16px;
  }
  
  .acordeon-btn.active .flecha-icon {
	transform: rotate(180deg);
  }

  }
.manual-wrapper {
	margin-top: 1rem;
}

.manual-wrapper .form-select {
	height: 48px;
	font-size: 14px;
}
  @media (max-width: 768px) {
	.custom-select-wrapper .custom-options {
	  position: static !important;
	  display: none;
	  flex-direction: column;
	  z-index: auto;
	  box-shadow: none;
	}
  
	.custom-select-wrapper.open .custom-options {
	  display: flex;
	}
  }
  
 
  

/* Estilos para el acordeón del modal mobile de ubicación */
@media (max-width: 768px) {
		
.contenido-mapa {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	position: relative;
  }
  .boton-mapa.active .contenido-mapa::after {
	        content: '';
            position: absolute;
            bottom: -4px;
            left: -15px;
            width: calc(100% + 33px);
            height: 2px;
            background-color: #f64505;
  }
  .acordeon-titulo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
    padding: 9px 0;
    cursor: pointer;
    border-bottom: 2px solid #e0e0e0;
    border-top: 2px solid #e0e0e0;
    background: none;
    transition: background 0.2s;
  }

  .acordeon-titulo .flecha-icon {
    width: 16px;
    height: 32px;
    transition: transform 0.3s;
    filter: invert(36%) sepia(99%) saturate(7492%) hue-rotate(2deg) brightness(102%) contrast(108%);
  }

  .acordeon-titulo.active .flecha-icon {
    transform: rotate(180deg);
  }

  .acordeon-panel {
    display: none;
    padding: 16px 0;
  }

  .acordeon-titulo.active {
    background: #fafafa;
  }

  .acordeon-seccion {
    margin-bottom: 20px;
  }
  .acordeon-panel .pasos {
    padding-left: 20px;
  }
  .acordeon-panel .pasos li {
    margin-bottom: 15px;
    font-size: 14px;
  }
  .acordeon-panel .pasos li img {
    max-width: 100%;
    height: auto;
    margin: 10px 0;
    border-radius: 4px;
  }
  #modal-ubicacion {
    display: none !important;
  }
  body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Herpes zóster"],
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Enfermedad por Hib (Haemophilus influenzae tipo b)"] {
  object-fit: cover;
  width: 270px;
    height: 100px;
  border-radius: 24px;
}

body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Dengue"],
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Difteria"],
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Tuberculosis"],
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="VPH"]{
	object-fit: cover;
    width: 262px;
    height: 93px;
    border-radius: 24px;
}
  body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) .ver-en-maps {
	position: absolute;
	bottom: 1px !important;
	
  }
  
  body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) i {
	font-size: 16px;
  }

  body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) > img {
	object-fit: cover;
	width: 270px;
	height: 92px;
	border-radius: 24px;
  }
  body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Enfermedad neumocócica"],
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Varicela"],
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Tos ferina"],
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Tétanos"],
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Sarampión"],
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Rubéola"],
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Rotavirus"],
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Poliomielitis"],
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Paperas"],
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Meningitis por meningococo"],
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Influenza"],
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Herpes zóster"],
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Hepatitis B"],
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="Hepatitis A"], 
body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) img[alt="covid-19"] 
{
	
	object-fit: cover;
	width: 270px;
    height: 92px;
	border-radius: 24px;
}
.blog-full-bg {
  
    position: relative !important;
    left: 50%!important;
    right: 50%!important;
    margin-left: -50vw;
    margin-right: -50vw;
	padding-top: 0em;
 
} 
.blog-full-bg1
{
position: relative !important;
left: 50%!important;
right: 50%!important;
margin-left: -50vw;
margin-right: -50vw;
padding-top: 0em;
}
.section-vacunacion {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: -20px; /* sube toda la sección */
  }

  .section-vacunacion .d-flex.gap-4 {
    gap: 0 !important;
    flex-direction: column !important;
    margin-left: 0 !important;
	margin-top: -89px;
  }

  .section-vacunacion .box-white-element {
    width: 71% !important;
            margin: 0 0 1px 0 !important;
            padding: 24px !important;
            border-radius: 0px !important;
  }

  .card-vacunacion,
  .card-personalizada {
    min-height: auto !important;
  }

  .card-personalizada h3,
  .card-vacunacion h3 {
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .btn-inverso {
    font-size: 0.875rem;
    padding: 0.4rem 0.8rem;
  }

  .fs-18 {
    font-size: 16px !important;
  }
}
@media (max-width: 430px) {
	.section-vacunacion .box-white-element {
	  width: 78% !important;
	  margin: 0 0 1px 0 !important;
	  padding: 24px !important;
	  border-radius: 0px !important;
	}

  
  }
  @media (width: 430px) {
	.ep-card-white,
	.ep-double-box {
		width: 388px;
	}
}

@media (width: 360px) {
	.ep-card-white,
	.ep-double-box {
		width: 336px;
		margin-left: 0px;

	}
	
}
@media (width: 375px) {
	.ep-card-white,
	.ep-double-box {
		width: 352px;
		margin-left: 0px;

	}
	
}
@media (width: 412px) {
	.ep-card-white,
	.ep-double-box {
		width: 384px;
		margin-left: 0px;

	}
	
}



  @media (min-width: 360px) and (max-width: 375px) {
	.container .row {
	  gap: 0px;
	}
	.section-vacunacion .box-white-element {
		width: 69% !important;
		margin: 0 0 1px 0 !important;
		padding: 24px !important;
		border-radius: 0px !important;
	}
  }
  @media (min-width: 390px) and (max-width: 410px) {
	.section-vacunacion .box-white-element {
	  width: 71% !important;
	  margin: 0 0 1px 0 !important;
	  padding: 24px !important;
	  border-radius: 0px !important;
	}
  }
  @media (max-width: 575.98px) {
	
	.text-icon,
	.text-icon1,
	.text-icon2,
	.text-icon3,
	.text-icon4 {
	  margin-left: 0 !important;
	  text-align: center !important;
	}
	.section-descarga-index1 {
		width: 100vw; /* Ocupa todo el ancho de la ventana */
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
		background-image: url('/images/fondos/Frame 164218.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		margin-top: 48px;
		margin-bottom: 86px;
	  }
  }
  /* ================================
   Estilos exclusivos para el blog herpes-vs-genital - MOBILE
   ================================ */

@media (max-width: 768px) {
	/* Contenedor principal mobile */
	.herpes-vs-genital .mobile-table-container {
	  padding: 0 20px;
	}
  
	/* Cada fila mobile */
	.herpes-vs-genital .mobile-row {
	  margin-bottom: 16px;
	}
  
	/* Título de fila (fondo durazno) */
	.herpes-vs-genital .mobile-label {
	  background: #FFEDD3;
	  color: #151515;
	  font-weight: 700;
	  font-size: 14px;
	  padding: 8px 11px;
	  border-radius: 4px;
	  margin-bottom: 4px;
	  line-height: 20px;
	}
  
	/* Encabezado naranja */
	.herpes-vs-genital .mobile-header {
	  background: #FF4E00;
	  color: white;
	  font-weight: 700;
	  font-size: 16px;
	  padding: 8px 11px;
	  border-radius: 4px;
	  margin-bottom: 4px;
	  line-height: 22px;
	}
  
	/* Contenido de celda */
	.herpes-vs-genital .mobile-content {
	  background: white;
	  border: 1px solid #C6C5C5;
	  color: #151515;
	  font-size: 14px;
	  padding: 7px 10px;
	  border-radius: 4px;
	  margin-bottom: 4px;
	  line-height: 19.6px;
	  font-weight: 400;
	}
  
	/* Último elemento de cada fila no necesita margen inferior */
	.herpes-vs-genital .mobile-row .mobile-content:last-child {
	  margin-bottom: 0;
	}


  }

 /* Mostrar solo en mobile */
.mobile-only {
	display: block;
  }
  
  @media screen and (min-width: 768px) {
	.mobile-only {
	  display: none !important;
	}
  }
/* Mostrar solo en desktop */
.desktop-only1 {
	display: none;
  }
  .mobile-only {
    display: block !important;
  }
  @media screen and (min-width: 768px) {
	.desktop-only1 {
	  display: block !important;
	}
  }
	/* 📱 Ajustes responsivos para vacunas-combinadas-blog */
@media (max-width: 767.98px) {
	
  }
  /* Estilos para el componente de vacunas-combinadas-blog - Mobile */
  @media (max-width: 767px) {
    .box-light-orange2 {
        padding: 12px;
        border-radius: 8px;
        max-width: 375px;
        margin-right: 7px;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1rem;
		height: 164px;
    }

    .box-light-orange2 p {
        font-size: 13px;
    }

    .btn-orange-vacunacion {
        padding: 10px 20px;
        font-size: 13px;
        width: 100%; /* Optional: full-width button on mobile */
    }

    .box-light-orange2 img {
        width: 35px;
        height: 35px;
    }

    .box-light-orange2 > .d-flex.align-items-center {
        flex-direction: row;
        align-items: flex-start;
    }
	.compartir-blog {
        width: 100%;
        justify-content: center;
        margin-top: 10px;
    }
	.box-meningitis3 {
		margin-left: -2px !important;
	}
	.box-meningitis1 {
		margin-left: -5px !important;
	}
	.herpes-oftalmico-urgencia {
        flex-direction: column;
        text-align: center;
        padding: 15px;
    }
    
    .urgencia-icon {
        margin-right: 0;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
    }
    
    .urgencia-texto {
        text-align: center;
    }
	
	
	.urgencia-icon img {
		
		 margin-left: 0px !important;
} }
/* 📱 end Ajustes responsivos para vacunas-combinadas-blog */
@media (max-width: 768px) {

	/* Cada fila mobile */
	.meningococo-vs-neumococo .mobile-row {
	  margin-bottom: 16px;
	}
  
	/* Título de fila (fondo verde claro) */
	.meningococo-vs-neumococo .mobile-label {
	  background: rgba(0, 200, 76, 0.1); /* #00C84C al 10% */
	  color: #151515;
	  font-weight: 700;
	  font-size: 14px;
	  padding: 8px 11px;
	  border-radius: 4px;
	  margin-bottom: 4px;
	  line-height: 20px;
	}
  
	/* Encabezado verde */
	.meningococo-vs-neumococo .mobile-header {
	  background: #00C84C;
	  color: white;
	  font-weight: 700;
	  font-size: 16px;
	  padding: 8px 11px;
	  border-radius: 4px;
	  margin-bottom: 4px;
	  line-height: 22px;
	}
  
	/* Contenido de celda */
	.meningococo-vs-neumococo .mobile-content {
	  background: white;
	  border: 1px solid #C6C5C5;
	  color: #151515;
	  font-size: 14px;
	  padding: 7px 10px;
	  border-radius: 4px;
	  margin-bottom: 4px;
	  line-height: 19.6px;
	  font-weight: 400;
	}
  
	/* Último elemento de cada fila no necesita margen inferior */
	.meningococo-vs-neumococo .mobile-row .mobile-content:last-child {
	  margin-bottom: 0;
	}
	

	.timeline-desktop {
        display: none;
    } 
	.timeline-mobile {
        display: block;
    }
    
	/* Estilos para que los headers estén lado a lado */
.meningococo-vs-neumococo .mobile-header {
    display: inline-block !important;
    width: 100% !important; /* Para que quepan dos lado a lado */
    margin-right: 2% !important;
    text-align: center !important;
}

.mobile-header:last-of-type {
    margin-right: 0 !important;
}

/* Contenedor para agrupar los headers */
.mobile-headers-container {
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 6px !important;
}
}



@media screen and (max-width: 768px) {
	
	
/* Ocultar botones de navegación pequeños en móvil */
.small-nav-images {
	display: none !important;
}

/* Asegurar que los bullets se muestren en móvil */
@media (max-width: 768px) {
	.small-nav-images {
		display: none !important;
	}
	
	/* Forzar visibilidad del contenedor de paginación */

	/* Estilos específicos para los bullets en móvil */
	.swiper-pagination.swiper-pagination-vacunas .swiper-pagination-bullet {
		display: inline-block !important;
		width: 52px !important;
		height: 6px !important;
		background-color: #ff9770 !important;
		border-radius: 3px !important;
		margin: 0 4px !important;
		opacity: 0.5 !important;
		cursor: pointer !important;
		transition: all 0.3s ease !important;
		visibility: visible !important;
	}
	
	.swiper-pagination.swiper-pagination-vacunas .swiper-pagination-bullet-active {
		background-color: #ff4e00 !important;
		opacity: 1 !important;
		transform: scale(1.0) !important;
	}
	
	.controles-enfermedades{
		margin-left: 3px;
    padding-top: 39px;
	}
}

/* Estilos específicos para controles-enfermedades en móvil */
@media (max-width: 767px) {
	.controles-enfermedades .swiper-pagination {
		display: flex;
		justify-content: center;
	}
}

/* Ajuste específico para a.text-orange en mobile */
@media (max-width: 768px) {
	a.text-orange {
		color: var(--orange-color);
		position: relative;
		display: inline-block;
		text-decoration: none;
		padding-bottom: 4px;
		padding-top: 1em;
	}
}

@media (max-width: 768px) {
	.controles-enfermedades {
		margin-left: 3px;
		padding-top: 0px;
	}
	.swiper-pagination.swiper-pagination-vacunas {
		margin-top: 0em !important;
	}}}
	@media screen and (min-width: 300px) and (max-width: 700px) {
		body.enfermedades-prevenibles .thumb-disease:not(.ep-disease-card) {
		  display: flex;
		  flex-direction: column;
		  width: 100% !important;
		 
		  padding: 12px 15px 26px !important;
		  height: 206px !important; /* Altura fija para que todas las cards sean iguales */
		  margin: 0px auto;
		 
		}
	  }

/* Home — MODULO 2 mobile (Figma 11129:61171) */
@media (max-width: 768px) {
	section.container.enfermedades-prevenibles-section,
	.enfermedades-prevenibles-section.container {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 32px !important;
		padding-bottom: 32px !important;
	}

	.enfermedades-prevenibles-section__header {
		margin-bottom: 32px !important;
		padding-left: 20px;
		padding-right: 20px;
	}

	.enfermedades-prevenibles-section__swiper {
		padding-left: 20px;
		padding-right: 20px;
	}

	.enfermedades-prevenibles-section__title {
		font-family: 'Inter', sans-serif !important;
		font-size: 24px !important;
		font-weight: 700 !important;
		font-style: normal !important;
		line-height: 1.2 !important;
		color: #151515 !important;
		text-align: left !important;
		letter-spacing: 0;
		word-break: break-word;
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;
	}

	.enfermedades-prevenibles-section__title-line {
		display: inline !important;
	}

	.enfermedades-prevenibles-section .box-orange .box-orange__title {
		font-family: 'Inter', sans-serif !important;
		font-size: 24px !important;
		font-weight: 700 !important;
		font-style: normal !important;
		line-height: 1.2 !important;
		color: #fffcfa !important;
		text-align: left !important;
	}

	.enfermedades-prevenibles-section .box-orange .box-orange__btn,
	.enfermedades-prevenibles-section .box-orange .btn-custom-outline.box-orange__btn {
		font-family: 'Inter', sans-serif !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		line-height: 1.2 !important;
		color: #4b4b4b !important;
	}

	.enfermedades-prevenibles-section .home-feature-card__label {
		font-size: 12px !important;
		font-weight: 400 !important;
		line-height: 1.5 !important;
	}

	.enfermedades-prevenibles-section .home-feature-card__title {
		font-size: 18px !important;
		font-weight: 700 !important;
		line-height: 1.4 !important;
		color: #151515 !important;
	}

	.enfermedades-prevenibles-section .home-feature-card__description {
		font-size: 14px !important;
		font-weight: 400 !important;
		line-height: 1.4 !important;
		color: #4b4b4b !important;
	}

	.enfermedades-prevenibles-section__disclaimer {
		padding: 32px 20px 32px !important;
	}

	section.container.enfermedades-prevenibles-section,
	.enfermedades-prevenibles-section.container {
		padding-bottom: 32px !important;
	}

	.enfermedades-prevenibles-section .referencias-titulo-texto {
		font-size: 14px !important;
		font-weight: 400 !important;
		line-height: 1.4 !important;
		color: #151515 !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: break-word;
	}
}

/* Home — MODULO descarga calendarios mobile (Figma 11129:58501) */
@media (max-width: 768px) {
	.section-descarga-index {
		padding-top: 32px !important;
		padding-bottom: 32px !important;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	/* .section-descarga-index .container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	} */

	.section-descarga-index .section-descarga-index__header {
		gap: 16px !important;
		margin-bottom: 32px !important;
	}

	.section-descarga-index .section-descarga-index__title,
	.section-descarga-index .descarga-titulo,
	.section-descarga-index .text-descarga1 {
		font-size: 24px !important;
		line-height: 1.2 !important;
		text-align: center !important;
	}

	.section-descarga-index__title-line,
	.section-descarga-index__subtitle-line {
		display: block !important;
	}

	.section-descarga-index .section-descarga-index__subtitle,
	.section-descarga-index .textdescarga {
		font-size: 16px !important;
		line-height: 1.4 !important;
		color: #4b4b4b !important;
	}

	.section-descarga-index .section-descarga-index__cards {
		gap: 16px !important;
	}

	.section-descarga-index .descarga-card-col {
		flex: 1 1 calc(50% - 8px) !important;
		width: calc(50% - 8px) !important;
		max-width: calc(50% - 8px) !important;
	}

	.section-descarga-index .descarga-card-img {
		height: auto !important;
		aspect-ratio: 265 / 142 !important;
	}

	.section-descarga-index .calendario-img {
		height: 100% !important;
		padding-top: 0 !important;
	}

	.section-descarga-index .descarga-icon {
		bottom: 8px !important;
		right: 8px !important;
		top: auto !important;
		width: 32px !important;
		height: 32px !important;
		padding: 4px !important;
		background: #ff4e00 !important;
	}

	.section-descarga-index .descarga-icon img {
		width: 24px !important;
		height: 24px !important;
		padding-top: 0 !important;
	}

	.section-descarga-index .descarga-card-body {
		min-height: 0 !important;
		padding: 8px !important;
		gap: 8px !important;
		height: auto !important;
	}

	.section-descarga-index .descarga-card-title,
	.section-descarga-index .titledescarga {
		font-size: 14px !important;
		line-height: 1.4 !important;
		font-weight: 400 !important;
	}

	.section-descarga-index .descarga-card-link,
	.section-descarga-index .link-descargar {
		font-size: 14px !important;
		padding: 8px 4px !important;
		margin-top: 0 !important;
	}
}

/* Home — MODULO blog mobile (Figma 11129:61842 / pager 11129:61852) */
@media (max-width: 768px) {
	.blog-home-section__title-line--desktop {
		display: none;
	}

	.blog-home-section__title-line--mobile {
		display: block;
	}

	.blog-home-section__swiper-wrap {
		width: 100% !important;
		margin-right: 0 !important;
	}

	.blog-home-section__swiper {
		overflow: visible !important;
		width: auto !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		margin-left: -20px !important;
		margin-right: -20px !important;
	}

	.blog-home-section__swiper .swiper-slide,
	.blog-home-wrapper .home-blog-card {
		width: 265px !important;
		max-width: 265px !important;
	}

	.blog-home-section__pagination .swiper-pagination-blog {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		padding-inline: 21.84% !important;
		gap: 8px !important;
		width: 100% !important;
		max-width: none !important;
	}

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

	.blog-home-section__pagination .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
		opacity: 1 !important;
	}

	.blog-home-wrapper .home-blog-card__image {
		height: 142px !important;
	}

	.blogSwiper .swiper-slide .home-blog-card__img,
	.blog-home-wrapper .home-blog-card__img {
		height: 142px !important;
		width: 100% !important;
		object-fit: cover !important;
		margin-left: 0 !important;
	}

	.blog-home-wrapper .home-blog-card__badge img {
		width: 24px !important;
		height: 24px !important;
	}

	.blog-home-wrapper .home-blog-card__body {
		gap: 8px !important;
		padding-top: 16px !important;
	}
}

/* Herpes zóster — blog mobile overrides (Figma 11210-95377) */
@media screen and (max-width: 900px) {
	.blog-herpes-zoster .blog-title-home {
		font-size: 24px !important;
		font-weight: 700 !important;
		line-height: 1.2 !important;
		color: #151515 !important;
		text-align: center !important;
		margin-bottom: 24px !important;
	}

	.blog-herpes-zoster .text-center.mt-4 {
		margin-top: 24px !important;
	}

	.blog-herpes-zoster .btn-custom {
		width: 100% !important;
		border-radius: 100px !important;
		height: 50px !important;
		background: #FF4E00 !important;
		color: white !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		line-height: 1.2 !important;
		padding: 16px 32px !important;
		box-shadow: 0px 5px 5.5px rgba(0,0,0,0.1), 0px 20px 10px rgba(0,0,0,0.09), 0px 45px 13.5px rgba(0,0,0,0.05), 0px 81px 16px rgba(0,0,0,0.01) !important;
	}

	.blog-herpes-zoster .swiper-pagination-blog .swiper-pagination-bullet {
		height: 6px !important;
		border-radius: 100px !important;
		flex: 1 !important;
		margin: 0 2px !important;
		background: #FF4E00 !important;
		opacity: 0.3 !important;
	}

	.blog-herpes-zoster .swiper-pagination-blog .swiper-pagination-bullet-active {
		opacity: 1 !important;
	}

	.difteria .quien-esta .element p.ignore-br-mobile {
		margin-top: 0 !important;
	}

	.difteria .col-md-6.d-flex.align-items-center span {
		color: #4b4b4b;
	}

	.vph-quien-esta-circulo,
	.vph-sintomas-circulo,
	.vph-prevenir-circulo {
		width: 64px;
		height: 64px;
	}

	.vph-quien-esta-circulo img,
	.vph-sintomas-circulo img,
	.vph-prevenir-circulo img {
		width: 36px;
		height: 36px;
	}

	.meningococo .quien-esta .box-container {
		grid-template-columns: 1fr !important;
	}

	.meningococo .quien-esta .element {
		flex-direction: row !important;
		align-items: center;
		gap: 20px;
		width: 100%;
	}

	.meningococo .quien-esta .element .light-orange-circle {
		flex-shrink: 0;
		margin: 0 !important;
	}

	.meningococo .vsr-sintomas-body .box-container {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}

	.meningococo .vsr-sintomas-body .element {
		flex-direction: row !important;
		align-items: center;
		gap: 20px;
	}

	.meningococo .vsr-sintomas-body .element .light-orange-circle {
		flex-shrink: 0;
		margin: 0 !important;
	}

	.meningococo .vsr-sintomas-body .element p {
		text-align: left;
	}

	.meningococo .vsr-apetito-tos {
		flex-direction: column !important;
		justify-content: flex-start !important;
		gap: 16px !important;
	}

	.meningococo [name="como-se-transmite-child"] {
		width: 100%;
	}

	.meningococo [name="como-se-transmite-child"] .d-flex.flex-column {
		width: 100%;
	}

	.meningococo [name="como-se-transmite-child"] .element {
		width: 100%;
	}

	.meningococo [name="como-se-puede-tratar-child"] .d-flex.gap-3 {
		flex-direction: column !important;
	}

	.meningococo [name="como-se-puede-tratar-child"] .element {
		flex-direction: row !important;
		align-items: center;
		gap: 20px;
		width: 100%;
	}

	.meningococo [name="como-se-puede-tratar-child"] .element .light-orange-circle {
		flex-shrink: 0;
		margin: 0 !important;
	}

	.meningococo [name="como-se-puede-prevenir-child"] .d-flex.gap-3 {
		flex-direction: column !important;
	}

	.meningococo [name="como-se-puede-prevenir-child"] .element {
		flex-direction: row !important;
		align-items: center;
		gap: 20px;
		width: 100%;
	}

	.meningococo [name="como-se-puede-prevenir-child"] .element .light-orange-circle {
		flex-shrink: 0;
		margin: 0 !important;
	}
}

/* Home blog — 700–768px: card más ancho para peek limpio (~52px) */
@media (min-width: 700px) and (max-width: 768px) {
	.blog-home-section__swiper .swiper-slide,
	.blog-home-wrapper .home-blog-card {
		width: 330px !important;
		max-width: 330px !important;
	}
}

/* =========================================================
   MOBILE CHICO — ≤360px
   Descarga: 1 columna para viewports muy angostos
   ========================================================= */
@media (max-width: 360px) {
	.diseases .section-descarga-index1 .descarga-card-col {
		flex: 1 1 100% !important;
		width: 100% !important;
	}
}

/* =========================================================
   TABLET INTERMEDIO — 601px a 900px (sin spec Figma)
   Breakpoint interpolado entre mobile spec (393px) y desktop spec (1440px)
   ========================================================= */
@media (min-width: 601px) and (max-width: 900px) {

	/* Descarga: 2 columnas (2x2 con 4 cards) */
	.diseases .section-descarga-index1 .descarga-card-col {
		flex: 1 1 calc(50% - 8px) !important;
		width: calc(50% - 8px) !important;
	}

	/* Blog: mostrar swiper (como mobile) y ocultar grid de 3 cols demasiado estrecho */
	.diseases .blog-home-wrapper .d-md-none {
		display: block !important;
	}
	.diseases .blog-home-wrapper .d-md-flex {
		display: none !important;
	}

	/* Explora otras: layout horizontal como desktop */
	.diseases .otras .container {
		flex-direction: row !important;
		gap: 48px !important;
	}

	.diseases .otras h3 {
		max-width: 255px !important;
	}
}

/* =========================================================
   DESKTOP INTERMEDIO — 992px a 1199px
   Vacunación: alinea márgenes con Bootstrap container lg (960px)
   ========================================================= */
@media (min-width: 992px) and (max-width: 1199px) {
	.section-vacunacion .d-flex.flex-column.flex-lg-row {
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* =========================================================
   DESKTOP INTERMEDIO — 1200px a 1439px
   Vacunación: alinea márgenes con Bootstrap container xl (1140px)
   ========================================================= */
@media (min-width: 1200px) and (max-width: 1439px) {
	.section-vacunacion .d-flex.flex-column.flex-lg-row {
		max-width: 1140px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* =========================================================
   DESKTOP GRANDE — ≥1440px
   Márgenes laterales para secciones vacunación y otras
   ========================================================= */
@media (min-width: 1440px) {
	.section-vacunacion .d-flex.flex-column.flex-lg-row {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		gap: 24px;
	}

	.diseases .otras {
		padding-left: calc((100vw - 1200px) / 2) !important;
		padding-right: calc((100vw - 1200px) / 2) !important;
	}
}