/* ==========================================================
   TIENDA MOYA - HERO WHITE FINAL
========================================================== */

/*
 * TODO EL HERO ES BLANCO.
 * SOLO LA PLACA DE LA IMAGEN USA EL COLOR DEL TEMA.
 */

.home-hero,
.hero-slider,
.hero-stage,
.hero-slide,
.hero-slide > .electro-container,
.hero-slide > .hero-inner,
.hero-slide .hero-layout,
.hero-slide .hero-content,
.hero-slide .hero-copy,
.hero-slide .hero-text{
    background:#fff !important;
    background-color:#fff !important;
    background-image:none !important;
}


/* ==========================================================
   ZONA DE IMAGEN
========================================================== */

.hero-slide .hero-image,
.hero-slide .hero-visual,
.hero-slide .hero-media{
    background:
        var(--tm-primary,#ff7b00) !important;

    background-image:none !important;
}


/* la foto en sí queda limpia */

.hero-slide .hero-image img,
.hero-slide .hero-visual img,
.hero-slide .hero-media img{
    background:#fff !important;
}


/* ==========================================================
   BOTON / ACENTOS
========================================================== */

.hero-slide .hero-buy,
.hero-slide .yellow-button,
.hero-slide .btn-primary{
    background:
        var(--tm-primary,#ff7b00) !important;

    border-color:
        var(--tm-primary,#ff7b00) !important;
}


/* ==========================================================
   DOTS ACTIVOS
========================================================== */

.hero-dots .active,
.hero-dot.active,
.slider-dot.active,
.slick-dots li.slick-active button{
    background:
        var(--tm-primary,#ff7b00) !important;

    border-color:
        var(--tm-primary,#ff7b00) !important;
}


/* ==========================================================
   FLECHAS
========================================================== */

.hero-slide .hero-arrow,
.hero-slider .slider-arrow,
.hero-slider .slick-arrow{
    background:#fff !important;
}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:760px){

    .home-hero,
    .hero-slider,
    .hero-stage,
    .hero-slide,
    .hero-slide > .electro-container,
    .hero-slide > .hero-inner,
    .hero-slide .hero-layout,
    .hero-slide .hero-content{
        background:#fff !important;
        background-image:none !important;
    }

}