@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap"); :root {
--tinta:      #0E0E10;
--hueso:      #F2EDE4;
--hueso-2:    #E9E2D4;
--piedra:     #C2B9A8;
--tomate:     #E84A26;
--pistacho:   #C5D84A;
--cobalto:    #2235D6;
--linea:      rgba(14,14,16,.16);
--linea-soft: rgba(14,14,16,.08);
--font-display: 'Archivo Black', 'Archivo', Arial, sans-serif;
--font-body:    'Archivo', 'Helvetica Neue', Arial, sans-serif;
--font-mono:    'JetBrains Mono', ui-monospace, Menlo, monospace;
--trans:      0.28s cubic-bezier(.4,0,.2,1);
--trans-slow: 0.55s cubic-bezier(.22,1,.36,1);
} html, body {
font-family: var(--font-body) !important;
background-color: var(--hueso) !important;
color: var(--tinta) !important;
-webkit-font-smoothing: antialiased;
font-weight: 500;
font-size: 15px;
line-height: 1.55;
} .woocommerce-page,
.single-product,
body.woocommerce-page,
body.single-product,
body.page,
body.archive,
.woocommerce-cart,
.woocommerce-checkout {
background-color: var(--hueso) !important;
} .wp-block-group:not([class*="has-background"]),
.wp-block-cover,
.entry-content > *:not(.alignfull):not(.alignwide) {
background-color: transparent !important;
} .ast-container,
.ast-inner-spacing,
.ast-separate-container .ast-article-post,
.ast-woocommerce-container,
#main,
.ast-above-header-section,
.site-content {
background-color: transparent !important;
} h1, h2, h3, h4,
.entry-title,
.ast-entry-title,
.woocommerce-loop-product__title,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content :where(h1),
.entry-content :where(h2),
.entry-content :where(h3) {
font-family: var(--font-display) !important;
font-weight: 900 !important;
letter-spacing: -.03em !important;
text-transform: uppercase !important;
line-height: .92 !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
hyphens: none !important;
} .entry-content h2,
h2.wp-block-heading,
.wp-block-heading {
font-size: clamp(2.4rem, 5vw, 4.5rem) !important;
}
p, li, label, td {
font-family: var(--font-body) !important;
font-weight: 500 !important;
}
a { transition: color var(--trans) !important; } .ast-above-header-bar {
background-color: var(--tinta) !important;
border-bottom: 1px solid rgba(242,237,228,.08) !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.ast-above-header a,
.ast-above-header span,
.ast-above-header-section,
.ast-above-header .ast-builder-html-element {
color: rgba(242,237,228,.5) !important;
font-family: var(--font-mono) !important;
font-size: 10px !important;
letter-spacing: .2em !important;
text-transform: uppercase !important;
} .site-header,
.ast-primary-header-bar {
background-color: var(--tinta) !important;
border-bottom: 1px solid rgba(242,237,228,.1) !important;
position: relative !important;
z-index: 9999 !important;
}
.ast-primary-header-bar .ast-builder-grid-row,
.ast-primary-header-bar .ast-row {
padding-top: 10px !important;
padding-bottom: 10px !important;
min-height: 56px !important;
align-items: center !important;
} .custom-logo-link img,
.ast-site-logo img,
header img.custom-logo,
.site-branding img,
.ast-site-identity img {
filter: brightness(0) invert(1) !important;
opacity: 1 !important;
max-height: 55px !important;
max-width: 110px !important;
width: auto !important;
height: auto !important;
} .site-header .site-title a,
.ast-site-identity .site-title a {
color: var(--hueso) !important;
font-family: var(--font-display) !important;
font-size: 1.15rem !important;
letter-spacing: -.02em !important;
text-transform: uppercase !important;
} .main-header-menu .menu-item > a,
.ast-header-navigation .menu-item > a,
.ast-nav-menu .menu-item > a {
color: rgba(242,237,228,.9) !important;
font-family: var(--font-mono) !important;
font-size: 10.5px !important;
font-weight: 500 !important;
letter-spacing: .18em !important;
text-transform: uppercase !important;
padding: 6px 10px !important;
transition: color var(--trans) !important;
position: relative !important;
}
.main-header-menu .menu-item > a:hover,
.main-header-menu .current-menu-item > a {
color: var(--tomate) !important;
}
.main-header-menu .menu-item > a::after {
content: '';
position: absolute;
bottom: 1px; left: 10px; right: 10px;
height: 1px;
background: var(--tomate);
transform: scaleX(0);
transition: transform var(--trans);
transform-origin: left;
}
.main-header-menu .menu-item > a:hover::after,
.main-header-menu .current-menu-item > a::after {
transform: scaleX(1);
} .main-header-menu .sub-menu {
background-color: #181614 !important;
border-top: 2px solid var(--tomate) !important;
box-shadow: 0 8px 32px rgba(0,0,0,.4) !important;
border-radius: 0 !important;
}
.main-header-menu .sub-menu .menu-item > a {
color: rgba(242,237,228,.8) !important;
font-family: var(--font-mono) !important;
font-size: 10px !important;
letter-spacing: .16em !important;
padding: 9px 18px !important;
}
.main-header-menu .sub-menu .menu-item > a:hover {
color: var(--tomate) !important;
background-color: rgba(242,237,228,.03) !important;
} .ast-cart-icon, .ast-cart-icon svg, .ast-cart-icon path,
.ast-search-icon, .ast-search-icon svg, .ast-search-icon path,
.ast-header-woo-cart a, .ast-header-woo-cart svg, .ast-header-woo-cart path,
.ast-header-icon-item a, .ast-header-icon-item svg, .ast-header-icon-item path,
.ast-account-button, .ast-account-button svg, .ast-account-button path,
.astra-icon, .astra-icon svg, .astra-icon path {
color: rgba(242,237,228,.9) !important;
fill: rgba(242,237,228,.9) !important;
stroke: rgba(242,237,228,.9) !important;
} .ast-header-woo-cart .ast-cart-amount,
.ast-header-woo-cart span.amount,
.ast-header-woo-cart .woocommerce-Price-amount,
.ast-header-woo-cart .woocommerce-Price-amount bdi,
.ast-header-woo-cart span:not(.ast-cart-badge):not(.count),
.ast-mini-cart-wrap span.amount,
.ast-mini-cart-wrap .ast-cart-amount {
color: var(--hueso) !important;
font-family: var(--font-mono) !important;
font-size: 11px !important;
letter-spacing: .1em !important;
} .ast-cart-badge, .ast-header-woo-cart .count {
background-color: var(--tomate) !important;
color: var(--hueso) !important;
font-family: var(--font-mono) !important;
font-size: 9px !important;
} .ast-builder-html-element a, .ast-builder-html-element svg,
.ast-builder-html-element i, .ast-builder-html-element path,
.ast-header-html-element a, .ast-header-html-element svg,
.ast-header-html-element i, .ast-header-html-element path,
[class*="social"] a, [class*="social"] svg,
[class*="social"] i, [class*="social"] path {
color: rgba(242,237,228,.82) !important;
fill: rgba(242,237,228,.82) !important;
font-size: 15px !important;
transition: color var(--trans) !important;
}
.ast-builder-html-element a:hover,
.ast-header-html-element a:hover,
[class*="social"] a:hover {
color: var(--tomate) !important;
fill: var(--tomate) !important;
} .page-id-1007 .entry-content.clear {
padding-left: 0 !important;
padding-right: 0 !important;
max-width: 100% !important;
}
.page-id-1007 .wp-block-group.alignfull {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
}
.n2-section-smartslider, .n2-ss-align, .n2-padding {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.n2-ss-slide-background-color { display: none !important; }
#n2-ss-2 .n2-ss-slider-2,
#n2-ss-2 .n2-ss-slider-3,
#n2-ss-2 .n2-ss-slider-wrapper-inside {
min-height: 56vh !important;
max-height: 64vh !important;
} #n2-ss-2 .n2-bullet {
width: 20px !important; height: 1px !important;
border-radius: 0 !important;
background-color: rgba(242,237,228,.3) !important;
border: none !important;
transition: all var(--trans) !important;
}
#n2-ss-2 .n2-bullet-active, #n2-ss-2 .n2-bullet:hover {
background-color: var(--hueso) !important;
width: 36px !important;
} .n2-ss-button-container a {
font-family: var(--font-mono) !important;
font-weight: 500 !important;
letter-spacing: .2em !important;
text-transform: uppercase !important;
font-size: 10px !important;
padding: 12px 28px !important;
border-radius: 0 !important;
transition: all var(--trans) !important;
} .wp-block-button__link,
.wp-block-button .wp-block-button__link,
.wp-block-buttons .wp-block-button__link {
border-radius: 0 !important;
font-family: var(--font-mono) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: .2em !important;
text-transform: uppercase !important;
padding: 11px 24px !important;
border: 1px solid currentColor !important;
transition: all var(--trans) !important;
} .wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button__link:not([style*="background"]) {
background-color: transparent !important;
color: var(--tinta) !important;
border-color: var(--tinta) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button__link:not([style*="background"]):hover {
background-color: var(--tinta) !important;
color: var(--hueso) !important;
} .wp-block-button__link[style*="background-color"] {
border-radius: 0 !important;
font-family: var(--font-mono) !important;
font-size: 10px !important;
letter-spacing: .2em !important;
text-transform: uppercase !important;
padding: 11px 24px !important;
} .woocommerce .products .product,
ul.products li.product {
background: var(--hueso) !important;
border: 1px solid var(--linea) !important;
border-radius: 0 !important;
transition: box-shadow var(--trans-slow), transform var(--trans-slow) !important;
padding: 0 !important;
overflow: hidden !important;
}
.woocommerce .products .product:hover,
ul.products li.product:hover {
box-shadow: 0 12px 40px rgba(14,14,16,.12) !important;
transform: translateY(-4px) !important;
} .woocommerce .products .product a img,
ul.products li.product a img {
transition: transform var(--trans-slow) !important;
display: block !important;
}
.woocommerce .products .product:hover a img,
ul.products li.product:hover a img {
transform: scale(1.04) !important;
} .woocommerce .products .product .woocommerce-loop-product__title,
ul.products li.product h2.woocommerce-loop-product__title {
font-family: var(--font-display) !important;
font-size: .95rem !important;
font-weight: 900 !important;
letter-spacing: -.02em !important;
text-transform: uppercase !important;
color: var(--tinta) !important;
padding: 14px 16px 4px !important;
line-height: 1.1 !important;
word-break: normal !important;
} .woocommerce ul.products li.product .price,
.woocommerce .price,
.woocommerce-Price-amount,
.woocommerce-Price-amount bdi {
color: var(--tomate) !important;
font-family: var(--font-mono) !important;
font-weight: 500 !important;
font-size: .84rem !important;
letter-spacing: .1em !important;
}
.woocommerce ul.products li.product .price {
padding: 0 16px 14px !important;
} .woocommerce ul.products li.product .price del,
.woocommerce .price del,
.woocommerce .price del .woocommerce-Price-amount,
.woocommerce .price del bdi {
color: var(--piedra) !important;
opacity: 1 !important;
} .woocommerce ul.products li.product .button {
background-color: var(--tinta) !important;
color: var(--hueso) !important;
border-radius: 0 !important;
font-family: var(--font-mono) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: .18em !important;
text-transform: uppercase !important;
border: 1px solid var(--tinta) !important;
transition: all var(--trans) !important;
padding: 11px 20px !important;
width: 100% !important;
}
.woocommerce ul.products li.product .button:hover {
background-color: var(--tomate) !important;
border-color: var(--tomate) !important;
color: var(--hueso) !important;
} .woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: var(--tomate) !important;
border-color: var(--tomate) !important;
color: var(--hueso) !important;
border-radius: 0 !important;
font-family: var(--font-mono) !important;
font-weight: 500 !important;
letter-spacing: .18em !important;
text-transform: uppercase !important;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
background-color: var(--tinta) !important;
border-color: var(--tinta) !important;
} .woocommerce span.onsale {
background-color: var(--tomate) !important;
color: var(--hueso) !important;
font-family: var(--font-mono) !important;
font-size: 9px !important;
font-weight: 700 !important;
letter-spacing: .18em !important;
text-transform: uppercase !important;
border-radius: 0 !important;
padding: 4px 10px !important;
min-width: auto !important; min-height: auto !important;
line-height: 1.3 !important;
} .single-product .product_title,
.woocommerce-page h1.product_title {
font-family: var(--font-display) !important;
font-weight: 900 !important;
letter-spacing: -.03em !important;
text-transform: uppercase !important;
color: var(--tinta) !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}
.woocommerce div.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--tomate) !important;
font-family: var(--font-mono) !important;
font-size: 1.1rem !important;
letter-spacing: .08em !important;
} .woocommerce table.variations,
.woocommerce .variations_form {
font-family: var(--font-mono) !important;
}
.woocommerce table.variations td,
.woocommerce table.variations th,
.woocommerce table.variations label {
font-family: var(--font-mono) !important;
font-size: 10px !important;
letter-spacing: .15em !important;
text-transform: uppercase !important;
color: var(--tinta) !important;
padding: 8px 0 !important;
vertical-align: middle !important;
} .variable-items-wrapper,
.wvs-pro-wrap {
gap: 6px !important;
display: flex !important;
flex-wrap: wrap !important;
}
.variable-items-wrapper .variable-item,
.variable-items-wrapper .button-variable-item,
.wvs-pro-wrap .wvs_stock_item {
border-radius: 0 !important;
border: 1px solid var(--linea) !important;
font-family: var(--font-mono) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
color: var(--tinta) !important;
background: var(--hueso) !important;
padding: 6px 10px !important;
min-width: 38px !important;
height: auto !important;
line-height: 1.4 !important;
transition: all var(--trans) !important;
}
.variable-items-wrapper .variable-item:hover,
.variable-items-wrapper .variable-item.selected,
.variable-items-wrapper .button-variable-item:hover,
.variable-items-wrapper .button-variable-item.selected {
border-color: var(--tinta) !important;
background: var(--tinta) !important;
color: var(--hueso) !important;
}
.variable-items-wrapper .variable-item.no-stock,
.variable-items-wrapper .variable-item.wvs-disabled {
opacity: .35 !important;
text-decoration: line-through !important;
} .woocommerce .variations select {
font-family: var(--font-mono) !important;
font-size: 10px !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
border: 1px solid var(--linea) !important;
border-radius: 0 !important;
background-color: var(--hueso) !important;
color: var(--tinta) !important;
padding: 8px 12px !important;
} .uagb-ifb-button-wrapper a,
.wp-block-uagb-call-to-action a.uagb-cta-button,
.uagb-cta__button-link {
font-family: var(--font-mono) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: .2em !important;
text-transform: uppercase !important;
padding: 11px 26px !important;
border-radius: 0 !important;
transition: all var(--trans) !important;
} .site-footer, footer.site-footer {
background-color: var(--tinta) !important;
color: rgba(242,237,228,.6) !important;
border-top: 2px solid var(--tomate) !important;
}
.site-footer a {
color: rgba(242,237,228,.6) !important;
transition: color var(--trans) !important;
}
.site-footer a:hover { color: var(--tomate) !important; }
.site-footer h2, .site-footer h3, .site-footer h4, .site-footer .widget-title {
color: var(--hueso) !important;
font-family: var(--font-mono) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: .22em !important;
text-transform: uppercase !important;
line-height: 1.2 !important;
}
.site-footer p {
font-family: var(--font-body) !important;
font-size: 14px !important;
color: rgba(242,237,228,.55) !important;
} .site-footer span,
.site-footer .woocommerce-Price-amount {
color: rgba(242,237,228,.6) !important;
} @media (max-width: 920px) {
.ast-primary-header-bar .ast-builder-grid-row,
.ast-primary-header-bar .ast-row {
padding-top: 8px !important;
padding-bottom: 8px !important;
min-height: 50px !important;
}
.custom-logo-link img, .ast-site-logo img {
max-height: 44px !important;
max-width: 88px !important;
}
#n2-ss-2 .n2-ss-slider-2,
#n2-ss-2 .n2-ss-slider-3 {
min-height: 42vh !important;
max-height: 50vh !important;
}
#n2-ss-2 #n2-ss-2item1 {
display: none !important;
}
#n2-ss-2 #n2-ss-2item3 {
display: inline-block !important;
width: auto !important;
max-width: calc(100vw - 40px) !important;
box-sizing: border-box !important;
padding: 5px 12px 8px !important;
font-size: clamp(32px, 9vw, 38px) !important;
line-height: .88 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: normal !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
}
.main-navigation, .ast-mobile-header-bar {
background-color: var(--tinta) !important;
}
.ast-menu-toggle, .ast-menu-toggle svg, .ast-menu-toggle path,
.ast-mobile-menu-trigger, .ast-mobile-menu-trigger svg {
color: var(--hueso) !important;
fill: var(--hueso) !important;
stroke: var(--hueso) !important;
}
.main-navigation .main-header-menu {
background-color: #181614 !important;
}
.main-navigation .main-header-menu .menu-item > a {
color: rgba(242,237,228,.85) !important;
border-bottom: 1px solid rgba(242,237,228,.06) !important;
padding: 14px 20px !important;
font-family: var(--font-mono) !important;
font-size: 11px !important;
letter-spacing: .16em !important;
text-transform: uppercase !important;
}
.wp-block-columns {
flex-direction: column !important;
}
.wp-block-columns .wp-block-column {
width: 100% !important;
text-align: center !important;
}
}  .wp-block-shortcode,
.wp-shortcode-placeholder {
display: none !important;
} [style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background-color:white"],
[style*="background-color: white"],
[style*="background-color:#ffffff"],
[style*="background-color: #ffffff"],
[style*="background-color:rgb(255, 255, 255)"],
[style*="background-color: rgb(255, 255, 255)"] {
background-color: var(--hueso) !important;
}
.wp-block-media-text,
.wp-block-media-text__content {
background-color: var(--hueso) !important;
}  .woocommerce .variations_form .variations,
.woocommerce table.variations {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 0 12px 0 !important;
}
.woocommerce table.variations td,
.woocommerce table.variations th {
padding: 10px 0 !important;
border: none !important;
vertical-align: top !important;
}
.woocommerce table.variations th,
.woocommerce table.variations label {
padding-right: 18px !important;
font-family: var(--font-mono) !important;
font-size: 10px !important;
letter-spacing: .2em !important;
text-transform: uppercase !important;
color: rgba(14,14,16,.5) !important;
white-space: nowrap !important;
font-weight: 500 !important;
min-width: 60px !important;
}
.woocommerce table.variations tr {
border-bottom: 1px solid var(--linea-soft) !important;
}
.variable-items-wrapper,
ul.variable-items-wrapper {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
padding: 6px 0 10px 0 !important;
margin: 0 !important;
list-style: none !important;
align-items: flex-start !important;
}
.variable-items-wrapper .variable-item,
.variable-items-wrapper li.variable-item,
.variable-items-wrapper .button-variable-item {
border-radius: 0 !important;
border: 1px solid var(--linea) !important;
font-family: var(--font-mono) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
color: var(--tinta) !important;
background: transparent !important;
padding: 8px 14px !important;
min-width: 44px !important;
min-height: 36px !important;
height: auto !important;
line-height: 1.4 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
transition: all var(--trans) !important;
cursor: pointer !important;
margin: 0 !important;
box-sizing: border-box !important;
}
.variable-items-wrapper .variable-item:hover,
.variable-items-wrapper .variable-item.selected,
.variable-items-wrapper .button-variable-item.selected {
border-color: var(--tinta) !important;
background: var(--tinta) !important;
color: var(--hueso) !important;
}
.variable-items-wrapper .variable-item.no-stock,
.variable-items-wrapper .variable-item.wvs-disabled {
opacity: .3 !important;
cursor: not-allowed !important;
}
.woocommerce .variations select {
font-family: var(--font-mono) !important;
font-size: 10px !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
border: 1px solid var(--linea) !important;
border-radius: 0 !important;
background-color: transparent !important;
color: var(--tinta) !important;
padding: 8px 14px !important;
height: auto !important;
}
.woocommerce .reset_variations {
font-family: var(--font-mono) !important;
font-size: 9px !important;
letter-spacing: .16em !important;
text-transform: uppercase !important;
color: rgba(14,14,16,.35) !important;
margin-top: 6px !important;
display: inline-block !important;
}  .uagb-ifb-title {
text-align: center !important;
font-family: var(--font-mono) !important;
font-size: 10.5px !important;
font-weight: 500 !important;
letter-spacing: .2em !important;
text-transform: uppercase !important;
color: var(--tinta) !important;
margin: 0 !important;
line-height: 1.6 !important;
}
.uagb-ifb-content { text-align: center !important; }