@font-face {
font-weight: normal;
font-style: normal;
font-family: "woodmart-font";
src: url(//www.mako.com.mx/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.5.2) format("woff2");
}
:root {
--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
--wd-text-font-weight: 400;
--wd-text-color: rgb(85,85,85);
--wd-text-font-size: 16px;
--wd-title-font: "Roboto", Arial, Helvetica, sans-serif;
--wd-title-font-weight: 600;
--wd-title-color: rgb(0,58,120);
--wd-entities-title-font: "Roboto", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight: 500;
--wd-entities-title-color: rgb(0,58,120);
--wd-entities-title-color-hover: rgb(54, 168, 255);
--wd-alternative-font: 'Trebuchet MS', Helvetica, sans-serif;
--wd-widget-title-font: "Roboto", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight: 600;
--wd-widget-title-transform: uppercase;
--wd-widget-title-color: rgb(0,58,120);
--wd-widget-title-font-size: 16px;
--wd-header-el-font: "Roboto", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight: 700;
--wd-header-el-transform: uppercase;
--wd-header-el-font-size: 16px;
--wd-primary-color: rgb(0,58,120);
--wd-alternative-color: rgb(30,149,240);
--wd-link-color: #333333;
--wd-link-color-hover: rgb(30,149,240);
--btn-default-bgcolor: rgb(54,168,255);
--btn-default-bgcolor-hover: rgb(0,0,0);
--btn-accented-bgcolor: rgb(54,168,255);
--btn-accented-bgcolor-hover: rgb(0,0,0);
--wd-form-brd-width: 2px;
--notices-success-bg: #459647;
--notices-success-color: #fff;
--notices-warning-bg: #E0B252;
--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
max-height: 223px;
}
.wd-popup.wd-age-verify {
--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
background-color: #111111;
background-image: none;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
--wd-popup-width: 800px;
}
.page-title-default {
background-color: #0a0a0a;
background-image: url(https://www.mako.com.mx/wp-content/uploads/2024/08/wrapper-general-01.jpg);
background-size: cover;
background-position: center center;
}
.footer-container {
background-color: rgb(0,58,120);
background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
font-weight: 500;
}
html .page-title > .container > .title {
font-weight: 500;
font-size: 40px;
}
.wd-popup.popup-quick-view {
--wd-popup-width: 920px;
}
@media (max-width: 1024px) {
html .page-title > .container > .title {
font-size: 36px;
}
}
@media (max-width: 768.98px) {
html .page-title > .container > .title {
font-size: 32px;
}
}
:root{
--wd-container-w: 1280px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}
@media (min-width: 1280px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1280px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1280px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}
body, p, a, h1, h2, h3, h4, h5, li, span, b, div {
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 
}
.grecaptcha-badge { opacity:0 !important; }
.mayus-h3 h3 { text-transform:uppercase; }
.woocommerce-tabs .wd-accordion-item li { margin-bottom:0px; }
.page-id-10648 header, .menu-item-account { display:none !important; }
.titulo-slider h2 span { font-weight:400; color:#fff; }
.wd-sub-menu li > a { color:#555; }
.wd-sub-menu li > a:hover { color:#003a78; }
.text-justify { text-align:justify; }
footer a:hover { color:#99ccff !important; }
.copyrights-wrapper { background-color:#1c273c; border:0px; }
.link-white a { color:#fff; }
.link-white a:hover {  color:#fff; text-decoration:underline !important; }
h2 { letter-spacing:1px; }
.font-size-top { font-size:16px; font-weight:bold; }
.font-size-top:hover { opacity:.6; }
.wd-sub-menu li > a { font-size:16px; }
#form-contacto input[type="submit"] { background-color:#36a8ff; color:#fff; }
#form-contacto input[type="submit"]:hover { background-color:rgb(0,58,120) }
.img-hover:hover { opacity:.7; }
.vc_btn3-color-quote {
background-color: #36a8ff !important;
color: #fff !important;
padding: 10px 14px;
}
.vc_btn3-color-quote:hover { background-color:#000 !important; }
.bg-whatsapp { position:fixed; bottom:20px; right:20px; z-index:9999;  }
.bg-whatsapp a { color:#fff !important; font-size:13px; }
.bg-whatsapp a:hover { text-decoration:none !important; }
.btn-whatsapp { background:#61cb4e; color:#fff; font-size:14px;  border-radius:30px; padding:15px; }
.bg-whatsapp img { display:inline; }
.bg-whatsapp span { margin:0 0 0 7px; position:relative; top:0px; }
.bg-whatsapp a:hover span { display:inline; } .bg-division-whatsapp { position:fixed; bottom:20px; right:20px; z-index:9999; width: 280px; display:none;  }
.bg-division-whatsapp ul li { list-style:none; }
.bg-division-whatsapp ul li span { top:5px; position:relative; }
.bg-division-whatsapp .h-whatsaap { background-color: #5abb4a; padding: 25px; font-weight:bold; color:#fff; border-top-left-radius: 7px; border-top-right-radius: 7px; text-transform:uppercase; text-align:left; position:relative; }
.bg-division-whatsapp .h-whatsaap::after { position:absolute; top:-7px; right:10px; z-index:1; content: "\00d7"; font-size:24px; font-weight:bold; cursor:pointer; }
.bg-division-whatsapp .b-whatsaap { background-color: #f3f5f7; padding: 25px; font-weight:bold; text-transform:uppercase; } .scrollToTop { bottom: 90px !important; right:25px; }
.woocommerce-product-details__short-description h2, .woocommerce-product-details__short-description h3 { color:#666 }
@media (min-width: 768px) {
.section-grid-products .wd-grid-f-col > .wd-col { max-width:100% !important; }
body #section-grid-products {
--wd-col-lg: 1;
--wd-col-md: 1;
--wd-col-sm: 2;
}
.#section-grid-products .product-grid-item {
width: calc(100% / var(--wd-col-lg)) !important;
}
}
@media (max-width: 768px) {
.page-title .breadcrumbs { display:none; }
html .page-title > .container > .title {
font-size: 24px;
}
}
@media (max-width: 480px) {
html .page-title > .container > .title {
font-size: 20px;
}
}