/* TIENDA MOYA - BRANDING SEGURO */

:root{
    --tm-primary:#ff7b00;
    --tm-dark:#333e48;
    --tm-link:#0062bd;
    --tm-muted:#777777;

    --tm-font-family:Arial, Helvetica, sans-serif;
    --tm-font-scale:1.12;
    --tm-price-scale:1.18;

    --tm-site-width:1480px;
    --tm-radius:6px;

    --yellow:var(--tm-primary,#ff7b00);
}

body{
    font-family:
        var(--tm-font-family) !important;
}

.electro-container,
.tm-ref-page-shell,
.tm-home-container{
    width:100% !important;

    max-width:
        var(--tm-site-width) !important;

    margin-left:auto !important;
    margin-right:auto !important;
}

.yellow-menu,
.product-yellow-nav{
    background-color:
        var(--tm-primary) !important;
}

.electro-search{
    border-color:
        var(--tm-primary) !important;
}

.electro-search button,
.search button,
.add-cart,
.add-to-cart,
.tm-real-apply,
.checkout{
    background-color:
        var(--tm-primary) !important;
}

.product-title a,
.product-name a,
.tm-ref-search-product strong{
    color:
        var(--tm-link) !important;
}

.price strong,
.product-price,
.sale-price,
.current-price,
.single-product-price,
.product-detail-price{
    font-size:
        calc(
            1em *
            var(--tm-price-scale)
        ) !important;
}

.add-cart,
.add-to-cart,
.tm-real-apply,
.tm-real-clear,
.checkout{
    border-radius:
        var(--tm-radius) !important;
}

.electro-logo img{
    display:block !important;
    width:auto !important;
    max-width:190px !important;
    max-height:62px !important;
    object-fit:contain !important;
}

@media(max-width:760px){

    .electro-container,
    .tm-ref-page-shell,
    .tm-home-container{
        max-width:
            calc(100% - 20px) !important;
    }
}

/* ==========================================================
   TIENDA MOYA - COMPATIBILIDAD DE ACENTO
========================================================== */

:root{
    --tm-yellow:var(--tm-primary,#ff7b00);

    --tm7-yellow:var(--tm-primary,#ff7b00);

    --tm-icon-accent:var(--tm-primary,#ff7b00);

    --yellow:var(--tm-primary,#ff7b00);
}


body .yellow-menu,
body .product-yellow-nav,
body .tm-real-apply,
body .tm-ref-search button{
    background:
        var(--tm-primary) !important;
}


body .electro-search,
body .tm-real-range,
body input[type="range"]{
    accent-color:
        var(--tm-primary) !important;
}


body .electro-search{
    border-color:
        var(--tm-primary) !important;
}


body .electro-search button{
    background:
        var(--tm-primary) !important;
}


/* TM_NAV_SECONDARY_START */

/*
 * Barra principal de navegación.
 * Usa el color secundario definido en Branding:
 * --tm-link
 */

.yellow-menu,
.yellow-menu .yellow-inner{
    background:
        var(--tm-link,#0062bd) !important;

    background-color:
        var(--tm-link,#0062bd) !important;

    border-color:
        var(--tm-link,#0062bd) !important;
}


/* textos e iconos */

.yellow-menu a,
.yellow-menu button,
.yellow-menu .mega-trigger,
.yellow-menu .departments-link,
.yellow-menu i,
.yellow-menu svg{
    color:#fff !important;
}


/* quitar cajas blancas/naranjas internas */

.yellow-menu a,
.yellow-menu button,
.yellow-menu .mega-trigger,
.yellow-menu .departments-link{
    background:
        transparent !important;

    background-color:
        transparent !important;

    border-color:
        transparent !important;
}


/* hover suave */

.yellow-menu a:hover,
.yellow-menu button:hover,
.yellow-menu .mega-trigger:hover,
.yellow-menu .departments-link:hover{
    background:
        rgba(255,255,255,.12) !important;

    color:#fff !important;
}


/* SVG */

.yellow-menu svg{
    stroke:currentColor !important;
}


/* TM_NAV_SECONDARY_END */