@charset "utf-8";
/* Link Sistemas Web CSS Document */


/* PAGINA PRINCIPAL */

/* hero */
.hero:before {
    background: color-mix(in srgb, var(--background-color), transparent 50%);
}

/* boton generico plantilla */
.btn-rem {
    display: inline-flex;
    align-items: center;
    justify-content: center;
	color: var(--contrast-color);
    background: var(--accent-color);
    font-family: var(--heading-font);
	padding: 12px 40px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    border: 0;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.btn-rem:hover {
    background: color-mix(in srgb, var(--accent-color), transparent 20%);
    color: var(--contrast-color);
    transform: translateY(-2px);
}

/* sectores */
.icon img {
	width: 60px;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 5px;
}
.description small {
	color: var(--heading-color);
	font-weight: 600;
}
.description p {
    color:  color-mix(in srgb, var(--default-color), transparent 30%);
}


/* servicios */
.features .phone-wrap img {
    border-radius: 40px;
}