:root {
    --oster-blue: #001438;
    --oster-gold: #a4836e;
    --oster-text-gold: #b99b6d;
    --oster-green: #3cc95e;
    --oster-light: #f6f3ee;
    --text-soft: rgba(255,255,255,.82);
}
strong{
    color: var(--oster-text-gold);
}

.text-center{
    text-align: center;
}
.bg-blue{
    /*min-height: 100vh;*/
    background-color: var(--oster-blue);
}
.left-panel{
    color: white;
}
.steps li::marker {
    color: var(--oster-text-gold);
    font-weight: 800;
}
.steps li {
    font-size: 1rem;
    line-height: 1.35;
    margin-bottom: 1rem;
}
.img-logo{
    max-width: 300px;
}
.img-whatsapp{
    max-width: 200px;
}
.img-premios {
    width: 100%;
}
a{
    color: white;
}
.right-panel{
    background-image: url(/img/imagen_fondo_v3.jpg);
    background-position: right;
    background-size: cover;
    min-height: 100vh;
}
.recetario-card {
    position: absolute;
    left: 0%;
    top: 40%;
    transform: translateY(-50%);

    width: 170px;
    min-height: 115px;
    padding: 16px 14px;

    background: #b09b78;
    color: #fff;
    border-radius: 0 18px 18px 0;

    text-align: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;

    z-index: 5;
}

.recetario-card .btn {
    font-size: 11px;
    font-weight: 700;
    color: #8c7a5d;
}
@media (max-width: 768px) {
    .recetario-card {
        left: 0%;
        top: 50px;
        width: 100%;
        min-height: 95px;
        padding: 12px 10px;
        font-size: 11px;
        border-radius: 0;
    }

    .recetario-card .btn {
        font-size: 10px;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}
footer{
    padding: 10px;
    background-color: var(--oster-gold);
    color: white;
}
@media (max-width:450px){
    .right-panel{
        min-height: 40vh;
    }
}
@media (max-width:750px){
    .right-panel{
        min-height: 60vh;
    }
}
@media (min-width:750px) and (max-width:1200px){
    .right-panel{
        min-height: 60vh;
    }
}
footer>div{
    text-align: center
}