.cabecera.c-tonicas .bg.img-full{
    background-image: url(../img/cabeceras/cabecera-tonicas.jpg);
}
.cabecera.c-citricos .bg.img-full{
    background-image: url(../img/cabeceras/cabecera-citricos.jpg);
}
.cabecera.c-otros .bg.img-full {
    background-image: url(../img/cabeceras/cabecera-otros.jpg);
}
.cabecera.c-selection .bg.img-full{
    background-image: url(../img/cabeceras/cabecera-selection2.jpg);
}
.cabecera.c-tonicas .bg.img-full{
    background-image: url(../img/cabeceras/cabecera-tonicas.jpg);
}
.cabecera.c-tonicas .bg.img-full{
    background-image: url(../img/cabeceras/cabecera-tonicas.jpg);
}
section.cabecera img.titulo {
            width: 45vw;
            max-width: 450px;
            margin-top: 30px;
        }
      .otros-img{
          width: 45vw;
        filter: drop-shadow(1px 1px 3px black);
      }  
.column {
   flex-basis:100% !important;
    max-width: 100%;
    position: relative;
    width: 100%;
}
.col1{
    width: 30%;
}
.col2{
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    padding-bottom: 150px;
}
.column a{
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: 100%;
}
.column .flexcol {
    max-width: 100%;
    display: flex;
    width: 100%;
    background: radial-gradient(black, transparent);
    flex-wrap: wrap;
}
.ornamento.o1{
    z-index: 1;
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 200px;
    background: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/home/marco.png);
    transform: translateY(-50%);
}
.sticky{
    display: flex;
    top: 0;
    justify-content: flex-start;
    align-items: flex-end;
    position: -webkit-sticky;
  position: sticky;
/*    background: red;*/
}
.sticky img{
    height: 85vh;
    transform-origin: bottom;
    pointer-events: relative;
/*    margin-bottom: -5vh;*/
}
.space-soda{
    margin-left: 50px;
    margin-right: 50px;
}
.producto-fixed img {
  margin-left: -130px;
}
.prod_container,.prod_container a{
    width:234px;
    text-decoration: none;
    display: flex;   
    flex-flow: column;
    align-items: center;
    transform-origin: bottom;
    justify-content: flex-end;
/*    background-color: rgba(0,0,0,0.01);*/
    /* background-color: #2320200d; */
}
.bg-white .prod_container,.bg-white .prod_container a{
    background-color: rgba(255,255,255,0.01);
/*    background-color: #2320200d;*/
}
.bg-blanco{
    background-color: #ffffff;
}
.prod_container,.prod_container a.boton img{
  transform-origin: bottom;
}
.prod_container,.prod_container a.over img{
  transform: scale(1.05);
}
.prod_img_container img{
    position: relative;
    display: flex;
    align-items: center;
}
.prod_img_container .overs{
    position: absolute;
    transform: scale(.65);
    width: 100%;
    height: 100%;
    top: 0;
}
.prod_img_container .overs img{
    position: absolute;
    bottom: 0;
    transform-origin: bottom;
    opacity: 0;
    transition-timing-function: ease-in;
    transition: 0.3s;
}
.prod_img_container .overs img.active{
    opacity: 1;
}

.img_pre{
    position: relative;
    width: 50%;
    height: 30px;
    left: -200%;
}
.img_pre_right{
    position: relative;
    width: 50%;
    height: 30px;
    right: -100%;
}
.img_pre_right-dos{
    position: relative;
    width: 50%;
    height: 30px;
    right: -27%;
    top: -88%;
}
.img_pre img{
    position: relative;
    mix-blend-mode: multiply;
}

.img_pre.blend{
    mix-blend-mode: difference;
}
.faldon img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.prueba:hover {
    transform: scale(1.05);
    transition: 0.3;
}


@media screen and (max-aspect-ratio: 1/1) {
    .space-soda {
            margin-left: 0;
            margin-right: 0;
        }
    .capa_absolute_movil{
        position: absolute;
        left: 0;
/*        bottom: -5vh;*/
        z-index: 1111;
    }
    .capa_absolute_movil img{
        position: absolute;
        left: 50% !important;
        bottom: -20vh !important;
        z-index: 1111;
    }
    .sticky img{
        display: none !important;
    }
    .col1 {
        width: 0;
    }
    .col2{
        width: 100%;
    }
    .prod_container, .prod_container a{
        width: 50%;
        display:flex !important;
    }
    

    /*      FICHA PRODUCTO      */

    .sticky2,.sticky4{
        height: min(60vh,990px);
        margin-top: 40vh;
    }

    /*      FIN FICHA PRODUCTO      */
}






































