/* Identidad exclusiva de mercadopos.mx. Este archivo sólo se carga en su website. */
:root{
  --mp-navy:#10213d;
  --mp-blue:#0878d1;
  --mp-cyan:#16b7c9;
  --mp-yellow:#ffd83d;
  --mp-ink:#172033;
  --mp-muted:#68758a;
  --mp-line:#dce3ed;
  --mp-soft:#f4f7fb;
}
body{background:var(--mp-soft);color:var(--mp-ink);font-family:"Inter",Arial,sans-serif;}
body h1,body h2,body h3,body h4,body h5,body h6{color:var(--mp-ink);font-family:"Manrope",Arial,sans-serif;letter-spacing:-.025em;}
body a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease;}

.mercado-pos-header{height:82px;padding:0 max(4vw,28px);background:rgba(255,255,255,.96);border-bottom:1px solid var(--mp-line);box-shadow:0 8px 30px rgba(16,33,61,.07);}
.mercado-pos-header .brand{gap:12px;color:var(--mp-navy);}
.mercado-pos-header .brand b{display:flex;align-items:center;font-family:"Manrope",Arial,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.02em;}
.mercado-pos-header .brand b i{display:grid;width:34px;height:34px;margin-right:10px;place-items:center;border-radius:10px;background:var(--mp-yellow);color:var(--mp-navy);font-style:normal;font-weight:900;}
.mercado-pos-header .brand span{border-color:var(--mp-line);color:var(--mp-muted);font-family:"Inter",Arial,sans-serif;letter-spacing:.12em;}
.mercado-pos-header nav a{color:#46536a;font-family:"Inter",Arial,sans-serif;font-weight:700;letter-spacing:.08em;}
.mercado-pos-header nav a:hover{color:var(--mp-blue);}
.mercado-pos-header .header-actions .btn{border:0;border-radius:10px;background:var(--mp-navy);color:#fff;font-weight:700;padding:12px 18px;}
.mercado-pos-header .header-actions .btn:hover{background:var(--mp-blue);transform:translateY(-1px);}

#wrap{min-height:70vh;background:var(--mp-soft);}
.o_wsale_products_page{padding:36px 0 60px;}
.o_wsale_products_page .container{max-width:1320px;}
#products_grid_before{border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(16,33,61,.07);}
#products_grid_before .accordion-button{color:var(--mp-navy);font-family:"Manrope",Arial,sans-serif;font-weight:800;}
#products_grid .o_wsale_filmstip_container{margin-bottom:22px!important;}
#products_grid .o_wsale_filmstip li a{border:1px solid var(--mp-line);border-radius:999px;background:#fff;color:var(--mp-navy);font-weight:700;}
.o_wsale_products_searchbar_form .form-control,.o_wsale_products_searchbar_form .input-group{border-radius:12px!important;background:#fff;}
.o_wsale_products_searchbar_form .form-control{min-height:52px;border-color:var(--mp-line);}
.o_wsale_products_searchbar_form .btn{border-color:var(--mp-line);background:#fff;color:var(--mp-navy);}
.o_wsale_apply_layout .btn,.o_wsale_products_page button.btn-light{border-color:var(--mp-line);background:#fff;color:var(--mp-navy);}
.o_wsale_apply_layout .btn.active{border-color:var(--mp-blue);background:#eaf5ff;color:var(--mp-blue);}
#o_wsale_products_grid{--o-wsale-products-grid-gap:22px!important;}
.o_wsale_product_grid_wrapper{overflow:hidden;border:1px solid var(--mp-line)!important;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(16,33,61,.07);transition:transform .2s ease,box-shadow .2s ease;}
.o_wsale_product_grid_wrapper:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(16,33,61,.13);}
.o_wsale_product_grid_wrapper .oe_product_image{background:#fff;}
.o_wsale_product_grid_wrapper img{object-fit:contain;}
.o_wsale_product_information{padding:16px 17px 18px!important;}
.o_wsale_products_item_title a{color:var(--mp-navy)!important;font-family:"Manrope",Arial,sans-serif;font-size:16px;font-weight:800;line-height:1.3;}
.o_wsale_product_sub .oe_price,.o_wsale_product_sub .product_price{color:var(--mp-blue);font-size:19px;font-weight:800;}
.pagination .page-link{border-color:var(--mp-line);color:var(--mp-blue);}
.pagination .active>.page-link{border-color:var(--mp-blue);background:var(--mp-blue);}

/* Producto, carrito, checkout y portal de cotizaciones. */
.oe_website_sale:not(.o_wsale_products_page),.o_portal_wrap{background:var(--mp-soft);}
.oe_website_sale .btn-primary,.o_portal_wrap .btn-primary,.o_portal_wrap .btn-success{border-color:var(--mp-blue);border-radius:10px;background:var(--mp-blue);color:#fff;}
.oe_website_sale .btn-primary:hover,.o_portal_wrap .btn-primary:hover,.o_portal_wrap .btn-success:hover{border-color:var(--mp-navy);background:var(--mp-navy);}
.o_portal_wrap .card,.o_portal_wrap .table-responsive,.oe_website_sale .card{border:1px solid var(--mp-line);border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(16,33,61,.07);}
.o_portal_wrap a{color:var(--mp-blue);}

.mercado-pos-footer{background:var(--mp-navy);color:#fff;font-family:"Inter",Arial,sans-serif;}
.mercado-pos-footer .ari-footer-main{padding-top:46px;}
.mercado-pos-footer h3{margin:0 0 12px;color:#fff;font-size:26px;}
.mercado-pos-footer .ari-footer-brand p,.mercado-pos-footer .ari-footer-contact>span{color:#aebbd0;}
.mercado-pos-footer strong{color:var(--mp-yellow);}
.mercado-pos-footer a{color:#eaf2ff;}
.mercado-pos-footer a:hover{color:var(--mp-yellow);}
.mercado-pos-footer .ari-footer-legal{border-color:#293b58;color:#9cabc1;}

@media(max-width:900px){
  .mercado-pos-header{height:auto;min-height:72px;padding:12px 18px;}
  .mercado-pos-header .brand span{display:none;}
  .mercado-pos-header .header-actions{display:none;}
  .mercado-pos-header nav{background:#fff;border:1px solid var(--mp-line);box-shadow:0 16px 32px rgba(16,33,61,.12);}
  .o_wsale_products_page{padding-top:22px;}
}
