/* Common tags                 */
/*-----------------------------*/
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /*--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
@font-face {
    font-family: 'Glacial Indifference';
    src: url('/fonts/GlacialIndifference-Italic.woff2') format('woff2'), url('/fonts/GlacialIndifference-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Glacial Indifference';
    src: url('/fonts/GlacialIndifference-Bold.woff2') format('woff2'), url('/fonts/GlacialIndifference-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Glacial Indifference';
    src: url('/fonts/GlacialIndifference-Regular.woff2') format('woff2'), url('/fonts/GlacialIndifference-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
    /*   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 color: #212529;
*/ font-family: var(--font-family-sans-serif);
    color: #838384;
    text-align: left;
    background-color: #fff;
}
A.rubroLink:link
{
    color: white;
    text-decoration: none;
    font-weight: bold;
}
A.rubroLink:visited
{
    color: red;
    text-decoration: none;
    font-weight: bold;
}
A.rubroLink:active
{
    color: #66CCCC;
    cursor: hand;
    text-decoration: none;
    font-weight: bold;
}
A.rubroLink:hover
{
    color: teal;
    cursor: hand;
    font-weight: bold;
}
.headerHome
{
    background-image: url('img/Boton-Home.gif');
    background-repeat: no-repeat;
    height: 20px;
    width: 81px;
}
.menutextindent
{
    font-size: x-small;
}

/* Headings                    */
/*-----------------------------   */
h1
{
    font-size: medium;
    color: #555;
    padding-left: 30px;
}
h2 {
    font-size: small;
    color: #838384 !important;
    margin-left: 40px;
    font-weight: normal;
}
h3 {
    padding-left: 30px;
    font-size: 10px;
    color: #838384 !important;
}
h4 {
    font-size: x-small;
    
    color: #838384 !important;
   
}
h4 {
   
    color: #838384 !important;
}

/* Tables                      */
/*-----------------------------*/
table.header
{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: #FFFFFF;
}

td.cajalogin
{
    width: 35%;
    float: right;
}
td.logo
{
    background-position: center center;
    background-image: url('img/logo.png');
    background-repeat: no-repeat;
}
td.headerbar
{
    padding-left: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
}
td.headerlogin
{
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    float: right;
    font-size: small;
    margin-right: 0px;
}
table.menu
{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: #FF00FF;
    position: relative;
    height: 35px;
}
td.menu
{
    width: 100%;
    vertical-align: middle;
    border-spacing: 0px;
}
tr.menu
{
    background-color: #2eca6a;
    font-size: medium;
    vertical-align: middle;
    width: 100%;
  /*  font-family: Arial;*/
    color: #FFFFFF;
}


td.LargoMenu
{
    border-spacing: 0px;
    text-align: left;
    width: 80%;
    vertical-align: middle;
}
td.LargoSearch
{
    width: 100%;
    height: 100%;
    padding: 5px 10px 5px 10px;
    text-align: right;
    float: right;
    position: relative;
    color: #FFFFFF;
    vertical-align: middle;
}

td.searchtextW
{
    font-size: medium;
    font-weight: bold;
    color: White;
}

.menu
{
    background-color: #2eca6a;
}


.MenuLetras
{
    font-size: 14px;
    color: White;
    font-weight: bold;
}

.MenuLetras:hover
{
    font-size: 14px;
    color: Black;
    font-weight: bold;
}
.MenuLetrasPedido
{
   /* font-family: Arial;*/
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}
.itemmenu
{
    color: #FFFFFF;
}
/* chequear si usarlos o no */
.searchtext
{
    border-color: #FFFFFF;
    vertical-align: middle;
    border-style: none;
    font-size: small;
    color: #000000;
    position: relative;
}
.searchtextw
{
    vertical-align: middle;
    font-size: small;
    color: #FFFFFF;
    font-weight: bold;
}
.searchboxtext
{
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MASTER PAGE FORMATOS !!!
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.master-wrapper-page
{
    width: 100%;
    top: 0px;
}
.master-wrapper-content
{     position: relative;
  
}
/*2 columnas master page */

.master-wrapper-content .col1
{
    float: left;
    width: 20%;
    background-color: #f8f9f9;
}
.master-wrapper-content .col2
{
    float: right;
    width: 80%;
    background-color: #f8f9f9;
}
.master-wrapper-cph-3
{
    margin: 0px 0px 0px 5px;
    width: 100%;
}
.master-wrapper-centro-1
{
    background-color: #FFFFFF;
}
.master-wrapper-cph-1
{
}
.Master-Footer
{
    margin-left: auto;
    margin-right: auto;
    width: auto;
    font-family: BrowalliaUPC;
    font-size: medium;
    font-weight: bolder;
    font-style: italic;
    color: #333333;
    text-align: right;
    padding-left: 20px;
}
.siteMap
{
    float: right;
}
.TituloSimple
{
    font-weight: bold;
    font-size: 10pt;
    text-transform: uppercase;
    color: black;
    font-family: sans-serif;
    letter-spacing: normal;
    margin: 4mm 10mm 0mm 5mm;
}
.TituloSimpleCC
{
    font-weight: bold;
    font-size: 10pt;
    margin: 4mm 10mm 0mm 5mm;
    text-transform: uppercase;
/*    font-family: Verdana, Arial, Helvetica, sans-serif;*/
    letter-spacing: normal;
}
.TextoLogin
{
    font-size: 8pt;
    color: #008000;
  /*  font-family: Verdana, Arial, Helvetica, sans-serif;*/
    width: 60px;
    height: 10px;
    float: right;
}
.message-error
{
    font-family: sans-serif;
    font-size: small;
    color: red;
}

.textosimple
{
    font-size: x-small;
}

.header2
{
    font-size: small;
    margin: 4mm 5mm 0mm 0mm;
    height: 35px;
    color: #666666;
    text-align: right;
    float: right;
    vertical-align: middle;
    line-height: normal;
    position: relative;
}
/*-----------------------------*/
/*  Login                      */
/*-----------------------------*/
.login-page .wrapper .returning-wrapper .login-block
{
    margin-top: 20px;
}
.loggingButton
{
    border-width: 0px;
    font-family: sans-serif;
    font-size: small;
    font-weight: normal;
}
.login-table-container
{
    font-size: x-small;
}

.login-table-container .row
{
}
.login-table-container .row .item-name
{
    padding: 5px 5px 5px 0px;
    display: block;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: bold;
    text-align: left;
}

.login-table-container .row .item-value
{
    padding: 5px 5px 5px 0px;
    vertical-align: middle;
}

.login-page .forgot-password
{
    font-weight: bold;
}
.buttonsIcon
{
    background-image: url('img/iconoInicio.png');
    background-repeat: no-repeat;
    background-position: center;
}

.login-page .buttons
{
    float: right;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    clear: both;
    background-color: White;
    border-color: #41519A;
    border-width: 1px;
    font-size: "x-small";
    border-style: Solid;
    vertical-align: middle;
}
/*-----------------------------*/
/* registration                */
/*-----------------------------*/
.registration-page
{
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}
.registration-page .page-title
{
    border-bottom: 0 none;
}
.registration-page .body
{
    margin: 0px 0 0 0;
    padding: 0px 0 0 0;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}
.registration-page .section-title
{
    padding: 10px 10px 5px 0px;
    font-weight: bold;
    clear: both;
    font-size: 12px;
}
.registration-page .section-body
{
    text-align: left;
    padding: 10px;
    border: 1px solid #d7d7d7;
    height: auto;
}
.registration-page .button
{
    float: right;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    clear: both;
}
.password-recovery-page, newsletter-page
{
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}
.password-recovery-page .page-title, newsletter-page .page-title
{
    border-bottom: 0 none;
}
dy
{
    margin: 0px 0 0 0;
    padding: 0px 0 0 0;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}
.headermenu
{
    border-style: none;
    background-position: center;
 /*   font-family: Arial;*/
    font-size: small;
    font-weight: bold;
    color: #000000;
    letter-spacing: 1em;
    width: 100%;
    position: absolute;
    float: right;
    display: inline-block;
    background-color: #28a745;
}
.headermenu ul
{
    padding: 0;
    margin: 0;
}

.headermenu li
{
    list-style: none;
    display: inline;
}

.headermenu a
{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: bold;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 15px;
}

/*-----------------------------*/
/*          SEARCH BOX         */
/*-----------------------------*/
.searchbox
{
    float: right;
    display: block;
}
/*-----------------------------*/
/*          FOOTER             */
/*-----------------------------*/
.footer
{
    clear: both;
    height: 35px;
    border-top: 4px solid #666666;
    background: #FFF;
    padding: 5px 5px 5px 5px;
}
.footer a
{
    text-decoration: none;
}
.footer-disclaimer
{
    float: right;
    font-size: 11px;
}
.footer-poweredby
{
    float: left;
    font-size: 11px;
}

.numerictextboxtext
{
    border: solid 1px #E3E3E3;
    vertical-align: top;
    font-size: 12px;
}
.searchboxbutton
{
    margin-bottom: 2px;
}

/*---------------------------------------------------*/
/*       ORDER SUMMARY, SHOPPING CART, WISHLIST      */
/*---------------------------------------------------*/

.shoppingcart-page
{
    height: 400px;
    padding-bottom: 5px;
    padding-left: 0;
}
.shoppingcart-page .page-title
{
    border-bottom: 0 none;
}

.shoppingcart-page .body
{
    margin: 0px 0 0 0;
    padding: 0px 0 0 0;
    font-size: 11px;
}
.order-summary-content
{
    margin: 5px;
    padding: 10px 10px 10px 10px;
    font-size: 11px;
    color: #555;
    text-align: center;
    background-color: #FFFFFF;
}
.order-summary-content .cart
{
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
}
.order-summary-content .cart td
{
    padding: 3px 0 3px 0;
}
.order-summary-content .cart .cart-header-row
{
    font-weight: bold;
    color: #333333;
    height: 40px;
    width: 100%;
    background-color: #f8f9fa;
}
.order-summary-content .cart .cart-header-row td
{
    border-right: solid 1px #6a6a6a;
    border-right-color: #FFFFFF;
}
.order-summary-content .cart .cart-header-row td.product
{
     text-align: left;
    padding: 0px 10px 0px 10px;
}
.order-summary-content .cart .cart-header-row td.picture
{
    border: none;
}
.order-summary-content .cart .cart-item-row td.end
{
    text-align: right;
    font-weight: bold;
    color: #800000;
    padding-right: 5px;
}
.order-summary-content .cart .cart-item-row td
{
    border-bottom: 1px solid #c5c5c5;
    vertical-align: middle;
    line-height: 30px;
}
.order-summary-content .cart .cart-item-row td.product
{
    text-align: left;
    padding: 0px 5px 0px 5px;
}
.order-summary-content .cart .cart-item-row td.product a
{
    font-weight: bold;
}
.order-summary-content .cart .cart-item-row td.end
{
    text-align: right;
    font-weight: bold;
    color: Green;
    padding-right: 5px;
}

.order-summary-content .warning-box .warning-text
{
    color: Red;
    position: relative;
}
.order-summary-content .cart-footer
{
}
.order-summary-content .cart .cart-footer-row
{
    border-bottom: 2px double #c5c5c5;
    width: 100%;
}

.order-summary-content .cart-footer .td
{
    background-color: Red;
}

.order-summary-content .total-info
{
    margin: 0px;
    padding: 10px 5px 10px 0px;
    font-size: 12px;
}

.elegircliente
{
    width: 80%;
    margin: 25px 5px 25px 5px;
    padding: 10px 10px 10px 10px;
    font-size: small;
    color: #555;
    text-align: center;
    background-color: #F5F5F5;
    border-spacing: 5px;
    clip: rect(10px, auto, 10px, auto);
}
.cart_total_left
{
    width: 100%;
    text-align: right;
    vertical-align: middle;
    height: 21px;
    font-weight: bold;
    color: #353434;
}

.cart_total_left_below
{
    width: 100%;
    text-align: right;
    vertical-align: top;
    height: 30px;
}

.cart_total_right
{
    text-align: right;
    vertical-align: middle;
    padding-left: 5px;
}
.order-summary-content .buttons
{
    padding: 0px 10px 0px 10px;
    margin: 0px;
    border-style: none;
    background-position: center;
    font-size: small;
    font-weight: bold;
    background-image: url('img/AzulGrande.png');
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    background-repeat: no-repeat;
    width: 158px;
    height: 40px;
    background-color: #FFFFFF;
}
.order-summary-content .buttons:hover
{
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('img/verde grande.png');
}
.order-summary-content .btnConfirmar
{
    width: 158px;
    height: 40px;
    background-color: #FFFFFF;
    background-position: center;
    border: none;
    font-size: small;
    font-weight: bold;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    background-image: url('img/verde grande.png');
    background-repeat: no-repeat;
}
.order-summary-content .btnConfirmar:hover
{
    background-image: url('img/rojo grande.png');
    background-repeat: no-repeat;
}
.order-summary-content .buttons .common-buttons
{
    float: left;
    margin: 0px;
}
.order-summary-content .buttons .addon-buttons
{
    float: right;
    margin: 0px;
    text-align: right;
}

/* Ver historial del pedido  */
.OH-content
{
    margin: 5px;
    padding: 10px 10px 10px 10px;
    font-size: 11px;
    color: #555;
    text-align: center;
    width: 80%;
    position: relative;
    height: 50%;
}
.OH-content .carrito
{
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
}
.OH-content .carrito td
{
    padding: 3px 0 3px 0;
}
.OH-content .carrito .carrito-header-row
{
    font-weight: bold;
    color: white;
    height: 35px;
    width: 100%;
    background-color: #00326A;
}
.OH-content .carrito .carrito-header-row td
{
    background: #00326A;
    color: white;
    border-right: solid 1px #6a6a6a;
    height: 35px;
}
.OH-content .carrito .carrito-header-row td.picture
{
    border: none;
}

.OH-content .carrito .carrito-item-row td.end
{
    text-align: right;
    font-weight: bold;
    color: #800000;
    padding-right: 5px;
}

.OH-content .carrito .carrito-item-row td
{
    border-bottom: 1px solid #c5c5c5;
    vertical-align: middle;
    line-height: 30px;
    padding-left: 10px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-color: #c5c5c5;
    border-bottom-color: #c5c5c5;
    border-left-color: #c5c5c5;
    border-left-width: 1px;
    border-left-style: solid;
}

.OH-content .carrito .carrito-item-row td.lblprod
{
    text-align: left;
    padding: 0px 10px 0px 10px;
}

.OH-content .carrito .carrito-item-row td.lblprod a
{
    font-weight: bold;
}
.OH-content .carrito .carrito-item-row td.lblnom
{
    text-align: left;
    font-weight: bold;
}
.OH-content .carrito .carrito-item-row td.end
{
    text-align: right;
    font-weight: bold;
    color: Green;
    padding-right: 5px;
}

.OH-content .carrito-footer
{
    width: 100%;
    background: url('img/cart-footer-bg.gif') repeat-x bottom;
}

.OH-content .carrito-footer .td
{
    background-color: Red;
}

.OH-content .total-info
{
    margin: 0px;
    padding: 10px 5px 10px 0px;
    font-size: 12px;
}

.carrito_total_left
{
    width: 100%;
    text-align: right;
    vertical-align: middle;
    height: 21px;
    font-weight: bold;
    color: #353434;
}

.carrito_total_left_below
{
    width: 100%;
    text-align: right;
    vertical-align: top;
    height: 30px;
}

.carrito_total_right
{
    text-align: right;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	CHECKOUT, ORDER DETAILS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.order-summary-title
{
    padding: 10px 10px 5px 0px;
    font-size: 11px;
    color: #555;
    font-weight: bold;
    clear: both;
}
.order-summary-body
{
    text-align: center;
    margin: 10px 10px 10px 10px;
    border: 1px solid #d7d7d7;
    height: auto;
}
.order-details
{
    margin-bottom: 15px;
    padding: 0px;
}
.order-details .page-title
{
    border-bottom: 0 none;
}
.order-details .info
{
    border: 1px solid #d7d7d7;
    padding: 10px;
}
.order-details .section-title
{
    padding: 10px 10px 5px 0px;
    font-weight: bold;
    clear: both;
}
.order-details .order-overview
{
    text-align: left;
    padding-bottom: 10px;
}
.order-details .shipping-box
{
    text-align: left;
    padding: 10px;
    border: 1px solid #d7d7d7;
    height: auto;
}
.order-details .billing-box
{
    text-align: left;
    padding: 10px;
    border: 1px solid #d7d7d7;
    height: auto;
}
.order-details .lblprod, .order-details .lblnom
{
    text-align: left;
    padding: 10px;
    border: 1px solid #d7d7d7;
    height: auto;
}
.order-details .lblcant, .order-details .lblnet, .order-details .lblpu
{
    text-align: left;
    padding: 10px;
    border: 1px solid #d7d7d7;
    height: auto;
}
.order-details .checkout-attributes
{
    text-align: right;
    vertical-align: middle;
    padding: 10px;
    height: auto;
}
.downloable-products
{
    margin: 0px 0 0 0;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}
.downloable-products .info
{
    padding: 10px;
}

.downloable-products .products-box
{
    text-align: left;
    padding: 10px;
    border: 1px solid #d7d7d7;
    height: auto;
}
/* Grilla de productos */
.home-page-catalogo2
{
    top: 0px;
    text-align: left;
    display: block;
}

.home-page-catalogo
{
    top: 0px;
    text-align: left;
    display: block;
    font-family: sans-serif;
    background-color: #f8f9f9;
}
.home-page-catalogo .producto-grid .header2
{
    font-size: small;
    margin: 4mm 5mm 0mm 0mm;
    height: 35px;
    color: #666666;
    text-align: right;
    float: right;
    vertical-align: middle;
    line-height: normal;
    position: relative;
}
.home-page-catalogo .producto-grid
{
    padding: 0px;
    margin-right: 0px;
    vertical-align: middle;
    float: left;
    font-size: small;
    position: relative;
}


.home-page-catalogo .producto-grid .producto-item
{
    width: 245px;
    height: 415px;
    border: 0.5px solid #E3E3E3;
    padding: 3px 0px 3px 0px;
    position: relative;
    vertical-align: middle;
    text-align: center;
    line-height: normal;
}


.home-page-catalogo .producto-grid .producto-item .picture
{
    background-position: center center;
    max-width: 239px;
    max-height: 250px;
    background-repeat: no-repeat;
}
.home-page-catalogo .producto-grid .producto-item .add-info .desctitulo
{
    color: #2B0015;
    font-weight: bold;
    font-size: 0.9em;
}
.home-page-catalogo .producto-grid .producto-item .add-info .desc
{
    font-weight: bold;
    font-size: 0.8em;
}

.home-page-catalogo .producto-grid .producto-item .add-info .descb
{
    font-size: xx-small;
}

.home-page-catalogo .producto-grid .product-item .add-info .precios .productoPrecios
{
    color: #800000;
}
.home-page-catalogo .producto-grid .producto-item .add-info .precios
{
    color: #800000;
    float: right;
    font-weight: bold;
    font-size: 0.8em;
    padding-right: 5px;
    padding-bottom: 5px;
}
.home-page-catalogo .producto-grid .producto-item .add-info .estaenelcarrito
{
    font-size: small;
    color: #00326A;
}
.home-page-catalogo .producto-grid .producto-item .RenglonCantidad
{
    vertical-align: baseline;
    padding-bottom: 5px;
}
.home-page-catalogo .producto-grid .producto-item .RenglonCantidad .cantidad
{
    color: #800000;
    border: 0.5px solid #999999;
    text-align: right;
    width: 40px;
    left: 0px;
}

.home-page-catalogo .producto-grid .producto-item .RenglonCantidad .ComprarButton
{
    margin: 10px;
    border: none;
    font-size: x-small;
    font-weight: bold;
    background-image: url('img/Rectangulo.png');
    color: #FFFFFF;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-variant: small-caps;
    vertical-align: middle;
    padding: 6px 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
}

.home-page-catalogo .producto-grid .producto-item .RenglonCantidad .ComprarButton:hover
{
    background-image: url('img/Rectanguloh.png');
}

.home-page-catalogo .producto-grid .producto-item .add-info .RenglonCantidad .descT
{
    font-size: x-small;
}

.home-page-catalogo .producto-grid .producto-item .add-info .precios .oldproductPrice
{
    color: Red;
    text-decoration: line-through;
}
/*------------------HORIZONTAL --------------------*/
/*------------------HORIZONTAL --------------------*/
/*------------------HORIZONTAL --------------------*/
.home-page-catalogo .producto-grid .producto-itemH
{
    height: auto;
    width: auto;
    padding-right: 0px;
    padding-left: 0px;
    border-spacing: 1px;
    border: 0.5px solid #E3E3E3;
    position: relative;
    background-color: #FFFFFF;
}
.home-page-catalogo .producto-grid .producto-itemH .pictureH
{
    background-position: center center;
    max-width: 66px;
    max-height: 66px;
    background-repeat: no-repeat;
}
.home-page-catalogo .producto-grid .producto-itemH .add-infoH .desctituloH
{
    color: #2B0015;
    font-weight: bold;
    font-size: x-small;
}
.home-page-catalogo .producto-grid .producto-itemH .add-infoH .descH
{
    font-weight: bold;
    font-size: x-small;
}

.home-page-catalogo .producto-grid .producto-itemH .add-infoH .descbH
{
    font-size: xx-small;
}
.home-page-catalogo .producto-grid .producto-itemH .descbH
{
    font-size: xx-small;
}

.home-page-catalogo .producto-grid .product-itemH .preciosH .productoPreciosH
{
    color: #000000;
}
.home-page-catalogo .producto-grid .producto-itemH .preciosH
{
    color: #2eca6a;
    float: right;
    font-size: small;
    padding-right: 5px;
    font-weight: bold;
}
.home-page-catalogo .producto-grid .producto-itemH .estaenelcarritoH
{
    font-size: x-small;
    color: #2eca6a;
    font-weight: bold;
}
.home-page-catalogo .producto-grid .producto-itemH .RenglonCantidadH
{
    vertical-align: middle;
}
.home-page-catalogo .producto-grid .producto-itemH .RenglonCantidadH .descTH
{
    font-size: xx-small;
    float: right;
}
.home-page-catalogo .producto-grid .producto-itemH .RenglonCantidadH .cantidadH
{
    color: #333333;
    border: 0.3px solid #999999;
    text-align: right;
}

.home-page-catalogo .producto-grid .producto-itemH .RenglonCantidadH .ComprarButtonH
{
    border-style: none;
    background-position: center center;
    background-image: url('img/Azul Mediano.png');
    background-repeat: no-repeat;
  /*  font-family: Arial;*/
    font-size: xx-small;
    color: #FFFFFF;
    background-color: #FFFFFF;
}

.home-page-catalogo .producto-grid .producto-itemH .RenglonCantidadH .ComprarButtonH:hover
{
    border-style: none;
    background-position: center center;
    background-image: url('img/verde mediano.png');
    background-repeat: no-repeat;
    display: inline-block;
}
.home-page-catalogo .producto-grid .producto-itemH .preciosH .oldproductPriceH3
{
    color: Red;
    text-decoration: line-through;
}

/*-----------------------*/
.home-page-catalogo .warning-box
{
    position: relative;
    vertical-align: middle;
}
.home-page-catalogo .warning-text
{
    text-align: center;
    color: #CC0000;
    margin-left: 5px;
    height: 30px;
    width: AUTO;
    font-size: small;
    position: relative;
    top: 30px;
    font-style: normal;
    font-weight: bold;
    vertical-align: middle;
}
.home-page-catalogo .producto-grid .pagenav
{
    vertical-align: bottom;
    text-align: center;
}

/* Rubros y Subrubros - Menu pagina ppal */
.menu-categoria {
    font-size: small;
    height: auto;
    position: relative;
    vertical-align: top;
    text-transform: capitalize;
    top: 0px;
    text-align: left;
    display: block;


    color: #000000;
}
    .menu-categoria .categoria-cuerpo {
        padding-left: 0px;
        margin-left: 0px;
    }
.menu-categoria .categoria-cabecera
{
    text-transform: capitalize;
}
    .menu-categoria .categoria-item {
        text-transform: capitalize;
        font-weight: normal;
        text-align: left;
        padding-left: 0px;
        margin-left: 0px;
    }
.menu-categoria .categoria-item:hover
{
    font-weight: bold;
}
.micompra
{
    margin-left: 0px;
    margin-right: auto;
    width: 200px;
    height: auto;
}
.micompra .cabecera
{
}
.micompra .cuerpo
{
}
.micompra .pie
{
    background-image: url('img/categoriacabecera.png');
    height: 25px;
    display: block;
    padding-bottom: 5px;
    background-repeat: no-repeat;
    padding-top: 5px;
}
.micompra .pie .btnVer
{
    font-family: 'Courier New' , Courier, monospace;
    font-size: small;
    font-weight: normal;
    height: 17px;
}
.micompra .pie .btnConfirmar
{
    width: 68px;
    height: 17px;
    border-width: 0px;
    background-position: right top;
    background-image: url('img/Boton-confirmar.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.micompra .pie .btnVaciar
{
    background-position: right top;
    width: 68px;
    height: 17px;
    background-image: url('img/Boton-vaciar.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
}
/********* contactenos **************/
.table-contactenos
{
    text-align: left;
    color: #555;
    width: 900px;
    margin-left: 30px;
}
/*********   **************/
.HeaderHome
{
    background-position: center;
    background-image: url('img/Boton-Home.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.HeaderPedido
{
    background-position: center;
    background-image: url('img/Boton-Su-pedido.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.HeaderContacto
{
    background-position: center;
    background-image: url('img/Boton-contactenos.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.commonsbuttons
{
    background-position: center;
    font-family: Calibri;
    font-size: small;
    font-weight: bold;
    background-image: url('img/grey_button_bg.gif');
    background-repeat: no-repeat;
    color: #FFFFFF;
    letter-spacing: 1em;
}

.commonsbuttons1
{
    background-position: center;
    font-family: Calibri;
    font-size: 0.8em;
    font-weight: bold;
    background-image: url('img/grey_button_bg.gif');
    background-repeat: no-repeat;
    color: #FFFFFF;
}

.boton
{
    border-style: none;
    font-size: x-small;
    font-weight: bold;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    font-family: Arial;
    background-color: #00326A;
    height: 36px;
}

.botonnew
{
    height: 36px;
    width: 98px;
    font-size: x-small;
    font-weight: bold;
/*    font-family: Arial;*/
}

.boton:hover
{
    background-color: #2ECA6A;
}
.botonbs {
    font-size: x-small;
    font-weight: bold;
    color: #FFFFFF;
    /*    font-family: Arial;*/
    background-color: #00326A;
}
.botonbs:hover
{
    background-color: #2ECA6A;
}
.botonSalir
{
    padding: 5px;
    font-size: 11px;
    font-weight: bold;
    color: White;
    background-color: #555;
    border-color: #41519A;
    border-width: 1px;
    border-style: Solid;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    height: 30px;
    width: 50px;
}
.botoningresar
{
    border-style: none;
    background-position: center center;
    background-image: url('img/Azul Mediano.png');
    background-repeat: no-repeat;
 /*   font-family: Arial;*/
    font-size: small;
    color: #FFFFFF;
    background-color: #FFFFFF;
    font-weight: bold;
}
.botoningresar:hover
{
    background-image: url('img/verde mediano.png');
    background-repeat: no-repeat;
    background-position: center center;
}

/*--- Indice grilla -----------------------*/
          
.paginado .current
{
    background: #333333;
    color: #fff;
    border: solid 1px #AAE;
}

.paginado
{
    padding: 2px 6px;
    border: solid 1px #ddd;
    color: #555;
    text-decoration: none;
    background-color: #FFFFFF;
}


.paginado:hover
{
    background-color: #17a2b8;
    color: #FF0000;
}

.lp-page-catalogo
{
    top: 0px;
    display: block;
/*    font-family: Arial;*/
}
.lp-page-catalogo .producto-grid
{
    font-size: small;
    padding: 0px;
    margin: 20px;
    position: relative;
}

.lp-page-catalogo .producto-grid .producto-item
{
    height: 100px;
    width: auto;
    padding-right: 0px;
    padding-left: 0px;
    border-spacing: 1px;
    border: 0.5px solid #E3E3E3;
    position: relative;
    background-color: #FFFFFF;
}
.lp-page-catalogo .producto-grid .producto-item .picture
{
    background-position: center center;
    max-width: 100px;
    max-height: 100px;
    background-repeat: no-repeat;
}
.lp-page-catalogo .producto-grid .producto-item .add-info
{
    padding-left: 10px;
}

.lp-page-catalogo .producto-grid .producto-item .add-info .desctitulo
{
    color: #2B0015;
    font-weight: bold;
    font-size: 0.9em;
}
.lp-page-catalogo .producto-grid .producto-item .add-info .desc
{
    font-weight: bold;
    font-size: 0.8em;
}
.lp-page-catalogo .producto-grid .producto-item .precios
{
    position: relative;
    color: #00326A;
    float: right;
    font-size: 1em;
    padding-right: 5px;
    font-weight: bold;
}

.botongenerico
{
    padding: 0px 10px 0px 10px;
    margin: 0px;
    border-style: none;
    background-position: center;
    font-size: x-small;
    font-weight: bold;
    background-image: url('img/AzulGrande.png');
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    background-repeat: no-repeat;
    width: 158px;
    height: 40px;
    background-color: #FFFFFF;
}


.desctitulopicture
{
    color: #2B0015;
    font-weight: bold;
    font-size: medium;
}
.desctextopicture
{
    color: #2B0015;
    font-size: medium;
}
.descsmallpicture
{
    color: #2B0015;
    font-size: small;
}
.ComprarButtonH
{
    background-position: center center;
    background-image: url('img/Azul Mediano.png');
    background-repeat: no-repeat;
    font-size: xx-small;
    color: #FFFFFF;
/*    font-family: Arial;*/
    line-height: normal;
    text-align: center;
    position: relative;
    display: block;
}

.ComprarButtonH:hover
{
    background-position: center center;
    background-image: url('img/verde mediano.png');
    background-repeat: no-repeat;
}

.RenglonCantidadH
{
    vertical-align: middle;
}
.RenglonCantidadH .descTH
{
    font-size: xx-small;
    float: right;
}
.RenglonCantidadH .cantidadH
{
    color: #333333;
    border: 0.3px solid #999999;
    text-align: right;
}

.RenglonCantidadH .ComprarButtonH
{
    border-style: none;
    background-position: center center;
    background-image: url('img/Azul Mediano.png');
    background-repeat: no-repeat;
/*    font-family: Arial;*/
    font-size: xx-small;
    color: #FFFFFF;
    background-color: #FFFFFF;
}

.RenglonCantidadH .ComprarButtonH:hover
{
    border-style: none;
    background-position: center center;
    background-image: url('img/verde mediano.png');
    background-repeat: no-repeat;
    display: inline-block;
}
.pictureH
{
    background-position: center center;
    max-width: 70px;
    max-height: 70px;
    background-repeat: no-repeat;
}
/* Style all font awesome icons */
.fa
{
    padding: 20px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
}


/*FOOTER*/
/*
footer
{
    background: #28a745;
    background: -webkit-linear-gradient(59deg, #2eca6a, #28a745);
    background: linear-gradient(59deg, #2eca6a, #28a745);
    color: white;
    margin-top: 100px;
}

footer a
{
    color: #fff;
    font-size: 14px;
    transition-duration: 0.2s;
}

footer a:hover
{
    color: #00326A;
    text-decoration: none;
}

.copy
{
    font-size: 12px;
    padding: 10px;
    border-top: 1px solid #FFFFFF;
}

.footer-middle
{
    padding-top: 2em;
    color: white;
}*/



/*SOCİAL İCONS*/

/* footer social icons */
ul.social-network
{
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
}
ul.social-network li
{
    display: inline;
    margin: 0 5px;
   
}
/* footer social icons */
.social-network a.icoFacebook:hover i, .social-network a.icoLinkedin:hover i, .social-network a.icowhatsapp:hover i, .social-network a.icoinstagram:hover i , .social-network a.icowhatsapp:hover i 
{
    color: #FE7A48;
}

.social-network a.socialIcon:hover, .socialHoverClass
{
    color: #FE7A48;
}

.social-network a
{
}


.listfoot:hover, list-unstyled a.listfoot:hover , list-unstyled .listfoot a.insidelistfoot:hover
{
    color: #FE7A48;
}




.lblCantidad
{
    font-size: 12px;
    padding: 0 5px;
    vertical-align: top;
    margin-left: -10px;
    margin-top: -5px;
    position: absolute;
}

/*FOOTER*  background: #16222A;
    background: -webkit-linear-gradient(59deg, #3A6073, #16222A);
    background: linear-gradient(59deg, #3A6073, #16222A);*/

footer
{
color: rgba(255, 255, 255, 0.5);
margin-top: 100px;
align-content:center;
}

footer a {
  color: #fff;
  font-size: 14px;
  transition-duration: 0.2s;
}

footer a:hover
{
      color: #007cba;    text-decoration: none;
}

.copy {
  font-size: 12px;
  padding: 10px;
  border-top: 1px solid #FFFFFF;
}

.footer-middle {
  padding-top: 1em;
  color: white;
}

    .menu1 a.popout {
            padding-right: 20px !important;
        }

/*
 * Custom translucent site header
 */

.site-header {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
  color: #999;
  transition: ease-in-out color .15s;
}
.site-header a:hover {
  color: #fff;
  text-decoration: none;
}

.bg-mycolor
{
    background-color: #343a40 !important;
}
a.bg-mycolor:hover, a.bg-mycolor:focus, button.bg-mycolor:hover, button.bg-mycolor:focus
{
    background-color: #f8f9fa !important;
}
.bg-mycolor2
{
    background-color: #FFFFFF;
    color: #1e73be;
}
a.bg-mycolor2:hover, a.bg-mycolor:focus, button.bg-mycolor2:hover, button.bg-mycolor2:focus
{
    color: #CCCCCC;
}
.text-mycolor2 {
    color: #838384 !important;
}
a.text-mycolor2:hover, a.text-primary:focus {
    color: #080C32 !important;
}


.text-mycolor3 {
    color: #080C32 !important;
}

a.text-mycolor3:hover, a.text-primary:focus {
    color: #838384 !important;
}
.bg-mycolor3 {
    /* background-color: gris claro; */
    color: #080C32;
    background-color: #E0E0E0;
}

a.bg-mycolor3:hover, a.bg-mycolor3:focus,
button.bg-mycolor3:hover,
button.bg-mycolor3:focus {
    background-color: #D2918F !important; /* tono más claro */
}


.bg-mycolor-green {
    background-color: #007bff !important;
}

a.bg-mycolor-green:hover, a.bg-mycolor-green:focus,
button.bg-mycolor-green:hover,
button.bg-mycolor-green:focus {
    background-color: #1E73BE !important;
}

/* ========== CLON DE btn-dark PERO CON #8B008B ========== */
.btn-aleph-purple {
    color: #fff !important;
    background-color: #D2918F !important;
    border-color: #D2918F !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    .btn-aleph-purple:hover {
        color: #fff !important;
        background-color: #838384 !important;
        border-color: #838384 !important;
    }

    .btn-aleph-purple:focus,
    .btn-aleph-purple.focus {
        color: #fff !important;
        background-color: #E0E0E0 !important;
        border-color: #E0E0E0 !important;
        box-shadow: 0 0 0 0.25rem rgba(139, 0, 139, 0.35) !important;
    }

    .btn-aleph-purple:active,
    .btn-aleph-purple.active,
    .show > .btn-aleph-purple.dropdown-toggle {
        color: #fff !important;
        background-color: #E0E0E0 !important;
        border-color: #E0E0E0 !important;
    }

    .btn-aleph-purple:disabled {
        color: #fff !important;
        background-color: #E0E0E0 !important;
        border-color: #E0E0E0 !important;
    }


.oldproductPrice {
    text-decoration: line-through;
}


.carousel-indicatorss
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
   
}

.carousel-indicatorss li
{
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #C0C0C0;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
 carousel-indicatorss li {
    transition: none;
  }
}
.carousel-indicatorss .active {
  opacity: 1;
}

.caja
{box-shadow: 0px 3px 6px #00000029;
}

/* ============================================
   FORZAR QUE TODOS LOS RUBROS QUEDEN A LA IZQUIERDA  FUNCIONOOOOO
   ============================================ */
/* ============================================
   FORZAR QUE TODOS LOS RUBROS QUEDEN A LA IZQUIERDA
   ============================================ */

.tv-rubros table,
.tv-rubros tr,
.tv-rubros td {
    text-align: left !important;
    vertical-align: middle !important;
}

    .tv-rubros td div,
    .tv-rubros td span {
        text-align: left !important;
    }

/* Rubros (nivel 1) */
.tv-rubros .nivel1-rubro {
    text-align: left !important;
    color: #838384 !important;
}

    /* Enlace del rubro (línea separadora incluida) */
    /*.tv-rubros .nivel1-rubro a {
        text-align: left !important;
        justify-content: flex-start !important;
        padding-left: 14px !important;

        font-weight: 600 !important;
        border-bottom: 1px solid #eaeaea !important;*/ /* ← raya suave entre rubros */

    /*}*/
    .tv-rubros .nivel1-rubro a {
        display: block !important; /* ← HACE QUE OCUPE 100% DEL ANCHO */
        width: 100% !important;
        text-align: left !important;
        justify-content: flex-start !important;
        padding: 6px 8px 6px 14px !important;
        font-weight: 600 !important;
        border-bottom: 1px solid #eaeaea !important;
        color: #838384 !important;
    }


/* Subrubros (nivel 2) */
.tv-rubros .nivel2-rubro a {
    text-align: left !important;
    padding-left: 28px !important; /* indentado respecto del rubro */
    font-weight: 400 !important;
    border-bottom: none !important;
    color: #838384 !important;
 
 
}

.menu {
    background-color: #FAFAFA;
}


/* ========== CLON DE btn-dark PERO CON #8B008B ========== */
.btn-aleph-Gris {
    color: #fff !important;
    background-color: #838484 !important;
    border-color: #838484 !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    .btn-aleph-Gris:hover {
        color: #fff !important;
        background-color: #080C32 !important;
        border-color: #080C32 !important;
    }

    .btn-aleph-Gris:focus,
    .btn-aleph-Gris.focus {
        color: #fff !important;
        background-color: #838484 !important;
        border-color: #838484 !important;
        box-shadow: 0 0 0 0.25rem rgba(105,105, 1, 0.35) !important;
    }

    .btn-aleph-Gris:active,
    .btn-aleph-Gris.active,
    .show > .btn-aleph-Gris.dropdown-toggle {
        color: #fff !important;
        background-color: #838484 !important;
        border-color: #838484 !important;
    }

    .btn-aleph-Gris:disabled {
        color: #fff !important;
        background-color: #838484 !important;
        border-color: #838484 !important;
    }
.font-numeros {
    font-family: 'Glacial Indifference', sans-serif;
    letter-spacing: 0.02em;
}

.font-numeros-bold {
    font-family: 'Glacial Indifference', sans-serif;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.cart-totals-bar {
    background: #f8f9fa;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.cart-totals-label {
    font-weight: 600;
    color: #495057;
}


.aleph-ui {
    font-family: Montserrat, Arial, sans-serif;
    color: #838384;
}

    .aleph-ui .card-title,
    .aleph-ui h4,
    .aleph-ui h5 {
        color: inherit;
    }

.aleph-qty {
    max-width: 140px;
    border-radius: 8px;
}
/* Contenedor del carrusel */
/* Ajuste al viewport, sin romper header */
.aleph-carousel,
.aleph-carousel .carousel-inner {
    max-height: 80vh;
}

    .aleph-carousel .carousel-item {
        max-height: 80vh;
    }

    .aleph-carousel img {
        max-height: 80vh;
        width: auto;
        height: auto;
        object-fit: contain;
        margin: auto;
    }

@media (max-width: 768px) {
    .aleph-carousel,
    .aleph-carousel .carousel-inner,
    .aleph-carousel .carousel-item,
    .aleph-carousel img {
        max-height: 55vh;
    }
}



/* Wrapper: reemplaza los <br><br><br> por espaciado responsive */
/* Wrapper: reemplaza los <br><br><br> por espaciado responsive */
.login-wrap {
    padding: 1.5rem 0.75rem;
}

/* Card responsive */
.login-card {
    width: 100%;
    max-width: 520px; /* desktop: similar a tu w-50 */
    padding: 1.25rem 1.25rem;
    margin: 0 auto;
    border-radius: 14px;
}

/* En mobile: más aire y sin “jumbotron enorme” */
@media (max-width: 576px) {
    .login-wrap {
        padding: 1rem 0.5rem;
    }

    .login-card {
        max-width: 100%;
        padding: 1rem;
        border-radius: 12px;
    }

        /* Botón full width */
        .login-card .btn {
            width: 100%;
        }

        /* Inputs más altos y cómodos */
        .login-card .form-control {
            font-size: 16px; /* evita zoom iOS */
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
        }
        .login-card table {
            width: 100%;
        }
}

/* Ajuste fino: el Password tenía py-2 y el usuario no; los igualamos visualmente */
.login-card input[type="text"],
.login-card input[type="password"],
.login-card input[type="email"] {
    border-radius: 10px;
}
/* =========================================================
   MARTINEZ & MARTINEZ - Overrides (pegar al FINAL del css)
   ========================================================= */

/* Marca (logo) */
:root {
    --mm-brand: #F47C2C; /* naranja principal */
    --mm-brand-soft: #F7B089; /* durazno */
    --mm-brand-dark: #D96519; /* hover */
    --mm-ink: #1F2937; /* texto fuerte */
    --mm-muted: #6B7280; /* texto normal */
    --mm-bg: #FAFAFB; /* fondo general */
    --mm-card: #FFFFFF;
    --mm-border: #E6E6EA;
    --mm-focus: rgba(244,124,44,.28);
}

/* Base */
body {
    background: var(--mm-bg);
    color: var(--mm-muted);
}

h1, h2, h3, h4, h5 {
    color: var(--mm-ink);
}

/* Links */
a {
    color: var(--mm-brand);
}

    a:hover {
        color: var(--mm-brand-dark);
    }

/* =========================================================
   HEADER / NAVBAR (root.master)
   Usa bg-mycolor3 + text-mycolor2 + navbar-dark
   ========================================================= */

/* Convertimos bg-mycolor3 a “barra clara” (mejor para mayorista) */
.bg-mycolor3 {
    background-color: #FFFFFF !important;
    color: var(--mm-ink) !important;
    border-bottom: 1px solid var(--mm-border);
}

/* En navbar-dark, forzamos colores para que se vean bien sobre blanco */
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-text,
.navbar-dark .navbar-brand {
    color: var(--mm-ink) !important;
}

    .navbar-dark .navbar-nav .nav-link:hover {
        color: var(--mm-brand-dark) !important;
    }

/* Clases que ya usás en los links del menú */
.text-mycolor2 {
    color: var(--mm-ink) !important;
}

.text-mycolor3 {
    color: var(--mm-ink) !important;
}

/* Badge del carrito: llevamos “danger” a marca */
.badge-danger {
    background-color: var(--mm-brand) !important;
}

/* =========================================================
   BOTONES (SearchBox, Login, Categorías, AddToCart)
   ========================================================= */

/* btn-aleph-Gris: dejalo como secundario neutro */
.btn-aleph-Gris {
    color: var(--mm-ink) !important;
    background-color: #F3F4F6 !important;
    border-color: #E5E7EB !important;
}

    .btn-aleph-Gris:hover {
        color: var(--mm-ink) !important;
        background-color: #EDEFF2 !important;
        border-color: #D1D5DB !important;
    }

    .btn-aleph-Gris:focus {
        box-shadow: 0 0 0 .2rem var(--mm-focus) !important;
    }

/* btn-aleph-purple: en tu markup es el botón “AGREGAR” del catálogo.
   Lo “reconvertimos” a naranja marca, sin tocar el .ascx */
.btn-aleph-purple {
    color: #fff !important;
    background-color: var(--mm-brand) !important;
    border-color: var(--mm-brand) !important;
    font-weight: 700;
}

    .btn-aleph-purple:hover {
        background-color: var(--mm-brand-dark) !important;
        border-color: var(--mm-brand-dark) !important;
    }

    .btn-aleph-purple:focus {
        box-shadow: 0 0 0 .2rem var(--mm-focus) !important;
    }

/* =========================================================
   TARJETAS / TABLAS (CatalogoDataListMob)
   ========================================================= */

.card, .login-card {
    background: var(--mm-card) !important;
    border: 1px solid var(--mm-border) !important;
    border-radius: 12px;
}

.table thead.table-light {
    background: rgba(247,176,137,.22) !important; /* durazno suave */
}

.table tbody tr:hover {
    background: rgba(247,176,137,.14) !important;
}

/* Inputs cantidad: foco visible */
.form-control:focus {
    border-color: rgba(244,124,44,.45) !important;
    box-shadow: 0 0 0 .2rem var(--mm-focus) !important;
}

/* Chip de descuento (en tu ascx: discount-badge / discount-percent) */
.discount-badge {
    background: rgba(244,124,44,.12);
    border: 1px solid rgba(244,124,44,.22);
    color: var(--mm-brand-dark);
    padding: 2px 6px;
    border-radius: 999px;
}

.discount-percent {
    color: var(--mm-brand-dark);
}

/* =========================================================
   CATEGORÍAS (listacategorias.ascx)
   ========================================================= */

/* contenedor .menu (lo usás en la columna categorías desktop) */
.menu {
    background: #FFFFFF !important;
    border: 1px solid var(--mm-border);
    border-radius: 12px;
}

/* TreeView: hover/activo con tinte marca */
.tv-rubros a {
    color: var(--mm-ink) !important;
    text-decoration: none !important;
}

    .tv-rubros a:hover {
        background: rgba(247,176,137,.20) !important;
        border-radius: 8px;
    }

    .tv-rubros a:focus {
        outline: none !important;
        box-shadow: 0 0 0 .2rem var(--mm-focus) !important;
    }
/* =========================================================
   FIXES ESPECÍFICOS: login.aspx (loginusuario.ascx) + searchbox.ascx
   Pegar AL FINAL de TemaAlephV.css
   ========================================================= */

/* ---------- LOGIN (loginusuario.ascx dentro de login.aspx) ---------- */
/* El .jumbotron mete fondo gris y “look viejo” */
.login-card.jumbotron {
    background: #fff !important;
    border: 1px solid var(--mm-border) !important;
    border-radius: 12px !important;
    padding: 1.25rem 1.25rem !important;
    margin-bottom: 0 !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* Ajuste de ancho / aire para que no quede “flotando raro” */
.login-wrap {
    padding: 1rem .75rem;
}

    .login-wrap .form-signin {
        max-width: 420px;
        margin: 0 auto;
    }

    /* Link “obtenga su clave” con estilo de marca */
    #recoverkey, .login-wrap a {
        color: var(--mm-brand) !important;
        font-weight: 600;
    }

        #recoverkey:hover, .login-wrap a:hover {
            color: var(--mm-brand-dark) !important;
        }


/* ---------- SEARCHBOX (searchbox.ascx) ---------- */
/* Tu TextBox tiene BorderStyle=None => termina sin borde; lo forzamos */
.input-group .form-control {
    border: 1px solid var(--mm-border) !important;
    background: #fff !important;
    color: var(--mm-ink) !important;
    height: 38px; /* consistente con btn-sm */
}

    /* Placeholder más prolijo */
    .input-group .form-control::placeholder {
        color: #9CA3AF;
    }

/* Redondeo correcto de “caja + botón” */
.input-group .form-control {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.input-group .input-group-append .btn {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    height: 38px;
    border: 1px solid var(--mm-border) !important;
    border-left: 0 !important;
}

/* Foco: que ilumine todo el grupo (muy útil para carga rápida) */
.input-group:focus-within .form-control {
    border-color: rgba(244,124,44,.45) !important;
    box-shadow: 0 0 0 .2rem var(--mm-focus) !important;
}

.input-group:focus-within .input-group-append .btn {
    box-shadow: 0 0 0 .2rem var(--mm-focus) !important;
    border-color: rgba(244,124,44,.45) !important;
}
/* =========================================================
   Barra "Exclusivo Clientes Martinez y Martinez" (root.master)
   ========================================================= */

/* El Label renderiza como <span>, lo convertimos en barra */
.text-mycolor3 {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background-color: var(--mm-brand) !important; /* naranja marca */
    color: #ffffff !important;
    width: 100%;
    min-height: 35px;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: uppercase;
}

/* =========================================================
   CatalogoDataListMob - UI PRO Desktop/Tablet (no rompe mobile)
   ========================================================= */

/* Tipografías (asegura consistencia) */
body {
    font-family: 'Montserrat', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.font-numeros {
    font-family: 'Glacial Indifference', 'Montserrat', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
    letter-spacing: .2px;
}

/* Solo desktop/tablet */
@media (min-width: 769px) {

    /* Contenedor tabla */
    .home-page-catalogo2 .card {
        border: 1px solid var(--mm-border);
        border-radius: 8px;
        overflow: hidden; /* para sticky header prolijo */
    }

    /* Header sticky */
    .home-page-catalogo2 .table thead {
        position: sticky;
        top: 0;
        z-index: 5;
        background: rgba(247,176,137,.22) !important; /* --mm-brand-soft */
        backdrop-filter: blur(6px);
    }

        .home-page-catalogo2 .table thead th {
            font-weight: 400;
            color: var(--mm-ink) !important;
            border-bottom: 1px solid var(--mm-border) !important;
            padding-top: .55rem;
            padding-bottom: .55rem;
            white-space: nowrap;
        }

    /* Filas “card-like” */
    .home-page-catalogo2 .table tbody tr {
        background: #fff;
        border-bottom: 1px solid var(--mm-border);
    }

        .home-page-catalogo2 .table tbody tr:hover {
            background: rgba(247,176,137,.14) !important; /* hover suave */
        }

    .home-page-catalogo2 .table tbody td {
        vertical-align: middle !important;
        padding-top: .55rem;
        padding-bottom: .55rem;
    }

    /* Imagen más clara y consistente */
    .home-page-catalogo2 td:first-child {
        width: 72px;
    }

        .home-page-catalogo2 td:first-child img,
        .home-page-catalogo2 td:first-child input[type="image"] {
            width: 56px !important;
            height: 56px !important;
            object-fit: cover;
            border-radius: 10px;
            border: 1px solid var(--mm-border);
            background: #fff;
        }

    /* Producto: más legible */
    .home-page-catalogo2 [id$="lblDesc"] {
        font-weight: 800;
        letter-spacing: .2px;
        color: var(--mm-muted);
        max-width: 520px;
    }

    /* Código / EAN como texto secundario */
    .home-page-catalogo2 td:nth-child(2),
    .home-page-catalogo2 td:nth-child(4) {
        color: var(--mm-muted);
        font-size: .88rem;
        white-space: nowrap;
    }

    /* Precio: jerarquía + monos numérico */
    .home-page-catalogo2 [id$="lblPrecio"] {
        font-size: 1.05rem;
        font-weight: 900;
        color: var(--mm-muted);
    }

    /* Descuento badge: más “retail pro” (naranja suave) */
    .home-page-catalogo2 .discount-badge {
        background: rgba(244,124,44,.12) !important;
        border: 1px solid rgba(244,124,44,.22) !important;
        color: var(--mm-brand-dark) !important;
        box-shadow: none !important;
        font-weight: 900 !important;
    }

        .home-page-catalogo2 .discount-badge::after {
            content: "% OFF";
            margin-left: 4px;
            font-weight: 900;
        }

    .home-page-catalogo2 .discount-percent {
        display: none !important;
    }

    /* Cantidad: ancho cómodo (sin estirar la fila) */
    .home-page-catalogo2 td:nth-child(7) .form-control {
        width: 88px !important;
        min-height: 38px;
        font-size: 15px;
    }

    /* Botón agregar: ancho fijo, consistente */
    .home-page-catalogo2 td:nth-child(8) .btn {
        min-height: 38px;
        padding: 6px 12px;
        font-weight: 400 !important; /* normal */
        border-radius: 10px;
    }

}