/* responsivo.css */

@media (max-width: 768px) {
    .container {
        margin: 20px 10px; 
        padding: 25px;
    }

    header {
        padding: 30px 15px;
    }
    header h1 {
        font-size: 2.5em;
    }

    nav button {
        padding: 15px;
        font-size: 1em;
        flex: 1 1 45%; 
        border-bottom: 1px solid #4A0E0E;
    }
    
    section#inicio div[style*="font-size: 1.3em"] {
        font-size: 1.1em !important;
        padding: 15px !important;
        margin: 20px 0 !important;
    }
}

@media (max-width: 480px) {
    header h1 {
        font-size: 1.8em;
    }
    header p {
        font-size: 1em;
    }
    
    .container {
        margin: 10px 5px;
        padding: 15px;
    }

    nav button {
        flex: 1 1 100%;
        border-right: none;
    }

    .grid {
        grid-template-columns: 1fr;
    }

    .liturgia-box {
        padding: 20px;
    }

    .lang-menu a {
        display: block;
        margin: 12px 0;
        font-size: 1.1em;
    }
    
    .lang-separator {
        display: none; 
    }
}