@charset "UTF-8";
* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: "Space Grotesk";
	src: url("../fonts/SpaceGrotesk-Bold.woff2") format("woff2"), url("../fonts/SpaceGrotesk-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Space Grotesk";
	src: url("../fonts/SpaceGrotesk-Light.woff2") format("woff2"), url("../fonts/SpaceGrotesk-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Space Grotesk";
	src: url("../fonts/SpaceGrotesk-Medium.woff2") format("woff2"), url("../fonts/SpaceGrotesk-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Space Grotesk";
	src: url("../fonts/SpaceGrotesk-Regular.woff2") format("woff2"), url("../fonts/SpaceGrotesk-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Space Grotesk";
	src: url("../fonts/SpaceGrotesk-SemiBold.woff2") format("woff2"), url("../fonts/SpaceGrotesk-SemiBold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
a,
select,
button,
input,
textarea {
	outline: none;
}

.trans, .dropdown-item, .botoneditorial a, .obras2 .boton, .obras2 .item .capa, .publicaciones .boton2, .publicaciones .item .boton, .equipogrilla .item .foto, .servicios .pad a, .headerquienes a, footer .boton, footer a, .libro .boton, .obras .pad a, .obras .pad .foto {
	transition: all 0.3s ease;
}

body {
	padding: 0;
	margin: 0;
	font-family: "Space Grotesk";
	overflow-x: hidden;
	color: #231f20;
}

.clear {
	clear: both;
}

h1,
h2,
h3,
h4,
p,
ul,
li {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

a,
a:hover {
	text-decoration: none;
	outline: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.bg-light {
	background-color: #fff !important;
}

.obras {
	background-color: #231f20;
	padding: 51px 0 51px 0;
	color: #fff;
}
.obras h2 {
	color: #fff;
	font-size: 81px;
	font-weight: normal;
	margin-bottom: 33px;
	padding-top: 33px;
	padding-bottom: 33px;
}
.obras .texto {
	text-align: center;
	font-size: 33px;
}
.obras .titulo {
	margin: 33px 0 33px 0;
}
.obras .borde {
	height: 1px;
	background-color: #fff;
	margin: 12px;
	display: block;
	width: 970px;
	max-width: 970px;
}
.obras .pad {
	position: relative;
	overflow: hidden;
}
.obras .pad .foto {
	width: 100%;
	filter: grayscale(1);
}
.obras .pad a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-color: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 33px;
	font-size: 28px;
}
.obras .pad a:hover {
	opacity: 0;
}
.obras .pad:hover .foto {
	filter: grayscale(0);
	transform: scale(1.1);
}
.obras .col-md-6 {
	margin-bottom: 33px;
}
.obras .mas {
	position: absolute;
	top: 30%;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	opacity: 0;
}
.obras .pad:hover .mas {
	opacity: 1;
	top: 33%;
}

.carouselhome img {
	width: 100%;
}

.libro {
	padding: 51px 0 51px 0;
}
.libro p {
	max-width: 500px;
	padding-bottom: 33px;
}
.libro h2 {
	padding-top: 33px;
	font-size: 76px;
	font-weight: normal;
	line-height: 80px;
}
.libro h2 span {
	display: block;
}
.libro .boton {
	color: #231f20;
	border: solid 1px #231f20;
	padding: 10px 15px 10px 15px;
	border-radius: 41px;
}
.libro .boton:hover {
	background-color: #231f20;
	color: #fff;
}
.libro img {
	width: 100%;
}

.titulo2 {
	margin: 33px 0 33px 0;
}

.borde2 {
	height: 1px;
	background-color: #231f20;
	margin: 12px;
	display: block;
	width: 970px;
	max-width: 970px;
}

.titulo2b {
	margin: 33px 0 33px 0;
}

.borde2b {
	height: 1px;
	background-color: #231f20;
	margin: 12px;
	display: block;
	width: 1014px;
	max-width: 1014px;
}

.servicios {
	padding: 51px 0 51px 0;
}
.servicios h2 {
	font-size: 76px;
	font-weight: normal;
}

footer {
	background-color: #231f20;
	color: #fff;
	padding-top: 33px;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #b2e035;
}
footer h2 {
	font-size: 76px;
	padding-top: 33px;
	line-height: 76px;
	font-weight: normal;
	padding-bottom: 33px;
}
footer h2 span {
	display: block;
}
footer h3 {
	font-size: 51px;
	font-weight: normal;
}
footer .boton {
	color: #fff;
	border: solid 1px #fff;
	padding: 10px 15px 10px 15px;
	border-radius: 41px;
	margin-top: 22px;
	display: block;
	text-align: center;
}
footer .boton:hover {
	background-color: #fff;
	color: #231f20;
}
footer .footer2 {
	border-top: solid 1px #f0f1f1;
	padding: 33px 0 33px 0;
	margin: 41px 0 0 0;
}
footer h4 {
	font-size: 18px;
	font-weight: bold;
}
footer .col4 {
	text-align: right;
}
footer .col4 p {
	padding-top: 12px;
}
footer .redes {
	text-align: right;
}
footer .redes li {
	margin: 4px;
}
footer .redes li:first-child {
	margin-right: 22px;
}

.headerservicios {
	padding: 51px;
	text-align: center;
	background-color: #f0f1f1;
	margin-bottom: 33px;
}
.headerservicios h2 {
	font-size: 51px;
	font-weight: 400;
}
.headerservicios p {
	font-weight: 400;
	font-size: 18px;
	padding-top: 20px;
}

.headercontacto {
	padding: 51px;
	text-align: center;
	background-color: #f0f1f1;
	margin-bottom: 33px;
}
.headercontacto h2 {
	font-size: 41px;
	font-weight: 400;
}
.headercontacto p {
	font-weight: 400;
	font-size: 18px;
	padding-top: 20px;
}
.headercontacto .borde {
	border-bottom: dotted 2px #231f20;
	padding-bottom: 33px;
}
.headercontacto span {
	display: block;
}
.headercontacto .datos h3 {
	font-size: 20px;
}
.headercontacto .datos p {
	font-size: 18px;
	line-height: 6px;
}
.headercontacto .datos div {
	padding: 20px;
}
.headercontacto .datos div a {
	color: #231f20;
}
.headercontacto img {
	height: 89px;
	width: auto;
	margin-bottom: 12px;
}

.headerquienes {
	padding: 51px;
	text-align: center;
	background-color: #f0f1f1;
	margin-bottom: 33px;
}
.headerquienes h2 {
	font-size: 41px;
	font-weight: 400;
}
.headerquienes p {
	font-weight: 400;
	font-size: 18px;
	padding-top: 20px;
}
.headerquienes span {
	display: block;
}
.headerquienes .datos h3 {
	font-size: 20px;
}
.headerquienes .datos p {
	font-size: 18px;
	line-height: 6px;
}
.headerquienes .datos div {
	padding: 20px;
}
.headerquienes .datos div a {
	color: #231f20;
}
.headerquienes img {
	height: 89px;
	width: auto;
	margin-bottom: 12px;
}
.headerquienes a {
	color: #000;
	border-radius: 33px;
	display: block;
	width: 200px;
	text-align: center;
	padding: 15px;
	margin: auto;
	border: solid 1px #000;
	font-weight: bold;
	margin-top: 33px;
}
.headerquienes a:hover {
	background-color: #000;
	color: #fff;
}

.formulario {
	max-width: 900px;
	margin: auto;
	padding: 33px 0 33px 0;
}
.formulario input[type=text],
.formulario input[type=email],
.formulario textarea {
	border: solid 1px #231f20;
	padding: 16px 16px 16px 20px;
	border-radius: 33px;
	margin-bottom: 15px;
	width: 100%;
}
.formulario input[type=submit] {
	background-color: #fff;
	border: none;
	font-size: 20px;
	margin-top: 20px;
	background-image: url(../img/contacto/flecha-enviar.svg);
	background-repeat: no-repeat;
	background-position: right;
	width: 220px;
	margin: auto;
	padding: 33px 81px 33px 33px;
}

.accordion-item.active .accordion-content {
	padding-left: 82px;
}

.servicios1 h3 {
	font-size: 62px;
	font-weight: 400;
}
.servicios1 .texto {
	max-width: 54.4%;
	padding-top: 12px;
	font-size: 18px;
}
.servicios1 .pt-6 {
	padding-top: 120px;
}
.servicios1 h3 {
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-size: 70px;
	font-weight: 300;
	line-height: 84px;
}
.servicios1 h3 span {
	display: block;
}
.servicios1 .pb-6 {
	padding-bottom: 62px;
}

.servicios h2 {
	padding-bottom: 41px;
}
.servicios .pad {
	background-color: #f0f1f1;
	padding: 33px;
	background-image: url(../img/cruz-verde-hover.svg);
	background-repeat: no-repeat;
	background-position: center;
	height: 400px;
	position: relative;
}
.servicios .pad a {
	color: #231f20;
	font-size: 25px;
	font-weight: 500;
	cursor: pointer;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 33px;
}
.servicios p {
	opacity: 0;
	padding-top: 51px;
}
.servicios .pad:hover {
	background-color: #231f20;
	color: #fff;
	background-image: none;
}
.servicios .pad:hover a {
	color: #fff;
}
.servicios .pad:hover p {
	opacity: 1;
}

.quienes .titulo2 {
	margin: 33px 0 33px 0;
}
.quienes .borde2 {
	height: 1px;
	background-color: #231f20;
	margin: 12px;
	display: block;
	width: 970px;
	max-width: 970px;
}

.equipo h2 {
	font-size: 43px;
	text-align: center;
	font-weight: 300;
	padding-bottom: 33px;
}
.equipo h2 span {
	display: block;
}

.equipogrilla {
	padding-top: 33px;
	padding-bottom: 41px;
}
.equipogrilla .item {
	position: relative;
}
.equipogrilla .item .foto {
	width: 100%;
}
.equipogrilla .item .foto:hover {
	filter: grayscale(1);
}
.equipogrilla .capa {
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: block;
}
.equipogrilla .capa:hover {
	opacity: 1;
}
.equipogrilla h2 {
	color: #fff;
	font-size: 33px;
	position: absolute;
	top: 33px;
	left: 33px;
	z-index: 99999999;
	opacity: 0;
}
.equipogrilla h2 img {
	display: block;
	margin-top: 6px;
}
.equipogrilla .mail {
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #fff;
	border: solid 1px #fff;
	padding: 6px 12px 6px 12px;
	border-radius: 26px;
	font-weight: 600;
	z-index: 99999999;
	opacity: 0;
}
.equipogrilla .mas {
	position: absolute;
	right: 20px;
	bottom: 20px;
	opacity: 0;
	z-index: 9999999;
}
.equipogrilla .item:hover .mas,
.equipogrilla .item:hover .mail,
.equipogrilla .item:hover h2 {
	opacity: 1;
}
.equipogrilla .texto {
	padding: 33px;
	text-align: center;
	font-size: 18px;
}

.mision {
	padding-bottom: 33px;
}
.mision h2 {
	font-size: 75px;
	font-weight: 300;
}
.mision p {
	font-size: 18px;
	max-width: 60%;
}

.objetivos {
	padding-bottom: 41px;
	padding-top: 33px;
}
.objetivos h2 {
	font-size: 75px;
	font-weight: 300;
	padding-bottom: 33px;
}
.objetivos .item {
	background-image: url(../img/servicios/flecha-arriba.svg);
	background-repeat: no-repeat;
	padding-left: 120px;
	background-size: 86px;
	margin-bottom: 33px;
	font-size: 18px;
	min-height: 88px;
}

.publicaciones {
	padding: 41px 0 41px 0;
}
.publicaciones img {
	width: 100%;
	height: 300px;
	-o-object-fit: cover;
	   object-fit: cover;
}
.publicaciones .item {
	position: relative;
	min-height: 500px;
}
.publicaciones .item .boton {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.6);
	display: block;
	z-index: 99;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: center;
}
.publicaciones .item .boton:hover {
	background-color: transparent;
	background-image: url(../img/cruz-verde-hover.svg);
	background-position: center;
	background-repeat: no-repeat;
}
.publicaciones .foto {
	position: relative;
	margin-bottom: 6px;
}
.publicaciones h2 {
	font-size: 26px;
	margin-bottom: 4px;
	font-weight: bold;
}
.publicaciones p {
	padding-bottom: 20px;
}
.publicaciones span {
	border: solid 1px #000;
	padding: 6px;
	padding: 4px 14px 4px 14px;
	border-radius: 12px;
}
.publicaciones .col-md-3 {
	margin-bottom: 43px;
}
.publicaciones .boton2 {
	padding: 5px 10px 5px 10px;
	border: solid 1px #000;
	color: #000;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 16px;
}
.publicaciones .boton2:hover {
	background-color: #000;
	color: #fff;
}

.obras2 {
	padding: 41px 0 41px 0;
}
.obras2 h1 {
	padding: 20px 0 33px 15px;
}
.obras2 img {
	width: 100%;
	height: 300px;
	-o-object-fit: cover;
	   object-fit: cover;
}
.obras2 .item {
	position: relative;
	min-height: 620px;
}
.obras2 .item .capa {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.6);
	display: block;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: center;
}
.obras2 .item .capa:hover {
	background-color: transparent;
	background-image: url(../img/cruz-verde-hover.svg);
	background-position: center;
	background-repeat: no-repeat;
}
.obras2 .foto {
	position: relative;
	margin-bottom: 6px;
}
.obras2 h2 {
	font-size: 26px;
	margin-bottom: 4px;
	font-weight: bold;
	padding-bottom: 12px;
}
.obras2 p {
	padding-bottom: 20px;
	height: 51px;
}
.obras2 span {
	border: solid 1px #000;
	padding: 6px;
	padding: 4px 14px 4px 14px;
	border-radius: 12px;
}
.obras2 .col-md-3 {
	margin-bottom: 43px;
	border-bottom: solid 1px #000;
	padding-bottom: 41px;
}
.obras2 .boton {
	padding: 5px 10px 5px 10px;
	border: solid 1px #000;
	color: #000;
	border-radius: 16px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.obras2 .boton:hover {
	background-color: #000;
	color: #fff;
}
.obras2 .texto {
	min-height: 200px;
}

.arquigrupo {
	padding-top: 33px;
	padding-bottom: 120px;
}
.arquigrupo h2 {
	font-size: 62px;
	font-weight: 400;
}
.arquigrupo ul li {
	font-weight: 300;
	margin-bottom: 15px;
	background-image: url(../img/contacto/flecha-enviar.svg);
	background-repeat: no-repeat;
	padding: 26px 26px 33px 120px;
	font-size: 20px;
}

.headerdetalle {
	height: 500px;
	background-size: cover;
	position: relative;
}
.headerdetalle h2 {
	color: #fff;
	padding-top: 33px;
	font-size: 58px;
	font-weight: 400;
	max-width: 400px;
}

.detalle {
	padding-top: 86px;
	padding-bottom: 120px;
}
.detalle ul li {
	font-weight: 300;
	margin-bottom: 0px;
	background-image: url(../img/contacto/flecha-enviar.svg);
	background-repeat: no-repeat;
	padding: 14px 26px 20px 120px;
	font-size: 20px;
	height: 106px;
}
.detalle span {
	display: block;
	font-weight: bold;
}
.detalle .fotos {
	width: 100%;
}
.detalle .grilla4 img {
	width: 300px;
	height: 300px;
	-o-object-fit: cover;
	   object-fit: cover;
	margin-bottom: 30px;
}

.navbar {
	--bs-navbar-padding-y: 1rem;
}

.navbar-expand-lg .navbar-nav .nav-link {
	font-weight: 500;
	transition: background-color 0.4s ease-in-out;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
	background-color: #b2e035;
	color: #fff;
}

.navbar-expand-lg .navbar-nav {
	border-bottom: solid 1px #231f20;
	padding-bottom: 6px;
}

/* Estilos generales de los dots */
.slick-dots {
	position: absolute;
	top: 50%;
	left: 33px; /* Ajusta la posición a la izquierda */
	transform: translateY(-50%);
	display: flex;
	flex-direction: column; /* Alineación vertical */
	gap: 10px; /* Espaciado entre los dots */
}

/* Estilos de cada dot */
.slick-dots li {
	list-style: none;
}

/* Estilos del botón dentro del dot */
.slick-dots li button {
	font-size: 0; /* Oculta el número del dot */
	width: 12px;
	height: 12px;
	background-color: white; /* Color blanco */
	border: none;
	border-radius: 50%; /* Hace que sean redondos */
	cursor: pointer;
	transition: background-color 0.3s ease;
}

/* Estilo del dot activo */
.slick-dots li.slick-active button {
	background-color: black; /* Dot activo en negro */
}

.carouselhome {
	margin-top: 16px;
}
.carouselhome img {
	height: 800px;
	-o-object-fit: cover;
	   object-fit: cover;
}

.editorial1 {
	padding-bottom: 120px;
}
.editorial1 img {
	width: 100%;
	display: block;
	margin: auto;
}
.editorial1 .row {
	margin-bottom: 33px;
}
.editorial1 .textogris {
	font-size: 20px;
	text-align: center;
	padding: 8px;
	color: #c7c7c7;
	font-weight: bold;
}

.fondogris {
	background-color: #f7f7f7;
}

.gris {
	color: #c0c0c0;
}

.botoneditorial {
	text-align: right;
	padding-top: 12px;
	border-top: solid 1px #d6d6d6;
}
.botoneditorial a {
	border-radius: 33px;
	padding: 12px 20px 12px 20px;
	color: #000;
	border: solid 1px #d6d6d6;
	margin-top: 12px;
	display: block;
	width: 212px;
	float: right;
}
.botoneditorial a:hover {
	background-color: #d6d6d6;
	color: #000;
}

.navbar {
	padding-bottom: 28px;
}

@media (max-width: 1200px) {
	.headerquienes span {
		display: inline;
	}
}
@media (max-width: 450px) {
	.navbar {
		padding-bottom: 12px;
	}
	.carouselhome img {
		height: 400px;
	}
	.obras h2 {
		font-size: 33px;
		line-height: 33px;
		padding: 0;
		text-align: center;
	}
	.obras .borde {
		display: none;
	}
	.obras .texto {
		font-size: 20px;
	}
	.libro h2 {
		font-size: 51px;
		line-height: 51px;
	}
	.libro img {
		margin-top: 33px;
	}
	.servicios h2 {
		font-size: 33px;
	}
	.borde2 {
		width: 20px;
	}
	.servicios h2 {
		padding-bottom: 20px;
	}
	.servicios .pad {
		margin-bottom: 20px;
	}
	footer h2 {
		font-size: 33px;
		line-height: 41px;
	}
	footer h2 span {
		display: inline;
	}
	footer h3 {
		font-size: 41px;
		line-height: 48px;
	}
	footer .col-6 {
		margin-bottom: 33px;
	}
	footer .col4 {
		text-align: center;
		border-top: solid 1px #fff;
		padding-top: 22px;
	}
	.obras .pad .foto {
		height: 300px;
		-o-object-fit: cover;
		   object-fit: cover;
	}
	.navbar-toggler {
		border: none;
		box-shadow: none;
		outline: none;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		text-align: center;
	}
	.navbar-expand-lg .navbar-nav {
		padding-top: 15px;
	}
	.dropdown-menu li {
		display: block !important;
	}
	.dropdown-item {
		text-align: left !important;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		text-align: left;
	}
	.navbar-toggler:focus {
		box-shadow: none !important;
	}
	.titulo img {
		margin-left: 12px;
	}
	.headerquienes {
		padding: 33px;
	}
	.headerquienes h2 {
		font-size: 20px;
	}
	.headerquienes h2 span {
		display: inline;
	}
	.quienes .borde2 {
		width: 92px;
	}
	.equipo h2 {
		font-size: 33px;
	}
	.objetivos h2 {
		font-size: 43px;
	}
	.mision p {
		max-width: 100%;
	}
	.borde2b {
		width: 68px;
	}
	.equipogrilla h2,
	.equipogrilla .mail,
	.equipogrilla .capa,
	.equipogrilla .mas {
		opacity: 1;
	}
	.equipogrilla .mas {
		right: 12px;
	}
	.equipogrilla .item {
		margin-bottom: 20px;
	}
	.headerservicios h2 {
		font-size: 33px;
	}
	.headerservicios {
		padding: 20px;
	}
	.servicios1 .texto {
		max-width: 100%;
	}
	.accordion-header {
		font-size: 16px !important;
	}
	.accordion-item.active .accordion-content {
		padding-left: 18px;
	}
	.servicios1 h3 {
		font-size: 37px;
	}
	.servicios1 img {
		width: 100%;
	}
	.servicios1 h3 span {
		display: inline;
	}
	.servicios1 .pb-6 {
		padding-bottom: 33px;
	}
	.servicios1 .pt-6 {
		padding-top: 33px;
	}
	.servicios1 p {
		padding-bottom: 33px;
	}
	.arquigrupo h2 {
		font-size: 33px;
		margin-bottom: 20px;
	}
	.quienes .borde2 {
		width: 49px;
	}
	.headercontacto {
		padding: 33px;
	}
	.headercontacto h2 {
		font-size: 20px;
	}
	.detalle ul li {
		height: auto;
	}
	.detalle ul li {
		font-size: 16px;
		padding: 14px 26px 20px 120px;
		background-size: 82px;
	}
	.detalle {
		padding-top: 33px;
	}
	.publicaciones .item {
		min-height: auto;
	}
	.headerdetalle {
		height: 300px;
		background-size: cover;
		background-position: center;
	}
	.headerdetalle h2 {
		line-height: 57px;
	}
	.detalle .grilla4 img {
		width: 100%;
	}
	.obras2 .item {
		min-height: auto;
	}
	.obras2 .boton {
		position: relative;
	}
	.publicaciones .boton2 {
		position: relative;
	}
}
.copy {
	padding: 12px 12px 0 12px;
	text-align: center;
	color: #fff;
}
.copy a {
	color: #fff;
}
.copy a:hover {
	opacity: 0.8;
}

.accordion1 {
	width: 100%;
	border: none;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 41px;
}

.accordion-item {
	border-bottom: 1px solid #d6d6d6;
}
.accordion-item strong {
	border-radius: 26px;
	border: solid 1px #000;
	padding: 6px 18px 6px 18px;
}
.accordion-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
}

.accordion-header:hover {
	background: #f0f1f1;
}

.accordion-header span {
	display: flex;
	align-items: center;
	gap: 10px;
}

.accordion-header .arrow {
	transition: transform 0.3s ease;
}

.accordion-content {
	display: none;
	padding: 15px;
	background: #fff;
	font-size: 16px;
}

.accordion-item.active .accordion-content {
	display: block;
}

.accordion-item.active .arrow {
	transform: rotate(180deg);
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
	padding: 12px 12px 8px 16px;
	background-color: transparent;
}

.dropdown-menu li {
	display: inline-block;
	text-align: center;
	padding: 0 12px 0 0;
}

.dropdown-menu {
	border: none;
	border-radius: 0;
}

.dropdown-menu[data-bs-popper] {
	top: 120%;
}

.dropdown-item {
	font-size: 14px;
	text-align: center;
	display: block;
	padding: 0;
	border-bottom: solid 1px #fff;
}

.dropdown-item:hover {
	border-bottom: solid 1px #000;
}

.menu1 {
	width: 366px;
}

.menu2 {
	width: 565px;
}

.dropdown-toggle::after {
	display: none;
}

/* Dropdown al hacer hover */
.nav-item.dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 0px; /* Alineación perfecta */
}

/* Previene el parpadeo al pasar el mouse por el dropdown */
.dropdown-menu {
	transition: none !important;
}