/* Estilos para dispositivos móviles */
@media only screen and (max-width: 600px) {
    .container {
        padding: 10px; /* Reducir el espacio interior para dispositivos móviles */
    }
    .main-content{
        margin: 0px;
    }
    .cuerpo{
        margin-top:0px
    }
    .centrado {
        display: none;
    }
    .menu_servicios{
        display: block;
        margin-top:20px
    }
    .header-container, .footer-container {
        background-color: #eaeaea;
    }
    .bg-light{
        background-color: #eaeaea !important;
    }
    .btn-suave{
        background-color: transparent;
        text-align: left;
        padding: 6px 10px!important;
        border: 1px solid #5c59595c;
        border-radius: 8px;
        margin-left: 8px;
        color: #5C5A59;
        margin-top: 4px;
    }
    .highlighted {
        color: #7d7d7d; /* Cambiar el color a negro u otro color deseado */
        font-weight: bold; /* Otras propiedades de estilo según sea necesario */
        font-size: 1em;
        background-color:#eaeaea;
    }
    p {
        font-size: 0.8em;
    }
    .sub_menu {
        display: block;
        left: 0.5rem;
    }
    
}

/* Estilos para tabletas */
@media only screen and (min-width: 601px) and (max-width: 900px) {
    .menu_servicios{
        display: block;
        margin-top:20px
    }
    .cuerpo {
        margin-top: 10px;
    }
    .centrado {
        display: none;
    }
    .btn-suave{
        background-color: transparent;
        text-align: left;
        padding: 6px 10px!important;
        border: 1px solid #5c59595c;
        border-radius: 8px;
        margin-left: 8px;
        color: #5C5A59;
        margin-top: 4px;
    }
    .sub_menu {
        display: block;
        left: 0.5rem;
    }
}

/* Estilos para pantallas de escritorio */
@media only screen and (min-width: 901px) {
    .centrado {
        display: block;
    }
    .menu_servicios{
        display: none;
    }
}