#texto_inicio {
    margin-left: 15rem;
    position: relative;
    z-index: 9999;
}

#texto_inicio h2 {
    color: white;
    margin-top: 4rem;
    font-size: 2.5rem;
}

#texto_inicio p {
    font-size: 2rem;
    color: #8e8e8e;
    margin-bottom: 1rem;
}

 
 /* SERVICIOS */
#contenido {
    overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
	background: var(--fondo);
}

#imagen_inicio {
	pointer-events: none;
	user-select: none;
	width: 100%;
	position: absolute;
}

#imagen_fondo_uno {
	position: absolute;
	top: 35rem;
	left: 5rem;
	width: 40rem;

	z-index: -2;
	pointer-events: none;
	user-select: none;
	opacity: 0.5;
	filter: blur(12rem);
}

#imagen_fondo_dos {
	position: absolute;
	top: 60rem;
	left: 55rem;
	width: 40rem;

	z-index: -2;
	pointer-events: none;
	user-select: none;
	opacity: 0.5;
	filter: blur(10rem);
}

#resumen_row {
	margin: 2rem 0 2rem 10rem;
	width: 100%;
	display: flex;
	flex-direction: row;
}

.caja_resumen {
	position: relative;
}

.caja_resumen img {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
	border: solid rgb(43, 43, 43) 1px;
	margin: 0 1rem;
	border-radius: 0.5rem;
	width: 8rem;
}

.caja_resumen img:first-child {
    margin-left: 0;
}

#seccion {
    border-top: var(--border);
	padding: 4rem 15rem 4rem 15rem;

    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Tres columnas iguales */
    gap: 2rem; /* Opcional: Espacio entre las celdas */
}


#seccion a {
    overflow: hidden;    
    text-decoration: none;
    padding: 2rem;
	position: relative;
	border-radius: 0.5rem;
	border: var(--border);
	background: var(--background_div);
	
	color: var(--color_p);
	position: relative;
	min-height: 15rem;

	display: flex;
	flex-direction: column;
	font-size: 1.4rem;
}

.imagen_permisos {
    border-radius: 10px;
    transform: rotate(6deg);
    width: 24rem;
    bottom: -4rem;
    right: -5rem;
    position:  absolute;
    box-shadow: rgba(38, 38, 38, 0.3) 0px 7px 29px 0px;
}

/* PREGUNTAS FRECUENTES */
#preguntas {
    display: flex;
    flex-direction: column;
    padding: 0 15rem 4rem 15rem;
}

#preguntas .cuestion {
    margin-top: 1rem;
    font-size: 1.3rem;
    color: white;
    border: none;
    text-align: left;
    border-bottom: var(--border);
    background: transparent;
    cursor: pointer;
}

.cuestion h3 {
    color: var(--color_p);
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.respuesta {
    display: none;
    font-size: 1.3rem;
    color: grey;
    margin-bottom: 1rem;
}

/* RESPONSIVE */
@media (max-width: 600px) {
    #texto_inicio {
        margin: 1rem;
    }
    
    #seccion {
        padding: 1rem;
        grid-template-columns: repeat(1, 1fr);
    }
    
    #preguntas {
        padding: 1rem;
    }

}