:root {
    --falcon-primary: #eab617;

    --falcon-btn-bg: #eab617;

    --falcon-primary-rgb: 234, 182, 23;

    --falcon-link-color: #eab617;
    --falcon-body-bg: #fffbf6;
    --falcon-bg-navbar-glass: rgb(255, 251, 246, 0.96);
    --falcon-navbar-vertical-bg-color: var(--falcon-bg-navbar-glass);

    --falcon-gray-300: #fbf0e3;
    --falcon-gray-400: #e0dbc6;

    --falcon-gray-200-rgb: 248, 242, 226;

    --falcon-light-rgb: 253, 252, 248;

    --falcon-card-gradient: linear-gradient(45deg, #eab617, #f9cb41);

    
}

body{
    background-color: var(--falcon-body-bg);
}

@media (min-width: 1300px) and (max-width: 1540px){
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1300px;
    }
}

.navbar-vertical.navbar-vibrant .navbar-collapse{
    background-image: linear-gradient(-45deg, #fccd40, rgba(235, 172, 0, 0.86));
}


.bg-200 {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-200-rgb), var(--falcon-bg-opacity)) !important;

    color:  rgb(253, 252, 248);
}


.card-img, .card-img-top, .card-img-bottom {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    object-position: center;
}

.border-dashed-bottom {
    border-bottom: 1px dashed var(--falcon-border-color) !important;
}

.text-primary {
    --falcon-text-opacity: 1;
    color: rgba(var(--falcon-primary-rgb), var(--falcon-text-opacity)) !important;
}

.accordion{
    --falcon-accordion-active-color: #eab617;
}

#castillo_cvm {
    width: 280px;
    top: 10px;
    left: -150px;
}

@media (max-width: 600px) {
    #castillo_cvm {
        width: 190px;
        top: 320px;
        left: -100px;
    }
}

#libro_cvm{
    width: 110px;
    top: 400px;
    right: 50px;
}

@media (max-width: 600px) {
    #libro_cvm{
        width: 85px;
        top: 600px;
        right: 0px;
    }
}

.img-titulo-cvm{
    width: auto;
    max-height: 400px;
    z-index: -1;
}

@media (max-width: 600px) {
    .img-titulo-cvm{
        max-width: 275px;
    }
}

#img-titulo-padres{
    top: 100px;
}

@media (max-width: 600px) {
    #img-titulo-padres{
        top: 0px;
        margin-bottom: 25px;
    }
}

#nota_musical_1_cvm{
    width: 50px;
    top: 520px;
    left: 120px;
}

@media (max-width: 600px) {
    #nota_musical_1_cvm{
        width: 55px;
        top: 850px;
        left: 20px;
    }
}

#estrella_cvm{
    right: 0; 
    bottom: 120px; 
    width: 80px;
}

@media (max-width: 600px) {
    #estrella_cvm{
        right: 0; 
        bottom: 0px; 
        width: 70px;
    }
}

#foto_piano_cvm{
    width: 400px;
    bottom: -150px;
    right: 20px;
    z-index: -1;
}

@media (max-width: 600px) {
    #foto_piano_cvm{
        width: 280px;
        bottom: -50px;
        right: 0;
    }
}

#nota_musical_2_cvm{
    width: 70px;
    top: 450px;
    left: 30px;
}

#nota_musical_3_cvm{
    width: 85px;
    top: -25px;
    right: 30px;
}

#foto_irina_cvm{
    max-width: 300px;
    right: -5vw;
    bottom: -120px;
    z-index: -1;
}

@media (max-width: 600px) {
    #foto_irina_cvm{
        max-width: 200px;
        bottom: -380px;
    }
}