/* =========================================================
   01. FUENTES
   ========================================================= */

@import url(https://fonts.googleapis.com/css?family=Montserrat|Barlow+Condensed|Barlow|Roboto+Mono|Open+Sans:400|Quattrocento:700|Abel|Inter:400);


/* =========================================================
   02. VARIABLES GLOBALES
   ========================================================= */

:root {
    --bg: #ffffff;
    --surface: #fbfbfb;
    --primary: #0b6efd;      /* color principal (cta) */
    --accent: #ff8a00;       /* color de acento secundario */
    --muted: #6b7280;
    --text: #111827;
    --card-border: rgba(16, 24, 40, 0.06);
    --radius: 12px;
    --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
    --shadow-md: 0 6px 18px rgba(16, 24, 40, 0.08);
    --max-width: 1200px;
    --gap: 18px;
    --transition: 200ms cubic-bezier(.2, .9, .3, 1);
    --container-padding: 18px;
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}


/* =========================================================
   03. BASE GENERAL
   ========================================================= */

body {
    font-family: Barlow, sans-serif;
    font-weight: 400;
    /*
    background: linear-gradient(90deg, rgba(117,170,208,1) 0%, rgba(117,170,208,1) 10%, rgba(236,240,242,1) 15%, rgba(236,240,242,1) 85%, rgba(117,170,208,1) 90%, rgba(117,170,208,1) 100%) !important;
    */
}

a {
    color: #000;
}

h2 {
    line-height: inherit;
}

.page-header h1 {
    line-height: 1;
}

.page-header h1 small {
    font-size: 15px;
    color: #878787;
    margin-top: 10px;
    line-height: 20px;
}

.description {
    font-style: normal;
    font-size: 120%;
    line-height: 130%;
    margin-top: 5px;
    padding-right: 2px;
    padding-left: 2px;
}

.row-fluid {
    margin-left: 0;
}

.tab-content {
    margin-bottom: 15px;
}

div.figure.span4 {
    margin-left: 0px;
}

.breadcrumb {
    background-color: #ededed;
}

.muted {
    display: none;
}

ul.options-label > li.active {
    display: inline-block;
    border-radius: 5px;
}


/* =========================================================
   04. REGLAS DESACTIVADAS / COMENTADAS
   ========================================================= */

/*
.precio {
    visibility: hidden !important;
}

.precio-completo {
    visibility: hidden !important;
}
*/

/*
.navbar .navbar-inner {
    background: linear-gradient(180deg, rgba(117,170,208,1) 0%, rgba(117,170,208,1) 10%, rgba(236,240,242,1) 15%, rgba(236,240,242,1) 85%, rgba(117,170,208,1) 90%, rgba(117,170,208,1) 100%) !important;
}
*/


/* =========================================================
   05. NAVBAR / MENÚ / DROPDOWN
   ========================================================= */

.btn-group.hidden-phone {
    visibility: hidden !important;
}

.navbar-inner {
    border: solid;
    border-color: #0071bc;
    font-size: 13px;
}


.navbar .nav>li>a {
    padding: 5px 14px;
    color: #fff;
    border-radius: 2px;
    margin: 20px 5px 20px 5px;
}

.nav>li>a:focus,
.nav>li>a:hover {
    color: #0071bc;
    text-decoration: none;
    background-color: #fff;
}

.nav-tabs>li {
    font-size: 14px;
    font-variant: small-caps;
}

.nav-tabs.nav-stacked>li>a {
    border: none;
}



.dropdown-menu {
    background-color: #cecece;
}



.nav-collapse .dropdown-menu a,
.nav-collapse .nav>li>a {
    color: #000 !important;
}

.dropdown-menu>li>a:hover {
    background-color: #537eb7;
}


/* =========================================================
   06. BOTONES
   ========================================================= */

.btn-primary {
    font-family: Abel, sans-serif;
    text-transform: uppercase;
}

.listado-productos .btn-primary {
    margin: 10px 0 0 10px;
    border-radius: 1px;
}

.comprar.btn.btn-primary {
    background-color: #3f8a27 !important;
    /*06.09.2022*/
}

button.btn.btn-large,
input[type=submit].btn.btn-large {
    font-family: Abel, sans-serif;
    font-size: 15px;
    border-radius: 1px;
}

[data-action="enviar-form-consulta"] {
    border-radius: 5px !important;
    background-color: #f6546a !important;
}

[data-action="agregar-a-carrito"] {
    border-radius: 5px !important;
    background-color: #0b5e70 !important;
    /*VISIBILITY:HIDDEN;*/
}


/* =========================================================
   07. FORMULARIOS / INPUTS / OPTIONS
   ========================================================= */

option {
    font-family: "Roboto Mono", monospace;
    font-size: 12px;
    min-height: 1.6em !important;
}

.input-small {
    font-family: "Roboto Mono", monospace;
    font-size: 14px;
    width: 140px;
    height: auto;
    font-variant: small-caps;
}

.incremented15 {
    font-family: "Roboto Mono", monospace;
    height: auto !important;
    width: 130px !important;
    font-size: 14px !important;
}

.input-mini {
    font-family: "Roboto Mono", monospace;
    font-weight: 500;
}

.uneditable-input {
    width: 75px;
    background: #ccc;
}

.form-horizontal .control-group {
    margin-bottom: 1px !important;
    margin-top: 1px !important;
}


/* =========================================================
   08. PRODUCTOS - LISTADO / CARDS
   ========================================================= */

.thumbnail {
    background-color: #fff;
    border: 1px solid #ddd;
}

.listado-productos .thumbnail {
    box-shadow: 6px 6px 6px 1px rgba(0, 0, 0, .25);
    border-left: 0px;
    border-right: 5px solid #0071bc;
    border-top: 1px solid #0071bc;
    border-bottom: 1px solid #0071bc;
}

.listado-productos .thumbnail h5 {
    border-top: none;
    text-align: left;
    line-height: 1em;
    padding: 0px 5px;
    font-size: 20px;
}

.listado-productos .thumbnail .caption {
    background-color: #fff0;
}

h5.producto-descripcion {
    font-family: Inter, sans-serif !important;
    font-size: 25px;
    line-height: 33px;
}

.producto-descripcion {
    font-family: Inter, sans-serif !important;
    font-size: 25px;
    line-height: 33px;
}

.producto-descripcion-corta {
    margin: 15px;
    font-size: 16px;
    color: #000;
    text-align: left;
    display: block;
}

.producto-stock {
    position: static;
}

.producto-sku-value {
    font-family: "Roboto Mono", monospace;
    font-size: 1.5em;
}

.producto-acciones {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.wdg-producto .caption .producto-acciones {
    flex-direction: initial;
}


/* =========================================================
   09. PRECIOS
   ========================================================= */

.precio {
    font-family: Inter, sans-serif;
    /*
    visibility: hidden;
    06.09.2022
    */
}

.wdg-producto .caption .precio {
    position: relative;
    float: none;
}

.wdg-producto .caption .precio small {
    font-size: 10px;
}

.precio-final {
    font-size: 25px;
    font-weight: 700;
}

.precio-tachado {
    font-size: 15px;
}

.moneda {
    font-size: 15px;
}

.subtotal.dimmed-little {
    font-size: 25px;
    padding: 10px 0;
    color: #000;
}

.desde-hasta {
    font-family: "Barlow Condensed", sans-serif;
    margin-bottom: 5px;
}


/* =========================================================
   10. OPCIONES / ATRIBUTOS / MARCAS
   ========================================================= */

.inline.options-label {
    color: #ccc;
}

ul.options-label>li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
    border-radius: 2px;
    border: 1px solid;
}

ul.options-label>li.active {
    border-color: #5d8aa8;
}

ul.options-label>li.active>a {
    border-color: #fefefe;
    border-radius: 1px;
    color: #fff;
    background-color: #5d8aa8;
}

.inline.options-label.dimmed-little>li.active>a {
    border: 0;
    background: 0 0;
    color: #000;
}

ul.options-label.dimmed-little>li.active {
    border: none;
    font-size: 15px;
    text-transform: uppercase;
}

ul.options-color>li {
    border-radius: 8%;
}

ul.options-color>li a {
    border-radius: 5%;
}

.atributos-a-eleccion>span {
    display: none;
}

.MARCA {
    display: none;
}

.Marca {
    visibility: hidden;
}

/* =========================================================
   11. DETALLE DE PRODUCTO / GALERÍA / MODAL
   ========================================================= */

.categorias-y-productos .detalle .galeria-detalle-producto.galeria-zoom .thumbnail.active .thumbnail-hover {
    opacity: .2;
}

.categorias-y-productos .detalle .galeria-detalle-producto .thumbnail {
    background-color: #ffffff00;
}

.categorias-y-productos .detalle .galeria-detalle-producto .thumbnail .thumbnail-hover {
    visibility: hidden;
}

.categorias-y-productos .detalle .producto-descripcion-parcial {
    margin-bottom: 10px;
    margin-top: 2px;
}

.modal-body .image-container,
.modal-body .opciones-atributos {
    width: 40%;
    background-color: #fff !important;
}

a img {
    -webkit-transition: all .2s ease-in-out;
}

.noticias a img:hover,
a img:hover {
    background-color: #fff;
    opacity: 1;
}

/*
@media (min-width:980px) {
    .noticias a img:hover,
    a img:hover {
        -webkit-transform: scale(1.15);
        border-radius: 8px;
        border-left: solid 5px;
        border-right: solid 5px;
        border-color: #158FAD;
    }
}
*/


/* =========================================================
   12. CARRITO / CONSULTA
   ========================================================= */

.agregar-a-carro hr {
    margin: 25px;
    border: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
}


/* =========================================================
   13. COMPONENTES SUELTOS / NUEVOS
   ========================================================= */

.logo-market {
    height: 45px !important;
    width: 45px !important;
}

.sidebar {
    background: var(--surface);
    border-radius: var(--radius);
    padding: 14px;
    border: 1px solid var(--card-border);
    box-shadow: var(--shadow-sm);
}


/* =========================================================
   14. RESPONSIVE - TABLET / MOBILE HASTA 980PX
   ========================================================= */

@media (max-width: 980px) {
    h5.producto-descripcion {
        font-family: Abel, sans-serif !important;
        font-size: 16px !important;
    }

    .desde-hasta {
        font-size: 12px !important;
    }

    .producto-descripcion-corta {
        font-size: 12px !important;
        line-height: 12px !important;
    }

    .producto-stock {
        font-size: 10px !important;
    }

    .comprar.btn.btn-primary {
        background-color: #3f8a27 !important;
        width: 100px;
        border-radius: 1px !important;
        padding: 3px 0px;
        /*06.09.2022*/
    }
}

@media (max-width: 980px) {
    .precio-final {
        font-size: 20px;
        font-weight: 700;
    }

    .moneda {
        font-size: 20px;
    }

    .precio-tachado {
        font-size: 12px;
    }
}

@media (max-width: 980px) {
    .page-content h1 {
        font-size: 25px;
        font-weight: 700;
    }

    .page-content h2 {
        font-size: 25px;
        font-weight: 700;
        color: #728db1;
    }
}


/* =========================================================
   15. RESPONSIVE - MOBILE HASTA 540PX
   ========================================================= */

@media (max-width: 540px) {
    h5.producto-descripcion {
        font-family: Abel, sans-serif !important;
        font-size: 11px !important;
    }

    .producto-descripcion {
        font-size: 18px !important;
    }

    .precio {
        margin: 0px !important;
    }

    .moneda,
    .monto {
        font-size: 12px !important;
        font-weight: 700;
    }

    .desde-hasta {
        font-size: 10px !important;
        margin-bottom: 1px !important;
    }

    .producto-descripcion-corta {
        margin: 0px !important;
        font-size: 11px !important;
        line-height: 10px !important;
    }

    .producto-stock {
        font-size: 10px !important;
    }

    .comprar.btn.btn-primary {
        background-color: #3f8a27 !important;
        width: 100px;
        border-radius: 1px !important;
        padding: 3px 0px;
        /*06.09.2022*/
    }
}