@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@font-face {
	font-family: 'Inter';
	src: url('Inter-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

/* VARIABLES GLOBALES */

:root {
	--yellow: #FFB32F;
	--green: #00917B;
	--lightgreen: #AFDCD5;
	--blue: #013845;
	--aqua-dark: #537D8B;
	--nav-green: #95DDD3;
	--purple: #5F3172;
	--light-gray: #F5F5F5;
}

body {
	font-family: Arial, Helvetica, sans-serif !important;
	overflow-x: hidden;

}

.destacado {
	font-family: 'Bebas Neue', sans-serif !important;
	line-height: 1.2;
}

.light {
	font-weight: 300;
}

.bold {
	font-weight: 700;
}

.medium {
	font-weight: 400;
}

h1 {
	font-size: 28px;
}

.h1 {
	font-size: 28px;
}

h2 {
	font-size: 28px;
}

.h2 {
	font-size: 28px;
}

h3 {
	font-size: 28px;
}

.h3 {
	font-size: 28px;
}

h4 {
	font-size: 24px;
}

.h4 {
	font-size: 24px;
}

h5 {
	font-size: 20px;
}

.h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

.h6 {
	font-size: 18px;
}

.p {
	font-size: 16px;
}

p {
	line-height: 20px;
}

h3 {
	line-height: 32px;
}

.bold {
	font-weight: 600;
}

.xs {
	font-size: 13px;
}

.bebas {
	font-family: 'Bebas Neue', sans-serif !important;
}

.lato {
	font-family: 'Lato', sans-serif !important;
}

.arial {
	font-family: Arial, Helvetica, sans-serif !important;
}

.text-blue {
	color: var(--blue);
}

.text-white {
	color: #fff;
}

.text-green {
	color: var(--green);
}

.text-lightgreen {
	color: var(--lightgreen);
}

.uppercase {
	text-transform: uppercase;

}

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

.mt-0 {
	margin-top: 0 !important;
}

.mt-32 {
	margin-top: 32px;
}

.mb-32 {
	margin-bottom: 32px;
}

.mt-50 {
	margin-top: 50px;
}

.mb-50 {
	margin-bottom: 50px;
}

/*Eliminar margen y padding de los containers*/
.container-fluid {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.active {
	text-decoration: underline white !important;
}


/* Hero Lokelma */
#hero-lokelma {
	position: relative;
	min-height: 450px !important;
	background-position: bottom;
	background-size: cover !important;
	background-repeat: no-repeat;
	width: 100% !important;
}

@media (min-width:1440px) {
	#hero-lokelma {
		height: 590px !important;
		background-position: bottom;
		background-size: cover !important;
		background-repeat: no-repeat;
		width: 100% !important;
	}
}

#hero-lokelma .navbar-lokelma ul {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
}

#hero-lokelma .navbar-lokelma ul li a {
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: 400;
	text-decoration: none;
	color: #fff;
	font-size: 20px;
}

.logo-hero {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.destacado-head {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 11rem 15px;
}

.destacado-head .sub {
	font-size: 20px;
}

.icon-down {
	position: absolute;
	bottom: -238px;
	left: 50%;
	transform: translate(-50%, -50%);
}


/* section Blue Cards */
#section-blue-cards {
	margin: 0 !important;
	padding-top: 7rem;
	padding-bottom: 7rem;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(185deg, rgba(255, 255, 255, 1) 0%, rgba(214, 242, 243, 1) 100%);
	background: -webkit-linear-gradient(185deg, rgba(255, 255, 255, 1) 0%, rgba(214, 242, 243, 1) 100%);
	background: linear-gradient(185deg, rgba(255, 255, 255, 1) 0%, rgba(214, 242, 243, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#d6f2f3", GradientType=1);
}

#section-blue-cards h3 {
	color: var(--blue);
	font-size: 28px;
	line-height: 1.2;
	text-align: center;
	padding-bottom: 1rem;
}

@media(max-width:480px) {
	#section-blue-cards h3 {
		padding-bottom: 0;
	}

	.span-hora {
		line-height: 1.1;
	}

	.pt-1-mob {
		padding-top: 10px;
	}

	.content-presentacion a {
		margin: 0 auto;
		width: fit-content;
		display: block;
	}
}

.container-blue-cards {
	margin-top: 2rem;
	padding: 2rem;
}

.card {
	background-color: var(--blue);
	border-radius: 16px;
	padding: 1rem 4rem;
	min-height: 250px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}

.card p {
	color: #fff;
	text-align: center;
}

.card span.text-xl {
	color: #fff;
	font-size: 5rem;
	font-weight: 700;
}

/* section LOKELMA Cards */
#section-lokelma-cards {
	padding-top: 5rem;
	padding-bottom: 12rem;
	position: relative;
}

#section-lokelma-cards .logo-lokelma {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.container-lokelma-cards {
	padding-top: 3rem;
	padding-bottom: 5rem;
}

.card-green {
	background-color: var(--green);
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border-radius: 16px;
	padding: 2rem;
	min-height: 380px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}

.card-blue {
	background-color: var(--blue);
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border-radius: 16px;
	padding: 2rem;
	min-height: 380px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}

.card-white {
	background-color: #fff;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border-radius: 16px;
	padding: 2rem;
	min-height: 380px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	overflow: hidden;
}

@media (min-width: 992px) {
	.card-white footer {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
	}

	.card-white:hover footer {
		max-height: 200px;
		cursor: pointer;
	}

	.card-blue footer {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
	}

	.card-blue:hover footer {
		max-height: 200px;
		cursor: pointer;
	}

	.card-green footer {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
	}

	.card-green:hover footer {
		max-height: 200px;
		cursor: pointer;
	}
}

/* Porcentaje Section */

.icon-porcentaje {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -10rem;
	position: relative;
}

.icon-porcentaje img {
	width: 230px;
}

.contenido {
	text-align: center;
	margin-top: 2rem;
}


/* Administrar Lokelma */

#admin-lokelma {
	margin-top: 4rem;
	background-color: var(--blue);
	padding: 5rem;
}

#admin-lokelma .title-admin-lokelma {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.title-admin-lokelma a {
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: 700 !important;
	font-size: 14px;
	text-decoration: none !important;
	color: #fff;
	background-color: var(--green);
	padding: 8px 28px;
	width: fit-content;
	border-radius: 50px;
}


/* Posologia Page Styles*/

.content-presentacion a {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-decoration: none !important;
	color: #fff;
	font-size: 16px !important;
	background-color: var(--blue);
	padding: 8px 24px;
	border-radius: 50px;
}

.presentacion {
	padding-top: 5rem;
}

.card-preparacion {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	border-radius: 16px;
	padding: 2rem;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.item {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
}

.item>h4 {
	font-size: 20px;
}

p.item-suma {
	font-weight: 700;
	font-size: 20px;
	color: var(--blue);
	flex: 0;
}

.items-icons .icon-text {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	margin-top: 12px;
	margin-bottom: 12px;
}

.items-icons .icon-text img {
	width: 32px !important;
}

.preparacion-lokelma-columns {
	align-items: center !important;
}

.preparacion-lokelma-columns .row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 3rem;
}

@media(max-width:768px) {
	.preparacion-lokelma-columns .row {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 1rem;
	}
}

.cards-pacientes {
	display: flex;
	align-items: stretch;
	min-height: 250px;
	justify-content: space-evenly;
	gap: 2rem;
	margin-top: 1rem;
	margin-bottom: 4rem;
}

.head-card {
	background-color: var(--blue);
	border-radius: 10px 10px 0px 0px;
	align-items: flex-start;
	padding: .1rem;
}

.card-fase-1 {
	position: relative;
	background-color: #fff;
	border-radius: 16px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	width: 30%;
	text-align: center;
}

.card-fase-1 .contenido {
	display: flex;
	align-items: center;
	justify-content: center;
}

.card-fase-2 {
	position: relative;
	background-color: #fff;
	border-radius: 16px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	width: 70%;
	text-align: center;
}

.contenido {
	padding: 10px 0px;
}

.card-fase-2 .contenido {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

.card-fase-2 .x1,
.card-fase-2 .x2 {
	display: flex;
	align-items: center;
}

.cards-pacientes img {
	width: 160px;
}

.cards-terapeuta {
	display: flex;
	align-items: stretch;
	min-height: 170px;
	justify-content: space-evenly;
	gap: 2rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.card-opciones {
	position: relative;
	background-color: #fff;
	border-radius: 16px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

.card-opciones .contenido {
	padding: 10px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}

.card-opciones .contenido img {
	width: 80px;
}

.card-dosis {
	position: relative;
	background-color: #fff;
	border-radius: 16px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	text-align: center;
}

.card-dosis .contenido {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Estilos Estudios */

.tabs-estudios {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

#section-estudios .nav-pills {
	display: flex;
	justify-content: center;
	width: 100%;
	column-gap: 5px;
	border-bottom: none !important;
}

#section-estudios .tab-list-element {
	background-color: #fff;
	border: 2px solid #013845;
	color: #013845;
	box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
	width: 320px;
	text-align: center;
	border-radius: 50px !important;
}

#section-estudios .active {
	color: #fff !important;
	text-decoration: none !important;
}

#section-estudios .nav-pills>li.active>a,
#section-estudios .nav-pills>li.active>a:focus,
#section-estudios .nav-pills>li.active>a:hover {
	background-color: #013845;
	color: #fff;
	border-radius: 50px !important;
}

.nav-pills>li>#dialiaze,
.nav-pills>li>#harmonize {
	font-weight: 600;
	color: #013845;
}

.card-estudios {
	margin-top: 60px;
	position: relative;
	background-color: #fff;
	border-radius: 16px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	flex-direction: column;
	padding-top: 32px;
	padding-bottom: 0rem;
}

.card-estudios h3 {
	padding: 32px;
}

.card-estudios .contenido {
	padding: 10px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}

.card-opciones .contenido img {
	width: 100%;
}

.card-estudios .footer {
	background-color: #00917B;
	width: 100%;
	margin: 0;
	padding: 12px;
	margin-top: 10px !important;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}

.btn-descargar-estudio {
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 32px;
}

.btn-descargar-estudio a.btn-descarga {
	text-decoration: none;
	color: #fff;
	padding: 10px 30px;
	background-color: #013845;
	border-radius: 50px;
	margin: auto;
	text-align: center;
	text-transform: uppercase;
}

.card-estudios-2 {
	position: relative;
	background-color: #fff;
	border-radius: 16px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	width: 100%;
	text-align: center;
	display: flex;
	padding-top: 32px;
	align-items: center;
	justify-content: space-evenly;
	flex-direction: column;
}

.card-estudios-2 .contenido {
	padding: 10px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}

.card-estudios-2 .contenido img {
	width: 90%;
}

.card-estudios-2 .footer {
	background-color: var(--green) !important;
	width: 100%;
	margin: 0;
	padding: 12px;
	margin-top: 10px !important;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}

#img-desktop-estudio-mobile {
	display: none !important;
}

/*Estilos Casos Clinicos*/
.content-title-paciente {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: 40px;
}

h3.title-paciente {
	font-size: 26px !important;
}

.paciente-subtitle {
	color: #013845;
	margin-top: 2rem;
	font-size: 20px;
	text-align: center;
}

.text-paciente {
	color: #013845;
	margin-top: 2rem;
	font-size: 20px;
	text-align: center;
}

.cards-paciente {
	margin-top: 40px !important;
}

.card-paciente {
	position: relative;
	background-color: #fff;
	border-radius: 16px;
	border-top: 5px solid #00917B;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	width: 100%;
	text-align: left;
	display: flex;
	padding-top: 32px;
	padding-left: 32px;
	padding-right: 32px;
	padding-bottom: 32px;
	justify-content: space-evenly;
	flex-direction: column;
	width: 100%;
}

.title-card-paciente {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
}

.content-paciente {
	display: flex;
	align-items: start;
	justify-content: start;
	text-align: left;
}

.content-paciente ul.my-list {
	margin: 0 !important;
	padding: 10px !important;
	color: #013845 !important;
}

.content-paciente ul.my-list li::marker {
	color: #00917B !important;
}

.tab-content .text.parbase ul {
	list-style-type: disc !important;
}


/*Estilos Hiperkalemia*/
.boton-definicion {
	border: 2px solid #00917B;
	border-radius: 100px;
	padding: 5px;
	height: fit-content;
	width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	margin-top: 3rem;
}

.boton-definicion .btn {
	background-color: #00917B;
	border-radius: 50px;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	padding: 1.5rem 8rem;

}

@media(max-width:480px) {
	.boton-definicion>.btn {
		padding: 1.5rem 3rem;
	}
}

.boton-definicion .btn p {
	font-family: 'Bebas Neue', sans-serif !important;
	font-style: normal !important;
	color: #fff;
	text-align: center;
	margin: auto;
	font-size: 22px;
	line-height: 1.1;

}

.card-definicion {
	border: 1px solid #00917B;
	padding: 1rem;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.card-definicion .title {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #00917B;
	font-weight: bold;
	text-align: center;
}

.card-definicion .content {
	color: #013845;
	border-top: 1px solid #cecece;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	padding-top: 1rem;
}

.card-definicion .content .btn-card {
	border: 1px solid #013845;
	width: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 8px;
	border-radius: 50px;
}

.container-cards-definicion {
	display: flex;
	align-items: stretch;
	justify-content: center;
	padding-top: 5rem;
	padding-bottom: 5rem;
	gap: 16px;
}

.container-cards-definicion .title {
	font-family: 'Bebas Neue', sans-serif !important;
}

.seccion-pacientes-sin-hiper {
	margin-top: 32px;
	margin-bottom: 32px;
}

.cards-pacientes-hiper {
	margin-top: 60px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 16px;
	margin-bottom: 60px;
}

.card-pacientes {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 1rem;
	flex-direction: column;
	text-align: center;
	background-color: #013845;
	border-radius: 1rem;
	color: #fff;
	width: 100%;
	min-height: 140px;
}

.card-pacientes p {
	padding-top: 24px;
}

.card-pacientes img {
	position: absolute;
	top: -32px;
}

#reduccion-dosis {
	background-color: #013845;
	padding-top: 50px;
	padding-bottom: 50px;
}

#carousel-cards-mobile {
	display: none;
}

/* Responsive Desktop */
@media (max-width:1440px) {
	.icon-down {
		position: absolute;
		bottom: -100px;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.column-1,
	.column-2,
	.column-3,
	.column-4 {
		margin-top: 12px !important;
		margin-bottom: 12px !important;
	}
}

@media (max-width:768px) {
	#carousel-cards-mobile {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#carousel-cards-mobile .card-definicion {
		width: 300px;
	}

	#carousel-cards-mobile .carousel .carousel-control {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	#carousel-cards-mobile .carousel .carousel-control.left {
		left: -4% !important;
	}

	#carousel-cards-mobile .carousel .carousel-control.right {
		right: -4% !important;
	}

	#carousel-cards-mobile .carousel .carousel-control {
		background: #00917B !important;
	}

	#section-blue-cards .container-cards-definicion {
		display: none;
	}

	.btn br {
		display: block !important;
	}

	br {
		display: none !important;
	}

	h3 {
		line-height: 1.2;
	}

	#img-desktop-estudio-mobile {
		display: block !important;
		margin: auto;
		width: 90%;
	}

	#img-desktop-estudio {
		display: none !important;
	}

	.container-cards-definicion {
		flex-wrap: wrap;
		gap: 20px;
	}

	.container-cards-definicion .card-definicion {
		max-width: 200px;
	}

	.cards-pacientes-hiper {
		flex-wrap: wrap;
		gap: 46px;
	}

	.cols-logos img {
		width: 60% !important;
	}
}

@media (max-width:520px) {
	#hero-lokelma .navbar-lokelma ul {
		list-style: none;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 1rem;
	}

	.cards-pacientes {
		flex-direction: column;
		padding: 1.5rem;
	}

	.cards-pacientes .card-fase-1,
	.cards-pacientes .card-fase-2 {
		width: 100%;
	}

	.card-fase-2 .contenido {
		flex-direction: column;
	}

	.card-opciones {
		flex-direction: column;
		width: 70%;
	}

	.content-presentacion h3 {
		text-align: left !important;
	}

	.content-presentacion h3.no-left {
		text-align: center !important;
	}

	hr {
		margin: auto;
	}

	.title {
		text-align: center !important;
		margin-top: 2rem;
		margin-bottom: 1rem;
	}

	.card-preparacion {
		width: 90%;
		margin: auto;
	}

	.card-preparacion img {
		width: 50%;
	}

	.items-icons {
		padding: 1.6rem;
	}

	.text-lokelma {
		padding: 1.6rem;
	}

	.card-dosis {
		padding: 0px 16px;
	}
}


/* Estilo para el desplegable */
details {
	cursor: pointer;
}

/* Utiliza una imagen como icono */
details summary {
	list-style-image: url('/content/dam/multibrand/ar/es/lokelma/icon-down.png');
}

/* Cambiar el icono a un  */
details summary::marker {
	content: "\25BC";
	/*  */
	;
}

/*estilos ficha tecnica lau 4/12*/

.fw-bold {
	font-weight: bold;
}

.fondo-bordo {
	background-color: #831552;
}

.fondo-naranja {
	background-color: #F0AC00;
}

.fondo-celeste {
	background-color: #72C8D7;
}

.container-botones button {
	text-decoration: none !important;
	margin: 0px 10px 0px 0px;
	padding: 8px 20px;
	border-radius: 20px;
	color: white;
	font-family: Helvetica;
	border: transparent;
}

.container-botones {
	margin-top: 2em;
}

.container-botones button a {
	text-decoration: none !important;
	color: white;
}

.img-logo-lokelma {
	max-width: 18em;
	margin-bottom: 2em;
}

.f-helvetica {
	font-family: 'Helvetica';
}

.container-boton-celeste {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	font-family: 'Helvetica';
	margin: auto;
}

.btn-vademecum {
	margin: 0px 2em 10px;
	padding: 10px 15px;
	border-radius: 30px;
	border: transparent;
	transition: transform 0.7s ease;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.btn-vademecum a {
	text-decoration: none !important;
	color: white;
}

.btn-vademecum:hover {
	transform: scale(1.1);
}

.container-botones button {
	transition: transform 0.7s ease;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.container-botones button:hover {
	transform: scale(1.1);
}

#ficha-tecnica-lokelma {
	margin-top: 2em;
}

.img-logo-synagis {
	max-width: 18em;
	margin-bottom: 2em;
}

body>div.main-container>header>nav>div.brand-header {
	display: none;
}

.container-boton-celeste {
	margin-top: 5em;
}

#banner-none {
	display: none;
}


button.fondo-bordo,
button.fondo-naranja {
	margin-bottom: 2em;
}

.xigduo-image {
	max-width: 400px;
}

/*lau atacand 26/12*/

.container-prospecto {
	text-align: center;
}

.container-atacand img {
	width: 100%;
	max-width: 350px;
	padding: 0px 5em;
}

.container-atacand {
	width: 100%;
	align-items: center;
	align-content: center;
	font-family: 'Helvetica';
	margin: auto;
}

.container-atacand {
	display: flex;
	justify-content: space-between;
}

.container-btn-atacand button {
	border: 2px solid #831542;
	border-radius: 50px;
	padding: 5px 15px;
	margin: auto;
	align-self: right;
	background-color: transparent;
	transition: transform 0.7s ease;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.container-btn-atacand button a {
	color: #831542;
	text-decoration: none !important;
	font-family: 'Helvetica';
}

.container-btn-atacand button:hover {
	transform: scale(1.1);
}

@media(max-width: 600px) {
	.container-atacand {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 2em;
	}
}

.container-atacand {
	background-color: white;
}

.loguito-onglyza {
	max-width: 200px;
}

.loguito {
	max-width: 250px;
}

.img-medicamento {
	max-width: 400px;
	margin: auto;
}

.col-destinado-inside .column-1 {
	margin-top: 0px !important;
}

.col-destinado-inside .column-2 {
	margin-top: 0px !important;
}

.card-semitransparente {
	border-radius: 16px;
	padding: 18px;
	background: rgba(255, 255, 255, 0.18);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(8.7px);
	-webkit-backdrop-filter: blur(8.7px);
	min-height: 166px;
}

.text-naranja {
	color: #E9500E !important;
}

.container-dispo button {
	background-color: transparent;
	border: none;
	/*border-bottom: 2px solid #E9500E;*/
}

/* .container-dispo .accordion .justify-content-between {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
}

.container-dispo .accordion .justify-content-center {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 16px;
}

.accordion {
  font-family: "DM Sans", sans-serif;
  background-color: white;
  background: transparent;
  border: 0;
  color: inherit;
  font-family: 'Helvetica';
  font-size: 18px;
  text-align: left;
  height: auto;
  border-radius: 10px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  width: 100%;
} 

.panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background: transparent;
  border: 0;
  color: inherit;
  font-family: 'Helvetica';
  font-size: 18px;
  margin: 1em;
}
*/

div#legales {
	padding: 3rem 0;
	background-color: var(--light-gray);
}

div#legales h4,
div#legales .accordion-container .az-panel-heading a {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 20px;
	font-weight: 700;
	font-style: normal;
}

div#legales .panel-group .panel {
	background-color: var(--light-gray);
}

div#legales .accordion-inner-container .panel-group {
	border: none !important;
}

div#legales .accordion-container .panel-default {
	border: 0 none;
	border-bottom: none;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
}

div#legales .accordion-container[data-enable-custom-icon="true"] {
	width: 100%;
}

.panel {
	box-shadow: none;
}

.qr-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 15px;
}

@media screen and (min-width: 400px) {
	.qr-container {
		flex-direction: row;
	}
}


/*ENERTHU*/


.open-sans {
	font-family: "Open Sans", sans-serif;
}

.text-orange {
	color: #EA721F;
}

.bg-orange {
	background-color: #EA721F;
}

.bg-green {
	background-color: var(--green) !important;
}

.text-lightorange {
	color: #EBD3C2;
}

.bg-purple {
	background-color: var(--purple);
}

.bg-lightorange {
	background-color: #EBD3C2;
}

.bg-blue {
	background-color: #260859;
}

.bg-lightgrey {
	background-color: #F9F9F9;
}

.d-flex {
	display: flex;
}

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

.justify-center {
	display: flex;
	justify-content: center;
}

.align-center {
	align-items: center;
}

.justify-between {
	display: flex;
	justify-content: space-between;
}

.nav-enerthu {
	width: 100%;
	display: flex;
	align-items: center;
}

.nav-enerthu>.nav-header-enerthu {
	flex: 0.95;
	padding-left: 1rem;
}

.nav-enerthu>.nav-header-enerthu>.nav-title-enerthu {
	font-size: 22px;
	color: #000;
}

.nav-enerthu>.nav-list-enerthu {
	display: flex;
	gap: 2rem;
}

.nav-enerthu>.nav-list-enerthu>li {
	list-style-type: none;
}

.nav-enerthu>.nav-list-enerthu>li a {
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

.nav-enerthu>#nav-check-enerthu {
	display: none;
}

@media (max-width: 768px) {
	.nav-enerthu {
		padding: 1rem;
	}

	.nav-enerthu>.nav-btn-enerthu {
		display: inline-block;
		position: absolute;
		right: 0;
		top: 0;
		padding-top: 0.2rem;
	}

	.nav-enerthu>.nav-btn-enerthu>label {
		display: inline-block;
		width: 50px;
		height: 50px;
		padding: 13px;
	}

	.nav-enerthu>.nav-btn-enerthu>label>span {
		display: block;
		width: 25px;
		height: 10px;
		border-top: 2px solid #000;
	}

	.nav-enerthu>.nav-list-enerthu {
		position: absolute;
		display: flex;
		flex-direction: column;
		gap: 1rem;
		width: 100%;
		background-color: #fff;
		height: 0;
		transition: all 0.3s ease-in;
		top: 90px;
		left: 0;
		overflow: hidden;
	}

	.nav-enerthu>.nav-list-enerthu>li {
		width: 100%;
		margin-top: 1.5rem;
	}

	.nav-enerthu>#nav-check-enerthu:checked~.nav-list-enerthu {
		height: calc(100vh - 50px);
	}

	.dropdown-enerthu {
		width: 100%;
	}

	.dropbtn-enerthu {
		padding-left: 0px;
	}

	.dropdown-content-enerthu {
		margin-left: 0px;
	}
}

.dropdown-enerthu {
	float: left;
	overflow: hidden;
}

.dropdown-enerthu .dropbtn-enerthu {
	font-size: 16px;
	border: none;
	outline: none;
	color: #000;
	padding: 14px 16px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
}

.navbar-enerthu a:hover,
.dropdown-enerthu:hover .dropbtn-enerthu {
	background-color: white;
}

.dropdown-content-enerthu {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-content-enerthu a {
	font-family: 'Lato', sans-serif !important;
	float: none;
	color: white;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.dropdown-content-enerthu a:hover {
	background-color: #ddd;
}

.dropdown-enerthu:hover .dropdown-content-enerthu {
	display: block;
}

.nav-list-enerthu {
	display: flex;
	align-items: center;
}

.dropdown-content-enerthu {
	margin-left: 15px;
}

.nav-title-enerthu img {
	width: 100%;
	max-width: 160px;
}

/*fin nav*/

.blue-cont {
	display: flex;
	justify-content: space-between !important;
	align-items: center;
	align-content: center;
	padding: 20px;
}

.container-enerthu {
	max-width: 1170px;
	margin: auto;
}

.blue-cont img {
	object-fit: contain;
	padding: 20px;
}

#banner-paradigmas {
	padding-top: 0px;
	position: relative;
	z-index: 1;
}

.dropdown-content-enerthu {
	z-index: 999 !important;
}

.section-medicamento {
	background-color: #EBEBEB;
}

#banner-paradigmas {
	padding-bottom: 0px !important;
}

.section-medicamento {
	height: 400px;
}

.extrabold {
	font-weight: 800;
}

.mb-0 {
	margin-bottom: 0px;
}

.mt-1 {
	margin-top: 5px;
}

.mt-2 {
	margin-top: 40px;
}

.mt-4 {
	margin-top: 40px;
}

.enerthu {
	max-width: 300px;
	margin: auto;
}

.novel {
	max-width: 100px;
	padding: 1em 0px;
}

.bg-cuadricula {
	background-image: url('/content/dam/multibrand/ar/es/oncologia-nuevositio/enerthu/cuadricula.png');
	padding: 2em;
}

.bg-whiteglass {
	background: rgba(255, 255, 255, 0.44);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	padding: 1em;
	border-left: 4px solid orange;
}

.bg-whiteglass::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-168%);
	width: 30%;
	border-bottom: 4px solid orange;
}

.line-orange {
	border-left: 4px solid orange;
}

.line-orange::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-168%);
	width: 30%;
	border-bottom: 4px solid orange;
}

#section-med {
	min-height: 500px;
}

.cols-medicacion {
	background-color: white;
	padding: 1em;
	border-radius: 20px;
	margin-top: -280px;
}

.section-medicamentobis .btn,
.container-enerthu .btn {
	padding: 1em;
	border-radius: 5px;
}

.section-medicamentobis .btn a,
.container-enerthu .btn a {
	text-decoration: none !important;
	font-family: "Open Sans", sans-serif !important;
	font-style: normal;
	font-weight: bold;
}

.pb-1 {
	padding-bottom: 10px;
}

.py-2em {
	padding: 2em 30px;
}

.py-1em {
	padding: 1em 30px;
}

.py-4em {
	padding: 4em 30px;
}

.pt-4em {
	padding-top: 4em;
}

.bg-glass {
	background: rgba(255, 255, 255, 0.44);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	padding: 1em;
	border-radius: 5px;
}

#bg-anticuerpos {
	background-image: url('/content/dam/multibrand/ar/es/oncologia-nuevositio/enerthu/banne2.webp');
	background-position: center left;
	background-origin: border-box;
	background-size: cover;
	height: 400px;
}

.pb-1em {
	padding-bottom: 1em;
}

.pb-4 {
	padding-bottom: 40px;
}

.bg-grey {
	background-color: #EBEBEB;
}

.box-white {
	background-color: white;
	padding: 2em;
	border-radius: 20px;
}

.px-30 {
	padding: 0px 30px;
}

@media(min-width: 767px) {
	.box-white {
		background-color: white;
		padding: 3em 6em;
		border-radius: 20px;
	}

	.image-necesidad,
	.box-text {
		padding-right: 50px;
	}
}

@media(max-width: 767px) {
	#bg-anticuerpos {
		background-image: url(/content/dam/multibrand/ar/es/oncologia-nuevositio/enerthu/cuadricula-mobile.png) !important;
	}
}

.pb-2 {
	padding-bottom: 20px;
}

.silueta {
	max-width: 100px;
	padding-bottom: 20px;
}

.line-left {
	position: relative;
	padding-left: 15px;
}

.line-left::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	bottom: 00px;
	width: 5px;
	background-color: #EA721F;
}

.line-left2 {
	position: relative;
}

.line-left2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0px;
	bottom: 0px;
	width: 2px;
	background-color: orange;
}

#bg-top-right {
	background-image: url('/content/dam/multibrand/ar/es/oncologia-nuevositio/enerthu/pusshing-the-paradigms-tail.png');
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
}

.mw-8 {
	max-width: 800px;
}

.mw-6 {
	max-width: 600px;
}

.text-grey {
	color: #5B6670;
}

.font-12 {
	font-size: 12px;
	line-height: 14px;
}

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

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

.font-20 {
	font-size: 20px !important;
}

@keyframes show {
	from {
		opacity: 0;
		scale: 25%;
	}

	to {
		opacity: 1;
		scale: 100%;
	}
}

.animation {
	view-timeline-name: --image;
	view-timeline-axis: block;
	animation-timeline: --image;
	animation-name: show;
	animation-range: entry 25% cover 30%;
	animation-fill-mode: both;
}

.cols-orange {
	max-width: 1000px;
}

@media (min-width: 768px) {
	.cols-orange {
		max-width: 800px;
	}
}

.cols-orange .box-orange {
	padding: 3em;
}

.line-blue {
	position: relative;
	display: inline-block;
}

.line-blue::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #260859;
}

.box-orange h5 {
	padding-bottom: 10px;
}

.box-orange .d-flex {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.white-btn a {
	background-color: white;
	padding: 3px 30px 5px 30px;
	border-radius: 20px;
	border: 2px solid #260859;
}

.white-btn img {
	max-width: 15px;
	margin: auto !important;
}

.white-btn {
	margin-top: 1em;
}

.white-btn img {
	max-width: 15px;
	margin: auto !important;
	transition: transform 0.3s ease-in-out;
}

.white-btn a:hover img {
	transform: translateX(10px);
}

.container-enerthu .btn,
.section-medicamentobis .btn {
	transition: all 0.3s ease-in-out;
}

.container-enerthu .btn:hover,
.section-medicamentobis .btn:hover {
	transform: translateY(-5px);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.container-enerthu .btn a:hover,
.section-medicamentobis .btn a:hover {
	color: white;
}

.img-qr {
	max-width: 100px;
	padding-bottom: 20px;
}


/*----------------------------------navbar Lokelma  nuevo---------------------------------*/
.d-none {
	display: none;
}

.no-scroll {
	overflow: hidden;
}

.nav-btn {
	margin-top: 10px;
}

#nav {
	padding: 0px !important;
	margin-top: 0px !important;
	background: var(--green);
	z-index: 999;
}

#nav img {
	width: 150px !important;

}

.nav-lokelma {
	width: 100%;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0 1rem 0;
}

.nav-lokelma>.nav-header>.nav-title {
	font-size: 22px;
}

.nav-lokelma>.nav-header>.nav-title img {
	width: 170px;
}

.nav-lokelma>.nav-list-lokelma {
	margin-top: 0 !important;
	display: flex;
	gap: 4rem;
	font-size: small;
}

.nav-lokelma>.nav-list-lokelma>li {
	list-style-type: none;
}

.nav-lokelma>.nav-list-lokelma>li a {
	text-decoration: none;
	cursor: pointer;
	transition: all 200ms;
	color: white;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: 400;
	font-size: 20px;
}

.tabs-estudios .tab-list-element>a>span,
.container-cards-2 h3 {
	font-family: Arial, Helvetica, sans-serif !important;
}

.nav-lokelma>#nav-check {
	display: none;
}

.nav-list-lokelma a:hover {
	color: var(--lightgreen) !important;
}


.nav-item-selected:hover .subnav,
.nav-item-selected:focus-within .subnav {
	display: block !Important;
}

.nav-item-selected li:last-child {
	border: none !important;
}

.nav-item-selected>a {
	position: relative;
	display: inline-block;
	padding-right: 25px;
}

.nav-item-selected::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 4px);
	width: 50%;
	height: 2px;
	background-color: white;
	pointer-events: none;
	cursor: default;
}

/*---------------------CUSTOM-ACCORDION---------------------------------*/
div#legales h4,
div#legales .accordion-container .az-panel-heading a {
  display: flex;
  align-items: center;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
}
.accordion-group span.fa.pull-right {
  background-image: url(/content/dam/multibrand/ar/es/lokelma/icon-down.png);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 10px !important;
  transform: rotate(180deg);
}
.accordion-group span.fa.pull-right.fa-plus {
  transform: rotate(0deg);
  transition: .25s all ease-in-out;
}
.accordion-group span.fa.pull-right.fa-minus {
  transform: rotate(180deg);
  transition: .25s all ease-in-out;
}
.fa-minus:before ,
.fa-plus:before {
  content: "";
}
.accordion-container[data-enable-custom-icon="true"] .collapse-panel-heading .fa {
  margin: 0;
}
/*----------------------------------------------------------------------*/

/*--------------------------------mobile--------------------------------*/
@media(min-width:768px) {
	.nav-lokelma>.nav-header>.nav-title {
		display: none;
	}
}

@media (max-width: 768px) {
	.nav-lokelma {
		/*margin-top: 0px;
        position: fixed;
        top: 50px;
    */
		margin-top: 0px;
		margin-bottom: 30px;
		padding: 1rem 3rem;
		position: absolute;
		top: -40px;

		box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);
		padding: 1rem 3rem;
		left: 0;
		z-index: 100;
		width: 100%;
		background-color: var(--green);
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.logo-hero-breztri {
		margin-top: 50px
	}

	.nav-lokelma img {
		max-width: 120px !important;
	}

	.nav-lokelma>.nav-btn {
		display: inline-block;
		padding-top: 0.2rem;
		z-index: 999;
	}

	.nav-lokelma>.nav-btn>label {
		display: flex;
	}

	.hamburguesa {
		color: white;
		font-size: 20px;
	}

	.hamburguesa {
		height: 37px;
		width: 38px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 100;
	}

	.nav-lokelma>.nav-btn>label>div:last-of-type {
		margin-bottom: 0px;
	}

	.nav-lokelma>.nav-list-lokelma {
		position: absolute;
		display: flex;
		flex-direction: column;
		gap: 3rem;
		height: 100%;
		width: 0;
		max-width: 250px;
		height: fit-content;
		transition: all 0.5s ease-in-out;
		top: 0px;
		right: 0;
		overflow: hidden;
		opacity: 0;
	}

	.nav-lokelma>.nav-list-lokelma>li {
		width: 100%;
		margin-top: 1.5rem;
	}

	.nav-lokelma>#nav-check:checked~.nav-list-lokelma {
		opacity: 1;
		width: 100%;
		padding-bottom: 35px;
		padding-top: 35px;
		background-color: var(--green);
		border-radius: 20px 0px 0px 20px;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	}

	.nav-item-selected,
	.nav-list-lokelma .text-amarillo {
		position: relative;
		left: -12px;
	}

	.nav-lokelma>#nav-check:not(:checked)~.nav-list-lokelma {
		display: none;
	}

}

/**/
@media (min-width:768px) {
	.hamburguesa {
		display: none;
	}

	.nav-title {
		padding-top: 13px;
	}
}

/**/

/**/
@media (max-width: 480px) {
	.nav-lokelma {
		padding: 0rem 1rem;
	}

	.text-center-mob {
		text-align: center;
	}
}

/**/
.sans {
	font-family: sans-serif;
}

.semibold {
	font-weight: 600 !important;
}

.open-sans-medium {
	font-weight: 500 !important;
}

.subrayado-oscuro {
	border-color: var(--color-efecto-2);
	padding-bottom: 2rem;
}

.bg-footer-nuevo {
	background-color: #EBEBEB;
	padding-top: 4rem;
	margin-bottom: -30px;
}

.img-qr {
	max-width: 70px;
}

.btn-hiperkalemia {
	color: var(--nav-green) !important;
}

@media(min-width:768px) {
	.btn-hiperkalemia {
		border-radius: 32px;
		border: solid 2px var(--nav-green);
		padding: 10px 20px;
	}
}

h2.titulo {
	font-size: 32px;
	padding-bottom: 4rem;
}

.text-center {
	text-align: center;
}

h4.h4-verde {
	font-size: 30px;
}

.ref-titulo {
	display: flex;
	justify-content: flex-start;
	gap: 1rem;
}

.flecha.inverted img {
	transform: rotate(180deg);
}

.texto-adm-posologia {
	padding-top: 40px;
	font-size: 20px;
	line-height: 1.2;
}

.p2-0 {
	padding: 20px 0 !important;
}

.columna-no-dializados .row {
	display: flex;
	align-items: center
}

@media (max-width:768px) {
	.columna-no-dializados .row {
		flex-direction: column;

	}
}

.line-1 {
	line-height: 1;
}

.line-11 {
	line-height: 1.1;
}

.line-12 {
	line-height: 1.2;
}


/*modales para imagenes*/
.popup-overlay {
	display: none;
	/* Oculto por defecto */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 999;
	justify-content: center;
	align-items: center;
}

.popup-content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	margin: 0 2rem;
	border-radius: 10px;
	padding: 1rem !important;
	/*padding para que tenga un fondo la imagen y que no quede "al raz"*/
	background-color: white;
}

body,
html {
	z-index: auto;
}

.popup-content img {
	max-width: 100%;
	max-height: 100%;
	z-index: 999;
}

.close-btn {
	position: absolute;
	top: -40px;
	right: 0px;
	font-size: 30px;
	color: white;
	cursor: pointer;
	background: transparent;
	border: none;
	z-index: 999;
}


.sec-dis-img-1 {
	line-height: 1.4 !important;
	padding: 6rem 0;

}

@media (max-width: 767px) {
	.sec-dis-img-1 {
		padding: 2rem 0 3rem;
	}

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

.btn-descargar-img {
	border-radius: 32px;
	border: none;
	padding: 1rem 3rem;
	font-size: 20px;
	margin-bottom: 1rem;
}

@media (min-width: 768px) {
	.btn-descargar-img {
		display: none;
	}

}