/*
Theme Name: Abstracta Productions Child Theme
Template: abstractaprod
Version: uwu
Author: Carlos Altamar Borja

Text Domain: ab
*/


/** PAGE PCD **/

.landing-text {
    width:auto;
}
.approach {
    text-align: center;
    color: var(--negro);
    background-color: var(--blanco);
    margin: 2rem;
    padding: 2rem; /** border-radius: .5rem; **/
}
.approach h3 {
    font-size: 2.2rem; 
    text-transform: capitalize;
}
.approach img {
    width: 100%;
    height: 27vh;
    object-fit: cover;
}
.video-container {
    max-width: 800px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.video-container iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}
@media(min-width: 768px){
    .landing-text {
        width:70rem;
    } 
    .approaches-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}
@media(min-width: 1440px){
    .approaches-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 2rem;
    }
    .approach {display: flex;
        flex-direction: column;
        text-align: center;
        color: var(--negro);
        background-color: var(--blanco);
        margin: 2rem;
        padding: 2rem;
    }
}
.bg-violet {
    padding: 1rem 0;
    background-color: var(--principal);
}
.alizarin-button {
    background-color: var(--secundario)
}
.alizarin-button:hover {
    color: var(--secundario);
    border: solid .2rem var(--secundario);
}