@import url('https://fonts.googleapis.com/css?family=Dosis:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Inconsolata:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');

/* Estilo Base del Cuerpo */
body {
    font-family: "Open Sans", sans-serif;
    line-height: 1.8;
    margin: 0;
    padding: 0;
}

/* Ajuste para Módulo */
.module {
    padding: 10px;
}

/* Estilo para los Títulos del Módulo */
.module-title {
    font-size: 1.5rem; /* Tamaño de fuente ajustado */
    letter-spacing: 0.1rem; /* Espaciado reducido */
    margin-bottom: 2rem; /* Margen inferior ajustado */
}

/* Estilo para la Fuente Alternativa */
.font-alt {
    font-family: "Dosis", sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.5rem; /* Tamaño de fuente ajustado */
}

/* Estilo para la Fuente Incrementada */
.font-inc {
    font-family: "Inconsolata", serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.4rem; /* Tamaño de fuente ajustado */
}

/* Estilo para el Cuadro de Contenido */
.content-box {
    margin: 1rem auto; /* Menor margen */
    transition: transform 400ms;
    text-align: center;
    padding: 10px;
}

/* Estilo para el Icono del Cuadro de Contenido */
.content-box-icon {
    font-size: 2rem; /* Tamaño de icono ajustado */
}

/* Estilo para el Título del Cuadro de Contenido */
.content-box-title {
    font-size: 1.2rem; /* Tamaño de fuente ajustado */
    letter-spacing: 0.1rem; /* Espaciado de letras ajustado */
}

/* Estilo para el Texto del Cuadro de Contenido */
.content-box-text {
    color: #777;
    text-align: center;
    font-size: 0.9rem; /* Tamaño de fuente ajustado */
    padding-left: 10px;
    padding-right: 10px;
}

/* Estilo para el Hover del Cuadro de Contenido */
.content-box:hover {
    transform: scale(1.02); /* Escala menor para evitar exageración */
}

/* Estilo para las Imágenes de Servicios */
.img_services {
    width: 60px; /* Tamaño de imagen ajustado */
    height: 60px;
    object-fit: cover;
}

/* Estilo para los Enlaces de Servicios */
.link_servicio {
    text-decoration: none;
}

/* Media Queries para Pantallas Más Pequeñas */
@media (max-width: 880px) {
    .module-title {
        font-size: 1.4rem; /* Tamaño de fuente reducido en pantallas pequeñas */
        margin-bottom: 1.5rem; /* Margen inferior reducido */
    }

    .content-box-title {
        font-size: 1rem; /* Tamaño de fuente ajustado */
    }

    .content-box-text {
        font-size: 0.8rem; /* Tamaño de fuente ajustado */
        padding-left: 5px; /* Ajuste de padding */
        padding-right: 5px;
    }

    .content-box-icon {
        font-size: 1.5rem; /* Tamaño de icono ajustado */
    }
}

@media (max-width: 480px) {
    .module-title {
        font-size: 1.2rem; /* Tamaño de fuente aún más reducido */
        margin-bottom: 1rem; /* Margen inferior ajustado */
    }

    .content-box-title {
        font-size: 0.9rem; /* Tamaño de fuente ajustado */
    }

    .content-box-text {
        font-size: 0.7rem; /* Tamaño de fuente ajustado */
        padding-left: 5px; /* Ajuste de padding */
        padding-right: 5px;
    }

    .content-box-icon {
        font-size: 1.2rem; /* Tamaño de icono ajustado */
    }
}