@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');

body {
    font-family: "Cabin", sans-serif;
    font-size: 2rem;
}

.diocesis__link {
    font-size: x-large;
}

.fondo__azul {
    background-image: url('../img/fondo_azul.png');
    background-size: 100% 100%;
}

.fondo__rosa {
    background-image: url('../img/fondo_rosa.png');
    background-size: 100% 100%;
}

.imagen__seccion {
    margin: 5%;
    object-fit: cover;
}

a .imagen__seccion {
    background-color: white;
    padding: 1%;
}

.texto__boton {
    border: solid black 1px;
    border-radius: 20px 20px;
    font-size: calc(0.3rem + 1vw);
    padding: 1% 5%;
}

.subseccion__azul {
    background-color: #248AC7;
    color: white;
    padding: 1%;
}

.subseccion__rosa {
    background-color: #941B80;
    color: white;
    padding: 1%;
}

.texto__abajo {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.texto__azul {
    color: #248AC7;
}

.texto__blanco {
    color: white;
}

.texto__gris {
    color: #606060;
}

.texto__rosa {
    color: #941B80;
}

.texto__seccion {
    margin: 10%;
}

.imagen__subseccion {
    background-color: white;
    padding: 1%;
}

.titulo {
    font-size: calc(3.5rem + 2vw);
}

.titutlo__azul {
    color: #248AC7;
    font-size: 1.75em;
    font-weight: bold;
}

.titulo__articulo {
    font-size: calc(0.75rem + 1vw);
    font-weight: thinner;
}

.titulo__rosa {
    color: #941B80;
    /* font-size: 2.5em; */
    font-size: calc(3rem + 2vw);
    font-weight: bold;
}

.titulo__seccion {
    font-size: calc(3rem + 2vw);
    font-weight: bold;
    margin: 10%;
}

.titulo__subseccion {
    font-size: calc(2rem + 1vw);
}

@media screen and (min-width: 380px) {
    .diocesis__link {
        /* font-size: small; */
    }    
    .fondo__rosa {
        /* background-color: #941B80; */
        /* background-image: none; */
    }
    .imagen__seccion {
        /* width: 90%; */
    }
    .titulo {
        /* font-size: calc(1rem + 1vw); */
    }
}

/* @media screen and (min-width: 1366px) {
    .diocesis__link {
        display: flex;
    }    
} */