:root {
	/* guinda */
	--swas-primary: #0b3aa3;
	--swas-secondary: #e72f34;
	--swas-text-nav: #fff;
	--swas-bg-footer: #f7f7f7;

	--grosor-marco: 4px;
	--radio-marco: 60px;

	/* Separación con el nav mediante una funcion para establecer minimo y maximo*/
	/*	--gap-top: clamp(5px, 150px, 190px);*/
}

#btn-back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: var(--swas-primary);
}

/* 🔽 BANNER 🔽 */
#carouselExampleCrossfade,
#carouselExampleCrossfade .carousel-item {
	height: 75vh;
}

.object-cover {
	object-fit: cover;
}

/* Asegura que controles/indicadores queden por encima de la máscara */
#carouselExampleCrossfade .carousel-control-prev,
#carouselExampleCrossfade .carousel-control-next,
#carouselExampleCrossfade .carousel-indicators {
	z-index: 2;
}

.carousel-item {
	position: relative;
}

/* Evita que el contenido ancho genere scroll horizontal */
.section-container {
	overflow-x: clip;
}

/* Asegura que la imagen no empuje el ancho y se recorte bien con zoom */
.img-mockups {
	max-width: 100%;
	height: auto;
	display: block;
	margin-inline: auto;
	transform-origin: center;
}

.section-container {
	padding: 3rem 0 4rem 0;
}

/* 🔼 BANNER 🔼*/



/* 🔽 INICIO BORDE + CONTENIDO CON DEGRADADO 🔽*/
.marco {
	width: 100%;
	box-sizing: border-box;
	padding: var(--grosor-marco);
	border-radius: var(--radio-marco);
	background: conic-gradient(from 270deg,
			rgb(1, 31, 127) 0%,
			rgb(21, 173, 249) 25%,
			rgb(163, 230, 53) 50%,
			rgb(21, 173, 249) 75%,
			rgb(1, 31, 127) 100%);
}

/* Imagen responsive que no “empuja” demasiado el alto */
.banner-img {
	width: 100%;
	height: auto;
	object-fit: contain;
	object-position: center;
	max-height: clamp(550px, 40vh, 420px);
}

/* Contenedor interno que ocupa TODO el alto y respeta el radio */
.contenido {
	background: #fff;
	border-radius: calc(var(--radio-marco) - max(2px, var(--grosor-marco)));
	padding-top: clamp(16px, 4vw, 48px);
	padding-right: clamp(16px, 4vw, 48px);
	padding-left: clamp(16px, 4vw, 48px);
}

/* 🔼 FIN BORDE CON DEGRADADO 🔼*/

/* 🔽 INICIO NABVAR 🔽*/
.navbar.fixed-top {
	top: 0;
}

.section-after-hero {
	margin-top: -1px;
}

.navbar {
	background: linear-gradient(45deg,
			rgb(1, 31, 127),
			rgb(21, 173, 249),
			rgb(163, 230, 53) 100%);
}

.navbar .navbar-brand,
.navbar .nav-link,
.navbar .fa-bars {
	color: var(--swas-text-nav);
}

.navbar-scroll,
.navbar-scrolled {
	color: var(--swas-text-nav);
}

.navbar-scroll .navbar-brand,
.navbar-scroll .nav-link,
.navbar-scroll .fa-bars,
.navbar-scrolled .navbar-brand,
.navbar-scrolled .nav-link,
.navbar-scrolled .fa-bars {
	color: var(--swas-text-nav);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	filter: invert(50%);
}

/* 🔼 FIN NABVAR 🔼*/

/* 🔽 SECCION PROPOSITO 🔽 */
.proposito {
	max-width: 700px;
	margin: 0 auto;
	padding: 1rem;
}

/* 🔼 SECCION PROPOSITO 🔼*/

/*🔽 INICIO DE COMPONENTES CON GRADIENTE 🔽 */
.txt-gradient {
	display: inline-block;
	/* para que el fondo siga al texto */
	background: linear-gradient(90deg,
			#0b3aa3 0%,
			#1f6fe0 30%,
			#19b1ff 55%,
			#35d0c2 75%,
			#7ad85f 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	/* muestra el gradiente “dentro” del texto */
	-webkit-text-fill-color: transparent;
}

.btn-gradient {
	background: linear-gradient(90deg,
			#0b3aa3 0%,
			#1f6fe0 30%,
			#19b1ff 55%,
			#35d0c2 75%,
			#7ad85f 100%);
	color: #fff;
	/* texto blanco */
	border: none;
	padding: 0.75rem 1.5rem;
	/*border-radius: 8px;*/
	font-weight: 600;
	transition: opacity 0.3s ease;
}

.btn-gradient:hover {
	opacity: 0.9;
}

.btn-gradient:active {
	opacity: 0.8;
}

/* 🔼 FIN DE COMPONENTES CON GRADIENTE 🔼 */

/* 🔽 TXT CON SOMBRA 🔽 */
.text-shadow {
	text-shadow:
		2px 2px 4px rgba(0, 0, 0, 0.6);
}

/* 🔼 TXT CON SOMBRA 🔼 */

/* 🔽 AJUSTES GENERALES DE RESPONSIVIDAD 🔽 */
@media (max-width: 549px) {

	/* Máscara por encima de las imágenes y por debajo de controles/indicadores */
	.mask-carousel-1 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .7), rgb(21, 173, 249, .4), rgba(163, 230, 53, .2) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.mask-carousel-2 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .4), rgb(21, 173, 249, .5), rgba(163, 230, 53, .3) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.mask-carousel-3 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .3), rgb(21, 173, 249, .4), rgba(163, 230, 53, .5) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.mask-carousel-4 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .4), rgb(21, 173, 249, .5), rgba(163, 230, 53, .3) 100%);
		z-index: 1;
		pointer-events: none;
	}

	/* Texto sobre la imagen y sobre la máscara */
	.cont-txt-carousel-1 {
		position: absolute;
		top: 75%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: center;
		padding: 0.3rem 0.3rem;
	}

	.cont-txt-carousel-2 {
		position: absolute;
		top: 75%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: center;
		padding: 0.3rem 0.3rem;
	}

	.cont-txt-carousel-3 {
		position: absolute;
		top: 75%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: center;
		padding: 0.3rem 0.3rem;
	}

	.cont-txt-carousel-4 {
		position: absolute;
		top: 75%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: center;
		padding: 0.3rem 0.3rem;
	}

	.txt1-banner {
		font-size: 28pt;
		text-align: center;
		margin: 10px 0 30px;
	}

	.txt2-banner {
		font-size: 12pt;
		text-align: center;
		margin-bottom: 1rem;
	}

	.banner {
		margin-top: 160px;
		margin-bottom: 100px;
		/*		background-color: rgb(255, 0, 0);
*/
	}


	.txt2-proposito {
		font-size: 12pt;
		text-align: center;
	}


	.txt-cab-sections {
		font-size: 25pt;
		text-align: center;
		margin: 10px 0 30px;
		line-height: 1.2;
	}

	.txt-desc {
		font-size: 16pt;
		margin-bottom: 2rem;
	}

	.banner-img {
		max-height: 280px;
	}

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

	.texto-contacto {
		font-size: 13pt;
	}

	.contacto-img {
		display: none;
	}

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

	.contenedor-contacto {
		padding: 1rem;
	}

	.img-caract3 {
		display: block;
	}

	.img-caract2 {
		display: none;
	}

	.img-caract1 {
		display: none;
	}

	.img-perf {
		width: 15px;
	}
}

@media (min-width: 550px) and (max-width: 767px) {

	/* Máscara por encima de las imágenes y por debajo de controles/indicadores */
	.mask-carousel-1 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .6), rgb(21, 173, 249, .5), rgba(163, 230, 53, .2) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.mask-carousel-2 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .5), rgb(21, 173, 249, .5), rgba(163, 230, 53, .3) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.mask-carousel-3 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .4), rgb(21, 173, 249, .4), rgba(163, 230, 53, .3) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.mask-carousel-4 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .5), rgb(21, 173, 249, .6), rgba(163, 230, 53, .3) 100%);
		z-index: 1;
		pointer-events: none;
	}

	/* Texto sobre la imagen y sobre la máscara */
	.cont-txt-carousel-1 {
		position: absolute;
		top: 75%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: center;
		padding: 1rem 2rem;
	}

	.cont-txt-carousel-2 {
		position: absolute;
		top: 75%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: center;
		padding: 1rem 2rem;
	}

	.cont-txt-carousel-3 {
		position: absolute;
		top: 75%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: center;
		padding: 1rem 2rem;
	}

	.cont-txt-carousel-4 {
		position: absolute;
		top: 75%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: center;
		padding: 1rem 2rem;
	}

	.txt1-banner {
		font-size: 32pt;
		text-align: center;
		margin: 10px 0 25px;
	}

	.txt2-banner {
		font-size: 12pt;
		text-align: center;
		margin-bottom: 1rem;
	}

	.banner {
		margin-top: 160px;
		margin-bottom: 100px;
		background-color: rgb(255, 255, 255);
	}

	.txt2-proposito {
		font-size: 12pt;
		text-align: center;
	}

	.txt-desc {
		font-size: 18pt;
		margin-bottom: 2rem;
	}

	.txt-cab-sections {
		font-size: 25pt;
		line-height: 1.2;
	}

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

	.texto-contacto {
		font-size: 14pt;
	}

	.img-caract3 {
		display: block;
	}

	.img-caract2 {
		display: none;
	}

	.img-caract1 {
		display: none;
	}

}

@media (min-width: 768px) and (max-width: 991px) {

	/* Máscara por encima de las imágenes y por debajo de controles/indicadores */
	.mask-carousel-1 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .7), rgb(21, 173, 249, .4), rgba(163, 230, 53, .2) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.mask-carousel-2 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .4), rgb(21, 173, 249, .5), rgba(163, 230, 53, .3) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.mask-carousel-3 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .3), rgb(21, 173, 249, .4), rgba(163, 230, 53, .5) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.mask-carousel-4 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .4), rgb(21, 173, 249, .5), rgba(163, 230, 53, .3) 100%);
		z-index: 1;
		pointer-events: none;
	}

	/* Texto sobre la imagen y sobre la máscara */
	.cont-txt-carousel-1 {
		position: absolute;
		top: 50%;
		left: 40%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: start;
		padding: 1rem 2rem;
	}

	.cont-txt-carousel-2 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: center;
		padding: 1rem 2rem;
	}

	.cont-txt-carousel-3 {
		position: absolute;
		top: 50%;
		left: 70%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: end;
		padding: 1rem 2rem;
	}

	.cont-txt-carousel-4 {
		position: absolute;
		top: 75%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: center;
		padding: 1rem 2rem;
	}


	.txt1-banner {
		font-size: 35pt;
		text-align: center;
		margin: 10px 0 25px;
	}

	.txt2-banner {
		font-size: 13pt;
		text-align: center;
		margin-bottom: 1rem;
	}

	.banner {
		margin-top: 130px;
		margin-bottom: 80px;
		background-color: rgb(255, 255, 255);
	}

	.txt2-proposito {
		font-size: 13pt;
		text-align: center;
	}

	.txt-desc {
		font-size: 19pt;
		margin-bottom: 2rem;
	}

	.txt-cab-sections {
		font-size: 31pt;
		line-height: 1.2;
	}

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

	.texto-contacto {
		font-size: 16pt;
	}

	.img-caract3 {
		display: none;
	}

	.img-caract2 {
		display: block;
	}

	.img-caract1 {
		display: none;
	}

}

@media (min-width: 992px) and (max-width: 1199px) {


	/* Máscara por encima de las imágenes y por debajo de controles/indicadores */
	.mask-carousel-1 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .7), rgb(21, 173, 249, .4), rgba(163, 230, 53, .2) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.mask-carousel-2 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .4), rgb(21, 173, 249, .5), rgba(163, 230, 53, .3) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.mask-carousel-3 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .3), rgb(21, 173, 249, .4), rgba(163, 230, 53, .5) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.mask-carousel-4 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .4), rgb(21, 173, 249, .5), rgba(163, 230, 53, .3) 100%);
		z-index: 1;
		pointer-events: none;
	}

	/* Texto sobre la imagen y sobre la máscara */
	.cont-txt-carousel-1 {
		position: absolute;
		top: 50%;
		left: 30%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: start;
		padding: 1rem 2rem;
	}

	.cont-txt-carousel-2 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: center;
		padding: 1rem 2rem;
	}

	.cont-txt-carousel-3 {
		position: absolute;
		top: 50%;
		left: 70%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: end;
		padding: 1rem 2rem;
	}

	.cont-txt-carousel-4 {
		position: absolute;
		top: 75%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: center;
		padding: 1rem 2rem;
	}

	.txt-bn-title {
		font-size: 35pt;
	}

	.txt-bn-subtext {
		font-size: 15pt;
	}

	.txt1-banner {
		font-size: 34pt;
		margin: 10px 0 10px;
	}

	.txt2-banner {
		font-size: 14pt;
		margin-bottom: 1.5rem;
	}

	.banner {
		margin-top: 160px;
		margin-bottom: 110px;
		background-color: rgb(255, 255, 255);
	}

	.txt-desc {
		font-size: 21pt;
		margin-bottom: 2rem;
	}

	.txt2-proposito {
		font-size: 15pt;
	}

	.ft-redes {
		text-align: end;
	}

	.txt-cab-sections {
		font-size: 35pt;
		line-height: 1.2;
	}

	.texto-contacto {
		font-size: 15.5pt;
	}

	.img-caract3 {
		display: none;
	}

	.img-caract2 {
		display: block;
	}

	.img-caract1 {
		display: none;
	}

}

@media (min-width: 1200px) {

	/* Máscara por encima de las imágenes y por debajo de controles/indicadores */
	.mask-carousel-1 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .7), rgb(21, 173, 249, .4), rgba(163, 230, 53, .2) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.mask-carousel-2 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .4), rgb(21, 173, 249, .6), rgba(163, 230, 53, .3) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.mask-carousel-3 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .4), rgb(21, 173, 249, .4), rgba(163, 230, 53, .5) 100%);
		z-index: 1;
		pointer-events: none;
	}

	.mask-carousel-4 {
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgb(1, 31, 127, .4), rgb(21, 173, 249, .5), rgba(163, 230, 53, .3) 100%);
		z-index: 1;
		pointer-events: none;
	}

	/* Texto sobre la imagen y sobre la máscara */
	.cont-txt-carousel-1 {
		position: absolute;
		top: 50%;
		left: 23%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: start;
		padding: 1rem 2rem;
	}

	.cont-txt-carousel-2 {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: center;
		padding: 1rem 2rem;
	}

	.cont-txt-carousel-3 {
		position: absolute;
		top: 50%;
		left: 70%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: end;
		padding: 1rem 2rem;
	}

	.cont-txt-carousel-4 {
		position: absolute;
		top: 75%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		color: #fff;
		text-align: center;
		padding: 1rem 2rem;
	}

	.txt-bn-title {
		font-size: 35pt;
	}

	.txt-bn-subtext {
		font-size: 15pt;
	}

	.img-mockups {
		width: 800px;
	}

	.txt1-banner {
		font-size: 38pt;
		color: #000;
	}

	.txt2-banner {
		font-size: 15.5pt;
	}

	.banner {
		margin-top: 160px;
		margin-bottom: 100px;
		background-color: rgb(255, 255, 255);
	}

	.txt2-proposito {
		font-size: 16pt;
	}

	.txt-desc {
		font-size: 21pt;
		margin-bottom: 2rem;
	}

	.txt1-perfiles {
		font-size: 35pt;
	}

	.txt-cab-sections {
		font-size: 38pt;
		line-height: 1.2;
	}

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

	.texto-contacto {
		font-size: 17pt;
	}

	.img-caract3 {
		display: none;
	}

	.img-caract2 {
		display: none;
	}

	.img-caract1 {
		display: block;
	}
}

/* 🔼  AJUSTES GENERALES DE RESPONSIVIDAD 🔼  */

/* 🔽 SECCIÓN DE MODULOS 🔽*/
.custom-btn {
	width: 50%;
	transition: all 0.3s ease;
}

.custom-btn:hover {
	background-color: rgb(255, 255, 255, .7);
	/* blanco clarito */
	color: rgb(73, 73, 73);
	/* texto oscuro para contraste */
	border-color: #f8f9fa;
	/* borde se vuelve blanco */
}

.custom-rounded {
	border-radius: 45px;
	/* prueba con 20px, 30px, 50%, etc */
}

/* 🔼  SECCIÓN DE MODULOS 🔼 */

/* 🔽 SECCION PERFILES 🔽 */
.img-perfiles-hover {
	position: relative;
	display: inline-block;
}

.img-perfiles-hover img {
	display: block;
	width: 100%;
	transition: opacity 0.4s ease;
}

.img-hovered {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	/* oculta la segunda imagen */
}

.img-perfiles-hover:hover .img-hovered {
	opacity: 1;
	/* aparece al hacer hover */
}

.img-perfiles-hover:hover .img-main {
	opacity: 0;
	/* oculta la primera */
}

/* 🔼 SECCION PERFILES 🔼 */

/* 🔽 SECCION DE CONTACTO 🔽  */
.marco-contacto {
	width: 100%;
	height: 350px;
	box-sizing: border-box;
	padding: var(--grosor-marco);
	border-radius: var(--radio-marco);
	background: conic-gradient(from 270deg,
			rgb(1, 31, 127) 0%,
			rgb(21, 173, 249) 25%,
			rgb(163, 230, 53) 50%,
			rgb(21, 173, 249) 75%,
			rgb(1, 31, 127) 100%);
	overflow: visible;
	/* 👈 permite que la imagen sobresalga */
}

.contenido-contacto {
	position: relative;
	/* 👈 referencia para .contacto-figure */
	background: #fff;
	border-radius: calc(var(--radio-marco) - max(2px, var(--grosor-marco)));
	padding: clamp(16px, 4vw, 48px);
	height: 342px;
}

.contenedor-contacto {
	max-width: 680px;
}

/* Figura que sobresale por derecha/abajo */
.contacto-figure {
	margin: 0;
	position: absolute;
	right: -10px;
	/* 👈 ajusta cuánto se sale */
	bottom: 0px;
	/* 👈 ajusta cuánto baja */
	z-index: 2;
}

.contacto-img {
	width: clamp(220px, 28vw, 420px);
	height: auto;
	filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .15));
	pointer-events: none;
}

/* Responsivo: en pantallas < md, que no sobresalga */
@media (max-width: 991.98px) {
	.contacto-figure {
		position: static;
		display: flex;
		justify-content: center;
		margin-top: 16px;
	}

	.contacto-img {
		width: min(74vw, 420px);
	}
}

/* 🔼 SECCION DE CONTACTO 🔼*/




/* 🔽 SECCION PREGUNTAS FRECUENTES  🔽*/
/* Estado normal */
.accordion-button {
	color: #4f4f4f;
	font-weight: 500;
	transition: color 0.3s ease;
}

/* Estado activo */
.accordion-button:not(.collapsed) {
	color: #0b3aa3;
	font-weight: 700;
	/*	background-color: #f5f7ff; */
	box-shadow: none;
}

/* Icono normal */
.accordion-button::after {
	transition: filter 0.3s ease;
}

/* Icono cuando está activo */
.accordion-button:not(.collapsed)::after {
	filter: hue-rotate(180deg) saturate(200%) brightness(0.8);
}

/* 🔼 SECCION PREGUNTAS FRECUENTES 🔼 */


/* 🔽 INICIO DE FOOTER 🔽*/
.st-footer {
	background-color: var(--swas-bg-footer);
	color: rgb(0, 0, 0);
}

/* 🔼 FIN DE FOOTER 🔼*/