/*
 Theme Name: Coderma
 Theme URI: https://coderma.es/
 Description: Tema de Coderma
 Author: ACF Coder
 Author URI: https://coderma.es/
 Template: astra
 Version: 1.0.0
*/


#content {
	margin: 0;
	min-height: 100vh;
	/* primer color 300px, luego otro color */
	background: linear-gradient(
		to bottom,
		#EBDAC2 400px,
		#ffffff 0px
	);
}



.servicio, .page-container, #main~.legal {
	width: 98%;
	max-width: 1366px;
	margin: 46px auto;
	padding: 42px;
	border-radius: 20px;
	background: white;
	border: 3px solid #EBDAC2 ;
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
}



.servicio-container {
  display: flex;
	width: 75%;
 	gap: 20px; /* separación */
}


.lista-servicios {
	display: flex;
	flex-wrap: wrap;	
	justify-content: center;
}

.servicio-item {
	width: 33%;
	min-width: 300px;
	padding: 42px;
	border-radius: 20px;
	background: white;
	border: 3px solid #EBDAC2;
	gap: 24px;
	margin: 16px;
	display: flex;
    flex-direction: column;
    align-items: center;
	h3 a {
		text-align: center;
		margin-bottom: 24px;
		color: black;
	}
}

.servicio-sidebar {
  	width: 25%; /* ancho barra lateral */
	background: #f5f5f5;
 	padding: 1rem;
	display: fixed;
	border: 1px solid red;
  	position: sticky;
  	top: 60px; /* distancia desde arriba */
  	align-self: start; /* útil en flex */
  	height: max-content; /* se ajusta a su contenido */
	border-radius: 20px;
	background: white;
	border: 3px solid #EBDAC2;		
	
}

.servicio-sidebar ul {
	margin-left: 20px;
}


.plus {
	content: url("https://coderma.es/wp-content/uploads/2025/09/plus.png");
	width: 86px;
	height: 86px;
	display: block;
	position: absolute;
	bottom: -32px;
	right: -30px;
}

.plus-item {
	content: url("https://coderma.es/wp-content/uploads/2025/09/plus.png");
	width: 50px;
	height: 50px;
	display: block;
	position: relative;
	text-align: center;

}


.servicio-sidebar li {
	list-style: none;
	padding: 6px 0;
	a {
		color: #333333;
		font-size:1.2rem;
	}
}

.servicio-descripcion {
  width: 95%;
}

/*** footer ****/

.banner-kit {
	display: flex;
    width: 90%;
    max-width: 1140px;
    gap: 32px;
    align-content: center;
    justify-items: center;
    padding: 24px;
    margin: 42px auto;
    flex-wrap: wrap;
    justify-content: center;
			img {
			flex: 0 0 auto;
			height: 50px;
		}
}

.kit_logo {
	max-height: 36px;
	margin-top: 4px;
}

/*** gtranslate ****/
a.menu-link, a.glink {
		color: black !important;
}

a.menu-link:active, a.glink:active {
	font-weight: 600;
}

@media (max-width: 768px) {
	.servicio {
		display: flex;
		flex-direction: column;
		padding: 32px;
	}
	
	.servicio-container {
		width: 100%;
		gap: 20px; /* separación */
	}
	
	.servicio-sidebar {
		width: 100%; /* ancho barra lateral */
		padding: 0.8rem;
		display: block;
		position: relative;
		top: 0;
	}
	
		
	#ast-hf-mobile-menu {
		padding-left:20px;
		padding-right:20px;
	}
	
	.menu-item-object-custom {
		padding-left: 20px;
	}
	
	.main-navigation {
		height: 100vh;
	}
	
	.astra-footer-mobile-vertical-menu {
		display: flex!important;
		flex-direction: row;
		flex-wrap: wrap;
	}
}