1<!doctype html> 2<html lang="es" class="no-js" itemtype="https://schema.org/IndividualProduct" itemscope> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> 6 <title>Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus – Suburbios Skate</title> 7<meta name='robots' content='max-image-preview:large' /> 8<link id='motive-layer-js' rel='modulepreload' href='https://assets.motive.co/motive-x/v2/app.js' as='script' crossorigin='anonymous'><link id='motive-config-url' rel='prefetch' href='https://suburbiosskateboards.com.mx/wp-json/motive/front-config' as='fetch'> 9<!-- Google Tag Manager for WordPress by gtm4wp.com -->
10<script data-cfasync="false" data-pagespeed-no-defer> 11 var gtm4wp_datalayer_name = "dataLayer"; 12 var dataLayer = dataLayer || []; 13 (function(){dataLayer.push(arguments);})('set', 'developer_id.dNGJiYT', true); 14 const gtm4wp_use_sku_instead = 0; 15 const gtm4wp_currency = "MXN"; 16 const gtm4wp_product_per_impression = 0; 17 const gtm4wp_clear_ecommerce = false; 18 const gtm4wp_datalayer_max_timeout = 2000; 19 const gtm4wp_console_log = true; 20 const gtm4wp_remarketing_prod_id_prefix = ""; 21 const gtm4wp_list_attribution = 0; 22 const gtm4wp_checkoutwc = 0; 23</script>
23 24<!-- End Google Tag Manager for WordPress by gtm4wp.com -->
24<script type='application/javascript' id='pys-version-script'>console.log('PixelYourSite Free version 11.4.2.1');</script>
24 25<link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> 26<link rel='dns-prefetch' href='//assets.motive.co' /> 27<link rel='dns-prefetch' href='//fonts.bunny.net' /> 28<link rel="alternate" type="application/rss+xml" title="Suburbios Skate » Feed" href="https://suburbiosskateboards.com.mx/feed/" /> 29<link rel="alternate" type="application/rss+xml" title="Suburbios Skate » Feed de los comentarios" href="https://suburbiosskateboards.com.mx/comments/feed/" /> 30
30<script>document.documentElement.classList.remove( 'no-js' );</script>
30 31 <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://suburbiosskateboards.com.mx/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsuburbiosskateboards.com.mx%2Fproducto%2Fset-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus%2F" /> 32<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://suburbiosskateboards.com.mx/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsuburbiosskateboards.com.mx%2Fproducto%2Fset-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus%2F&format=xml" /> 33<style id="wp-img-auto-sizes-contain-inline-css"> 34img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 35/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 36</style> 37 38<link rel='stylesheet' id='font-awesome-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/load-more-products-for-woocommerce/berocket/assets/css/font-awesome.min.css?ver=7.1.2' media='all' /> 39<style id="font-awesome-inline-css"> 40[data-font="FontAwesome"]:before {font-family: 'FontAwesome' !important;content: attr(data-icon) !important;speak: none !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;line-height: 1 !important;font-style: normal !important;-webkit-font-smoothing: antialiased !important;-moz-osx-font-smoothing: grayscale !important;} 41/*# sourceURL=font-awesome-inline-css */ 42</style> 43<link rel='stylesheet' id='gs-swiper-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/gs-logo-slider/assets/libs/swiper-js/swiper.min.css?ver=3.8.8' media='all' /> 44<link rel='stylesheet' id='gs-tippyjs-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/gs-logo-slider/assets/libs/tippyjs/tippy.css?ver=3.8.8' media='all' /> 45<link rel='stylesheet' id='gs-logo-public-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/gs-logo-slider/assets/css/gs-logo.min.css?ver=3.8.8' media='all' /> 46<style id="wp-emoji-styles-inline-css"> 47 48 img.wp-smiley, img.emoji { 49 display: inline !important; 50 border: none !important; 51 box-shadow: none !important; 52 height: 1em !important; 53 width: 1em !important; 54 margin: 0 0.07em !important; 55 vertical-align: -0.1em !important; 56 background: none !important; 57 padding: 0 !important; 58 } 59/*# sourceURL=wp-emoji-styles-inline-css */ 60</style> 61<style id="wp-block-library-inline-css"> 62:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
62--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 63 64/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 65</style> 66<style id="classic-theme-styles-inline-css"> 67/*! This file is auto-generated */ 68.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 69/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 70</style> 71 72<style id="global-styles-inline-css"> 73:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--theme-palette-1: var(--global-palette1);--wp--preset--color--theme-palette-2: var(--global-palette2);--wp--preset--color--theme-palette-3: var(--global-palette3);--wp--preset--color--theme-palette-4: var(--global-palette4);--wp--preset--color--theme-palette-5: var(--global-palette5);--wp--preset--color--theme-palette-6: var(--global-palette6);--wp--preset--color--theme-palette-7: var(--global-palette7);--wp--preset--color--theme-palette-8: var(--global-palette8);--wp--preset--color--theme-palette-9: var(--global-palette9);--wp--preset--color--theme-palette-10: var(--global-palette10);--wp--preset--color--theme-palette-11: var(--global-palette11);--wp--preset--color--theme-palette-12: var(--global-palette12);--wp--preset--color--theme-palette-13: var(--global-palette13);--wp--preset--color--theme-palette-14: var(--global-palette14);--wp--preset--color--theme-palette-15: var(--global-palette15);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
730) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: var(--global-font-size-small);--wp--preset--font-size--medium: var(--global-font-size-medium);--wp--preset--font-size--large: var(--global-font-size-large);--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--larger: var(--global-font-size-larger);--wp--preset--font-size--xxlarge: var(--global-font-size-xxlarge);--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: var(--global-calc-content-width);--wp--style--global--wide-size: var(--global-calc-wide-content-width); }:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){font-style: inherit;font-weight: inherit;letter-spacing: inherit;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-color{color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-color{color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-color{color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-color{color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-color{color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-color{color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-color{color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-color{color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-color{color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-color{color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-color{color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-color{color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-color{color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-color{color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-color{color: var(--wp--preset--color--theme-palette-15) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-background-color{background-color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-background-color{background-color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-background-color{background-color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-background-color{background-color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-background-color{background-color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-background-color{background-color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-background-color{background-color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-background-color{background-color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-background-color{background-color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-background-color{background-color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-background-color{background-color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-background-color{background-color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-background-color{background-color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-background-color{background-color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-background-color{background-color: var(--wp--preset--color--theme-palette-15) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-theme-palette-1-border-color{border-color: var(--wp--preset--color--theme-palette-1) !important;}.has-theme-palette-2-border-color{border-color: var(--wp--preset--color--theme-palette-2) !important;}.has-theme-palette-3-border-color{border-color: var(--wp--preset--color--theme-palette-3) !important;}.has-theme-palette-4-border-color{border-color: var(--wp--preset--color--theme-palette-4) !important;}.has-theme-palette-5-border-color{border-color: var(--wp--preset--color--theme-palette-5) !important;}.has-theme-palette-6-border-color{border-color: var(--wp--preset--color--theme-palette-6) !important;}.has-theme-palette-7-border-color{border-color: var(--wp--preset--color--theme-palette-7) !important;}.has-theme-palette-8-border-color{border-color: var(--wp--preset--color--theme-palette-8) !important;}.has-theme-palette-9-border-color{border-color: var(--wp--preset--color--theme-palette-9) !important;}.has-theme-palette-10-border-color{border-color: var(--wp--preset--color--theme-palette-10) !important;}.has-theme-palette-11-border-color{border-color: var(--wp--preset--color--theme-palette-11) !important;}.has-theme-palette-12-border-color{border-color: var(--wp--preset--color--theme-palette-12) !important;}.has-theme-palette-13-border-color{border-color: var(--wp--preset--color--theme-palette-13) !important;}.has-theme-palette-14-border-color{border-color: var(--wp--preset--color--theme-palette-14) !important;}.has-theme-palette-15-border-color{border-color: var(--wp--preset--color--theme-palette-15) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
73.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-larger-font-size{font-size: var(--wp--preset--font-size--larger) !important;}.has-xxlarge-font-size{font-size: var(--wp--preset--font-size--xxlarge) !important;} 74:where(.wp-block-joinchat-button.is-layout-flex){gap: 10px;}:where(.wp-block-joinchat-button.is-layout-grid){gap: 10px;} 75/*# sourceURL=global-styles-inline-css */ 76</style> 77 78<link rel='stylesheet' id='creditea-style-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/Creditea/creditea-styles.css?ver=7.1.2' media='all' /> 79<link rel='stylesheet' id='venobox-style-css' href='https://cdn.jsdelivr.net/npm/venobox/venobox/venobox.min.css?ver=7.1.2' media='all' /> 80<link rel='stylesheet' id='photoswipe-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/woocommerce/assets/css/photoswipe/photoswipe.min.css?ver=11.1.2' media='all' /> 81<link rel='stylesheet' id='photoswipe-default-skin-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.min.css?ver=11.1.2' media='all' /> 82<style id="woocommerce-inline-inline-css"> 83.woocommerce form .form-row .required { visibility: visible; } 84/*# sourceURL=woocommerce-inline-inline-css */ 85</style> 86<style id="jetpack-stats-inline-css"> 87img#wpstats{display:none} 88/*# sourceURL=jetpack-stats-inline-css */ 89</style> 90<link rel='stylesheet' id='wc-composite-css-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/woocommerce-composite-products/assets/css/frontend/woocommerce.css?ver=11.1.2' media='all' /> 91<link rel='stylesheet' id='woocommerce-aplazo-checkout-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/aplazo-payment-gateway/src/../assets/css/checkout_aplazo.css?ver=7.1.2' media='all' /> 92<link rel='stylesheet' id='b2bking_main_style-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/b2bking-wholesale-for-woocommerce/public/../includes/assets/css/style.css?ver=v5.2.60' media='all' /> 93<link rel='stylesheet' id='yith-wcan-shortcodes-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/yith-woocommerce-ajax-navigation/assets/css/shortcodes.css?ver=5.24.0' media='all' /> 94<style id="yith-wcan-shortcodes-inline-css"> 95:root{ 96 --yith-wcan-filters_colors_titles: #434343; 97 --yith-wcan-filters_colors_background: #FFFFFF; 98 --yith-wcan-filters_colors_accent: #A7144C; 99 --yith-wcan-filters_colors_accent_r: 167; 100 --yith-wcan-filters_colors_accent_g: 20; 101 --yith-wcan-filters_colors_accent_b: 76; 102 --yith-wcan-color_swatches_border_radius: 100%; 103 --yith-wcan-color_swatches_size: 30px; 104 --yith-wcan-labels_style_background: #FFFFFF; 105 --yith-wcan-labels_style_background_hover: #A7144C; 106 --yith-wcan-labels_style_background_active: #A7144C; 107 --yith-wcan-labels_style_text: #434343; 108 --yith-wcan-labels_style_text_hover: #FFFFFF; 109 --yith-wcan-labels_style_text_active: #FFFFFF; 110 --yith-wcan-anchors_style_text: #434343; 111 --yith-wcan-anchors_style_text_hover: #A7144C; 112 --yith-wcan-anchors_style_text_active: #A7144C; 113} 114/*# sourceURL=yith-wcan-shortcodes-inline-css */ 115</style> 116<link rel='stylesheet' id='brands-styles-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/woocommerce/assets/css/brands.css?ver=11.1.2' media='all' /> 117<link rel='stylesheet' id='kadence-global-css' href='https://suburbiosskateboards.com.mx/wp-content/themes/kadence/assets/css/global.min.css?ver=1.5.2' media='all' /> 118<style id="kadence-global-inline-css"> 119/* Kadence Base CSS */ 120:root{--global-palette1:#cf2d2d;--global-palette2:#000000;--global-palette3:#000000;--global-palette4:#2D3748;--global-palette5:#4A5568;
120--global-palette6:#020202;--global-palette7:#ffffff;--global-palette8:#ffffff;--global-palette9:#ffffff;--global-palette10:oklch(from var(--global-palette1) calc(l + 0.10 * (1 - l)) calc(c * 1.00) calc(h + 180) / 100%);--global-palette11:#13612e;--global-palette12:#1159af;--global-palette13:#b82105;--global-palette14:#f7630c;--global-palette15:#f5a524;--global-palette9rgb:255, 255, 255;--global-palette-highlight:var(--global-palette1);--global-palette-highlight-alt:var(--global-palette2);--global-palette-highlight-alt2:var(--global-palette9);--global-palette-btn-bg:var(--global-palette2);--global-palette-btn-bg-hover:var(--global-palette1);--global-palette-btn:var(--global-palette9);--global-palette-btn-hover:var(--global-palette9);--global-palette-btn-sec-bg:var(--global-palette7);--global-palette-btn-sec-bg-hover:var(--global-palette2);--global-palette-btn-sec:var(--global-palette3);--global-palette-btn-sec-hover:var(--global-palette9);--global-body-font-family:'Fira Sans', sans-serif;--global-heading-font-family:'Bebas Neue', sans-serif;--global-primary-nav-font-family:'Bebas Neue', sans-serif;--global-fallback-font:sans-serif;--global-display-fallback-font:sans-serif;--global-content-width:1290px;--global-content-wide-width:calc(1290px + 230px);--global-content-narrow-width:842px;--global-content-edge-padding:1.5rem;--global-content-boxed-padding:0rem;--global-calc-content-width:calc(1290px - var(--global-content-edge-padding) - var(--global-content-edge-padding) );--wp--style--global--content-size:var(--global-calc-content-width);}.wp-site-blocks{--global-vw:calc( 100vw - ( 0.5 * var(--scrollbar-offset)));}body{background:var(--global-palette8);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}body, input, select, optgroup, textarea{font-style:normal;font-weight:normal;font-size:16px;line-height:1.6;font-family:var(--global-body-font-family);color:var(--global-palette4);}.content-bg, body.content-style-unboxed .site{background:var(--global-palette9);}h1,h2,h3,h4,h5,h6{font-family:var(--global-heading-font-family);}h1{font-style:normal;font-weight:700;font-size:28px;line-height:1.5;color:var(--global-palette3);}h2{font-style:normal;font-weight:700;font-size:26px;line-height:1.5;color:var(--global-palette3);}h3{font-style:normal;font-weight:700;font-size:24px;line-height:1.5;color:var(--global-palette3);}h4{font-style:normal;font-weight:700;font-size:22px;line-height:1.5;color:var(--global-palette4);}h5{font-style:normal;font-weight:700;font-size:20px;line-height:1.5;color:var(--global-palette4);}h6{font-style:normal;font-weight:700;font-size:18px;line-height:1.5;color:var(--global-palette5);}.entry-hero h1{font-style:normal;}.entry-hero .kadence-breadcrumbs, .entry-hero .search-form{font-style:normal;}@media all and (max-width: 767px){h1{font-size:26px;}}.entry-hero .kadence-breadcrumbs{max-width:1290px;}.site-container, .site-header-row-layout-contained, .site-footer-row-layout-contained, .entry-hero-layout-contained, .comments-area, .alignfull > .wp-block-cover__inner-container, .alignwide > .wp-block-cover__inner-container{max-width:var(--global-content-width);}.content-width-narrow .content-container.site-container, .content-width-narrow .hero-container.site-container{max-width:var(--global-content-narrow-width);}@media all and (min-width: 1520px){.wp-site-blocks .content-container .alignwide{margin-left:-115px;margin-right:-115px;width:unset;max-width:unset;}}@media all and (min-width: 1102px){.content-width-narrow .wp-site-blocks .content-container .alignwide{margin-left:-130px;margin-right:-130px;width:unset;max-width:unset;}}.content-style-boxed .wp-site-blocks .entry-content .alignwide{margin-left:calc( -1 * var( --global-content-boxed-padding ) );margin-right:calc( -1 * var( --global-content-boxed-padding ) );}.content-area{margin-top:0rem;margin-bottom:0rem;}@media all and (max-width: 1024px){.content-area{margin-top:0rem;margin-bottom:0rem;}}@media all and (max-width: 767px){.content-area{margin-top:0rem;margin-bottom:0rem;}}@media all and (max-width: 1024px){:root{--global-content-boxed-pa
120dding:2rem;}}@media all and (max-width: 767px){:root{--global-content-boxed-padding:1.5rem;}}.entry-content-wrap{padding:0rem;}@media all and (max-width: 1024px){.entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.entry-content-wrap{padding:1.5rem;}}.entry.single-entry{box-shadow:0px 15px 15px -10px rgba(0,0,0,0.05);}.entry.loop-entry{box-shadow:0px 15px 15px -10px rgba(0,0,0,0.05);}.loop-entry .entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.loop-entry .entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.loop-entry .entry-content-wrap{padding:1.5rem;}}button, .button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"], .fl-button, .elementor-button-wrapper .elementor-button, .wc-block-components-checkout-place-order-button, .wc-block-cart__submit{font-style:normal;font-weight:normal;font-size:18px;font-family:'Bebas Neue', sans-serif;border-radius:3px;box-shadow:0px 0px 0px -7px rgba(0,0,0,0);}button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, .elementor-button-wrapper .elementor-button:hover, .elementor-button-wrapper .elementor-button:focus, .elementor-button-wrapper .elementor-button:active, .wc-block-cart__submit:hover{box-shadow:0px 15px 25px -7px rgba(0,0,0,0.1);}.kb-button.kb-btn-global-outline.kb-btn-global-inherit{padding-top:calc(px - 2px);padding-right:calc(px - 2px);padding-bottom:calc(px - 2px);padding-left:calc(px - 2px);}button.button-style-secondary, .button.button-style-secondary, .wp-block-button__link.button-style-secondary, input[type="button"].button-style-secondary, input[type="reset"].button-style-secondary, input[type="submit"].button-style-secondary, .fl-button.button-style-secondary, .elementor-button-wrapper .elementor-button.button-style-secondary, .wc-block-components-checkout-place-order-button.button-style-secondary, .wc-block-cart__submit.button-style-secondary{font-style:normal;font-weight:normal;font-size:18px;font-family:'Bebas Neue', sans-serif;}@media all and (min-width: 1025px){.transparent-header .entry-hero .entry-hero-container-inner{padding-top:60px;}}@media all and (max-width: 1024px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:calc(0px + 60px);}}@media all and (max-width: 767px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:calc(0px + 0px);}}#kt-scroll-up-reader, #kt-scroll-up{border-radius:0px 0px 0px 0px;color:var(--global-palette1);bottom:95px;font-size:2.5em;padding:0.41 0.41 0.41 0.41;}#kt-scroll-up-reader.scroll-up-side-right, #kt-scroll-up.scroll-up-side-right{right:38px;}#kt-scroll-up-reader.scroll-up-side-left, #kt-scroll-up.scroll-up-side-left{left:38px;}@media all and (max-width: 1024px){#kt-scroll-up-reader, #kt-scroll-up{bottom:95px;font-size:2.3em;}#kt-scroll-up-reader.scroll-up-side-right, #kt-scroll-up.scroll-up-side-right{right:35px;}#kt-scroll-up-reader.scroll-up-side-left, #kt-scroll-up.scroll-up-side-left{left:35px;}}@media all and (max-width: 767px){#kt-scroll-up-reader, #kt-scroll-up{bottom:78px;font-size:2.3em;}#kt-scroll-up-reader.scroll-up-side-right, #kt-scroll-up.scroll-up-side-right{right:24px;}#kt-scroll-up-reader.scroll-up-side-left, #kt-scroll-up.scroll-up-side-left{left:24px;}} 121/* Kadence Header CSS */ 122@media all and (max-width: 1024px){.mobile-transparent-header #masthead{position:absolute;left:0px;right:0px;z-index:100;}.kadence-scrollbar-fixer.mobile-transparent-header #masthead{right:var(--scrollbar-offset,0);}.mobile-transparent-header #masthead, .mobile-transparent-header .site-top-header-wrap .site-header-row-container-inner, .mobile-transparent-header .site-main-header-wrap .site-header-row-container-inner, .mobile-transparent-header .site-bottom-header-wrap .site-header-row-container-inner{background:transparent;}.site-header-row-tablet-layout-fullwidth, .site-header-row-tablet-layout-standard{padding:0px;}}@media all and (min-width: 1025px){.transparent-header #masthead{position:absolute;
122left:0px;right:0px;z-index:100;}.transparent-header.kadence-scrollbar-fixer #masthead{right:var(--scrollbar-offset,0);}.transparent-header #masthead, .transparent-header .site-top-header-wrap .site-header-row-container-inner, .transparent-header .site-main-header-wrap .site-header-row-container-inner, .transparent-header .site-bottom-header-wrap .site-header-row-container-inner{background:transparent;}}.site-branding a.brand img{max-width:120px;}.site-branding a.brand img.svg-logo-image{width:120px;}@media all and (max-width: 767px){.site-branding a.brand img{max-width:150px;}.site-branding a.brand img.svg-logo-image{width:150px;}}.site-branding{padding:0px 0px 0px 0px;}#masthead, #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap), #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner{background:var(--global-palette9);}@media all and (max-width: 1024px){#masthead, #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap), #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner{background:var(--global-palette2);}}@media all and (max-width: 767px){#masthead, #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap), #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner{background:var(--global-palette9);}}.site-main-header-wrap .site-header-row-container-inner{background:var(--global-palette9);}.site-main-header-inner-wrap{min-height:60px;}@media all and (max-width: 767px){.site-main-header-inner-wrap{min-height:0px;}}@media all and (max-width: 767px){.site-main-header-wrap .site-header-row-container-inner>.site-container{padding:0px 0px 0px 0px;}}.site-top-header-inner-wrap{min-height:0px;}.site-top-header-wrap .site-header-row-container-inner>.site-container{padding:0px 0px 0px 0px;}.site-main-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-standard.kadence-sticky-header.item-is-fixed.item-is-stuck, .site-header-upper-inner-wrap.kadence-sticky-header.item-is-fixed.item-is-stuck, .site-header-inner-wrap.kadence-sticky-header.item-is-fixed.item-is-stuck, .site-top-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-standard.kadence-sticky-header.item-is-fixed.item-is-stuck, .site-bottom-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-standard.kadence-sticky-header.item-is-fixed.item-is-stuck{box-shadow:0px 0px 0px 0px rgba(0,0,0,0);}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container>ul>li>a:after{width:calc( 100% - 1.2em);}.main-navigation .primary-menu-container > ul > li.menu-item > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);padding-top:0.7em;padding-bottom:0.7em;color:var(--global-palette2);}.main-navigation .primary-menu-container > ul > li.menu-item .dropdown-nav-special-toggle{right:calc(1.2em / 2);}.main-navigation .primary-menu-container > ul li.menu-item > a{font-style:normal;font-weight:normal;font-size:20px;font-family:var(--global-primary-nav-font-family);text-transform:uppercase;}.main-navigation .primary-menu-container > ul > li.menu-item > a:hover{color:var(--global-palette1);}.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a{color:var(--global-palette6);}.header-navigation .header-menu-container ul ul.sub-menu, .header-navigation .header-menu-container ul ul.submenu{background:var(--global-palette9);box-shadow:0px 2px 13px 0px rgba(0,0,0,0.1);}.header-navigation .header-menu-container ul ul li.menu-item, .header-menu-container ul.menu > li.kadence-menu-mega-enabled > ul > li.menu-item > a{border-bottom:1px none rgba(255,255,255,0.1);border-radius:0px 0px 0px 0px;}.header-navigation .header-menu-container ul ul li.menu-item > a{width:200px;padding-top:0.5em;padding-bottom:0.5em;color:var(--global-palette2);font-style:normal;font-weight:normal;font-size:18px;font-family:'Bebas Neue', sans-serif;}.header-navigation .header-menu-container ul ul li.menu-item > a:hover{color:var(--global-palette1);background:var(--global-palette9);border-radius:0px 0px 0px 0px;}.header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a{color:var(--global-palette1);background:var(--global-palette9);border-radius:0px 0px 0px 0px;}.mobile-toggle-open-container .menu-toggle-open, .mobile-toggle-open-container .menu-toggle-open:focus{color:var(--global-palette6);padding:1em 1em 1em 1em;font-size:14px;}.mobile-toggle-open-container .menu-toggle-open.menu-toggle-style-bordered{border:1px solid currentColor;}.mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon{font-size:25px;}.mobile-toggle-open-container .menu-toggle-open:hover, .mobile-toggle-open-container .menu-toggle-open:focus-visible{color:var(--global-palette1);}.mobile-navigation ul li{font-style:normal;font-weight:normal;font-size:20px;font-family:'Bebas Neue', sans-serif;text-transform:uppercase;}@media all and (max-width: 1024px){.mobile-navigation ul li{font-size:14px;}}@media all and (max-width: 767px){.mobile-navigation ul li{font-size:20px;line-height:0.5;}}.mobile-navigation ul li a{padding-top:0.7em;padding-bottom:0.7em;}.mobile-navigation ul li > a, .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap{background:rgba(255,255,255,0.12);color:var(--global-palette6);}.mobile-navigation ul li > a:hover, .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap:hover{background:rgba(255,255,255,0.16);color:var(--global-palette1);}.mobile-navigation ul li.current-menu-item > a, .mobile-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap{background:rgba(255,255,255,0.33);color:var(--global-palette-highlight);}.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap, .mobile-navigation ul li:not(.menu-item-has-children) a{border-bottom:1px none var(--global-palette2);}
122.mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button{border-left:1px none var(--global-palette2);}#mobile-drawer .drawer-inner, #mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-portion-bg, #mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.pop-animated.show-drawer .drawer-inner{background:var(--global-palette9);}#mobile-drawer .drawer-header .drawer-toggle{padding:0.6em 0.15em 0.6em 0.15em;font-size:17px;}#main-header .header-button{font-style:normal;font-weight:normal;font-size:20px;border:2px none currentColor;border-color:rgba(115,32,32,0);box-shadow:0px 0px 0px 0px rgba(0,0,0,0);}#main-header .header-button:hover{border-color:rgba(0,0,0,0);box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1);}.site-header-item .header-cart-wrap .header-cart-inner-wrap .header-cart-button{color:var(--global-palette6);}.header-cart-wrap .header-cart-button .header-cart-total{color:var(--global-palette6);}.site-header-item .header-cart-wrap .header-cart-inner-wrap .header-cart-button:hover{color:var(--global-palette1);}.header-cart-wrap .header-cart-button:hover .header-cart-total{color:var(--global-palette1);}.header-cart-wrap .header-cart-button .kadence-svg-iconset{font-size:1.5em;}.header-mobile-cart-wrap .header-cart-inner-wrap .header-cart-button{color:var(--global-palette6);padding:1em 1em 1em 1em;}.header-mobile-cart-wrap .header-cart-button .header-cart-total{background:var(--global-palette9);color:var(--global-palette6);}.header-mobile-cart-wrap .header-cart-inner-wrap .header-cart-button:hover{color:var(--global-palette1);}.header-mobile-cart-wrap .header-cart-button:hover .header-cart-total{background:var(--global-palette9);color:var(--global-palette1);}.header-mobile-cart-wrap .header-cart-button .kadence-svg-iconset{font-size:1.5em;}.header-social-wrap .header-social-inner-wrap{font-size:1em;gap:0.3em;}.header-social-wrap .header-social-inner-wrap .social-button{border:2px none transparent;border-radius:3px;}.header-mobile-social-wrap{margin:0px 0px 0px 10px;}.header-mobile-social-wrap .header-mobile-social-inner-wrap{font-size:1em;gap:0em;}.header-mobile-social-wrap .header-mobile-social-inner-wrap .social-button{border:2px none transparent;border-radius:3px;}.search-toggle-open-container .search-toggle-open{background:var(--global-palette9);color:var(--global-palette1);padding:0em 0em 0em 0em;font-style:normal;font-weight:normal;font-size:20px;font-family:'Bebas Neue', sans-serif;}.search-toggle-open-container .search-toggle-open.search-toggle-style-bordered{border:1px solid currentColor;}.search-toggle-open-container .search-toggle-open .search-toggle-icon{font-size:1em;}.search-toggle-open-container .search-toggle-open:hover, .search-toggle-open-container .search-toggle-open:focus{color:var(--global-palette2);background:var(--global-palette9);}#search-drawer .drawer-inner .drawer-content form input.search-field, #search-drawer .drawer-inner .drawer-content form .kadence-search-icon-wrap, #search-drawer .drawer-header{color:var(--global-palette6);}#search-drawer .drawer-inner .drawer-content form input.search-field:focus, #search-drawer .drawer-inner .drawer-content form input.search-submit:hover ~ .kadence-search-icon-wrap, #search-drawer .drawer-inner .drawer-content form button[type="submit"]:hover ~ .kadence-search-icon-wrap{color:var(--global-palette1);}#search-drawer .drawer-inner{background:var(--global-palette9);}.mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button{font-style:normal;font-size:20px;margin:0px 10px 0px 0px;color:var(--global-palette2);background:var(--global-palette8);border:2px none transparent;box-shadow:0px 0px 0px 0px rgba(0,0,0,0);}.mobile-header-button-wrap .mobile-header-button-inner-wrap .mobile-header-button:hover{color:var(--global-palette2);background:var(--global-palette8);box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1);} 123/* Kadence Footer CSS */ 124.site-middle-footer-wrap .site-footer-row-container-inner{background:#313131;font-style:normal;font-weight:700;font-size:15px;font-family:'Fira Sans', sans-serif;text-transform:uppercase;color:var(--global-palette8);border-bottom:0px none transparent;}
124.site-footer .site-middle-footer-wrap a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)){color:var(--global-palette9);}.site-footer .site-middle-footer-wrap a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)):hover{color:var(--global-palette9);}.site-middle-footer-inner-wrap{padding-top:30px;padding-bottom:0px;grid-column-gap:30px;grid-row-gap:30px;}.site-middle-footer-inner-wrap .widget{margin-bottom:30px;}.site-middle-footer-inner-wrap .widget-area .widget-title{font-style:normal;font-weight:700;font-size:15px;font-family:'Fira Sans', sans-serif;color:var(--global-palette8);}.site-middle-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2);}.footer-social-wrap{margin:0px 0px 0px 0px;}.footer-social-wrap .footer-social-inner-wrap{font-size:1.58em;gap:0em;}.site-footer .site-footer-wrap .site-footer-section .footer-social-wrap .footer-social-inner-wrap .social-button{color:var(--global-palette9);border:2px none transparent;border-radius:3px;}.site-footer .site-footer-wrap .site-footer-section .footer-social-wrap .footer-social-inner-wrap .social-button:hover{color:var(--global-palette1);}#colophon .footer-html{font-style:normal;font-weight:700;font-size:15px;font-family:'Fira Sans', sans-serif;text-transform:uppercase;color:var(--global-palette9);margin:20px 0px 20px 0px;} 125/* Kadence Woo CSS */ 126.woocommerce table.shop_table td.product-quantity{min-width:130px;}.woocommerce-demo-store .woocommerce-store-notice{background:#333333;}.woocommerce-demo-store .woocommerce-store-notice a, .woocommerce-demo-store .woocommerce-store-notice{font-style:normal;font-weight:500;font-size:14px;line-height:1;font-family:'Fira Sans', sans-serif;text-transform:uppercase;color:var(--global-palette9);}.entry-hero.product-hero-section .entry-header{min-height:200px;}.product-title .kadence-breadcrumbs{font-style:normal;font-weight:normal;font-size:18px;line-height:1.65;font-family:Oswald, sans-serif;}.product-title .single-category{font-weight:700;font-size:32px;line-height:1.5;color:var(--global-palette3);}.wp-site-blocks .product-hero-section .extra-title{font-weight:700;font-size:32px;line-height:1.5;}.woocommerce div.product .product_title{font-style:normal;font-size:22px;line-height:1.5;}@media all and (max-width: 767px){.woocommerce div.product .product_title{font-size:20px;}}.woocommerce div.product .product-single-category{font-style:normal;}@media all and (max-width: 767px){.woocommerce div.product .product-single-category{font-size:17px;}}@media all and (max-width: 767px){.woocommerce ul.products:not(.products-list-view), .wp-site-blocks .wc-block-grid:not(.has-2-columns):not(.has-1-columns) .wc-block-grid__products{grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:0.5rem;grid-row-gap:0.5rem;}}.wp-site-blocks .product-archive-title h1{font-style:normal;}.woocommerce ul.products li.product h3, .woocommerce ul.products li.product .product-details .woocommerce-loop-product__title, .woocommerce ul.products li.product .product-details .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title{font-style:normal;font-size:18px;}@media all and (max-width: 767px){.woocommerce ul.products li.product h3, .woocommerce ul.products li.product .product-details .woocommerce-loop-product__title, .woocommerce ul.products li.product .product-details .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title{font-size:17px;}}.woocommerce ul.products li.product .product-details .price, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price{font-style:normal;font-weight:500;font-size:16px;}@media all and (max-width: 767px){.woocommerce ul.products li.product .product-details .price, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price{font-size:15px;}}.woocommerce ul.products.woo-archive-btn-button .product-action-wrap .button:not(.kb-button), .woocommerce ul.products li.woo-archive-btn-button .button:not(.kb-button), .wc-block-grid__product.woo-archive-btn-button .product-details .wc-block-grid__product-add-to-cart .wp-block-button__link{border:2px none transparent;
126box-shadow:0px 0px 0px 0px rgba(0,0,0,0.0);}.woocommerce ul.products.woo-archive-btn-button .product-action-wrap .button:not(.kb-button):hover, .woocommerce ul.products li.woo-archive-btn-button .button:not(.kb-button):hover, .wc-block-grid__product.woo-archive-btn-button .product-details .wc-block-grid__product-add-to-cart .wp-block-button__link:hover{box-shadow:0px 0px 0px 0px rgba(0,0,0,0);} 127/*# sourceURL=kadence-global-inline-css */ 128</style> 129<link rel='stylesheet' id='kadence-simplelightbox-css-css' href='https://suburbiosskateboards.com.mx/wp-content/themes/kadence/assets/css/simplelightbox.min.css?ver=1.5.2' media='all' /> 130<link rel='stylesheet' id='kadence-woocommerce-css' href='https://suburbiosskateboards.com.mx/wp-content/themes/kadence/assets/css/woocommerce.min.css?ver=1.5.2' media='all' /> 131<link rel='stylesheet' id='newsletter-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/newsletter/style.css?ver=9.4.6' media='all' /> 132<link rel='stylesheet' id='wc-cp-checkout-blocks-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/woocommerce-composite-products/assets/css/frontend/checkout-blocks.css?ver=11.1.2' media='all' /> 133<style id="kadence-blocks-global-variables-inline-css"> 134:root {--global-kb-font-size-sm:clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);--global-kb-font-size-md:clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);--global-kb-font-size-lg:clamp(1.75rem, 1.576rem + 0.543vw, 2rem);--global-kb-font-size-xl:clamp(2.25rem, 1.728rem + 1.63vw, 3rem);--global-kb-font-size-xxl:clamp(2.5rem, 1.456rem + 3.26vw, 4rem);--global-kb-font-size-xxxl:clamp(2.75rem, 0.489rem + 7.065vw, 6rem);} 135/*# sourceURL=kadence-blocks-global-variables-inline-css */ 136</style> 137<style id="hustle_inline_styles_front-inline-css"> 138@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-popup-content {max-width: 500px;max-height: none;max-height: unset;overflow-y: initial;}}@media screen and (min-width: 783px) { .hustle-layout {max-height: none;max-height: unset;}} .hustle-ui.module_id_1 {padding-right: 10px;padding-left: 10px;}.hustle-ui.module_id_1 .hustle-popup-content .hustle-info,.hustle-ui.module_id_1 .hustle-popup-content .hustle-optin {padding-top: 10px;padding-bottom: 10px;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 {padding-right: 10px;padding-left: 10px;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-popup-content .hustle-info,.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-popup-content .hustle-optin {padding-top: 10px;padding-bottom: 10px;}}
138 .hustle-ui.module_id_1 .hustle-layout .hustle-layout-body {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px;border-style: solid;border-color: #DADADA;border-radius: 0px 0px 0px 0px;overflow: hidden;background-color: #25282B;-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-layout-body {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px 0px 0px 0px;-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}} .hustle-ui.module_id_1 .hustle-layout .hustle-layout-content {padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px 0px 0px 0px;border-color: rgba(0,0,0,0);background-color: #363B3F;-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}.hustle-ui.module_id_1 .hustle-main-wrapper {position: relative;padding:32px 0 0;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-layout-content {padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px 0px 0px 0px;-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-main-wrapper {padding:32px 0 0;}}.hustle-ui.module_id_1 .hustle-layout .hustle-image {background-color: #232629;}.hustle-ui.module_id_1 .hustle-layout .hustle-image {height: 220px;overflow: hidden;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-image {max-width: 220px;height: auto;overflow: hidden;flex: 0 0 220px;-ms-flex: 0 0 220px;-webkit-box-flex: 0;}}.hustle-ui.module_id_1 .hustle-layout .hustle-image img {width: 100%;max-width: unset;height: 100%;display: block;position: absolute;object-fit: cover;-ms-interpolation-mode: bicubic;}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {.hustle-ui.module_id_1 .hustle-layout .hustle-image img {width: auto;max-width: unset;height: auto;max-height: unset;}}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-image img {width: 100%;max-width: unset;height: 100%;display: block;position: absolute;object-fit: cover;-ms-interpolation-mode: bicubic;}}@media all and (min-width: 783px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-image img {width: auto;max-width: unset;height: auto;max-height: unset;}}.hustle-ui.module_id_1 .hustle-layout .hustle-image img {object-position: center top;-o-object-position: center top;}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {.hustle-ui.module_id_1 .hustle-layout .hustle-image img {left: 50%;}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {.hustle-ui.module_id_1 .hustle-layout .hustle-image img {transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {.hustle-ui.module_id_1 .hustle-layout .hustle-image img {top: 0;}}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-image img {object-position: center center;-o-object-position: center center;}}@media all and (min-width: 783px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-image img {left: 50%;right: auto;}}@media all and (min-width: 783px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-image img {transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}}@media all and (min-width: 783px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-image img {top: 50%;bottom: auto;}}@media all and (min-width: 783px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-image img {transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}} .hustle-ui.module_id_1 .hustle-layout .hustle-content {margin: 0px 0px 0px 0px;padding: 40px 40px 15px 40px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px 0px 0px 0px;border-color: rgba(0,0,0,0);background-color: rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}.hustle-ui.module_id_1 .hustle-layout .hustle-content .hustle-content-wrap {padding: 40px 0 15px 0;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-content {margin: 0px 0px 0px 0px;padding: 20px 20px 20px 20px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px 0px 0px 0px;-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-content .hustle-content-wrap {padding: 20px 0 20px 0;}} .hustle-ui.module_id_1 .hustle-layout .hustle-title {display: block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px;border-style: solid;border-color: rgba(0,0,0,0);border-radius: 0px 0px 0px 0px;background-color: rgba(0,0,0,0);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);color: #FFFFFF;font: 700 32px/44px Fira Sans;font-style: normal;letter-spacing: -0.63px;text-transform: none;text-decoration: none;text-align: center;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-title {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px 0px 0px 0px;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);font: 700 32px/44px Fira Sans;font-style: normal;letter-spacing: -0.63px;text-transform: none;text-decoration: none;text-align: center;}} .hustle-ui.module_id_1 .hustle-layout .hustle-subtitle {display: block;margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px;border-style: solid;border-color: rgba(0,0,0,0);border-radius: 0px 0px 0px 0px;background-color: rgba(0,0,0,0);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);color: #FFFFFF;font: 700 14px/18px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-decoration: none;text-align: left;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-subtitle {margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px 0px 0px 0px;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);font: 700 14px/18px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-decoration: none;text-align: left;}} .hustle-ui.module_id_1 .hustle-layout .hustle-layout-footer {margin: 10px 0px 0px 0px;text-align: center;}.hustle-ui.module_id_1 .hustle-layout .hustle-nsa-link {font-size: 14px;line-height: 22px;font-family: Fira Sans;letter-spacing: -0.22px;}.hustle-ui.module_id_1 .hustle-layout .hustle-nsa-link a,.hustle-ui.module_id_1 .hustle-layout .hustle-nsa-link a:visited {color: #DD4F3D;font-weight: normal;font-style: normal;text-transform: none;text-decoration: none;}.hustle-ui.module_id_1 .hustle-layout .hustle-nsa-link a:hover {color: #C63D2B;}.hustle-ui.module_id_1 .hustle-layout .hustle-nsa-link a:focus,.hustle-ui.module_id_1 .hustle-layout .hustle-nsa-link a:active {color: #C63D2B;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-layout-footer {margin: 20px 0px 0px 0px;text-align: center;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-nsa-link {font-size: 14px;line-height: 22px;letter-spacing: -0.22px;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-nsa-link a {font-weight: normal;font-style: normal;text-transform: none;text-decoration: none;}}button.hustle-button-close .hustle-icon-close:before {font-size: inherit;}.hustle-ui.module_id_1 button.hustle-button-close {color: #DD4F3D;background: transparent;border-radius: 0;position: absolute;z-index: 1;display: block;width: 32px;height: 32px;right: 0;left: auto;top: 0;bottom: auto;transform: unset;}.hustle-ui.module_id_1 button.hustle-button-close .hustle-icon-close {font-size: 12px;}.hustle-ui.module_id_1 button.hustle-button-close:hover {color: #C63D2B;}.hustle-ui.module_id_1 button.hustle-button-close:focus {color: #C63D2B;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 button.hustle-button-close .hustle-icon-close {font-size: 12px;}.hustle-ui:not(.hustle-size--small).module_id_1 button.hustle-button-close {background: transparent;border-radius: 0;display: block;width: 32px;height: 32px;right: 0;left: auto;top: 0;bottom: auto;transform: unset;}}.hustle-ui.module_id_1 .hustle-popup-mask {background-color: rgba(51,51,51,0.9);} .hustle-ui.module_id_1 .hustle-layout .hustle-layout-form {margin: 0px 0px 0px 0px;padding: 15px 40px 40px 40px;border-width: 0px 0px 0px 0px;border-style: solid;border-color: rgba(0,0,0,0);border-radius: 0px 0px 0px 0px;background-color: rgba(0,0,0,0);}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-layout-form {margin: 0px 0px 0px 0px;padding: 20px 20px 20px 20px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px 0px 0px 0px;}}.hustle-ui.module_id_1 .hustle-form .hustle-form-fields {display: block;}.hustle-ui.module_id_1 .hustle-form .hustle-form-fields .hustle-field {margin-bottom: 5px;}.hustle-ui.module_id_1 .hustle-form .hustle-form-fields .hustle-button {width: 100%;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-form .hustle-form-fields {display: -webkit-box;display: -ms-flex;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: -5px;margin-bottom: -5px;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-form .hustle-form-fields .hustle-field {min-width: 100px;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;margin-top: 5px;margin-right: 10px;margin-bottom: 5px;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-form .hustle-form-fields .hustle-button {width: auto;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;margin-top: 5px;margin-bottom: 5px;}} .hustle-ui.module_id_1 .hustle-field .hustle-input {margin: 0;padding: 9px 10px 9px 10px;padding-left: calc(10px + 25px);border-width: 0px 0px 0px 0px;border-style: solid;border-color: rgba(128,140,151,0.6);border-radius: 0px 0px 0px 0px;background-color: #FFFFFF;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);color: #363B3F;font: normal 14px/22px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-align: left;}.hustle-ui.module_id_1 .hustle-field .hustle-input:hover {border-color: #636A71;background-color: #FFFFFF;}.hustle-ui.module_id_1 .hustle-field .hustle-input:focus {border-color: #636A71;background-color: #FFFFFF;}.hustle-ui.module_id_1 .hustle-field-error.hustle-field .hustle-input {border-color: #DD4F3D !important;background-color: #FFFFFF !important;}.hustle-ui.module_id_1 .hustle-field .hustle-input + .hustle-input-label [class*="hustle-icon-"] {color: #AAAAAA;}.hustle-ui.module_id_1 .hustle-field .hustle-input:hover + .hustle-input-label [class*="hustle-icon-"] {color: #232629;}.hustle-ui.module_id_1 .hustle-field .hustle-input:focus + .hustle-input-label [class*="hustle-icon-"] {color: #232629;}.hustle-ui.module_id_1 .hustle-field-error.hustle-field .hustle-input + .hustle-input-label [class*="hustle-icon-"] {color: #DD4F3D;}.hustle-ui.module_id_1 .hustle-field .hustle-input + .hustle-input-label {padding: 9px 10px 9px 10px;border-width: 0px 0px 0px 0px;border-style: solid;border-color: transparent;color: #AAAAAA;font: normal 14px/22px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-align: left;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-field .hustle-input {padding: 9px 10px 9px 10px;padding-left: calc(10px + 25px);border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px 0px 0px 0px;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);font: normal 14px/22px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-align: left;}}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-field .hustle-input + .hustle-input-label {padding: 9px 10px 9px 10px;border-width: 0px 0px 0px 0px;font: normal 14px/22px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-align: left;}} .hustle-ui.module_id_1 .hustle-select2 + .select2 {box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}.hustle-ui.module_id_1 .hustle-select2 + .select2 .select2-selection--single {margin: 0;padding: 0 10px 0 10px;border-width: 0px 0px 0px 0px;border-style: solid;border-color: rgba(128,140,151,0.6);border-radius: 0px 0px 0px 0px;background-color: #FFFFFF;}.hustle-ui.module_id_1 .hustle-select2 + .select2 .select2-selection--single .select2-selection__rendered {padding: 9px 0 9px 0;color: #DD4F3D;font: normal 14px/22px Fira Sans;font-style: normal;}.hustle-ui.module_id_1 .hustle-select2 + .select2 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {color: #AAAAAA;}
138.hustle-ui.module_id_1 .hustle-select2 + .select2:hover .select2-selection--single {border-color: #636A71;background-color: #FFFFFF;}.hustle-ui.module_id_1 .hustle-select2 + .select2.select2-container--open .select2-selection--single {border-color: #636A71;background-color: #FFFFFF;}.hustle-ui.module_id_1 .hustle-select2.hustle-field-error + .select2 .select2-selection--single {border-color: #DD4F3D !important;background-color: #FFFFFF !important;}.hustle-ui.module_id_1 .hustle-select2 + .select2 + .hustle-input-label {color: #AAAAAA;font: normal 14px/22px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-align: left;}.hustle-ui.module_id_1 .hustle-select2 + .select2 .select2-selection--single .select2-selection__arrow {color: #DD4F3D;}.hustle-ui.module_id_1 .hustle-select2 + .select2:hover .select2-selection--single .select2-selection__arrow {color: #C63D2B;}.hustle-ui.module_id_1 .hustle-select2 + .select2.select2-container--open .select2-selection--single .select2-selection__arrow {color: #C63D2B;}.hustle-ui.module_id_1 .hustle-select2.hustle-field-error + .select2 .select2-selection--single .select2-selection__arrow {color: #DD4F3D !important;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-select2 + .select2 {box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-select2 + .select2 .select2-selection--single {padding: 0 10px 0 10px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px 0px 0px 0px;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-select2 + .select2 .select2-selection--single .select2-selection__rendered {padding: 9px 0 9px 0;font: normal 14px/22px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-align: left;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-select2 + .select2 + .hustle-input-label {font: normal 14px/22px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-align: left;}}.hustle-module-1.hustle-dropdown {background-color: #FFFFFF;}.hustle-module-1.hustle-dropdown .select2-results .select2-results__options .select2-results__option {color: #DD4F3D;background-color: transparent;}.hustle-module-1.hustle-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {color: #FFFFFF;background-color: #AAAAAA;}.hustle-module-1.hustle-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected="true"] {color: #FFFFFF;background-color: #DD4F3D;}.hustle-ui.module_id_1 .hustle-timepicker .ui-timepicker {background-color: #FFFFFF;}.hustle-ui.module_id_1 .hustle-timepicker .ui-timepicker .ui-timepicker-viewport a {color: #DD4F3D;background-color: transparent;}.hustle-ui.module_id_1 .hustle-timepicker .ui-timepicker .ui-timepicker-viewport a:hover,.hustle-ui.module_id_1 .hustle-timepicker .ui-timepicker .ui-timepicker-viewport a:focus {color: #FFFFFF;background-color: #AAAAAA;} .hustle-ui.module_id_1 .hustle-form .hustle-radio span[aria-hidden] {border-width: 0px 0px 0px 0px;border-style: solid;border-color: rgba(128,140,151,0.6);background-color: #FFFFFF;}.hustle-ui.module_id_1 .hustle-form .hustle-radio span:not([aria-hidden]) {color: #FFFFFF;font: 400 12px/20px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-decoration: none;text-align: left;}.hustle-ui.module_id_1 .hustle-form .hustle-radio input:checked + span[aria-hidden] {border-color: #636A71;background-color: #FFFFFF;}.hustle-ui.module_id_1 .hustle-form .hustle-radio input:checked + span[aria-hidden]:before {background-color: #DD4F3D;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-form .hustle-radio span[aria-hidden] {border-width: 0px 0px 0px 0px;border-style: solid;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-form .hustle-radio span:not([aria-hidden]) {font: 400 12px/20px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-decoration: none;text-align: left;}} .hustle-ui.module_id_1 .hustle-form .hustle-checkbox:not(.hustle-gdpr) span[aria-hidden] {border-width: 0px 0px 0px 0px;border-style: solid;border-color: rgba(128,140,151,0.6);border-radius: 0px 0px 0px 0px;background-color: #FFFFFF;}.hustle-ui.module_id_1 .hustle-form .hustle-checkbox:not(.hustle-gdpr) span:not([aria-hidden]) {color: #FFFFFF;font: 400 12px/20px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-decoration: none;text-align: left;}.hustle-ui.module_id_1 .hustle-form .hustle-checkbox:not(.hustle-gdpr) input:checked + span[aria-hidden] {border-color: #636A71;background-color: #FFFFFF;}.hustle-ui.module_id_1 .hustle-form .hustle-checkbox:not(.hustle-gdpr) input:checked + span[aria-hidden]:before {color: #DD4F3D;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-form .hustle-checkbox:not(.hustle-gdpr) span[aria-hidden] {border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px 0px 0px 0px;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-form .hustle-checkbox:not(.hustle-gdpr) span:not([aria-hidden]) {font: 400 12px/20px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-decoration: none;text-align: left;}}.hustle-module-1.hustle-calendar:before {background-color: #FFFFFF;}.hustle-module-1.hustle-calendar .ui-datepicker-header .ui-datepicker-title {color: #232629;}.hustle-module-1.hustle-calendar .ui-datepicker-header .ui-corner-all,.hustle-module-1.hustle-calendar .ui-datepicker-header .ui-corner-all:visited {color: #232629;}.hustle-module-1.hustle-calendar .ui-datepicker-header .ui-corner-all:hover {color: #165E80;}.hustle-module-1.hustle-calendar .ui-datepicker-header .ui-corner-all:focus,.hustle-module-1.hustle-calendar .ui-datepicker-header .ui-corner-all:active {color: #165E80;}.hustle-module-1.hustle-calendar .ui-datepicker-calendar thead th {color: #35414A;}.hustle-module-1.hustle-calendar .ui-datepicker-calendar tbody tr td a,.hustle-module-1.hustle-calendar .ui-datepicker-calendar tbody tr td a:visited {background-color: #FFFFFF;color: #5D7380;}.hustle-module-1.hustle-calendar .ui-datepicker-calendar tbody tr td a:hover {background-color: #DD4F3D;color: #FFFFFF;}.hustle-module-1.hustle-calendar .ui-datepicker-calendar tbody tr td a:focus,.hustle-module-1.hustle-calendar .ui-datepicker-calendar tbody tr td a:active {background-color: #DD4F3D;color: #FFFFFF;} .hustle-ui.module_id_1 .hustle-form button.hustle-button-submit {padding: 2px 16px 2px 16px;border-width: 0px 0px 0px 0px;border-style: solid;border-color: #C54231;border-radius: 0px 0px 0px 0px;background-color: #DD4F3D;-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);color: #FFFFFF;font: 700 14px/22px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: uppercase;text-decoration: none;}.hustle-ui.module_id_1 .hustle-form button.hustle-button-submit:hover {border-color: #D14735;background-color: #C63D2B;color: #FFFFFF;}.hustle-ui.module_id_1 .hustle-form button.hustle-button-submit:focus {border-color: #D14735;background-color: #C63D2B;color: #FFFFFF;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-form button.hustle-button-submit {padding: 2px 16px 2px 16px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px 0px 0px 0px;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);font: 700 14px/22px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: uppercase;text-decoration: none;}} .hustle-ui.module_id_1 .hustle-form .hustle-form-options {margin: 0px 0px 0px 0px;padding: 20px 20px 20px 20px;border-width: 0px 0px 0px 0px;border-style: solid;border-color: rgba(0,0,0,0);border-radius: 0px 0px 0px 0px;background-color: #232629;-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-form .hustle-form-options {margin: 10px 0px 0px 0px;padding: 20px 20px 20px 20px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px 0px 0px 0px;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}} .hustle-ui.module_id_1 .hustle-form .hustle-form-options .hustle-group-title {display: block;margin: 0 0 20px;padding: 0;border: 0;color: #FFFFFF;font: bold 13px/22px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-decoration: none;text-align: left;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-form .hustle-form-options .hustle-group-title {font: bold 13px/22px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-decoration: none;text-align: left;}} .hustle-ui.module_id_1 .hustle-layout-form .hustle-checkbox.hustle-gdpr {margin: 10px 0px 0px 0px;}.hustle-ui.module_id_1 .hustle-layout-form .hustle-checkbox.hustle-gdpr span[aria-hidden] {border-width: 0px 0px 0px 0px;border-style: solid;border-color: rgba(128,140,151,0.6);border-radius: 0px 0px 0px 0px;background-color: #FFFFFF;}.hustle-ui.module_id_1 .hustle-layout-form .hustle-checkbox.hustle-gdpr span[aria-hidden]:before {color: #DD4F3D;}.hustle-ui.module_id_1 .hustle-layout-form .hustle-checkbox.hustle-gdpr span:not([aria-hidden]) {color: #FFFFFF;font: 400 12px/1.7em Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-decoration: none;text-align: left;}.hustle-ui.module_id_1 .hustle-layout-form .hustle-checkbox.hustle-gdpr span:not([aria-hidden]) a {color: #FFFFFF;}.hustle-ui.module_id_1 .hustle-layout-form .hustle-checkbox.hustle-gdpr span:not([aria-hidden]) a:hover {color: #FFFFFF;}.hustle-ui.module_id_1 .hustle-layout-form .hustle-checkbox.hustle-gdpr span:not([aria-hidden]) a:focus {color: #FFFFFF;}.hustle-ui.module_id_1 .hustle-layout-form .hustle-checkbox.hustle-gdpr input:checked + span[aria-hidden] {border-color: #636A71;background-color: #FFFFFF;}.hustle-ui.module_id_1 .hustle-layout-form .hustle-checkbox.hustle-gdpr.hustle-field-error + span[aria-hidden] {border-color: #DD4F3D !important;background-color: #FFFFFF !important;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout-form .hustle-checkbox.hustle-gdpr {margin: 10px 0px 0px 0px;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout-form .hustle-checkbox.hustle-gdpr span[aria-hidden] {border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px 0px 0px 0px;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout-form .hustle-checkbox.hustle-gdpr span:not([aria-hidden]) {font: 400 12px/1.7em Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-decoration: none;text-align: left;}} .hustle-ui.module_id_1 .hustle-layout .hustle-error-message {margin: 20px 0px 0px 0px;background-color: #FFFFFF;box-shadow: inset 4px 0 0 0 #DD4F3D;-moz-box-shadow: inset 4px 0 0 0 #DD4F3D;-webkit-box-shadow: inset 4px 0 0 0 #DD4F3D;}.hustle-ui.module_id_1 .hustle-layout .hustle-error-message p {color: #DD4F3D;font: normal 12px/20px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-decoration: none;text-align: left;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-error-message {margin: 20px 0px 0px 0px;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-layout .hustle-error-message p {font: normal 12px/20px Fira Sans;font-style: normal;letter-spacing: 0px;text-transform: none;text-decoration: none;text-align: left;}} .hustle-ui.module_id_1 .hustle-success {padding: 40px 40px 40px 40px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px 0px 0px 0px;border-color: rgba(0,0,0,0);background-color: #25282B;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);color: #ADB5B7;}.hustle-ui.module_id_1 .hustle-success [class*="hustle-icon-"] {color: #DD4F3D;}.hustle-ui.module_id_1 .hustle-success a,.hustle-ui.module_id_1 .hustle-success a:visited {color: #DD4F3D;}.hustle-ui.module_id_1 .hustle-success a:hover {color: #C63D2B;}.hustle-ui.module_id_1 .hustle-success a:focus,.hustle-ui.module_id_1 .hustle-success a:active {color: #C63D2B;}.hustle-ui.module_id_1 .hustle-success-content b,.hustle-ui.module_id_1 .hustle-success-content strong {font-weight: bold;}.hustle-ui.module_id_1 .hustle-success-content blockquote {margin-right: 0;margin-left: 0;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-success {padding: 40px 40px 40px 40px;border-width: 0px 0px 0px 0px;border-style: solid;border-radius: 0px 0px 0px 0px;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}}
138.hustle-ui.module_id_1 .hustle-success-content {color: #ADB5B7;font-size: 16px;line-height: 26px;font-family: Fira Sans;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-success-content {font-size: 16px;line-height: 26px;}}.hustle-ui.module_id_1 .hustle-success-content p:not([class*="forminator-"]) {margin: 0 0 10px;color: #ADB5B7;font: normal 16px/26px Fira Sans;letter-spacing: -0.25px;text-transform: none;text-decoration: none;}.hustle-ui.module_id_1 .hustle-success-content p:not([class*="forminator-"]):last-child {margin-bottom: 0;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-success-content p:not([class*="forminator-"]) {margin-bottom: 20px;font: normal 16px/26px Fira Sans;letter-spacing: -0.25px;text-transform: none;text-decoration: none;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-success-content p:not([class*="forminator-"]):last-child {margin-bottom: 0}}.hustle-ui.module_id_1 .hustle-success-content h1:not([class*="forminator-"]) {margin: 0 0 10px;color: #ADB5B7;font: 700 28px/1.4em Fira Sans;letter-spacing: 0px;text-transform: none;text-decoration: none;}.hustle-ui.module_id_1 .hustle-success-content h1:not([class*="forminator-"]):last-child {margin-bottom: 0;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-success-content h1:not([class*="forminator-"]) {margin-bottom: 20px;font: 700 28px/1.4em Fira Sans;letter-spacing: 0px;text-transform: none;text-decoration: none;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-success-content h1:not([class*="forminator-"]):last-child {margin-bottom: 0}}.hustle-ui.module_id_1 .hustle-success-content h2:not([class*="forminator-"]) {margin: 0 0 10px;color: #ADB5B7;font: 700 22px/1.4em Fira Sans;letter-spacing: 0px;text-transform: none;text-decoration: none;}.hustle-ui.module_id_1 .hustle-success-content h2:not([class*="forminator-"]):last-child {margin-bottom: 0;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-success-content h2:not([class*="forminator-"]) {margin-bottom: 20px;font: 700 22px/1.4em Fira Sans;letter-spacing: 0px;text-transform: none;text-decoration: none;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-success-content h2:not([class*="forminator-"]):last-child {margin-bottom: 0}}.hustle-ui.module_id_1 .hustle-success-content h3:not([class*="forminator-"]) {margin: 0 0 10px;color: #ADB5B7;font: 700 18px/1.4em Fira Sans;letter-spacing: 0px;text-transform: none;text-decoration: none;}.hustle-ui.module_id_1 .hustle-success-content h3:not([class*="forminator-"]):last-child {margin-bottom: 0;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-success-content h3:not([class*="forminator-"]) {margin-bottom: 20px;font: 700 18px/1.4em Fira Sans;letter-spacing: 0px;text-transform: none;text-decoration: none;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-success-content h3:not([class*="forminator-"]):last-child {margin-bottom: 0}}.hustle-ui.module_id_1 .hustle-success-content h4:not([class*="forminator-"]) {margin: 0 0 10px;color: #ADB5B7;font: 700 16px/1.4em Fira Sans;letter-spacing: 0px;text-transform: none;text-decoration: none;}.hustle-ui.module_id_1 .hustle-success-content h4:not([class*="forminator-"]):last-child {margin-bottom: 0;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-success-content h4:not([class*="forminator-"]) {margin-bottom: 20px;font: 700 16px/1.4em Fira Sans;letter-spacing: 0px;text-transform: none;text-decoration: none;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-success-content h4:not([class*="forminator-"]):last-child {margin-bottom: 0}}.hustle-ui.module_id_1 .hustle-success-content h5:not([class*="forminator-"]) {margin: 0 0 10px;color: #ADB5B7;font: 700 14px/1.4em Fira Sans;letter-spacing: 0px;text-transform: none;text-decoration: none;}.hustle-ui.module_id_1 .hustle-success-content h5:not([class*="forminator-"]):last-child {margin-bottom: 0;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-success-content h5:not([class*="forminator-"]) {margin-bottom: 20px;font: 700 14px/1.4em Fira Sans;letter-spacing: 0px;text-transform: none;text-decoration: none;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-success-content h5:not([class*="forminator-"]):last-child {margin-bottom: 0}}.hustle-ui.module_id_1 .hustle-success-content h6:not([class*="forminator-"]) {margin: 0 0 10px;color: #ADB5B7;font: 700 12px/1.4em Fira Sans;letter-spacing: 0px;text-transform: uppercase;text-decoration: none;}.hustle-ui.module_id_1 .hustle-success-content h6:not([class*="forminator-"]):last-child {margin-bottom: 0;}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-success-content h6:not([class*="forminator-"]) {margin-bottom: 20px;font: 700 12px/1.4em Fira Sans;letter-spacing: 0px;text-transform: uppercase;text-decoration: none;}.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-success-content h6:not([class*="forminator-"]):last-child {margin-bottom: 0}}.hustle-ui.module_id_1 .hustle-success-content ol:not([class*="forminator-"]),.hustle-ui.module_id_1 .hustle-success-content ul:not([class*="forminator-"]) {margin: 0 0 10px;}.hustle-ui.module_id_1 .hustle-success-content ol:not([class*="forminator-"]):last-child,.hustle-ui.module_id_1 .hustle-success-content ul:not([class*="forminator-"]):last-child {margin-bottom: 0;}.hustle-ui.module_id_1 .hustle-success-content li:not([class*="forminator-"]) {margin: 0 0 5px;color: #ADB5B7;font: 400 14px/1.45em Fira Sans;letter-spacing: 0px;text-transform: none;text-decoration: none;}.hustle-ui.module_id_1 .hustle-success-content li:not([class*="forminator-"]):last-child {margin-bottom: 0;}.hustle-ui.module_id_1 .hustle-success-content ol:not([class*="forminator-"]) li:before {color: #ADB5B7}.hustle-ui.module_id_1 .hustle-success-content ul:not([class*="forminator-"]) li:before {background-color: #ADB5B7}@media screen and (min-width: 783px) {.hustle-ui:not(.hustle-size--small).module_id_1 .hustle-success-content li:not([class*="forminator-"]) {font: 400 14px/1.45em Fira Sans;letter-spacing: 0px;text-transform: none;text-decoration: none;}}@media screen and (min-width: 783px) {.hustle-ui.module_id_1 .hustle-success-content ol:not([class*="forminator-"]),.hustle-ui.module_id_1 .hustle-success-content ul:not([class*="forminator-"]) {margin: 0 0 20px;}.hustle-ui.module_id_1 .hustle-success-content ol:not([class*="forminator-"]):last-child,.hustle-ui.module_id_1 .hustle-success-content ul:not([class*="forminator-"]):last-child {margin-bottom: 0;}}.hustle-ui.hustle_module_id_1[data-id="1"] /* ========================================================================== ð¹ SUBURBIOS SKATE - HUSTLE ESTILOS PUROS (SIN ROMPER ESTRUCTURA) ========================================================================== *//* 1. Fondo Negro Mate Limpio (#111111) */.hustle-popup,.hustle-ui.hustle_module_id_1[data-id="1"] .hustle-popup-content,.hustle-ui.hustle_module_id_1[data-id="1"] .hustle-layout,.hustle-ui.hustle_module_id_1[data-id="1"] .hustle-layout-content{ background: #111111 !important; background-color: #111111 !important; border-radius: 0px !important; border: 0px solid #222222 !important;}.hustle-ui.hustle_module_id_1[data-id="1"] /* 2. Fuentes de Marc
138a */.hustle-title{ font-family: 'Bebas Neue', sans-serif !important; font-size: 28px !important; color: #ffffff !important; text-transform: uppercase !important; letter-spacing: 1px !important;}.hustle-ui.hustle_module_id_1[data-id="1"] .hustle-subtitle,.hustle-ui.hustle_module_id_1[data-id="1"] .hustle-group-desc{ font-family: 'Fira Sans', sans-serif !important; color: #cccccc !important;}.hustle-ui.hustle_module_id_1[data-id="1"] /* 3. Botón Secundario ("¡Ir a la tienda!") */.hustle-button-cta,.hustle-ui.hustle_module_id_1[data-id="1"] a.hustle-button-cta{ font-family: 'Bebas Neue', sans-serif !important; background-color: #ffffff !important; color: #111111 !important; border-radius: 4px !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-left: auto !important; margin-right: auto !important;}.hustle-ui.hustle_module_id_1[data-id="1"] .hustle-button-cta:hover,.hustle-ui.hustle_module_id_1[data-id="1"] a.hustle-button-cta:hover{ background-color: #e2401c !important; color: #ffffff !important;}.hustle-ui.hustle_module_id_1[data-id="1"] /* ========================================================================== FORZAR SALTO DE LÃNEA ENTRE CAMPO E EMAIL Y BOTÃN SUBMIT ========================================================================== *//* Regla contenedora: obliga a los elementos a ordenarse en columna vertical */.hustle-form-inline,.hustle-ui.hustle_module_id_1[data-id="1"] .hustle-form-fields,.hustle-ui.hustle_module_id_1[data-id="1"] .hustle-proximity-separated{ display: flex !important; flex-direction: column !important; width: 100% !important;}.hustle-ui.hustle_module_id_1[data-id="1"] /* 4. Campo Input de Correo (Toma su propia lÃnea completa) */.hustle-field{ width: 100% !important; display: block !important; margin-bottom: 10px !important;}.hustle-ui.hustle_module_id_1[data-id="1"] .hustle-input{ display: block !important; width: 100% !important; box-sizing: border-box !important; height: 42px !important; padding: 0 12px !important; background-color: #1a1a1a !important; color: #ffffff !important; border: 1px solid #333333 !important; border-radius: 4px !important; font-family: 'Fira Sans', sans-serif !important;}.hustle-ui.hustle_module_id_1[data-id="1"] .hustle-input:focus{ border-color: #e2401c !important;}.hustle-ui.hustle_module_id_1[data-id="1"] /* 5. Botón de EnvÃo Rojo ("QUIERO MI CUPÃN") (Toma su propia lÃnea abajo) */.hustle-button-submit,.hustle-ui.hustle_module_id_1[data-id="1"] button.hustle-button-submit{ display: block !important; width: 100% !important; height: 42px !important; margin-top: 0 !important; background-color: #e2401c !important; color: #ffffff !important; font-family: 'Bebas Neue', sans-serif !important; border-radius: 4px !important; text-transform: uppercase !important; letter-spacing: 1.2px !important; border: none !important; cursor: pointer !important;}.hustle-ui.hustle_module_id_1[data-id="1"] .hustle-button-submit:hover,.hustle-ui.hustle_module_id_1[data-id="1"] button.hustle-button-submit:hover{ background-color: #c83212 !important;}.hustle-ui.hustle_module_id_1[data-id="1"] /* 6. Enlace de Cierre inferior */.hustle-nsa-link a{ font-family: 'Fira Sans', sans-serif !important; color: #888888 !important;} 139/*# sourceURL=hustle_inline_styles_front-inline-css */ 140</style> 141<link rel='stylesheet' id='hustle_icons-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/wordpress-popup/assets/hustle-ui/css/hustle-icons.min.css?ver=7.8.14' media='all' /> 142<link rel='stylesheet' id='hustle_global-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/wordpress-popup/assets/hustle-ui/css/hustle-global.min.css?ver=7.8.14' media='all' /> 143<link rel='stylesheet' id='hustle_optin-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/wordpress-popup/assets/hustle-ui/css/hustle-optin.min.css?ver=7.8.14' media='all' /> 144<link rel='stylesheet' id='hustle_popup-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/wordpress-popup/assets/hustle-ui/css/hustle-popup.min.css?ver=7.8.14' media='all' /> 145<link rel='stylesheet' id='hustle-fonts-css' href='https://fonts.bunny.net/css?family=
145Fira%20Sans:700,regular&display=swap&ver=1.0' media='all' /> 146<link rel='stylesheet' id='moove_gdpr_frontend-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/gdpr-cookie-compliance/dist/styles/gdpr-main-nf.css?ver=5.1.0' media='all' /> 147<style id="moove_gdpr_frontend-inline-css"> 148 #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-settings-btn, 149 #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn { 150 background-color: transparent; 151 box-shadow: inset 0 0 0 1px currentColor; 152 opacity: .7; 153 color: #202020; 154 } 155 156 #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-settings-btn:hover, 157 #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn:hover { 158 background-color: #202020; 159 box-shadow: none; 160 color: #fff; 161 opacity: 1; 162 } 163 164 #moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-settings-btn, #moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn { 165 background-color: transparent; 166 box-shadow: inset 0 0 0 1px currentColor; 167 opacity: .7; 168 color: #fff; 169 } 170 171 #moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-settings-btn:hover, #moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn:hover { 172 box-shadow: none; 173 opacity: 1; 174 color: #202020; 175 background-color: #fff; 176 } 177 #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main h3.tab-title, 178 #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title, 179 #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a, 180 #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button, 181 #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt a, 182 #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton, 183 #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton, 184 #moove_gdpr_cookie_modal .cookie-switch .cookie-slider:after, 185 #moove_gdpr_cookie_modal .cookie-switch .slider:after, 186 #moove_gdpr_cookie_modal .switch .cookie-slider:after, 187 #moove_gdpr_cookie_modal .switch .slider:after, 188 #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, 189 #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a, 190 #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, 191 #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton, 192 #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h1, 193 #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h2, 194 #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h3, 195 #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h4, 196 #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h5, 197 #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h6, 198 #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-title .tab-title, 199 #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main h3.tab-title, 200 #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main span.tab-title, 201 #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-branding-cnt a { 202 font-weight: inherit } 203 #moove_gdpr_cookie_modal,#moove_gdpr_cookie_info_bar,.gdpr_cookie_settings_shortcode_content{font-family:inherit}#moove_gdpr_save_popup_settings_button{background-color:#373737;color:#fff}#moove_gdpr_save_popup_settings_button:hover{background-color:#000}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{background-color:#e43336}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton,.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green,.gd
203pr-blocked-recaptcha .gdpr-shr-button.button-green{background-color:#e43336;border-color:#e43336}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:hover,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover,.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green:hover,.gdpr-blocked-recaptcha .gdpr-shr-button.button-green:hover{background-color:#fff;color:#e43336}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon{background-color:#e43336;border:1px solid #e43336}#moove_gdpr_cookie_info_bar span.moove-gdpr-infobar-allow-all.focus-g,#moove_gdpr_cookie_info_bar span.moove-gdpr-infobar-allow-all:focus,#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-allow-all.focus-g,#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-allow-all:focus,#moove_gdpr_cookie_info_bar span.moove-gdpr-infobar-reject-btn.focus-g,#moove_gdpr_cookie_info_bar span.moove-gdpr-infobar-reject-btn:focus,#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-reject-btn.focus-g,#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-reject-btn:focus,#moove_gdpr_cookie_info_bar span.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar span.change-settings-button:focus,#moove_gdpr_cookie_info_bar button.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar button.change-settings-button:focus{-webkit-box-shadow:0 0 1px 3px #e43336;-moz-box-shadow:0 0 1px 3px #e43336;box-shadow:0 0 1px 3px #e43336}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i:hover,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon:hover,#moove_gdpr_cookie_info_bar span[data-href]>u.change-settings-button{color:#e43336}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected a span.gdpr-icon,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button span.gdpr-icon{color:inherit}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a span.gdpr-icon,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span.gdpr-icon{color:inherit}#moove_gdpr_cookie_modal .gdpr-acc-link{line-height:0;font-size:0;color:transparent;position:absolute}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.change-settings-button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button:hover,#moove_gdpr_cookie_info_bar span[data-href]>u.change-settings-button,#moove_gdpr_cookie_info_bar.moove-gdpr-d
203ark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button.focus-g,span.change-settings-button:focus,button.change-settings-button.focus-g,button.change-settings-button:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button:focus{color:#e43336}#moove_gdpr_cookie_modal .moove-gdpr-branding.focus-g span,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main a.focus-g,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .gdpr-cd-details-toggle.focus-g{color:#e43336}#moove_gdpr_cookie_modal.gdpr_lightbox-hide{display:none} 204/*# sourceURL=moove_gdpr_frontend-inline-css */ 205</style>
206<script id="jquery-core-js-extra"> 207var pysFacebookRest = {"restApiUrl":"https://suburbiosskateboards.com.mx/wp-json/pys-facebook/v1/event","debug":""}; 208//# sourceURL=jquery-core-js-extra 209</script>
vendor: 1 bytes, line 209
209
210<script id="jquery-core-js" src="https://suburbiosskateboards.com.mx/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 210
210
211<script id="jquery-migrate-js" src="https://suburbiosskateboards.com.mx/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 211
211
212<script id="motive-commerce-search-js-before"> 213const motive = {"initParams":{"xEngineId":"1668f717-fff3-47f7-b7bf-91ac40b976d6","lang":"es-ES","currency":"MXN","triggerSelector":".woocommerce-product-search-field-0, #woocommerce-product-search-field-0, .kadence_customizer_header_search, #kadence_customizer_header_search, .search-toggle-open-container, #search-toggle-open-container, .search-toggle-open drawer-toggle search-toggle-style-default, #search-toggle-open drawer-toggle search-toggle-style-default, .wp-block-search__label screen-reader-text, .search-toggle-open-container, .search-toggle-open drawer-toggle search-toggle-style-default, .search-toggle-label vs-lg-true vs-md-true vs-sm-false","isolated":true,"cartUrl":"https:\/\/suburbiosskateboards.com.mx\/carrito\/"},"options":{"shopperPrices":false,"shopperPricesEndpointMethod":"POST"},"endpoints":{"shopperPrices":"https:\/\/suburbiosskateboards.com.mx\/wp-content\/plugins\/motive-commerce-search\/public\/shopper-prices\/shopper-prices.php"},"nonce":"c63427bba0"}; 214//# sourceURL=motive-commerce-search-js-before 215</script>
vendor: 1 bytes, line 215
215
216<script id="motive-commerce-search-js" src="https://assets.motive.co/front-loader/woocommerce/v1.js?ver=1.38.6"></script>
vendor: 1 bytes, line 216
216
217<script id="wp-hooks-js" src="https://suburbiosskateboards.com.mx/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 217
217
218<script id="say-what-js-js-extra"> 219var say_what_data = {"replacements":{"|Add to Cart|":"A\u00d1ADIR AL CARRITO","|Select Options|":"SELECCIONAR OPCIONES"}}; 220//# sourceURL=say-what-js-js-extra 221</script>
vendor: 1 bytes, line 221
221
222<script id="say-what-js-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/say-what/assets/build/frontend.js?ver=fd31684c45e4d85aeb4e"></script>
vendor: 1 bytes, line 222
222
223<script data-wp-strategy="defer" defer id="wc-jquery-blockui-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.11.1.2"></script>
vendor: 1 bytes, line 223
223
224<script id="wc-add-to-cart-js-extra"> 225var wc_add_to_cart_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_view_cart":"Ver carrito","cart_url":"https://suburbiosskateboards.com.mx/carrito/","is_cart":"","cart_redirect_after_add":"no"}; 226//# sourceURL=wc-add-to-cart-js-extra 227</script>
vendor: 1 bytes, line 227
227
228<script data-wp-strategy="defer" defer id="wc-add-to-cart-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=11.1.2"></script>
vendor: 1 bytes, line 228
228
229<script data-wp-strategy="defer" defer id="wc-zoom-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/woocommerce/assets/js/zoom/jquery.zoom.min.js?ver=1.7.21-wc.11.1.2"></script>
vendor: 1 bytes, line 229
229
230<script data-wp-strategy="defer" defer id="wc-flexslider-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/woocommerce/assets/js/flexslider/jquery.flexslider.min.js?ver=2.7.2-wc.11.1.2"></script>
vendor: 1 bytes, line 230
230
231<script data-wp-strategy="defer" defer id="wc-photoswipe-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe.min.js?ver=4.1.1-wc.11.1.2"></script>
vendor: 1 bytes, line 231
231
232<script data-wp-strategy="defer" defer id="wc-photoswipe-ui-default-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/woocommerce/assets/js/photoswipe/photoswipe-ui-default.min.js?ver=4.1.1-wc.11.1.2"></script>
vendor: 1 bytes, line 232
232
233<script id="wc-single-product-js-extra"> 234var wc_single_product_params = {"i18n_required_rating_text":"Por favor elige una puntuaci\u00f3n","i18n_rating_options":["1 de 5 estrellas","2 de 5 estrellas","3 de 5 estrellas","4 de 5 estrellas","5 de 5 estrellas"],"i18n_product_gallery_trigger_text":"Ver galer\u00eda de im\u00e1genes a pantalla completa","review_rating_required":"yes","flexslider":{"rtl":false,"animation":"slide","smoothHeight":true,"directionNav":false,"controlNav":"thumbnails","slideshow":false,"animationSpeed":500,"animationLoop":false,"allowOneSlide":false},"zoom_enabled":"1","zoom_options":[],"photoswipe_enabled":"1","photoswipe_options":{"shareEl":false,"closeOnScroll":false,"history":false,"hideAnimationDuration":0,"showAnimationDuration":0},"flexslider_enabled":"1"}; 235//# sourceURL=wc-single-product-js-extra 236</script>
vendor: 1 bytes, line 236
236
237<script data-wp-strategy="defer" defer id="wc-single-product-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/woocommerce/assets/js/frontend/single-product.min.js?ver=11.1.2"></script>
vendor: 1 bytes, line 237
237
238<script data-wp-strategy="defer" defer id="wc-js-cookie-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.11.1.2"></script>
vendor: 1 bytes, line 238
238
239<script id="woocommerce-js-extra"> 240var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_password_show":"Mostrar contrase\u00f1a","i18n_password_hide":"Ocultar contrase\u00f1a"}; 241//# sourceURL=woocommerce-js-extra 242</script>
vendor: 1 bytes, line 242
242
243<script data-wp-strategy="defer" defer id="woocommerce-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=11.1.2"></script>
vendor: 1 bytes, line 243
243
244<script id="aplazo-widget-js-extra"> 245var images = {"step1":"https://suburbiosskateboards.com.mx/wp-content/plugins/aplazo-payment-gateway/assets/images/step-1.png","step2":"https://suburbiosskateboards.com.mx/wp-content/plugins/aplazo-payment-gateway/assets/images/step-2.png","step3":"https://suburbiosskateboards.com.mx/wp-content/plugins/aplazo-payment-gateway/assets/images/step-3.png","logoraw":"https://suburbiosskateboards.com.mx/wp-content/plugins/aplazo-payment-gateway/assets/images/logo-raw.png","descmovil":"https://suburbiosskateboards.com.mx/wp-content/plugins/aplazo-payment-gateway/assets/images/aplazo-desc-movil","aplazodescription":"https://suburbiosskateboards.com.mx/wp-content/plugins/aplazo-payment-gateway/assets/images/aplazo-description.png"}; 246//# sourceURL=aplazo-widget-js-extra 247</script>
vendor: 1 bytes, line 247
247
248<script id="aplazo-widget-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/aplazo-payment-gateway/src/../assets/js/aplazo-widget/aplazo-widgets.min.js?ver=7.1.2"></script>
248 249<link rel="https://api.w.org/" href="https://suburbiosskateboards.com.mx/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://suburbiosskateboards.com.mx/wp-json/wp/v2/product/35983" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://suburbiosskateboards.com.mx/xmlrpc.php?rsd" /> 250<meta name="generator" content="WordPress 7.1.2" /> 251<meta name="generator" content="WooCommerce 11.1.2" /> 252<link rel="canonical" href="https://suburbiosskateboards.com.mx/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/" /> 253<link rel='shortlink' href='https://suburbiosskateboards.com.mx/?p=35983' /> 254<style> 255 .creditea-banner, .creditea-shortcode-banner { 256 margin: 1rem 0; 257 text-align: center; 258 } 259 .creditea-banner img, .creditea-shortcode-banner img { 260 max-width: 100%; 261 height: auto; 262 cursor: pointer; 263 } 264 </style><style> 265 .lmp_load_more_button.br_lmp_button_settings .lmp_button:hover { 266 background-color: #bf3d36!important; 267 color: #ffffff!important; 268 } 269 .lmp_load_more_button.br_lmp_prev_settings .lmp_button:hover { 270 background-color: #9999ff!important; 271 color: #111111!important; 272 }li.product.lazy, .berocket_lgv_additional_data.lazy{opacity:0;}</style> 273<!-- This website runs the Product Feed PRO for WooCommerce by AdTribes.io plugin - version woocommercesea_option_installed_version --> 274<meta name="ti-site-data" content="eyJyIjoiMTowITc6MyEzMDoyOSIsIm8iOiJodHRwczpcL1wvc3VidXJiaW9zc2thdGVib2FyZHMuY29tLm14P3RpLW9ubGluZS11c2Vycy1nb29nbGU9MSZhbXA7cD0lMkZwcm9kdWN0byUyRnNldC1kZS1maW5nZXJib2FyZHMtdGVjaC1kZWNrLXVsdHJhLXByby0yMC1zazhzaG9wLWJvbnVzJTJGJmFtcDtfd3Bub25jZT05Zjk5MTUzYjYwIn0=" /><!-- Suburbios Custom Schema -->
274<script type="application/ld+json"> 275{ 276 "@context": "https://schema.org/", 277 "@type": "Product", 278 "name": "Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus", 279 "image": [ 280 "https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus.webp" 281 ], 282 "description": "Set de Tech Deck Ultra Pro 20 Sk8shop Bonus. ¡El paquete definitivo para fanáticos del fingerboarding y coleccionistas que buscan variedad masiva con gráficos icónicos de la industria! Este impresionante set Ultra Pro Sk8shop Bonus Pack de Tech Deck reúne un total de 20 tablas de marcas legendarias como Plan B y Toy Machine, incluyendo pro models destacados de skaters profesionales como Sky Brown y Felipe Gustavo. El set viene configurado para armar y personalizar tu propia flota: incluye tablas completas armadas de fábrica y múltiples tablas adicionales sueltas con sus respectivos orificios para herrajes, acompañadas por herramientas de ajuste con mango amarillo, ruedas de repuesto, trucks metálicos y stickers coleccionables circulares de gran tamaño.\r\n\r\nBeneficios Clave:\r\n- Megapack de 20 Tablas Coleccionables: Incluye réplicas exactas de marcas de renombre como Plan B y Toy Machine con pro models oficiales.\r\n- Experiencia de Personalización Sk8shop: Permite intercambiar ruedas, trucks y cubiertas utilizando la herramienta especial incluida para armar setups a tu gusto.\r\n- Accesorios y Stickers Exclusivos: Incluye calcomanÃas circulares de gran tamaño de Plan B y Toy Machine, además de piezas de repuesto para mantenimiento.\r\n\r\nPreguntas Frecuentes:\r\n- ¿Vienen las 20 tablas completamente armadas dentro del empaque? Algunas tablas vienen armadas de fábrica, mientras que las demás están listas para ser ensambladas e interconectadas con los trucks y ruedas adicionales usando la herramienta del set.\r\n- ¿Qué edad recomendada tiene este paquete? Se recomienda para niños mayores de 6 años y coleccionistas, debido a que contiene partes pequeñas como tornillos, tuercas y ruedas.\r\n\r\nNota: Las imágenes del producto pueden variar ligeramente en cuanto a presentación y color.", 283 "sku": "SUBS80022", 284 "brand": { 285 "@type": "Brand", 286 "name": "Suburbios Skateboards" 287 }, 288 "offers": { 289 "@type": "Offer", 290 "url": "https://suburbiosskateboards.com.mx/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/", 291 "priceCurrency": "MXN", 292 "price": "1250", 293 "itemCondition": "https://schema.org/NewCondition", 294 "availability": "https://schema.org/InStock" 295 } 296} 297</script>
297 298<!-- End Suburbios Custom Schema --> 299<!-- Google Tag Manager for WordPress by gtm4wp.com --> 300<!-- GTM Container placement set to automatic -->
301<script data-cfasync="false" data-pagespeed-no-defer> 302 var dataLayer_content = {"pagePostType":"product","pagePostType2":"single-product","pagePostAuthor":"Suburbios","productRatingCounts":[],"productAverageRating":0,"productReviewCount":0,"productType":"simple","productIsVariable":0}; 303 dataLayer.push( dataLayer_content ); 304</script>
vendor: 1 bytes, line 304
304
305<script data-cfasync="false" data-pagespeed-no-defer>
vendor: 322 bytes, lines 305-310
305 306(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 307new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 308j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 309'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 310})(window,document,'script','dataLayer','
310GTM-TRGCZ8K
vendor: 4 bytes, line 310
310');
311</script>
311 312<!-- End Google Tag Manager for WordPress by gtm4wp.com --><style> 313.wsatc-stick-cart-wrapper{ 314 background-color:#fdfdfd; 315 color: #000; 316} 317 318.wsatc-stick-cart-wrapper .wsatc-add-to-cart{ 319 background-color:#282828; 320 color:#ffffff; 321} 322.wsatc-stick-cart-wrapper .wsatc-add-to-cart:hover{ 323 background-color:#4e4e4e; 324 color:#ffffff; 325} 326.wsatc-rating .star-rating{ 327 color: #000; 328} 329.wsatc-rating-count{ 330 color: #000; 331} 332 333 334 .wsatc-stock { 335 color: #000 } 336 337 338 339 340 341 342 343 344 345</style><link rel="preload" id="kadence-header-preload" href="https://suburbiosskateboards.com.mx/wp-content/themes/kadence/assets/css/header.min.css?ver=1.5.2" as="style"> 346<link rel="preload" id="kadence-content-preload" href="https://suburbiosskateboards.com.mx/wp-content/themes/kadence/assets/css/content.min.css?ver=1.5.2" as="style"> 347<link rel="preload" id="kadence-related-posts-preload" href="https://suburbiosskateboards.com.mx/wp-content/themes/kadence/assets/css/related-posts.min.css?ver=1.5.2" as="style"> 348<link rel="preload" id="kad-splide-preload" href="https://suburbiosskateboards.com.mx/wp-content/themes/kadence/assets/css/kadence-splide.min.css?ver=1.5.2" as="style"> 349<link rel="preload" id="kadence-footer-preload" href="https://suburbiosskateboards.com.mx/wp-content/themes/kadence/assets/css/footer.min.css?ver=1.5.2" as="style"> 350 <link rel="preload" href="https://suburbiosskateboards.com.mx/wp-content/plugins/wordpress-popup/assets/hustle-ui/fonts/hustle-icons-font.woff2" as="font" type="font/woff2" crossorigin> 351 <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> 352
352<script> 353 jQuery(document).on( "berocket_lmp_end", function() { 354 window.document.dispatchEvent(new Event("AWLTriggerJsReplace", { 355 bubbles: true, 356 cancelable: true 357 })); 358 } ); 359 </script>
359<link rel="preload" href="https://suburbiosskateboards.com.mx/wp-content/fonts/bebas-neue/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://suburbiosskateboards.com.mx/wp-content/fonts/fira-sans/va9E4kDNxMZdWfMOD5Vvl4jL.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://suburbiosskateboards.com.mx/wp-content/fonts/fira-sans/va9B4kDNxMZdWfMOD5VnZKveRhf6.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://suburbiosskateboards.com.mx/wp-content/fonts/fira-sans/va9B4kDNxMZdWfMOD5VnLK3eRhf6.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://suburbiosskateboards.com.mx/wp-content/fonts/oswald/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.woff2" as="font" type="font/woff2" crossorigin><link rel='stylesheet' id='kadence-fonts-gfonts-css' href='https://suburbiosskateboards.com.mx/wp-content/fonts/848aa51f3c2a92430d21248717226ca9.css?ver=1.5.2' media='all' /> 360<link rel="icon" href="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/03/cropped-Favicon-Suburbios-32x32.png" sizes="32x32" /> 361<link rel="icon" href="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/03/cropped-Favicon-Suburbios-192x192.png" sizes="192x192" /> 362<link rel="apple-touch-icon" href="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/03/cropped-Favicon-Suburbios-180x180.png" /> 363<meta name="msapplication-TileImage" content="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/03/cropped-Favicon-Suburbios-270x270.png" /> 364<style id="wp-custom-css"> 365/* ========================================================================== 366 MÃDULO UNIFICADO DE ESTILOS - SUBURBIOS SKATEBOARDS (REVISADO Y ESTABLE) 367 ========================================================================== */ 368 369/* 1. ELEMENTOS OCULTOS GLOBALMENTE */ 370.alg-wc-wl-empty-wishlist, 371.fc-progress-bar__count, 372.whatsapp-block__button, 373.plugin-container, 374.woocommerce-result-count, 375.woocommerce-product-gallery__trigger, 376.yith-wcan-filters, 377.filter-title, 378.wpsp-pagination-dot.swiper-pagination, 379.wsp-mailpoet_pages-title, 380.wsp-mailpoet_pages-list, 381.wsp-pages-title, 382.wsp-products-list, 383.wsp-products-title, 384.wsp-gs-logo-sliders-title, 385.wsp-gs-logo-sliders-list, 386.mp-credits-banner-info, 387.mp-credits-tooltip-text, 388.mp-credits-tooltip-round-logo, 389.page_item.page-item-22, 390.page_item.page-item-1435, 391.page_item.page-item-2053, 392.page_item.page-item-2054, 393.page_item.page-item-2055, 394.page_item.page-item-2089, 395.page_item.page-item-3078, 396.page_item.page-item-6386, 397.page_item.page-item-6585, 398.page_item.page-item-6746, 399.page_item.page-item-7028, 400.page_item.page-item-7050, 401.page_item.page-item-7073, 402.page_item.page-item-7086, 403.page_item.page-item-7659, 404.page_item.page-item-10461, 405.page_item.page-item-10890, 406.component_wrap .clear-value, 407.component_options_container .clear-value, 408.kb-row-layout-id18011_f9976b-9c { 409 display: none !important; 410 visibility: hidden !important; 411 opacity: 0 !important; 412} 413 414.wpsf-cart-button .button i, 415.wpsf-cart-button .button span, 416.wpsf-cart-button i { 417 display: none !important; 418 width: 0 !important; 419 height: 0 !important; 420} 421 422.summary_element_title.summary_element_data { 423 display: none !important; 424} 425 426/* ========================================================================== 427 OCULTAR PAGINADOR Y ORDENAMIENTO (SOLO EN ARMA TU PATINETA) 428 ========================================================================== */ 429body.postid-18011 .woocommerce-pagination, 430body.postid-18011 .composite_data .pagination_data, 431body.postid-18011 .composite_form .component_ordering, 432body.postid-18011 .composite_data .component_ordering, 433body.postid-18011 div.component_ordering { 434 display: none !important; 435 visibility: hidden !important; 436 opacity: 0 !important; 437} 438 439/* 2. AJUSTES DE ESTRUCTURA Y LAYOUT */ 440.gs_logo_area--inner, 441.wp-block-image.alignwide.size-large, 442.wp-block-column.is-layout-flow, 443.wp-container-core-columns-is-layout-9d585f57, 444.wp-block-columns.wp-container-core-columns-is-layout-9d6595d7 { 445 margin-top: 0 !important; 446 margin-bottom: 0 !important; 447} 448 449.wp-container-core-columns-is-layout-9d585f57,
450.wp-block-columns.wp-container-core-columns-is-layout-9d6595d7 { 451 margin: 0 !important; 452} 453 454.wp-block-column.is-layout-flow { 455 padding-top: 0 !important; 456 padding-bottom: 0 !important; 457} 458 459.entry-content > .wp-block-columns:first-child { 460 margin-bottom: 0 !important; 461} 462 463.wps-slider-section, 464.wps-product-section { 465 margin-bottom: 0 !important; 466 padding-bottom: 0 !important; 467} 468 469/* 3. AJUSTES ESPECÃFICOS DE WOOCOMMERCE */ 470.summary .product_title { 471 margin-bottom: 5px !important; 472 padding-bottom: 0 !important; 473 line-height: 1.1; 474} 475 476.summary p.price { 477 margin-top: 5px !important; 478 margin-bottom: 15px !important; 479 padding: 0 !important; 480} 481 482.summary form.cart { 483 margin-top: 0 !important; 484 padding-top: 0 !important; 485} 486 487.woocommerce div.product p.price, 488.woocommerce div.product p.price del { 489 font-weight: bold !important; 490} 491 492.woocommerce-loop-product__link + a.added_to_cart.wc-forward { 493 font-family: inherit; 494 font-size: 13px !important; 495 font-weight: 700 !important; 496 text-transform: uppercase !important; 497 letter-spacing: 1px; 498 text-decoration: none !important; 499 color: #000000 !important; 500 display: inline-block; 501 margin-left: 5px; 502} 503 504.woocommerce-loop-product__link + a.added_to_cart.wc-forward:hover { 505 text-decoration: none !important; 506 opacity: 0.8; 507} 508/* ========================================================================== 509 OCULTAR CONTADORES DE DISPONIBILIDAD (CON INVENTARIO) DEFINITIVO 510 ========================================================================== */ 511.composite_availability .stock:not(.out-of-stock), 512.composite_availability:not(:has(.out-of-stock)), 513.component_data .stock:not(.out-of-stock), 514ul.component_option_thumbnails_container li .stock:not(.out-of-stock), 515.single-product .stock:not(.out-of-stock), 516.product .stock:not(.out-of-stock), 517.woocommerce-variation-availability .stock:not(.out-of-stock), 518.single-product p.stock:not(.out-of-stock) { 519 display: none !important; 520 visibility: hidden !important; 521 opacity: 0 !important; 522 height: 0 !important; 523 margin: 0 !important; 524 padding: 0 !important; 525 overflow: hidden !important; 526 pointer-events: none !important; 527} 528/* 4. AJUSTES ESPECÃFICOS POR ID POST */ 529body.postid-18011 div.summary > p.price, 530body.postid-18011 p.component_section_title { 531 display: none !important; 532} 533 534.entry-content-single-content p, 535h1.kt-adv-heading17253_a2c077-4b { 536 margin-bottom: 10px !important; 537} 538 539.gs_logo_container { 540 margin-top: -15px !important; 541 padding-top: 0 !important; 542} 543 544.kb-row-layout-id2089_039068-c7, 545.kb-row-layout-id2089_039068-c7 > .kt-row-column-wrap { 546 padding-top: 0 !important; 547 padding-bottom: 0 !important; 548} 549 550/* 5. COMPONENTES KADENCE & TRUSTINDEX */ 551.wp-block-kadence-btn .kt-button[href*="/tienda/"], 552.wp-block-kadence-btn .kt-button[href*="/tienda/"]:hover { 553 background-color: transparent !important; 554 color: #FFFFFF !important; 555 border-color: #FFFFFF !important; 556 border-width: 2px !important; 557 box-shadow: none !important; 558} 559 560.ti-widget .ti-footer .ti-row { 561 display: flex !important; 562 flex-direction: column !important; 563 align-items: center !important; 564 justify-content: center !important; 565} 566 567.ti-widget .ti-footer .ti-profile-img { 568 margin: 0 0 10px 0 !important; 569} 570 571.ti-widget .ti-footer .ti-profile-details { 572 display: flex !important; 573 flex-direction: column !important; 574 align-items: center !important; 575 text-align: center !important; 576} 577 578.ti-widget .ti-footer .ti-profile-details .ti-name, 579.ti-widget .ti-footer .ti-profile-details .ti-rating-text, 580.ti-widget .ti-footer .ti-profile-details .ti-rating-text * { 581 color: #000000 !important; 582 font-family: inherit !important; 583} 584 585/* 6. GALERÃA VERTICAL DESKTOP */ 586@media (min-width: 992px) { 587 .woocommerce-product-gallery { 588 position: relative !important; 589 padding-left: 95px !important; 590 display: block !important; 591 } 592 .woocommerce-product-gallery .flex-viewport { 593 width: 100% !important; 594 float: none !important; 595 margin: 0 !important; 596 display: block !important; 597 } 598 .woocommerce-product-gallery .flex-control-thumbs { 599 position: absolute !important; 600 top: 0 !important; 601 left: 0 !important; 602 width: 80px !important; 603 display: flex !important; 604 flex-direction: column !important; 605 margin: 0 !important; 606 padding: 0 !important; 607 z-index: 10 !important; 608 } 609 .woocommerce-product-gallery .flex-control-thumbs li { 610 width: 100% !important; 611 margin-bottom: 12px !important; 612 float: none !important; 613 list-style: none !important; 614 } 615 .woocommerce-product-gallery .flex-control-thumbs li img { 616 width: 100% !important; 617 height: auto !important; 618 object-fit: contain !important; 619 border: 1px solid #e0e0e0 !important; 620 border-radius: 4px !important; 621 cursor: pointer !important; 622 transition: all 0.2s ease !important; 623 } 624 .woocommerce-product-gallery .flex-control-thumbs li img:hover, 625 .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { 626 border-color: #3483fa !important; 627 box-shadow: 0 0 0 1px #3483fa !important; 628 } 629} 630 631@media (min-width: 1025px) { 632 .woocommerce div.product .entry-summary { 633 margin-bottom: 0 !important; 634 padding-bottom: 0 !important; 635 height: auto !important; 636 } 637 .woocommerce div.product .woocommerce-tabs { 638 display: inline-block !important; 639 width: 100% !important; 640 clear: both !important; 641 margin-top: -60px !important; 642 } 643} 644 645/* 7. CARRUSEL GLOBAL DESKTOP */ 646ul.component_option_thumbnails_container { 647 display: flex !important; 648 flex-direction: row !important; 649 flex-wrap: nowrap !important; 650 overflow-x: auto !important; 651 overflow-y: hidden !important; 652 width: 100% !important; 653 gap: 15px !important; 654 padding: 10px 5px !important; 655 margin: 15px 0 20px 0 !important; 656 float: none !important; 657 clear: both !important; 658 -webkit-overflow-scrolling: touch !important; 659} 660 661ul.component_option_thumbnails_container li.component_option_thumbnail_v2, 662ul.component_option_thumbnails_container li { 663 flex: 0 0 180px !important; 664 width: 180px !important; 665 min-width: 180px !important; 666 max-width: 180px !important; 667 height: 380px !important; 668 display: flex !important; 669 flex-direction: column !important; 670 justify-content: space-between !important; 671 background: #ffffff !important; 672 border: 1px solid #e8e8e8 !important; 673 border-radius: 8px !important; 674 padding: 12px !important; 675 margin: 0 !important; 676 box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important; 677 box-sizing: border-box !important; 678 position: relative !important; 679 z-index: 10 !important; 680} 681 682ul.component_option_thumbnails_container li .image_thumbnail, 683ul.component_option_thumbnails_container li div[class*="image"] { 684 width: 120% !important; 685 height: 180px !important; 686 display: flex !important;
687 align-items: center !important; 688 justify-content: center !important; 689 margin-bottom: 5px !important; 690 margin-left: -15px !important; 691 position: relative !important; 692 z-index: 1 !important; 693 overflow: hidden !important; 694} 695 696ul.component_option_thumbnails_container li img.wp-post-image, 697ul.component_option_thumbnails_container li img { 698 height: 100% !important; 699 width: auto !important; 700 max-height: 350px !important; 701 object-fit: contain !important; 702 margin: 0 auto !important; 703 display: block !important; 704} 705 706ul.component_option_thumbnails_container li .thumbnail_title, 707ul.component_option_thumbnails_container li .composited_product_title, 708ul.component_option_thumbnails_container li .product_title, 709ul.component_option_thumbnails_container li h3 { 710 font-size: 12px !important; 711 line-height: 1.3 !important; 712 height: 32px !important; 713 overflow: hidden !important; 714 margin: 8px 0 2px 0 !important; 715 display: block !important; 716 text-align: center !important; 717 font-weight: 600 !important; 718} 719 720ul.component_option_thumbnails_container li .thumbnail_price, 721ul.component_option_thumbnails_container li .price { 722 font-size: 13px !important; 723 font-weight: bold !important; 724 margin: 2px 0 5px 0 !important; 725 display: block !important; 726 text-align: center !important; 727} 728 729ul.component_option_thumbnails_container li table.variations label, 730ul.component_option_thumbnails_container li td.label label { 731 display: block !important; 732 width: 100% !important; 733 font-size: 11px !important; 734 line-height: 1.2 !important; 735 text-align: center !important; 736 margin: 0 auto 5px auto !important; 737 white-space: nowrap !important; 738} 739 740ul.component_option_thumbnails_container li td.value { 741 width: 100% !important; 742 display: block !important; 743 margin: 0 auto !important; 744} 745 746ul.component_option_thumbnails_container li table.variations select { 747 margin: 0 auto !important; 748 display: block !important; 749 max-width: 110px !important; 750 text-align: center !important; 751 text-align-last: center !important; 752} 753 754ul.component_option_thumbnails_container li .button, 755ul.component_option_thumbnails_container li a.button, 756ul.component_option_thumbnails_container li .composited_select_button { 757 font-family: 'Bebas Neue', sans-serif !important; 758 font-weight: 700 !important; 759 text-transform: uppercase !important; 760 letter-spacing: 1.5px !important; 761 text-align: center !important; 762 display: block !important; 763 width: 100% !important; 764 margin-top: auto !important; 765 padding: 10px !important; 766 font-size: 14px !important; 767} 768 769ul.component_option_thumbnails_container::-webkit-scrollbar {
770 height: 10px !important; 771} 772ul.component_option_thumbnails_container::-webkit-scrollbar-thumb { 773 background: #e86064 !important; 774 border-radius: 4px !important; 775} 776 777@media (min-width: 1025px) { 778 ul.component_option_thumbnails_container li .composite_navigation, 779 ul.component_option_thumbnails_container li .component_navigation, 780 ul.component_option_thumbnails_container li .page_button { 781 display: none !important; 782 } 783} 784 785/* 8. COMPACTACIÃN EN MÃVIL */ 786@media (max-width: 768px) { 787 ul.component_option_thumbnails_container li.component_option_thumbnail_v2, 788 ul.component_option_thumbnails_container li { 789 flex: 0 0 160px !important; 790 width: 160px !important; 791 min-width: 160px !important; 792 height: 345px !important; 793 padding: 10px !important; 794 } 795 ul.component_option_thumbnails_container li .image_thumbnail, 796 ul.component_option_thumbnails_container li div[class*="image"] { 797 height: 150px !important; 798 } 799 ul.component_option_thumbnails_container li img.wp-post-image, 800 ul.component_option_thumbnails_container li img { 801 height: 100% !important; 802 max-height: 150px !important; 803 width: 150px !important; 804 min-width: 150px !important; 805 } 806 ul.component_option_thumbnails_container li .thumbnail_title, 807 ul.component_option_thumbnails_container li .composited_product_title, 808 ul.component_option_thumbnails_container li .product_title { 809 font-size: 11px !important; 810 line-height: 1.2 !important; 811 height: 26px !important; 812 max-height: 26px !important; 813 overflow: hidden !important; 814 display: -webkit-box !important; 815 -webkit-line-clamp: 2 !important; 816 -webkit-box-orient: vertical !important; 817 margin: 6px 0 2px 0 !important; 818 } 819 ul.component_option_thumbnails_container li table.variations label, 820 ul.component_option_thumbnails_container li td.label label { 821 display: block !important; 822 font-size: 10px !important; 823 width: 100% !important; 824 text-align: center !important; 825 margin: 0 auto 4px auto !important; 826 white-space: nowrap !important; 827 } 828 ul.component_option_thumbnails_container li table.variations select { 829 font-size: 10px !important; 830 height: 26px !important; 831 padding: 2px !important; 832 max-width: 95px !important; 833 margin: 0 auto !important; 834 display: block !important; 835 text-align: center !important; 836 text-align-last: center !important; 837 } 838 ul.component_option_thumbnails_container li .thumbnail_price, 839 ul.component_option_thumbnails_container li .price { 840 font-size: 11px !important; 841 margin-bottom: 4px !important; 842 text-align: center !important; 843 } 844 body.postid-18011 .component_navigation, 845 body.postid-18011 .component_navigation_v2 { 846 display: block !important; 847 width: 100% !important; 848 text-align: center !important; 849 margin: 10px 0 5px 0 !important; 850 clear: both !important; 851 } 852 body.postid-18011 .component_navigation .page_button, 853 body.postid-18011 .component_navigation_link { 854 display: inline-block !important; 855 width: auto !important; 856 min-width: 130px !important; 857 padding: 10px 16px !important; 858 font-family: 'Bebas Neue', sans-serif !important; 859 font-weight: 700 !important; 860 text-transform: uppercase !important; 861 letter-spacing: 1.5px !important; 862 font-size: 15px !important; 863 text-align: center !important; 864 color: #FFFFFF !important; 865 background-color: #000000 !important; 866 border-radius: 4px !important; 867 text-decoration: none !important; 868 } 869 body.postid-18011 .component_navigation .page_button.inactive, 870 body.postid-18011 .component_navigation .page_button[aria-disabled="true"], 871 body.postid-18011 .component_navigation .page_button:not([href]) { 872 background-color: #e8e8e8 !important; 873 color: #888888 !important;
874 cursor: not-allowed !important; 875 } 876} 877 878/* 9. ELIMINACIÃN DE MANDOS DUPLICADOS */ 879.composite_data > .composite_navigation:last-child, 880.composite_form > .composite_navigation:last-of-type, 881div[id^="composite_navigation_"]:last-of-type { 882 display: none !important; 883 visibility: hidden !important; 884 opacity: 0 !important; 885 height: 0 !important; 886} 887 888.composite_navigation .page_button, 889.composite_navigation_inner .page_button, 890.component_navigation_link { 891 display: inline-block !important; 892 background-color: #000000 !important; 893 color: #FFFFFF !important; 894 padding: 10px 20px !important; 895 border-radius: 4px !important; 896 text-decoration: none !important; 897 text-align: center !important; 898 min-width: 120px !important; 899 font-family: 'Bebas Neue', sans-serif !important; 900 font-weight: 600 !important; 901 text-transform: uppercase !important; 902 letter-spacing: 1.5px !important; 903 font-size: 12px !important; 904 transition: all 0.2s ease !important; 905} 906 907.composite_navigation .page_button:not(.inactive):hover { 908 background-color: #222222 !important; 909 opacity: 0.9 !important; 910} 911 912.composite_navigation .page_button.inactive, 913.composite_navigation .page_button[aria-disabled="true"], 914.composite_navigation .page_button:not([href]), 915.composite_navigation .page_button.disabled { 916 background-color: #e8e8e8 !important; 917 color: #888888 !important; 918 cursor: not-allowed !important; 919 pointer-events: none !important; 920 box-shadow: none !important; 921} 922 923.composite_navigation .page_button::after, 924.composite_navigation .page_button::before, 925.composite_navigation .page_button span { 926 display: none !important; 927} 928 929@media (max-width: 768px) { 930 body.postid-18011 .composite_navigation.top, 931 body.postid-18011 .component_navigation { 932 margin-top: 25px !important; 933 } 934} 935 936/* ========================================================================== 937 10. FILTRO EXCLUSIVO: APLICAR SOLO A LA TARJETA CON VARIANTE ACTIVA 938 ========================================================================== */ 939.component_data table.variations, 940table.variations { 941 display: flex !important; 942 flex-direction: column !important; 943 align-items: flex-start !important; 944 align-self: flex-start !important; 945 text-align: left !important; 946 width: 90% !important; 947 max-width: 90% !important; 948 margin: 0 0 0 5% !important; 949 border: none !important; 950 background: transparent !important; 951 padding: 0 !important; 952} 953 954table.variations tbody, 955table.variations tr, 956table.variations td { 957 display: block !important; 958 width: 100% !important; 959 text-align: left !important; 960 padding: 0 !important; 961 margin: 0 !important; 962} 963 964table.variations td.value { 965 margin-top: 3px !important; 966 margin-bottom: 5px !important; 967} 968 969ul.component_option_thumbnails_container li:has(table.variations) .thumbnail_title, 970ul.component_option_thumbnails_container li:has(table.variations) .composited_product_title, 971ul.component_option_thumbnails_container li:has(table.variations) h3 { 972 font-family: "Fira Sans", sans-serif !important; 973 font-size: 11px !important; 974 font-weight: 600 !important; 975 text-transform: capitalize !important; 976 text-align: left !important; 977 align-self: flex-start !important; 978 display: block !important; 979 width: 90% !important; 980 margin: 6px 0 4px 5% !important; 981} 982 983ul.component_option_thumbnails_container li:has(table.variations) .price, 984ul.component_option_thumbnails_container li:has(table.variations) .price .amount { 985 font-family: "Fira Sans", sans-serif !important; 986 text-transform: capitalize !important; 987 text-align: left !important; 988 align-self: flex-start !important; 989 margin-left: 5% !important; 990} 991 992table.variations td.label label, 993.variations td.label label, 994label[for*="attribute"] { 995 font-family: "Fira Sans", sans-serif !important; 996 font-size: 8px !important; 997 font-weight: 700 !important; 998 text-transform: capitalize !important; 999 letter-spacing: 0px !important; 1000 color: #000000 !important; 1001 display: block !important; 1002 text-align: left !important; 1003 margin: 0 0 2px 0 !important; 1004} 1005 1006/* ========================================================================== 1007 ELIMINAR ESPACIO VERDE (PADDING) EN CONTENEDOR DE MEDIDAS 1008 ========================================================================== */ 1009div.details.component_data, 1010.details.component_data, 1011div[class*="details"][class*="component"] { 1012 padding-left: 0 !important; 1013 padding-right: 0 !important; 1014 margin-left: 0 !important; 1015 margin-right: 0 !important; 1016} 1017 1018/* ========================================================================== 1019 DISEÃO DE SELECTORES DE VARIACIÃN (DROPDOWNS) - ESTABLE Y VISIBLE 1020 ========================================================================== */ 1021/* 1. Asegurar que las filas de variación ocupen todo el ancho */ 1022.component_data table.variations tr, 1023table.variations tr, 1024table.variations td.value, 1025.variations td.value { 1026 width: 100% !important; 1027 max-width: 100% !important; 1028 display: block !important; 1029} 1030 1031/* 2. Forzar visibilidad y estilo rudo (Bebas Neue) en TODOS los dropdowns de variación */ 1032table.variations td.value select, 1033.variations td.value select, 1034select[id*="attribute"], 1035select[name^="attribute_"] { 1036 display: block !important; /* CRÃTICO: Forzar que se muestren */ 1037 visibility: visible !important; 1038 opacity: 1 !important; 1039 height: 35px !important; /* Altura mÃnima consistente */ 1040 width: 100% !important; 1041 max-width: 100% !important; 1042 box-sizing: border-box !important; 1043 font-family: 'Bebas Neue', sans-serif !important; 1044 font-size: 14px !important; 1045 font-weight: 700 !important; 1046 letter-spacing: 1px !important; 1047 text-transform: uppercase !important; 1048 background-color: #000000 !important; 1049 color: #ffffff !important; 1050 border: 1.5px solid #000000 !important; 1051 border-radius: 4px !important; /* Borde ligeramente redondeado para suavizar */ 1052 padding: 6px 24px 6px 10px !important; 1053 margin: 5px 0 10px 0 !important; /* Margen para respirar */ 1054 cursor: pointer !important; 1055 1056 /* Flecha blanca personalizada */ 1057 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 10 10'><path d='M0 3l5 5 5-5z' fill='%23fff'/></svg>") !important; 1058 background-repeat: no-repeat !important; 1059 background-position: right 10px center !important; 1060 -webkit-appearance: none !important; 1061 appearance: none !important; 1062 1063 /* Candados anti-bloqueo (vital para Composite Products) */ 1064 position: relative !important; 1065 z-index: 9999 !important; 1066 pointer-events: auto !important; 1067} 1068 1069/* 3. Estilizar las opciones dentro del dropdown */ 1070table.variations td.value select option, 1071.variations td.value select option, 1072select[id*="attribute"] option, 1073select[name^="attribute_"] option { 1074 font-family: 'Bebas Neue', sans-serif !important; 1075 background-color: #ffffff !important; 1076 color: #000000 !important; 1077 text-transform: uppercase !important; 1078} 1079 1080/* ========================================================================== 1081 11. CONTROL DE PRECIOS: CONTADOR DE SUMA REAL DESTRABADO NATIVO 1082 ========================================================================== */ 1083body.postid-18011 #wsatc-stick-cart-wrapper, 1084body.postid-18011 .wsatc-sticky-cart-wrapper,
1085body.postid-18011 div[id*="wsatc-stick-cart"] { 1086 display: none !important; 1087 visibility: hidden !important; 1088 opacity: 0 !important; 1089 height: 0 !important; 1090} 1091 1092body.postid-18011 .entry-summary p.price, 1093body.postid-18011 div.summary > p.price, 1094body.postid-18011 .summary p.price, 1095body.postid-18011 #suburbios-precio-inmune, 1096body.postid-18011 .suburbios-precio-fijo-inmune { 1097 display: none !important; 1098 visibility: hidden !important; 1099 opacity: 0 !important; 1100 height: 0 !important; 1101 margin: 0 !important; 1102 padding: 0 !important; 1103 overflow: hidden !important; 1104} 1105 1106body.postid-18011 .composite_form div.quantity, 1107body.postid-18011 .composite_form .quantity, 1108body.postid-18011 .quantity.buttons_added { 1109 display: none !important; 1110 visibility: hidden !important; 1111 opacity: 0 !important; 1112 width: 0 !important; 1113 height: 0 !important; 1114 margin: 0 !important; 1115 padding: 0 !important; 1116} 1117 1118body.postid-18011 .composite_form .single_add_to_cart_button, 1119body.postid-18011 .composite_form .checkout_button { 1120 width: 100% !important; 1121 max-width: 50% !important; 1122 display: block !important; 1123} 1124 1125.woocommerce div.product div.composite_price, 1126.woocommerce div.product .composite_price, 1127body.postid-18011 div.composite_price, 1128body.postid-18011 .composite_price, 1129body.postid-18011 .composite_form .composite_price, 1130div[class*="composite_price"] { 1131 display: none !important; 1132 visibility: hidden !important; 1133 opacity: 0 !important; 1134 height: 0 !important; 1135 min-height: 0 !important; 1136 margin: 0 !important; 1137 padding: 0 !important; 1138 overflow: hidden !important; 1139} 1140 1141/* ========================================================================== 1142 CLONACIÃN EXACTA: CARRUSEL DE REVISIÃN IGUAL A SELECCIÃN (PASO 8) 1143 ========================================================================== */ 1144body.postid-18011 ul.summary_elements { 1145 display: flex !important; 1146 flex-direction: row !important; 1147 flex-wrap: nowrap !important; 1148 overflow-x: auto !important; 1149 overflow-y: hidden !important; 1150 width: 100% !important; 1151 gap: 15px !important; 1152 padding: 10px 5px !important; 1153 margin: 15px 0 20px 0 !important; 1154 float: none !important; 1155 clear: both !important; 1156 -webkit-overflow-scrolling: touch !important; 1157} 1158 1159body.postid-18011 ul.summary_elements li.summary_element { 1160 flex: 0 0 180px !important; 1161 width: 180px !important; 1162 min-width: 180px !important; 1163 max-width: 180px !important; 1164 height: 380px !important; 1165 background: #ffffff !important; 1166 border: 1px solid #e8e8e8 !important; 1167 border-radius: 8px !important; 1168 padding: 12px !important; 1169 margin: 0 !important; 1170 box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important; 1171 box-sizing: border-box !important; 1172 position: relative !important; 1173 z-index: 10 !important; 1174} 1175 1176body.postid-18011 ul.summary_elements li.summary_element .summary_element_wrapper { 1177 display: flex !important; 1178 flex-direction: column !important; 1179 justify-content: space-between !important; 1180 height: 100% !important; 1181 width: 100% !important; 1182 align-items: center !important; 1183} 1184 1185body.postid-18011 ul.summary_elements li.summary_element .summary_element_image, 1186body.postid-18011 ul.summary_elements li.summary_element .summary_element_wrapper > a:first-child, 1187body.postid-18011 ul.summary_elements li.summary_element .summary_element_wrapper > img { 1188 width: 120% !important; 1189 height: 180px !important; 1190 display: flex !important; 1191 align-items: center !important; 1192 justify-content: center !important; 1193 margin-bottom: 5px !important; 1194 margin-left: -15px !important; 1195 position: relative !important; 1196 z-index: 1 !important; 1197 overflow: hidden !important; 1198} 1199 1200body.postid-18011 ul.summary_elements li.summary_element img { 1201 height: 100% !important; 1202 width: auto !important; 1203 max-height: 160px !important; 1204 object-fit: contain !important; 1205 margin: 0 auto !important; 1206 display: block !important; 1207} 1208 1209body.postid-18011 ul.summary_elements li.summary_element a.summary_element_title, 1210body.postid-18011 ul.summary_elements li.summary_element .content_product_title, 1211body.postid-18011 ul.summary_elements li.summary_element span.content_product_title { 1212 font-size: 12px !important; 1213 line-height: 1.2 !important; 1214 height: 29px !important; 1215 margin: 8px 0 2px 0 !important; 1216 text-align: center !important; 1217 font-weight: 700 !important; 1218 color: #000000 !important; 1219 text-decoration: none !important; 1220 width: 100% !important; 1221 display: -webkit-box !important; 1222 -webkit-line-clamp: 2 !important; 1223 -webkit-box-orient: vertical !important; 1224 overflow: hidden !important; 1225 text-overflow: ellipsis !important; 1226 white-space: normal !important; 1227} 1228 1229body.postid-18011 ul.summary_elements li.summary_element .summary_element_price, 1230body.postid-18011 ul.summary_elements li.summary_element .summary_element_price .amount, 1231body.postid-18011 ul.summary_elements li.summary_element .summary_element_price bdi { 1232 font-size: 13px !important; 1233 font-weight: 700 !important; 1234 margin: 2px 0 5px 0 !important; 1235 display: block !important; 1236 text-align: center !important; 1237 color: #000000 !important; 1238 width: 100% !important; 1239} 1240 1241body.postid-18011 ul.summary_elements li.summary_element .summary_element_attributes, 1242body.postid-18011 ul.summary_elements li.summary_element .summary_element_attributes dl { 1243 display: block !important; 1244 width: 100% !important; 1245 font-size: 11px !important; 1246 line-height: 1.2 !important; 1247 text-align: center !important; 1248 margin: 0 auto 5px auto !important; 1249 white-space: normal !important; 1250} 1251 1252body.postid-18011 ul.summary_elements li.summary_element .summary_element_edit, 1253body.postid-18011 ul.summary_elements li.summary_element .summary_element_select_wrapper { 1254 width: 100% !important; 1255 margin-top: auto !important; 1256 display: block !important; 1257 padding: 0 !important; 1258} 1259 1260body.postid-18011 ul.summary_elements li.summary_element .summary_element_edit a, 1261body.postid-18011 ul.summary_elements li.summary_element a.summary_element_edit, 1262body.postid-18011 ul.summary_elements li.summary_element .button.summary_element_select, 1263body.postid-18011 ul.summary_elements li.summary_element a.summary_element_select { 1264 font-family: 'Bebas Neue', sans-serif !important; 1265 font-weight: 700 !important; 1266 text-transform: uppercase !important; 1267 letter-spacing: 1.5px !important; 1268 text-align: center !important; 1269 display: block !important; 1270 width: 100% !important; 1271 max-width: 100% !important; 1272 padding: 10px !important; 1273 font-size: 14px !important; 1274 background-color: #000000 !important; 1275 color: #FFFFFF !important; 1276 border: none !important; 1277 border-radius: 4px !important; 1278 box-sizing: border-box !important; 1279 text-decoration: none !important; 1280 margin: 0 !important; 1281} 1282 1283body.postid-18011 ul.summary_elements::-webkit-scrollbar { height: 5px !important; } 1284body.postid-18011 ul.summary_elements::-webkit-scrollbar-thumb { background: #000000 !important; border-radius: 4px !important; } 1285 1286@media (max-width: 768px) { 1287 body.postid-18011 ul.summary_elements li.summary_element { 1288 flex: 0 0 160px !important; 1289 width: 160px !important; 1290 min-width: 160px !important; 1291 height: 345px !important; 1292 padding: 10px !important; 1293 } 1294 body.postid-18011 ul.summary_elements li.summary_element .summary_element_image, 1295 body.postid-18011 ul.summary_elements li.summary_element .summary_element_wrapper > a:first-child, 1296 body.postid-18011 ul.summary_elements li.summary_element .summary_element_wrapper > img { 1297 height: 150px !important; 1298 } 1299 body.postid-18011 ul.summary_elements li.summary_element img { 1300 max-height: 150px !important; 1301 width: 150px !important; 1302 min-width: 150px !important; 1303 } 1304 body.postid-18011 ul.summary_elements li.summary_element a.summary_element_title, 1305 body.postid-18011 ul.summary_elements li.summary_element .content_product_title { 1306 font-size: 11px !important; 1307 line-height: 1.2 !important;
1308 height: 26px !important; 1309 max-height: 26px !important; 1310 display: -webkit-box !important; 1311 -webkit-line-clamp: 2 !important; 1312 -webkit-box-orient: vertical !important; 1313 margin: 6px 0 2px 0 !important; 1314 } 1315 body.postid-18011 ul.summary_elements li.summary_element .summary_element_price { 1316 font-size: 11px !important; 1317 margin-bottom: 4px !important; 1318 } 1319} 1320 1321/* ========================================================================== 1322 OCULTAR TEXTO DE DISPONIBILIDAD EN LAS FICHAS DEL RESUMEN FINAL 1323 ========================================================================== */ 1324body.postid-18011 ul.summary_elements li.summary_element div.summary_element_availability_text, 1325body.postid-18011 ul.summary_elements li.summary_element .summary_element_availability_text, 1326body.postid-18011 .summary_element_availability_text { 1327 display: none !important; 1328 visibility: hidden !important; 1329 opacity: 0 !important; 1330 height: 0 !important; 1331 margin: 0 !important; 1332 padding: 0 !important; 1333 overflow: hidden !important; 1334} 1335 1336/* ========================================================================== 1337 REDUCIR A 0 EL MARGEN INFERIOR (FRANJA NARANJA DEL TÃTULO) 1338 ========================================================================== */ 1339body.postid-18011 h2.step_title_wrapper.component_title, 1340body.postid-18011 .step_title_wrapper, 1341body.postid-18011 h2.component_title { 1342 margin-bottom: 0 !important; 1343 padding-bottom: 0 !important; 1344} 1345 1346body.postid-18011 .component_options_container, 1347body.postid-18011 ul.component_option_thumbnails_container { 1348 margin-top: 5px !important; 1349} 1350 1351/* ========================================================================== 1352 REDUCIR A 0 EL MARGEN SUPERIOR DEL CONTENEDOR DE OPCIONES 1353 ========================================================================== */ 1354body.postid-18011 .component_options_container, 1355body.postid-18011 div.component_options_container, 1356body.postid-18011 .composite_data, 1357body.postid-18011 .composite_form, 1358body.postid-18011 ul.component_option_thumbnails_container { 1359 margin-top: 0 !important; 1360 padding-top: 0 !important; 1361} 1362 1363/* ========================================================================== 1364 HOMOLOGAR AVISOS DE WOOCOMMERCE (ESTILO CAJA GRIS FLUID CHECKOUT) 1365 ========================================================================== */ 1366.woocommerce-error, 1367.woocommerce-info, 1368.woocommerce-message, 1369ul.woocommerce-error { 1370 background-color: #f5f5f5 !important; 1371 color: #333333 !important; 1372 border: 1px solid #e0e0e0 !important; 1373 border-radius: 4px !important; 1374 border-left: 1px solid #e0e0e0 !important; /* Destruye borde/barra roja lateral */ 1375 width: 100% !important; 1376 max-width: 100% !important; 1377 display: block !important; 1378 clear: both !important; 1379 float: none !important; 1380 margin: 0 0 8px 0 !important; 1381 box-sizing: border-box !important; 1382 font-family: 'Fira Sans', sans-serif !important; /* Homologado a Fira Sans */ 1383 font-size: 13px !important; 1384 text-transform: none !important; /* Texto normal, sin mayúsculas forzadas */ 1385 text-align: center !important; 1386 letter-spacing: normal !important; 1387 padding: 10px 15px !important; 1388 list-style: none !important; 1389 box-shadow: none !important; 1390} 1391 1392.woocommerce-notices-wrapper { 1393 display: block !important; 1394 width: 100% !important; 1395 clear: both !important; 1396 margin-top: 0 !important; 1397 padding-top: 0 !important; 1398} 1399 1400.woocommerce-error li, 1401.woocommerce-info li, 1402.woocommerce-message li { 1403 margin: 0 !important; 1404 padding: 0 !important; 1405 line-height: 1.3 !important; 1406 list-style: none !important; 1407} 1408 1409.woocommerce-notices-wrapper .woocommerce-error, 1410.woocommerce-notices-wrapper .woocommerce-info, 1411.woocommerce-notices-wrapper .woocommerce-message { 1412 flex: 0 0 100% !important; 1413 margin-top: 0 !important; 1414} 1415 1416.woocommerce-error strong, .woocommerce-info strong, .woocommerce-message strong, 1417.woocommerce-error span, .woocommerce-info span { 1418 font-family: 'Fira Sans', sans-serif !important; 1419 font-weight: 700 !important; 1420 color: #111111 !important; 1421} 1422 1423/* Ocultar iconos/pseudo-elementos nativos innecesarios */ 1424.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { 1425 display: none !important; 1426 content: none !important; 1427} 1428 1429/* Ajustes de integración y márgenes con Fluid Checkout */ 1430.fc-checkout-notices, 1431.fc-checkout-notices .woocommerce-notices-wrapper, 1432.woocommerce-checkout .woocommerce-notices-wrapper { 1433 margin-top: 0 !important; 1434 padding-top: 0 !important; 1435 margin-bottom: 0 !important; 1436} 1437 1438.fc-checkout-notices .woocommerce-error, 1439.woocommerce-notices-wrapper .woocommerce-error { 1440 margin-top: 0 !important; 1441} 1442/* ========================================================================== */ 1443
1444/*OCULTAR BLOQUE DE "TU SELECCIÃN" (COMPOSITE PRODUCTS) 1445 1446 ========================================================================== */ 1447 1448body.postid-18011 .component_content .summary_content, 1449 1450body.postid-18011 div.summary_content { 1451 1452 display: none !important; 1453 1454 visibility: hidden !important; 1455 1456 opacity: 0 !important; 1457 1458 height: 0 !important; 1459 1460 min-height: 0 !important; 1461 1462 margin: 0 !important; 1463 1464 padding: 0 !important; 1465 1466 overflow: hidden !important; 1467 1468 pointer-events: none !important; 1469 1470} 1471 1472 1473 1474/* ========================================================================== 1475 1476 OCULTAR MENSAJE DE INCOMPATIBILIDAD/VALIDACIÃN (ARMA TU PATINETA) 1477 1478 ========================================================================== */ 1479 1480body.postid-18011 .validation_message { 1481 1482 display: none !important; 1483 1484 visibility: hidden !important; 1485 1486 opacity: 0 !important; 1487 1488 height: 0 !important; 1489 1490 min-height: 0 !important; 1491 1492 margin: 0 !important; 1493 1494 padding: 0 !important; 1495 1496 overflow: hidden !important; 1497 1498 pointer-events: none !important; 1499 1500} 1501/* ========================================================================== 1502 DISEÃO DE BOTONES DE VARIACIÃN (SWATCHES GLOBALES Y ARMADOR) 1503 ========================================================================== */ 1504 1505/* 1. Contenedor de los botones (Global) */ 1506.suburbios-swatches-container { 1507 display: flex !important; 1508 flex-wrap: wrap !important; 1509 gap: 5px !important; /* Reducimos el gap un poco */ 1510 margin-top: 5px !important; 1511 margin-bottom: 15px !important; /* Reducido para compactar */ 1512 width: 100% !important; 1513 justify-content: flex-start !important; 1514} 1515 1516/* En el Armador (Composite) forzamos al centro para que cuadre con la tarjeta */ 1517.component_data .suburbios-swatches-container, 1518ul.component_option_thumbnails_container li .suburbios-swatches-container { 1519 justify-content: center !important; 1520} 1521 1522/* 2. Estilo de los botones base (Global para productos normales) */ 1523.suburbios-swatch { 1524 font-family: 'Bebas Neue', sans-serif !important; 1525 font-size: 14px !important; 1526 letter-spacing: 1px !important; 1527 text-transform: uppercase !important; 1528 border: 1.5px solid #000000 !important; 1529 background-color: #ffffff !important; 1530 color: #000000 !important; 1531 padding: 6px 12px !important; 1532 cursor: pointer !important; 1533 border-radius: 4px !important; 1534 transition: all 0.2s ease !important; 1535 text-align: center !important; 1536 min-width: 45px !important; 1537 box-sizing: border-box !important; 1538 flex-grow: 0 !important; 1539} 1540 1541/* 3. Efectos Hover y Selección */ 1542.suburbios-swatch:hover { 1543 background-color: #f0f0f0 !important; 1544} 1545.suburbios-swatch.seleccionado { 1546 background-color: #000000 !important; 1547 color: #ffffff !important; 1548} 1549 1550/* ========================================================================== 1551 FUMIGACIÃN DE ESPACIOS: MATAR PADDINGS Y MARGENES EN LA TABLA 1552 ========================================================================== */ 1553table.variations, 1554table.variations tbody, 1555table.variations tr, 1556table.variations th, 1557table.variations th.label, 1558table.variations td, 1559table.variations td.label, 1560table.variations td.value { 1561 margin: 0 !important; 1562 padding: 0 !important; 1563 border: none !important; 1564 background: transparent !important; 1565} 1566 1567/* Asegurar que las filas se comporten como bloques y no como celdas raras */ 1568.component_data table.variations tr, 1569table.variations tr, 1570table.variations td.value, 1571.variations td.value { 1572 width: 100% !important; 1573 max-width: 100% !important; 1574 display: block !important; 1575} 1576 1577/* ========================================================================== 1578 MINIATURIZACIÃN EN EL ARMADOR (ESCRITORIO Y MÃVIL) 1579 ========================================================================== */ 1580 1581/* Ajustes especÃficos para los botones dentro de las tarjetas del Armador */ 1582.component_data .suburbios-swatch, 1583ul.component_option_thumbnails_container li .suburbios-swatch { 1584 padding: 4px 8px !important; /* Más delgaditos */ 1585 font-size: 12px !important; /* Texto un pelo más chico */ 1586 min-width: 38px !important; 1587} 1588 1589/* Responsividad: Hacerlos aún más compactos en pantallas de celular (<768px) */ 1590@media (max-width: 768px) { 1591 /* En productos simples globales */ 1592 .suburbios-swatch { 1593 font-size: 13px !important; 1594 padding: 5px 10px !important; 1595 min-width: 40px !important; 1596 } 1597 1598 /* En tarjetas del Armador en móvil (Ultra compactos) */ 1599 .component_data .suburbios-swatch, 1600 ul.component_option_thumbnails_container li .suburbios-swatch { 1601 font-size: 11px !important; 1602 padding: 3px 6px !important; 1603 min-width: 32px !important; 1604 letter-spacing: 0.5px !important; 1605 } 1606 1607 .suburbios-swatches-container { 1608 gap: 4px !important; /* Juntarlos un poco más en móvil */ 1609 } 1610} 1611 1612/* ========================================================================== 1613 OCULTAMIENTO NINJA DEL SELECT NATIVO Y BOTÃN "LIMPIAR" 1614 ========================================================================== */ 1615table.variations td.value select.swatch-aplicado, 1616.variations td.value select.swatch-aplicado { 1617 visibility: hidden !important; 1618 opacity: 0 !important; 1619 position: absolute !important; 1620 left: -9999px !important; 1621 height: 0 !important; 1622 width: 0 !important; 1623 margin: 0 !important; 1624 padding: 0 !important; 1625 pointer-events: none !important; 1626} 1627 1628.suburbios-swatches-container ~ a.reset_variations, 1629.suburbios-swatches-container ~ .reset_variations, 1630a.reset_variations, 1631.reset_variations { 1632 display: none !important; 1633 opacity: 0 !important; 1634 pointer-events: none !important; 1635 visibility: hidden !important; 1636 height: 0 !important; 1637 margin: 0 !important; 1638 padding: 0 !important; 1639} 1640/* ==========================================================================
1641 BOTONES DE CARRITO EN AVISOS (UNIFICADO: ÃXITO, ERROR E INFO) 1642 ========================================================================== */ 1643 1644/* 1. Regla Global para cualquier botón de carrito dentro de alertas */ 1645.woocommerce-message .button, 1646.woocommerce-error .button, 1647.woocommerce-info .button, 1648.woocommerce-message a.button, 1649.woocommerce-error a.button, 1650.woocommerce-info a.button, 1651.woocommerce-notices-wrapper .button { 1652 display: inline-block !important; 1653 width: auto !important; 1654 max-width: fit-content !important; 1655 font-family: 'Bebas Neue', sans-serif !important; 1656 font-size: 14px !important; 1657 font-weight: 700 !important; 1658 text-transform: uppercase !important; 1659 letter-spacing: 1.5px !important; 1660 background-color: #000000 !important; 1661 color: #FFFFFF !important; 1662 border: none !important; 1663 border-radius: 4px !important; 1664 padding: 6px 16px !important; 1665 margin-left: 15px !important; 1666 margin-bottom: 0 !important; 1667 float: none !important; /* Destruye el float que lo encima con el texto */ 1668 vertical-align: middle !important; 1669 transition: all 0.2s ease !important; 1670} 1671 1672/* Efecto Hover */ 1673.woocommerce-message .button:hover, 1674.woocommerce-error .button:hover, 1675.woocommerce-info .button:hover { 1676 background-color: #333333 !important; 1677 opacity: 0.9 !important; 1678} 1679 1680/* 2. Comportamiento Responsivo Unificado para Celulares (<768px) */ 1681@media (max-width: 768px) { 1682 .woocommerce-message .button, 1683 .woocommerce-error .button, 1684 .woocommerce-info .button, 1685 .woocommerce-message a.button, 1686 .woocommerce-error a.button, 1687 .woocommerce-info a.button, 1688 .woocommerce-notices-wrapper .button { 1689 font-size: 12px !important; 1690 padding: 5px 12px !important; 1691 margin-left: auto !important; 1692 margin-right: auto !important; 1693 margin-top: 10px !important; 1694 display: block !important; /* Lo baja y lo centra elegantemente */ 1695 text-align: center !important; 1696 float: none !important; 1697 } 1698 1699 /* Ajuste para que las listas de errores no asfixien el botón */ 1700 .woocommerce-error { 1701 display: flex !important; 1702 flex-direction: column !important; 1703 align-items: center !important; 1704 } 1705} 1706 1707 1708========================================================================== 1709 ESTRUCTURA DE CARRITO: TOTALES ABAJO (FULL WIDTH) 1710 ========================================================================== */ 1711.woocommerce-cart .woocommerce { 1712 display: block !important; 1713} 1714 1715.woocommerce-cart .woocommerce-cart-form, 1716.woocommerce-cart .cart-collaterals { 1717 width: 100% !important; 1718 max-width: 100% !important; 1719 float: none !important; 1720 display: block !important; 1721} 1722 1723.woocommerce-cart .woocommerce-cart-form { 1724 margin-bottom: 40px !important; 1725} 1726 1727 1728/* ========================================================================== 1729 1. ESTRUCTURA GLOBAL DEL CARRITO KADENCE (TOTALES ABAJO Y BLINDADOS) 1730 ========================================================================== */ 1731.woocommerce-cart .woocommerce, 1732.woocommerce-cart .kadence-woocommerce-cart { 1733 display: flex !important; 1734 flex-direction: column !important; 1735 width: 100% !important; 1736 max-width: 100vw !important; 1737 overflow-x: hidden !important; /* CRÃTICO: Evita que la página completa se desborde */ 1738} 1739 1740.woocommerce-cart .woocommerce-cart-form, 1741.woocommerce-cart .cart-collaterals, 1742.woocommerce-cart .cart_totals { 1743 width: 100% !important; 1744 max-width: 100% !important; 1745 float: none !important; 1746 display: block !important; 1747 box-sizing: border-box !important; 1748} 1749 1750.woocommerce-cart .woocommerce-cart-form { 1751 margin-bottom: 30px !important; 1752} 1753 1754/* ========================================================================== 1755 2. LIBERACIÃN DE LA TABLA DE ENVÃOS (ROMPIENDO KADENCE) 1756 ========================================================================== */ 1757table.shop_table.cart, 1758.cart_totals table.shop_table { 1759 display: block !important; 1760 width: 100% !important; 1761} 1762 1763.cart_totals table.shop_table tbody, 1764.cart_totals table.shop_table tr, 1765.cart_totals table.shop_table th, 1766.cart_totals table.shop_table td { 1767 display: block !important; 1768 width: 100% !important; 1769 max-width: 100% !important; 1770 box-sizing: border-box !important; 1771 text-align: left !important; 1772} 1773 1774/* Ocultar la cabecera lateral "EnvÃo" para dar más espacio */ 1775tr.woocommerce-shipping-totals th { 1776 padding: 0 0 10px 0 !important; 1777 border: none !important; 1778} 1779 1780tr.woocommerce-shipping-totals td { 1781 padding: 0 !important; 1782 border: none !important; 1783 overflow: hidden !important; /* CRÃTICO: Encierra el carrusel en esta celda */ 1784} 1785 1786/* ========================================================================== 1787 🛹 SUBURBIOS SKATE - SECCIÃN DE ENVÃOS LIMPION (BORDE GRIS PERMANENTE) 1788 ========================================================================== */ 1789
1790/* 1. Resetear el contenedor a 1 sola fila por tarjeta */ 1791.fc-wrapper ul.shipping-method__options, 1792ul.shipping-method__options, 1793ul#shipping_method { 1794 display: flex !important; 1795 flex-direction: column !important; 1796 gap: 10px !important; 1797 padding: 0 !important; 1798 margin: 10px 0 20px 0 !important; 1799 list-style: none !important; 1800 width: 100% !important; 1801} 1802 1803/* 2. Anular cualquier agrupación previa */ 1804.shipping-method__option, 1805ul#shipping_method li, 1806.shipping-method__option:last-child:nth-child(odd), 1807ul#shipping_method li:last-child:nth-child(odd) { 1808 grid-column: unset !important; 1809 margin: 0 !important; 1810 padding: 0 !important; 1811 width: 100% !important; 1812 background: transparent !important; 1813 border: none !important; 1814} 1815 1816/* 3. Estilo Base de las Tarjetas (Borde Gris Claro Permanente) */ 1817.shipping-method__option-label, 1818ul#shipping_method li label, 1819.shipping-method__option:has(input[type="radio"]:checked) .shipping-method__option-label, 1820ul#shipping_method li:has(input[type="radio"]:checked) label, 1821.shipping-method__option--selected .shipping-method__option-label { 1822 display: flex !important; 1823 align-items: center !important; 1824 justify-content: space-between !important; 1825 width: 100% !important; 1826 min-height: 48px !important; 1827 padding: 12px 18px !important; 1828 background-color: #f9f9f9 !important; 1829 border: 1.5px solid #e0e0e0 !important; /* Borde gris uniforme siempre */ 1830 border-radius: 6px !important; 1831 cursor: pointer !important; 1832 transition: all 0.2s ease !important; 1833 box-sizing: border-box !important; 1834 box-shadow: none !important; 1835 outline: none !important; 1836} 1837 1838/* 4. HOVER Y SELECCIONADO SIN BORDE NEGRO */ 1839.shipping-method__option-label:hover, 1840ul#shipping_method li label:hover, 1841.shipping-method__option-label:focus, 1842ul#shipping_method li label:focus, 1843.shipping-method__option-label:active, 1844ul#shipping_method li label:active { 1845 border-color: #e0e0e0 !important; /* Garantiza que jamás se pinte de negro */ 1846 background-color: #ffffff !important; 1847 box-shadow: none !important; 1848 outline: none !important; 1849} 1850 1851/* 5. Textos y Precios */ 1852.shipping-method__option-text, 1853.shipping-method__option-label *, 1854ul#shipping_method label * { 1855 font-family: 'Fira Sans', sans-serif !important; 1856 font-size: 13px !important; 1857 font-weight: 600 !important; 1858 color: #111111 !important; 1859 line-height: 1.3 !important; 1860} 1861 1862.shipping-method__option-price, 1863ul#shipping_method .amount { 1864 font-weight: 700 !important; 1865 color: #111111 !important; 1866 margin-left: auto !important; 1867} 1868 1869/* 6. Radio Button */ 1870.shipping-method__option input[type="radio"], 1871ul#shipping_method input[type="radio"] { 1872 accent-color: #111111 !important; 1873 margin-right: 12px !important; 1874 transform: scale(1.15) !important; 1875 cursor: pointer !important; 1876 flex-shrink: 0 !important; 1877 outline: none !important; 1878} 1879 1880/* ========================================================================== 1881 6. TEXTOS Y ENLACES FINALES 1882 ========================================================================== */ 1883.woocommerce-shipping-destination { 1884 font-size: 13px !important; 1885 color: #555555 !important; 1886 margin: 15px 0 10px 0 !important; 1887 padding-top: 15px !important; 1888 border-top: 1px dashed #dddddd !important; 1889 display: block !important; 1890} 1891.woocommerce-shipping-destination strong { color: #000000 !important; } 1892 1893.shipping-calculator-button { 1894 font-family: 'Bebas Neue', sans-serif !important; 1895 font-size: 16px !important; 1896 letter-spacing: 1px !important; 1897 color: #000000 !important; 1898 text-transform: uppercase !important; 1899 text-decoration: underline !important; 1900 text-underline-offset: 4px !important; 1901 display: inline-block !important; 1902 margin-top: 5px !important; 1903 transition: opacity 0.2s ease !important; 1904} 1905.shipping-calculator-button:hover { opacity: 0.6 !important; } 1906/* ========================================================================== 1907 7. TABLA DE PRODUCTOS AL 100% DE ANCHO (ESCRITORIO) 1908 ========================================================================== */ 1909.woocommerce-cart .woocommerce-cart-form table.shop_table.cart { 1910 width: 100% !important; 1911 max-width: 100% !important; 1912 min-width: 100% !important; 1913 border-collapse: collapse !important; 1914} 1915 1916/* ========================================================================== 1917 8. OCULTAR TÃTULOS Y SUBTOTAL REDUNDANTES (TODOS LOS DISPOSITIVOS) 1918 ========================================================================== */
1919.cart_totals h2, 1920tr.cart-subtotal { 1921 display: none !important; 1922 visibility: hidden !important; 1923 opacity: 0 !important; 1924 height: 0 !important; 1925 margin: 0 !important; 1926 padding: 0 !important; 1927 overflow: hidden !important; 1928 pointer-events: none !important; 1929} 1930/* ========================================================================== 1931 9. ELIMINAR MARGEN INFERIOR DEL FORMULARIO DEL CARRITO 1932 ========================================================================== */ 1933form.woocommerce-cart-form, 1934.woocommerce-cart-form, 1935body.woocommerce-cart form.woocommerce-cart-form { 1936 margin-bottom: 0px !important; 1937 padding-bottom: 0px !important; 1938} 1939 1940/* ========================================================================== 1941 10. EXPANSIÃN TOTAL DE ELEMENTOS DE TABLA (SOLO DESKTOP) 1942 ========================================================================== */ 1943@media (min-width: 769px) { 1944 /* Forzar a la tabla y sus componentes internos a ser bloques expansivos */ 1945 .woocommerce-cart-form table.shop_table_responsive.cart, 1946 .woocommerce-cart-form table.shop_table_responsive.cart thead, 1947 .woocommerce-cart-form table.shop_table_responsive.cart tbody, 1948 .woocommerce-cart-form table.shop_table_responsive.cart tr { 1949 display: table !important; /* Mantiene el comportamiento nativo de tabla pero liberado */ 1950 width: 100% !important; 1951 max-width: 100% !important; 1952 min-width: 100% !important; 1953 box-sizing: border-box !important; 1954 } 1955 1956 /* Asegurar que el contenedor de las filas use el 100% real */ 1957 .woocommerce-cart-form__contents thead, 1958 .woocommerce-cart-form__contents tbody { 1959 display: table-row-group !important; 1960 width: 100% !important; 1961 } 1962 1963 /* Forzar a las filas a estirarse de extremo a extremo */ 1964 .woocommerce-cart-form__contents tr { 1965 display: table-row !important; 1966 width: 100% !important; 1967 } 1968 1969 /* Distribución proporcional y completa de las celdas */ 1970 .woocommerce-cart-form__contents th, 1971 .woocommerce-cart-form__contents td { 1972 display: table-cell !important; 1973 box-sizing: border-box !important; 1974 } 1975} 1976/* ========================================================================== 1977 11. AJUSTES FINALES INTEGRADOS (ANTI-BLOQUEO Y ALINEACIÃN) 1978 ========================================================================== */ 1979 1980/* En lugar de ocultar, alineamos el bloque del Total final de forma limpia */ 1981.cart_totals table.shop_table tr.order-total { 1982 display: flex !important; 1983 justify-content: space-between !important; 1984 align-items: center !important; 1985 width: 100% !important; 1986 padding: 15px 0 !important; 1987 border-top: 2px solid #000000 !important; /* LÃnea negra ruda antes del total */ 1988} 1989 1990.cart_totals table.shop_table tr.order-total th, 1991.cart_totals table.shop_table tr.order-total td { 1992 display: inline-block !important; 1993 width: auto !important; 1994 padding: 0 !important; 1995 margin: 0 !important; 1996 font-family: 'Bebas Neue', sans-serif !important; 1997 font-size: 22px !important; 1998 letter-spacing: 1px !important; 1999 text-transform: uppercase !important; 2000} 2001 2002/* Forzar que el carrusel en móvil empiece libre y sin cortes */ 2003@media (max-width: 768px) { 2004 /* Forzamos al contenedor de Kadence a dejar que el contenido fluya */ 2005 tr.woocommerce-shipping-totals td { 2006 padding-left: 0 !important; 2007 padding-right: 0 !important; 2008 overflow: visible !important; 2009 } 2010 2011 ul#shipping_method { 2012 padding-left: 10px !important;
2012 /* Espacio exacto para que no se corte el texto inicial */ 2013 margin-left: 0 !important; 2014 width: 100% !important; 2015 } 2016} 2017/* ========================================================================== 2018 11. AJUSTES FINALES INTEGRADOS (SIN LÃNEAS NI DOBLE TOTAL) 2019 ========================================================================== */ 2020 2021/* Alineamos el bloque del Total final de forma limpia y sin bordes */ 2022.cart_totals table.shop_table tr.order-total { 2023 display: flex !important; 2024 justify-content: space-between !important; 2025 align-items: center !important; 2026 width: 100% !important; 2027 padding: 15px 0 !important; 2028 border: none !important; /* 🚀 Fumigamos cualquier lÃnea superior o inferior */ 2029} 2030 2031.cart_totals table.shop_table tr.order-total th, 2032.cart_totals table.shop_table tr.order-total td { 2033 display: inline-block !important; 2034 width: auto !important; 2035 padding: 0 !important; 2036 margin: 0 !important; 2037 font-family: 'Bebas Neue', sans-serif !important; 2038 font-size: 24px !important; /* Un toque más de tamaño para que resalte */ 2039 letter-spacing: 1px !important; 2040 text-transform: uppercase !important; 2041 border: none !important; 2042} 2043 2044/* Forzar que el carrusel en móvil empiece libre y sin cortes */ 2045@media (max-width: 768px) { 2046 tr.woocommerce-shipping-totals td { 2047 padding-left: 0 !important; 2048 padding-right: 0 !important; 2049 overflow: visible !important; 2050 } 2051 2052 ul#shipping_method { 2053 padding-left: 10px !important; 2054 margin-left: 0 !important; 2055 width: 100% !important; 2056 } 2057} 2058/* ========================================================================== 2059 AVISOS DE WOOCOMMERCE ULTRA COMPACTOS (CERO MARGENES) 2060 ========================================================================== */ 2061 2062/* 1. Aplastar por completo el contenedor general */ 2063.woocommerce-notices-wrapper, 2064#content .woocommerce-notices-wrapper, 2065div.woocommerce-notices-wrapper { 2066 width: 100% !important; 2067 margin-top: 0 !important; 2068 margin-bottom: 0 !important; /* 🚀 Cero margen abajo */ 2069 padding-bottom: 0 !important; 2070} 2071 2072/* 2. Compactar al máximo las cajas de mensajes internas */ 2073.woocommerce-notices-wrapper .woocommerce-message, 2074.woocommerce-notices-wrapper .woocommerce-info, 2075.woocommerce-message, 2076.woocommerce-info { 2077 padding: 8px 15px !important; /* Colchón mÃnimo para que no se vea gigante */ 2078 margin-bottom: 0 !important; /* Forzamos 0 margen abajo aquà también */ 2079 margin-top: 0 !important; 2080 height: auto !important; 2081 min-height: auto !important; /* Rompe la altura fija de Kadence */ 2082 display: block !important; /* Cambiamos a block para evitar bugs de flexbox en móvil */ 2083 text-align: center !important; 2084 box-sizing: border-box !important; 2085} 2086 2087/* Estilizar el enlace de "¿Deshacer?" para que no rompa el renglón */ 2088.woocommerce-message a.restore-item, 2089.woocommerce-message a.restore-item { 2090 font-family: 'Bebas Neue', sans-serif !important; 2091 font-size: 15px !important; 2092 letter-spacing: 1px !important; 2093 text-transform: uppercase !important; 2094 text-decoration: underline !important; 2095 text-underline-offset: 3px !important; 2096 color: inherit !important; 2097 display: inline-block !important; 2098 margin-left: 8px !important; 2099} 2100/* ========================================================================== 2101 ESTILO PARA EL AVISO DE "SIN EXISTENCIAS" 2102 ========================================================================== */ 2103.single-product p.stock.out-of-stock { 2104 background-color: #e02b27; /* Fondo rojo vibrante */ 2105 color: #ffffff !important; /* Texto blanco */ 2106 padding: 6px 14px; 2107 border-radius: 4px; 2108 font-weight: 700; 2109 display: inline-block !important; /* Para que parezca un botón */ 2110 font-size: 13px; 2111 text-transform: uppercase; 2112 letter-spacing: 0.5px; 2113 margin-bottom: 20px !important; 2114} 2115/* ========================================================================== 2116 OCULTAR BARRA FLOTANTE (STICKY BAR) CUANDO NO HAY STOCK 2117 ========================================================================== */ 2118body:has(p.stock.out-of-stock) #wsatc-stick-cart-wrapper { 2119 display: none !important; 2120} 2121 2122/* ========================================================================== 2123 CAJA DE BENEFICIOS (SINGLE PRODUCT EXTRAS) - COMPLETO Y CORREGIDO 2124 ========================================================================== */ 2125
2126/* 1. Contenedor principal de la caja con márgenes forzados */ 2127div.single-product-extras { 2128 background-color: #f9f9f9; 2129 border: 1px solid #e5e5e5; 2130 border-radius: 8px; 2131 2132 /* 🎯 AJUSTE DE COLCHÃN INTERNO: 5px arriba/abajo y 15px a los lados (Separa el texto de la izquierda) */ 2133 padding: 5px 15px !important; 2134 2135 margin-top: 35px !important; /* Espacio con la fecha de entrega */ 2136 margin-bottom: 15px !important; /* Espacio mas amplio abajo para alejar las tarjetas */ 2137 margin-left: 0px !important; 2138 margin-right: 0px !important; 2139 width: 100% !important; 2140 display: block !important; 2141 box-sizing: border-box; 2142 clear: both; /* Evita elementos flotantes encimados */ 2143} 2144 2145/* 2. El tÃtulo principal de la caja */ 2146div.single-product-extras p { 2147 font-size: 12px; 2148 color: #333333; 2149 margin-bottom: 5px !important; 2150 text-align: left; 2151} 2152 2153div.single-product-extras p strong { 2154 font-weight: 700; 2155} 2156 2157/* 3. La lista de beneficios */ 2158div.single-product-extras ul { 2159 list-style: none !important; 2160 padding-left: 0 !important; 2161 margin: 0 !important; 2162} 2163 2164/* 4. Cada elemento de la lista alineado */ 2165div.single-product-extras ul li { 2166 display: flex; 2167 align-items: flex-start; 2168 font-size: 12px; 2169 color: #555555; 2170 line-height: 1.5; 2171 margin-bottom: 2px !important; 2172} 2173 2174div.single-product-extras ul li:last-child { 2175 margin-bottom: 5px !important; 2176} 2177 2178/* 5. El Ãcono de escudo */ 2179div.single-product-extras ul li span.kadence-svg-iconset { 2180 margin-right: 5px !important; 2181 color: #1a1a1a; 2182 display: flex; 2183 margin-top: 0px; 2184} 2185 2186div.single-product-extras ul li span.kadence-svg-iconset svg { 2187 width: 14px; 2188 height: 14px; 2189} 2190/* ========================================================================== 2191 SEPARACIÃN INFERIOR PARA LA CAJA DE GARANTÃA DE PAGOS 2192 ========================================================================== */ 2193.single-product-payments { 2194 margin-top: 20px !important; /* Fuerza a que la garantÃa se empuje hacia abajo */ 2195 display: block !important; 2196 clear: both; 2197} 2198/* ========================================================================== 2199 CONVERTIR BOTÃN EN ICONO PURO DE MI CUENTA (ESCRITORIO + MÃVIL) 2200 ========================================================================== */ 2201 2202/* 1. Desaparecer el texto del botón y volverlo cuadrado (Unificado) */ 2203.header-button-inner-wrap a[href*="/mi-cuenta/"], 2204a.button.header-button[href*="/mi-cuenta/"], 2205.mobile-header-button-inner-wrap a[href*="/mi-cuenta/"], 2206a.button.mobile-header-button[href*="/mi-cuenta/"] { 2207 font-size: 0px !important; /* Desaparece las letras */ 2208 color: transparent !important; /* Vuelve el texto invisible */ 2209 padding: 0 !important; /* Quita paddings largos */ 2210 width: 40px !important; /* Cuadrado perfecto */ 2211 height: 40px !important; 2212 display: flex !important; 2213 align-items: center !important; 2214 justify-content: center !important; 2215 box-sizing: border-box !important; 2216 border-color: transparent !important; 2217 background-color: transparent !important; /* Mantiene el fondo limpio */ 2218} 2219 2220/* 2. El Icono SVG centrado (Color Negro por defecto) */ 2221.header-button-inner-wrap a[href*="/mi-cuenta/"]::before, 2222a.button.header-button[href*="/mi-cuenta/"]::before, 2223.mobile-header-button-inner-wrap a[href*="/mi-cuenta/"]::before, 2224a.button.mobile-header-button[href*="/mi-cuenta/"]::before { 2225 content: "" !important; 2226 display: block !important; 2227 width: 22px !important; /* Un pelito más grande para que destaque bien en pantallas táctiles */ 2228 height: 22px !important; 2229 margin-right: 0 !important; 2230 2231 /* Silueta de usuario minimalista negra */ 2232 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'></path><circle cx='12' cy='7' r='4'></circle></svg>") !important; 2233 background-repeat: no-repeat !important; 2234 background-position: center !important; 2235 background-size: contain !important; 2236 transition: all 0.2s ease !important; 2237} 2238 2239/* 3. Hover / Active: El icono se enciende en tu rojo de marca (#bf3d36) 🔴 */ 2240.header-button-inner-wrap a[href*="/mi-cuenta/"]:hover::before, 2241a.button.header-button[href*="/mi-cuenta/"]:hover::before, 2242.mobile-header-button-inner-wrap a[href*="/mi-cuenta/"]:hover::before, 2243a.button.mobile-header-button[href*="/mi-cuenta/"]:hover::before, 2244.mobile-header-button-inner-wrap a[href*="/mi-cuenta/"]:active::before, 2245a.button.mobile-header-button[href*="/mi-cuenta/"]:active::before { 2246 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bf3d36' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'></path><circle cx='12' cy='7' r='4'></circle></svg>") !important; 2247} 2248/* ========================================================================== 2249 BARRA DE BÃSQUEDA GRIS CON TEXTO TENUE (DISEÃO HORIZONTAL FIJO) 2250 ========================================================================== */ 2251
2252/* 1. Transformar el botón de Kadence en una barra gris horizontal */ 2253button.search-toggle-open, 2254.search-toggle-open-container button.search-toggle-open { 2255 display: flex !important; 2256 align-items: center !important; 2257 justify-content: space-between !important; 2258 background-color: #f2f2f2 !important; /* El color gris claro de fondo */ 2259 border: 1px solid #e5e5e5 !important; /* Borde sutil */ 2260 border-radius: 4px !important; /* Bordes ligeramente redondeados */ 2261 padding: 0 12px !important; /* Margen interno */ 2262 width: 150px !important; /* Ancho ideal para no saturar el menú */ 2263 height: 36px !important; /* Altura delgada y estilizada */ 2264 box-sizing: border-box !important; 2265 cursor: pointer !important; 2266 transition: all 0.2s ease !important; 2267} 2268 2269/* 2. Activar y estilizar el texto interno "BUSCAR" */ 2270button.search-toggle-open .search-toggle-label, 2271.search-toggle-open-container .search-toggle-label { 2272 display: inline-block !important; 2273 visibility: visible !important; 2274 opacity: 1 !important; 2275 font-family: 'Bebas Neue', sans-serif !important; /* 🚀 Homologado a Bebas Neue */ 2276 font-size: 13px !important; /* Un pelÃn más grande para Bebas */ 2277 font-weight: 400 !important; 2278 color: #999999 !important; /* Gris tenue para el texto */ 2279 text-transform: uppercase !important; 2280 letter-spacing: 0.8px !important; /* Espaciado un poco más abierto */ 2281 margin-right: auto !important; /* Empuja la lupa a la derecha */ 2282 width: auto !important; 2283} 2284 2285/* 3. Ajustar la lupa nativa para que flanquee a la derecha */ 2286button.search-toggle-open .kadence-search-svg, 2287.search-toggle-open .search-toggle-icon svg { 2288 width: 14px !important; /* Lupa más pequeña e integrada */ 2289 height: 14px !important; 2290 fill: #888888 !important; /* Color gris suave para la lupa */ 2291 margin: 0 !important; 2292 transition: fill 0.2s ease !important; 2293} 2294 2295/* 4. Efecto de interacción al pasar el mouse o presionar */ 2296button.search-toggle-open:hover { 2297 background-color: #eaeaea !important; /* Oscurece el gris sutilmente */ 2298 border-color: #bf3d36 !important; /* El borde cambia a tu rojo de marca */ 2299} 2300 2301button.search-toggle-open:hover .search-toggle-label { 2302 color: #333333 !important; /* El texto se oscurece al pasar el mouse */ 2303} 2304 2305button.search-toggle-open:hover .kadence-search-svg, 2306.search-toggle-open-container button:hover svg { 2307 fill: #bf3d36 !important; /* La lupa se enciende en tu rojo de marca */ 2308} 2309 2310/* 5. Ajuste de balance para pantallas móviles */ 2311@media (max-width: 768px) { 2312 button.search-toggle-open, 2313 .search-toggle-open-container button.search-toggle-open { 2314 width: 120px !important; /* Un poco más compacta en celulares para cuidar espacio */ 2315 height: 34px !important; 2316 padding: 0 10px !important; 2317 } 2318 2319 button.search-toggle-open .search-toggle-label { 2320 font-size: 10px !important; 2321 } 2322} 2323@media (max-width: 768px) { 2324 .suburbios-banner-sucursales { 2325 max-width: 100% !important; 2326 } 2327} 2328/* ========================================================================== 2329 HOMOLOGACIÃN Y CORRECCIÃN DE LA BARRA STICKY (WSATC) 2330 ========================================================================== */ 2331 2332/* 1. Ajustes globales de fuentes para la barra sticky */ 2333#wsatc-stick-cart-wrapper .product-title { 2334 font-family: 'Bebas Neue', sans-serif !important; 2335 font-size: 16px !important; 2336 text-transform: uppercase !important; 2337 letter-spacing: 0.5px !important; 2338 color: #000000 !important; 2339} 2340 2341#wsatc-stick-cart-wrapper .wsatc-price .amount bdi { 2342 font-family: 'Fira Sans', sans-serif !important; 2343 font-weight: 700 !important; 2344 color: #000000 !important; 2345} 2346 2347#wsatc-stick-cart-wrapper .wsatc-add-to-cart { 2348 font-family: 'Bebas Neue', sans-serif !important; 2349 font-size: 16px !important; 2350 letter-spacing: 1px !important; 2351 text-transform: uppercase !important; 2352 background-color: #222222 !important; /* Negro rudo para el botón */ 2353 border-radius: 4px !important; 2354 padding: 10px 20px !important; 2355 transition: background 0.2s ease !important; 2356} 2357 2358#wsatc-stick-cart-wrapper .wsatc-add-to-cart:hover { 2359 background-color: #000000 !important; 2360} 2361 2362#wsatc-stick-cart-wrapper .wsatc-qty-wrapper { 2363 border-radius: 4px !important; 2364} 2365 2366/* ========================================================================== 2367 CSS MÃVIL PERFECTO: CONTADOR IZQUIERDA, BOTÃN DERECHA (WSATC) 2368 ========================================================================= */ 2369@media (max-width: 768px) { 2370 /* 1. Contenedor principal en modo columna para separar filas */ 2371 #wsatc-stick-cart-wrapper .wsatc-container { 2372 display: flex !important; 2373 flex-direction: column !important; 2374 align-items: stretch !important; 2375 justify-content: center !important; 2376 padding-left: 12px !important; 2377 padding-right: 85px !important; /* 🚀 Escudo de seguridad para WhatsApp */ 2378 padding-top: 6px !important; 2379 padding-bottom: 6px !important; 2380 } 2381 2382 /* 2. FILA SUPERIOR: Info del producto (Imagen + Nombre + Precio) */ 2383 #wsatc-stick-cart-wrapper .wrap-product-content { 2384 display: flex !important; 2385 flex-direction: row !important; 2386 align-items: center !important; 2387 justify-content: space-between !important; /* Manda el precio al extremo derecho */ 2388 width: 100% !important; 2389 margin-bottom: 4px !important; 2390 } 2391 2392 /* Imagen mini */ 2393 #wsatc-stick-cart-wrapper .wsatc-product-img { 2394 display: block !important; 2395 margin-right: 8px !important; 2396 flex-shrink: 0 !important; 2397 } 2398 2399 #wsatc-stick-cart-wrapper .wsatc-product-img img { 2400 width: 32px !important; 2401 height: 32px !important; 2402 object-fit: cover !important; 2403 border-radius: 3px !important; 2404 } 2405 2406 /* Contenedor del TÃtulo */ 2407 #wsatc-stick-cart-wrapper .wsatc-title-rating { 2408 flex: 1 !important; 2409 min-width: 0 !important; 2410 } 2411 2412 #wsatc-stick-cart-wrapper .product-title { 2413 font-family: 'Bebas Neue', sans-serif !important; 2414 font-size: 13px !important; 2415 line-height: 1.1 !important; 2416 color: #111111 !important; 2417 white-space: nowrap !important; 2418 overflow: hidden !important; 2419 text-overflow: ellipsis !important; 2420 max-width: 160px !important; 2421 } 2422 2423 /* Precio a la derecha de la fila superior */ 2424 #wsatc-stick-cart-wrapper .wsatc-price-stock { 2425 margin: 0 !important; 2426 flex-shrink: 0 !important; 2427 } 2428 2429 #wsatc-stick-cart-wrapper .wsatc-price .amount bdi { 2430 font-family: 'Fira Sans', sans-serif !important; 2431 font-size: 14px !important; 2432 font-weight: 700 !important; 2433 color: #000000 !important; 2434 } 2435 2436 /* 3. FILA INFERIOR: Acciones (Contador a la izq, Botón a la der) */ 2437 #wsatc-stick-cart-wrapper .wsatc-right-section { 2438 display: flex !important; 2439 flex-direction: row !important; 2440 align-items: center !important; 2441 justify-content: space-between !important; /* Separa contador y botón */ 2442 width: 100% !important; 2443 } 2444 2445 /* El selector se queda pegado a la izquierda */ 2446 #wsatc-stick-cart-wrapper .wsatc-qty-wrapper { 2447 height: 32px !important; 2448 margin-right: auto !important;
2448 /* Empuja al botón a la derecha */ 2449 flex-shrink: 0 !important; 2450 } 2451 2452 /* El botón se alinea perfectamente a la derecha (abajo del precio) */ 2453 #wsatc-stick-cart-wrapper .wsatc-add-to-cart { 2454 font-size: 11px !important; 2455 padding: 0 16px !important; 2456 white-space: nowrap !important; 2457 height: 32px !important; 2458 display: inline-flex !important; 2459 align-items: center !important; 2460 justify-content: center !important; 2461 border-radius: 4px !important; 2462 margin-left: auto !important; /* Asegura su posición a la derecha si no hay contador */ 2463 } 2464} 2465 2466/* ========================================================================== 2467 INTERFAZ MÃVIL PREMIUM: CÃRCULO NEGRO + CHECK BLANCO + ALINEACIÃN HORIZONTAL 2468 ========================================================================== */ 2469@media (max-width: 768px) { 2470 /* 1. Comportamiento base del botón COMPRAR / SELECCIONAR */ 2471 ul.products li.product .add_to_cart_button { 2472 width: auto !important; 2473 padding: 8px 16px !important; 2474 font-family: 'Bebas Neue', sans-serif !important; 2475 font-size: 12px !important; 2476 letter-spacing: 0.8px !important; 2477 margin: 8px auto 0 auto !important; 2478 display: inline-flex !important; 2479 align-items: center !important; 2480 justify-content: center !important; 2481 background-color: #000000 !important; 2482 color: #ffffff !important; 2483 border-radius: 4px !important; 2484 height: auto !important; 2485 min-height: 0 !important; 2486 } 2487 2488 /* 2. Transformar el botón en un cÃrculo negro con un Check Blanco (â) */ 2489 ul.products li.product .add_to_cart_button.added { 2490 font-size: 0 !important; /* Esconde el texto original */ 2491 padding: 0 !important; 2492 width: 32px !important; /* CÃrculo perfecto */ 2493 height: 32px !important; 2494 border-radius: 50% !important; 2495 background-color: #000000 !important; 2496 margin-right: 8px !important; /* Separación horizontal para el texto que viene */ 2497 display: inline-flex !important; 2498 } 2499 2500 /* Apagamos los SVGs nativos que estorban */ 2501 ul.products li.product .add_to_cart_button.added .kadence-check-svg, 2502 ul.products li.product .add_to_cart_button.added svg { 2503 display: none !important; 2504 } 2505 2506 /* Inyectamos la palomita blanca (â) en el centro */ 2507 ul.products li.product .add_to_cart_button.added::after { 2508 content: "â" !important; /* Tu palomita limpia */ 2509 font-size: 14px !important; 2510 font-weight: bold !important; 2511 color: #ffffff !important; 2512 display: flex !important; 2513 align-items: center !important; 2514 justify-content: center !important; 2515 width: 100% !important; 2516 height: 100% !important; 2517 } 2518 2519 /* 3. ¡LA MAGIA DE ALINEACIÃN! Forzar alineación horizontal */ 2520 /* Buscamos el contenedor interno de la tarjeta para alinear los dos elementos lado a lado */ 2521 ul.products li.product .add_to_cart_button.added, 2522 ul.products li.product .added_to_cart.wc-forward { 2523 vertical-align: middle !important; /* Los alinea en el mismo renglón */ 2524 } 2525 2526 ul.products li.product .added_to_cart.wc-forward { 2527 display: inline-block !important; /* Rompe el bloque vertical anterior */ 2528 width: auto !important; 2529 font-family: 'Bebas Neue', sans-serif !important; 2530 font-size: 13px !important; 2531 letter-spacing: 1px !important; 2532 color: #000000 !important; 2533 text-decoration: underline !important; 2534 text-transform: uppercase !important; 2535 margin: 0 !important; /* Resetea el margen superior molesto */ 2536 } 2537} 2538/* ========================================================================== 2539 ESTILOS EXCLUSIVOS PARA EL CARRUSEL DE PRODUCTOS (WPSF) - UNIVERSAL 2540 ========================================================================== */ 2541 2542/* 1. VISTA EN COMPUTADORA (Desktop) */ 2543/* Forzamos a que el contenedor elimine bordes grises feos si los tuviera */ 2544.wpsf-product-carousel .add_to_cart_inline, 2545[class*="wpsf"] .add_to_cart_inline { 2546 border: none !important; 2547 padding: 0 !important; 2548 background: none !important; 2549 margin-top: 10px !important; 2550} 2551
2552/* Convertimos el texto "COMPRAR" en un botón negro real en Desktop */ 2553.wpsf-product-carousel .add_to_cart_button, 2554[class*="wpsf"] .add_to_cart_button { 2555 background-color: #000000 !important; /* Fondo negro rudo */ 2556 color: #ffffff !important; /* Texto blanco */ 2557 font-family: 'Bebas Neue', sans-serif !important; 2558 font-size: 12px !important; 2559 letter-spacing: 0.8px !important; 2560 text-transform: uppercase !important; 2561 padding: 8px 18px !important; /* Le da cuerpo de botón real */ 2562 border-radius: 3px !important; 2563 display: inline-flex !important; 2564 align-items: center !important; 2565 justify-content: center !important; 2566 min-height: 0 !important; 2567 height: auto !important; 2568 text-decoration: none !important; 2569 transition: background 0.2s ease !important; 2570} 2571 2572.wpsf-product-carousel .add_to_cart_button:hover, 2573[class*="wpsf"] .add_to_cart_button:hover { 2574 background-color: #333333 !important; /* Hover gris oscuro */ 2575} 2576 2577 2578/* 2. VISTA EN CELULARES (Mobile) */ 2579@media (max-width: 768px) { 2580 .wpsf-product-carousel .add_to_cart_button, 2581 [class*="wpsf"] .add_to_cart_button { 2582 font-size: 10px !important; 2583 padding: 6px 14px !important; /* Un poco más compacto en cel */ 2584 margin: 5px auto 0 auto !important; 2585 } 2586 2587 /* Transformación a CÃrculo Negro al añadir producto */ 2588 .wpsf-product-carousel .add_to_cart_button.added, 2589 [class*="wpsf"] .add_to_cart_button.added { 2590 font-size: 0 !important; /* Esconde la palabra */ 2591 padding: 0 !important; 2592 width: 32px !important; /* CÃrculo perfecto */ 2593 height: 32px !important; 2594 border-radius: 50% !important; 2595 background-color: #000000 !important; 2596 margin-right: 8px !important; 2597 display: inline-flex !important; 2598 } 2599 2600 /* Ocultar iconos nativos o palomitas verdes del plugin */ 2601 .wpsf-product-carousel .add_to_cart_button.added svg, 2602 [class*="wpsf"] .add_to_cart_button.added svg { 2603 display: none !important; 2604 } 2605 2606 /* Inyectar la palomita blanca (â) en el centro del cÃrculo */ 2607 .wpsf-product-carousel .add_to_cart_button.added::after, 2608 [class*="wpsf"] .add_to_cart_button.added::after { 2609 content: "â" !important; 2610 font-size: 14px !important; 2611 font-weight: bold !important; 2612 color: #ffffff !important; 2613 display: flex !important; 2614 align-items: center !important; 2615 justify-content: center !important; 2616 width: 100% !important; 2617 height: 100% !important; 2618 } 2619 2620 /* Alineación Horizontal en móvil con VER CARRITO */ 2621 .wpsf-product-carousel .add_to_cart_button.added, 2622 .wpsf-product-carousel .added_to_cart.wc-forward, 2623 [class*="wpsf"] .add_to_cart_button.added, 2624 [class*="wpsf"] .added_to_cart.wc-forward { 2625 vertical-align: middle !important; 2626 } 2627 2628 /* Enlace VER CARRITO */ 2629 .wpsf-product-carousel .added_to_cart.wc-forward, 2630 [class*="wpsf"] .added_to_cart.wc-forward { 2631 display: inline-block !important; 2632 width: auto !important; 2633 font-family: 'Bebas Neue', sans-serif !important; 2634 font-size: 13px !important; 2635 letter-spacing: 1px !important; 2636 color: #000000 !important; 2637 text-decoration: underline !important; 2638 text-transform: uppercase !important; 2639 margin: 0 !important; 2640 } 2641} 2642/* ========================================================================== 2643 HOMOLOGACIÃN "VER CARRITO" (WPSF) IGUAL A BOTÃN COMPRAR 2644 ========================================================================== */ 2645.wpsf-product-carousel .added_to_cart.wc-forward, 2646[class*="wpsf"] .added_to_cart.wc-forward { 2647 background-color: #000000 !important; /* 🎯 Fondo negro idéntico a COMPRAR */ 2648 color: #ffffff !important; /* Texto blanco nÃtido */ 2649 font-family: 'Bebas Neue', sans-serif !important; /* Tu fuente de marca */ 2650 font-size: 12px !important; 2651 font-weight: 600 !important; 2652 letter-spacing: 0.8px !important; 2653 text-transform: uppercase !important; /* Fuerza las mayúsculas rudas */ 2654 padding: 8px 18px !important;
2654 /* Le da exactamente el mismo cuerpo de botón */ 2655 border-radius: 4px !important; /* Esquinas suavizadas igual que COMPRAR */ 2656 display: inline-flex !important; 2657 align-items: center !important; 2658 justify-content: center !important; 2659 text-decoration: none !important; 2660 margin-top: 10px !important; 2661 height: auto !important; 2662 min-height: 0 !important; 2663 transition: background-color 0.2s ease !important; 2664} 2665 2666/* Efecto Hover para el botón de Ver Carrito */ 2667.wpsf-product-carousel .added_to_cart.wc-forward:hover, 2668[class*="wpsf"] .added_to_cart.wc-forward:hover { 2669 background-color: #333333 !important; /* Cambia a gris oscuro en hover igual que comprar */ 2670 color: #ffffff !important; 2671} 2672 2673/* ========================================================================== 2674 HOMOLOGACIÃN DE TÃTULOS DEL CARRUSEL (WPSF) A BEBAS NEUE 2675 ========================================================================== */ 2676 2677/* Aplica para Desktop y Mobile de forma global en este carrusel */ 2678.wpsf-product-title, 2679.wpsf-product-title a { 2680 font-family: 'Bebas Neue', sans-serif !important; 2681 font-size: 15px !important; /* Tamaño ideal para que destaque sin ser invasivo */ 2682 line-height: 1.2 !important; 2683 letter-spacing: 0.5px !important; 2684 text-transform: uppercase !important; /* Forza las mayúsculas rudas de tu marca */ 2685 color: #111111 !important; /* Color negro limpio */ 2686 text-decoration: none !important; 2687} 2688 2689/* Efecto sutil al pasar el mouse en computadora */ 2690.wpsf-product-title a:hover { 2691 color: #bf3d36 !important; /* Cambia al rojo Suburbios al hacer hover */ 2692} 2693 2694/* Ajuste fino para pantallas pequeñas (Celulares) */ 2695@media (max-width: 768px) { 2696 .wpsf-product-title, 2697 .wpsf-product-title a { 2698 font-size: 13px !important; /* Un pelÃn más chico en móvil para evitar saltos de lÃnea feos */ 2699 } 2700} 2701/* ========================================================================== 2702 HOMOLOGACIÃN DE ETIQUETAS "NUEVO" Y "OFERTA" (AWL) - UNIVERSAL & RESPONSIVO 2703 ========================================================================== */ 2704 2705/* 1. CONFIGURACIÃN GLOBAL (Desktop & Mobile) */ 2706.advanced-woo-labels .awl-product-label, 2707.advanced-woo-labels .awl-label-text, 2708.advanced-woo-labels .awl-inner-text { 2709 font-family: 'Bebas Neue', sans-serif !important; 2710 text-transform: uppercase !important; 2711 font-weight: 400 !important; /* Bebas ya es gruesa por naturaleza */ 2712 letter-spacing: 0.8px !important; 2713 line-height: 1 !important; 2714} 2715 2716/* Ajustes estructurales de la pastilla (Fondo y bordes rudos) */ 2717.advanced-woo-labels .awl-label-text { 2718 padding: 6px 10px !important; /* Relleno compacto y uniforme */ 2719 border-radius: 2px !important; /* Esquinas casi rectas, mucho más estéticas */ 2720 box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important; /* Un toque sutil de profundidad */ 2721} 2722 2723/* Forzar que las de NUEVO (si están en negro) o OFERTA (en rojo) se planten bien */ 2724.advanced-woo-labels .awl-label-wrap { 2725 margin: 4px !important; /* Separación limpia del borde de la imagen */ 2726} 2727 2728 2729/* 2. OPTIMIZACIÃN EN MÃVIL (Celulares) */ 2730@media (max-width: 768px) { 2731 /* Achicamos la etiqueta para que no se coma la miniatura del producto en pantallas chicas */ 2732 .advanced-woo-labels .awl-product-label { 2733 font-size: 11px !important; 2734 } 2735 2736 .advanced-woo-labels .awl-label-text { 2737 padding: 4px 8px !important; /* Relleno ultra optimizado para mobile */ 2738 } 2739} 2740 2741/* ========================================================================== 2742 PÃGINA DE CARRITO OPTIMIZADA: SÃLO TABLA DE PRODUCTOS (TOTALES Y ENVÃOS BLINDADOS) 2743 ========================================================================== */ 2744 2745/* 1. COMPORTAMIENTO PARA COMPUTADORA (DESKTOP) */ 2746@media (min-width: 769px) { 2747 /* Encabezados rudos de la tabla superior */ 2748 .woocommerce-cart-form table.shop_table th { 2749 font-family: 'Bebas Neue', sans-serif !important; 2750 font-size: 16px !important; 2751 letter-spacing: 1px !important; 2752 text-transform: uppercase !important; 2753 color: #111111 !important; 2754 border-bottom: 2px solid #000000 !important; 2755 padding: 12px 10px !important; 2756 } 2757 2758 /* Filas internas de productos */ 2759 .woocommerce-cart-form table.shop_table td { 2760 padding: 15px 10px !important; 2761 vertical-align: middle !important; 2762 } 2763 2764 /* TÃtulo del producto en Bebas con hover rojo */ 2765 .woocommerce-cart-form table.shop_table td.product-name a { 2766 font-weight: 700 !important; 2767 color: #111111 !important; 2768 font-size: 14px !important; 2769 text-decoration: none !important; 2770 } 2771 .woocommerce-cart-form table.shop_table td.product-name a:hover { 2772 color: #bf3d36 !important; 2773 } 2774 2775 /* 🎯 RESTRUCTURACIÃN DE LA FILA INFERIOR (CUPÃN Y BOTÃN ACTUALIZAR) */ 2776 .woocommerce-cart-form table.shop_table td.actions { 2777 display: flex !important; 2778 align-items: center !important; 2779 justify-content: space-between !important; 2780 width: 100% !important; 2781 padding: 20px 0 !important; 2782 background: transparent !important; 2783 } 2784 2785 /* Zona del Cupón */ 2786 .woocommerce-cart-form .coupon { 2787 display: inline-flex !important; 2788 align-items: center !important; 2789 gap: 8px !important; 2790 margin: 0 !important; 2791 } 2792 2793 /* 1. Input "Código de cupón" Homologado */ 2794 .woocommerce-cart-form .coupon input#coupon_code { 2795 height: 42px !important; 2796 line-height: 42px !important; 2797 border-radius: 4px !important; 2798 border: 1.5px solid #111111 !important; 2799 padding: 0 12px !important; 2800 width: 180px !important; 2801 font-family: 'Fira Sans', sans-serif !important; 2802 font-size: 13px !important; 2803 color: #111111 !important; 2804 background-color: #ffffff !important; 2805 box-sizing: border-box !important; 2806 margin: 0 !important; 2807 } 2808 2809 .woocommerce-cart-form .coupon input#coupon_code:focus { 2810 border-color: #111111 !important; 2811 outline: none !important; 2812 } 2813 2814 /* 2. Botón "APLICAR CUPÃN" (Hover Negro + Letras Blancas) */ 2815 .woocommerce-cart-form .coupon button[name="apply_coupon"] { 2816 height: 42px !important; 2817 line-height: 42px !important; 2818 background-color: #ffffff !important; 2819 color: #111111 !important; 2820 border: 1.5px solid #111111 !important; 2821 font-family: 'Bebas Neue', sans-serif !important; 2822 font-size: 15px !important; 2823 letter-spacing: 0.8px !important; 2824 text-transform: uppercase !important; 2825 padding: 0 20px !important; 2826 border-radius: 4px !important; 2827 cursor: pointer !important; 2828 box-sizing: border-box !important; 2829 display: inline-flex !important; 2830 align-items: center !important; 2831 justify-content: center !important; 2832 margin: 0 !important; 2833 transition: all 0.2s ease-in-out !important; 2834 } 2835 2836 .woocommerce-cart-form .coupon button[name="apply_coupon"]:hover { 2837 background-color: #111111 !important; 2838 color: #ffffff !important; 2839 border-color: #111111 !important; 2840 } 2841 2842 /* 3. Botón "ACTUALIZAR CARRITO" Homologado */ 2843 .woocommerce-cart-form button[name="update_cart"], 2844 .woocommerce-cart-form td.actions button[name="update_cart"] { 2845 width: auto !important; 2846 min-width: 160px !important; 2847 max-width: fit-content !important; 2848 height: 42px !important; 2849 line-height: 42px !important; 2850 background-color: #111111 !important; 2851 color: #ffffff !important; 2852 font-family: 'Bebas Neue', sans-serif !important; 2853 font-size: 15px !important; 2854 letter-spacing: 1px !important; 2855 text-transform: uppercase !important; 2856 padding: 0 24px !important; 2857 border-radius: 4px !important; 2858 border: none !important; 2859 margin-left: auto !important; 2860 float: none !important; 2861 display: inline-flex !important; 2862 align-items: center !important; 2863 justify-content: center !important; 2864 cursor: pointer !important; 2865 box-sizing: border-box !important; 2866 transition: background-color 0.2s ease !important; 2867 } 2868 2869 .woocommerce-cart-form button[name="update_cart"]:hover, 2870 .woocommerce-cart-form td.actions button[name="update_cart"]:hover { 2871 background-color: #e2401c !important; /* Rojo Suburbios */ 2872 color: #ffffff !important; 2873 } 2874 2875 .woocommerce-cart-form button[name="update_cart"]:disabled, 2876 .woocommerce-cart-form button[name="update_cart"][disabled] { 2877 background-color: #111111 !important; 2878 opacity: 0.6 !important; 2879 color: #ffffff !important;
2880 cursor: not-allowed !important; 2881 } 2882} 2883 2884/* 2. COMPORTAMIENTO PARA CELULARES (MOBILE) */ 2885@media (max-width: 768px) { 2886 .woocommerce-cart .woocommerce-cart-form, 2887 .woocommerce-cart-form table.shop_table_responsive, 2888 .woocommerce-cart-form table.shop_table_responsive tbody { 2889 width: 100% !important; 2890 max-width: 100% !important; 2891 display: block !important; 2892 } 2893 2894 .woocommerce-cart-form table.shop_table_responsive tr.cart_item { 2895 display: block !important; 2896 border: 1px solid #e5e5e5 !important; 2897 border-radius: 6px !important; 2898 padding: 12px !important; 2899 margin-bottom: 15px !important; 2900 position: relative !important; 2901 background-color: #ffffff !important; 2902 width: 100% !important; 2903 } 2904 2905 .woocommerce-cart-form table.shop_table_responsive tr.cart_item td.product-thumbnail { 2906 display: block !important; 2907 text-align: left !important; 2908 width: 70px !important; 2909 height: 70px !important; 2910 float: left !important; 2911 margin-right: 15px !important; 2912 padding: 0 !important; 2913 } 2914 2915 .woocommerce-cart-form table.shop_table_responsive tr.cart_item td.product-thumbnail img { 2916 width: 70px !important; 2917 height: 70px !important; 2918 object-fit: cover !important; 2919 border-radius: 4px !important; 2920 } 2921 2922 .woocommerce-cart-form table.shop_table_responsive tr.cart_item td.product-remove { 2923 position: absolute !important; 2924 top: 10px !important; 2925 right: 10px !important; 2926 width: auto !important; 2927 padding: 0 !important; 2928 } 2929 2930 .woocommerce-cart-form table.shop_table_responsive tr.cart_item td.product-remove a.remove { 2931 font-size: 22px !important; 2932 color: #d82522 !important; 2933 line-height: 1 !important; 2934 } 2935 2936 .woocommerce-cart-form table.shop_table_responsive tr.cart_item td { 2937 display: flex !important; 2938 justify-content: space-between !important; 2939 align-items: center !important; 2940 padding: 6px 0 !important; 2941 border: none !important; 2942 font-size: 13px !important; 2943 } 2944 2945 .woocommerce-cart-form table.shop_table_responsive tr.cart_item td::before { 2946 font-weight: 700 !important; 2947 color: #555555 !important; 2948 text-transform: uppercase !important; 2949 font-size: 11px !important; 2950 } 2951 2952 .woocommerce-cart-form table.shop_table_responsive tr.cart_item td.product-name { 2953 display: block !important; 2954 text-align: left !important; 2955 font-weight: 700 !important; 2956 color: #111111 !important; 2957 margin-bottom: 4px !important; 2958 padding-right: 25px !important; 2959 } 2960 2961 .woocommerce-cart-form table.shop_table_responsive tr.cart_item td.product-name::before { 2962 display: none !important; 2963 } 2964 2965 .woocommerce-cart-form table.shop_table_responsive tr.cart_item::after { 2966 content: "" !important; 2967 display: table !important; 2968 clear: both !important; 2969 } 2970 2971 /* 🎯 Zona de cupones móvil homologada */ 2972 .woocommerce-cart-form .coupon { 2973 display: flex !important; 2974 gap: 8px !important; 2975 width: 100% !important; 2976 margin-bottom: 10px !important; 2977 } 2978 2979 /* 1. Input Código de Cupón Móvil (Borde Negro 1.5px) */ 2980 .woocommerce-cart-form .coupon input#coupon_code { 2981 flex: 1 !important; 2982 height: 40px !important; 2983 margin: 0 !important; 2984 border-radius: 4px !important; 2985 border: 1.5px solid #111111 !important; 2986 font-family: 'Fira Sans', sans-serif !important; 2987 font-size: 12px !important; 2988 color: #111111 !important; 2989 background-color: #ffffff !important; 2990 padding: 0 10px !important; 2991 box-sizing: border-box !important; 2992 } 2993 2994 .woocommerce-cart-form .coupon input#coupon_code::placeholder { 2995 text-overflow: ellipsis !important; 2996 } 2997 2998 /* 2. Botón Aplicar Cupón Móvil (Borde Negro + Hover Negro) */ 2999 .woocommerce-cart-form .coupon button.button, 3000 .woocommerce-cart-form .coupon button[name="apply_coupon"] { 3001 flex: 1 !important; 3002 height: 40px !important; 3003 font-family: 'Bebas Neue', sans-serif !important; 3004 font-size: 14px !important; 3005 letter-spacing: 0.8px !important; 3006 border-radius: 4px !important; 3007 background-color: #ffffff !important; 3008 color: #111111 !important; 3009 border: 1.5px solid #111111 !important; 3010 text-transform: uppercase !important; 3011 margin: 0 !important; 3012 padding: 0 !important; 3013 display: inline-flex !important; 3014 align-items: center !important; 3015 justify-content: center !important; 3016 } 3017 3018 .woocommerce-cart-form .coupon button.button:hover, 3019 .woocommerce-cart-form .coupon button[name="apply_coupon"]:hover { 3020 background-color: #111111 !important; 3021 color: #ffffff !important; 3022 border-color: #111111 !important; 3023 } 3024 3025 /* 3. Botón Actualizar Carrito Móvil (Fondo Negro Rudo) */ 3026 .woocommerce-cart-form button[name="update_cart"] { 3027 width: 100% !important; 3028 height: 40px !important; 3029 font-family: 'Bebas Neue', sans-serif !important; 3030 font-size: 14px !important; 3031 letter-spacing: 0.8px !important; 3032 background-color: #111111 !important; 3033 color: #ffffff !important; 3034 border: none !important; 3035 border-radius: 4px !important; 3036 text-transform: uppercase !important; 3037 margin-top: 10px !important; 3038 } 3039 3040 .woocommerce-cart-form button[name="update_cart"]:hover { 3041 background-color: #e2401c !important; 3042 } 3043} 3044 3045/* ==========================================================================
3046 ELIMINAR TITULO REDUNDANTE DEL CARRITO (.CART-SUMMARY) 3047 ========================================================================== */ 3048.woocommerce-cart .cart-summary { 3049 display: none !important; 3050} 3051/* ========================================================================== 3052 OCULTAR TEXTO DUPLICADO "ENVÃO" EN LA ZONA DE TOTALES MÃVIL 3053 ========================================================================== */ 3054@media (max-width: 768px) { 3055 /* Apaga el pseudo-elemento automático que duplica el atributo data-title */ 3056 .cart-collaterals table.shop_table_responsive tr td[data-title="EnvÃo"]::before, 3057 .woocommerce-cart-totals table.shop_table_responsive tr td[data-title="EnvÃo"]::before { 3058 display: none !important; 3059 content: none !important; 3060 } 3061} 3062/* ========================================================================== 3063 FORZAR FONDO BLANCO EN ABSOLUTAMENTE TODOS LOS TDS DEL CARRITO MÃVIL 3064 ========================================================================== */ 3065@media (max-width: 768px) { 3066 .woocommerce-cart-form table.shop_table_responsive tbody tr td, 3067 .woocommerce-cart-form table.shop_table_responsive tbody tr:nth-child(even) td, 3068 .woocommerce-cart-form__cart-item td { 3069 background: #ffffff !important; 3070 background-color: #ffffff !important; 3071 } 3072} 3073/* ========================================================================== 3074 FORMATO DE CUPÃN APLICADO: CORRECCIÃN DE GRIS (MOBILE) Y ALINEACIÃN (DESKTOP) 3075 ========================================================================== */ 3076 3077/* -------------------------------------------------------------------------- 3078 1. MUNDO DESKTOP (Computadoras) 3079 -------------------------------------------------------------------------- */ 3080@media (min-width: 769px) { 3081 .cart-collaterals .shop_table_responsive tr.cart-discount { 3082 display: flex !important; 3083 align-items: center !important; 3084 position: relative !important; 3085 background: transparent !important; 3086 border: none !important; 3087 border-bottom: 1px solid #e5e5e5 !important; 3088 border-radius: 0 !important; 3089 padding: 15px 10px 15px 35px !important; 3090 margin-bottom: 15px !important; 3091 width: 100% !important; 3092 box-sizing: border-box !important; 3093 } 3094 3095 .cart-collaterals .shop_table_responsive tr.cart-discount th { 3096 display: block !important; 3097 padding: 0 !important; 3098 border: none !important; 3099 background: transparent !important; 3100 text-align: left !important; 3101 font-family: inherit !important; 3102 font-size: 14px !important; 3103 font-weight: 700 !important; 3104 color: #111111 !important; 3105 text-transform: none !important; 3106 } 3107 3108 /* 🎯 JALAR EL IMPORTE A LA IZQUIERDA PARA ALINEARLO CON EL BOTÃN */ 3109 .cart-collaterals .shop_table_responsive tr.cart-discount td { 3110 display: block !important; 3111 padding: 0 !important; 3112 border: none !important; 3113 background: transparent !important; 3114 text-align: right !important; 3115 margin-left: auto !important; 3116 font-family: inherit !important; 3117 font-size: 14px !important; 3118 font-weight: 400 !important; 3119 color: #111111 !important; 3120 /* Forzamos un margen derecho para separarlo del borde e igualar la lÃnea del botón */ 3121 margin-right: 90px !important; 3122 } 3123 3124 /* Tache rojo al inicio izquierdo */ 3125 .cart-collaterals tr.cart-discount a.woocommerce-remove-coupon { 3126 position: absolute !important; 3127 left: 10px !important; 3128 top: 50% !important; 3129 transform: translateY(-50%) !important; 3130 font-size: 0 !important; 3131 border: none !important; 3132 background: transparent !important; 3133 } 3134 3135 .cart-collaterals tr.cart-discount a.woocommerce-remove-coupon::before { 3136 content: "Ã" !important; 3137 font-size: 22px !important; 3138 color: #ea3323 !important; 3139 font-family: Arial, sans-serif !important; 3140 } 3141 3142 .cart-collaterals tr.cart-discount a.woocommerce-remove-coupon:hover::before { 3143 color: #000000 !important; 3144 } 3145} 3146 3147/* -------------------------------------------------------------------------- 3148 2. MUNDO MOBILE (Celulares) 3149 -------------------------------------------------------------------------- */ 3150@media (max-width: 768px) { 3151 .cart-collaterals table.shop_table_responsive tr.cart-discount td::before { 3152 display: none !important; 3153 content: none !important; 3154 } 3155 3156 .cart-collaterals .shop_table_responsive tr.cart-discount { 3157 display: flex !important; 3158 justify-content: space-between !important; 3159 align-items: center !important; 3160 padding: 12px 15px !important; 3161 background: #ffffff !important; 3162 border: 1px solid #e5e5e5 !important; 3163 border-radius: 6px !important; 3164 margin-bottom: 15px !important; 3165 width: 100% !important; 3166 box-sizing: border-box !important; 3167 } 3168 3169 .cart-collaterals .shop_table_responsive tr.cart-discount th { 3170 display: block !important; 3171 text-align: left !important; 3172 font-family: inherit !important; 3173 font-size: 13px !important; 3174 font-weight: 700 !important; 3175 color: #111111 !important; 3176 padding: 0 !important; 3177 border: none !important; 3178 background: transparent !important; 3179 white-space: nowrap !important; /* Evita que el texto del cupón se rompa */ 3180 } 3181 3182 /* 🎯
3182 IMPORTE Y TACHE PEGADOS TOTALMENTE A LA DERECHA */ 3183 .cart-collaterals .shop_table_responsive tr.cart-discount td { 3184 display: flex !important; 3185 align-items: center !important; 3186 justify-content: flex-end !important; /* Fuerza todo al borde derecho */ 3187 gap: 12px !important; /* Separación perfecta con la X */ 3188 font-family: inherit !important; 3189 font-size: 13px !important; 3190 padding: 0 !important; 3191 border: none !important; 3192 background: transparent !important; 3193 background-color: transparent !important; 3194 flex: 1 !important; /* Toma todo el espacio sobrante y lo empuja a la derecha */ 3195 text-align: right !important; 3196 } 3197 3198 /* Tache en móvil */ 3199 .cart-collaterals tr.cart-discount a.woocommerce-remove-coupon { 3200 font-size: 0 !important; 3201 border: none !important; 3202 background: transparent !important; 3203 padding: 0 !important; 3204 margin: 0 !important; 3205 display: inline-block !important; 3206 line-height: 1 !important; 3207 } 3208 3209 .cart-collaterals tr.cart-discount a.woocommerce-remove-coupon::before { 3210 content: "Ã" !important; 3211 font-size: 24px !important; 3212 color: #ea3323 !important; 3213 font-family: Arial, sans-serif !important; 3214 font-weight: normal !important; 3215 display: block !important; 3216 } 3217} 3218 3219 /* 🎯 FULMINAR EL FONDO GRIS DEL IMPORTE EN MÃVIL */ 3220 .cart-collaterals .shop_table_responsive tr.cart-discount td { 3221 display: inline-flex !important; 3222 align-items: center !important; 3223 gap: 12px !important; 3224 text-align: right !important; 3225 font-family: inherit !important; 3226 font-size: 13px !important; 3227 padding: 0 !important; 3228 border: none !important; 3229 background: transparent !important; /* Quita el cuadro gris heredado de la celda */ 3230 background-color: transparent !important; 3231 } 3232 3233 /* Tache en móvil */ 3234 .cart-collaterals tr.cart-discount a.woocommerce-remove-coupon { 3235 font-size: 0 !important; 3236 border: none !important; 3237 background: transparent !important; 3238 padding: 0 !important; 3239 margin: 0 !important; 3240 display: inline-block !important; 3241 line-height: 1 !important; 3242 } 3243 3244 .cart-collaterals tr.cart-discount a.woocommerce-remove-coupon::before { 3245 content: "Ã" !important; 3246 font-size: 24px !important; 3247 color: #ea3323 !important; 3248 font-family: Arial, sans-serif !important; 3249 font-weight: normal !important; 3250 display: block !important; 3251 } 3252} 3253 3254/* -------------------------------------------------------------------------- 3255 3. EL GRAN TOTAL (Aplica globalmente) 3256 -------------------------------------------------------------------------- */ 3257.cart-collaterals .shop_table_responsive tr.order-total { 3258 display: flex !important; 3259 justify-content: space-between !important; 3260 align-items: center !important; 3261 padding: 12px 15px !important; 3262 background: #ffffff !important; 3263 border: 1px solid #000000 !important; 3264 border-radius: 4px !important; 3265 width: 100% !important; 3266 box-sizing: border-box !important; 3267} 3268.cart-collaterals .shop_table_responsive tr.order-total th, 3269.cart-collaterals .shop_table_responsive tr.order-total td { 3270 display: block !important; 3271 padding: 0 !important; 3272 border: none !important; 3273 background: transparent !important; 3274} 3275.cart-collaterals .shop_table_responsive tr.order-total th { 3276 text-align: left !important; 3277 font-family: 'Bebas Neue', sans-serif !important; 3278 font-size: 16px !important; 3279} 3280.cart-collaterals .shop_table_responsive tr.order-total td { 3281 text-align: right !important; 3282 font-family: 'Bebas Neue', sans-serif !important; 3283 font-size: 18px !important; 3284} 3285/* ========================================================================== 3286 ELIMINAR CAJA VACÃA / ESPACIO FANTASMA DE TR.CART-SUBTOTAL 3287 ========================================================================== */ 3288.cart-collaterals .shop_table_responsive tr.cart-subtotal { 3289 display: none !important; 3290} 3291/* ========================================================================== 3292 REEMPLAZO SEGURO DE TÃTULOS EN CHECKOUT (TAMAÃO Y ESPACIADO AJUSTADOS) 3293 ========================================================================== */ 3294
3295/* 1. SECCIÃN: DATOS */ 3296h3.fc-step__substep-title--contact { 3297 color: transparent !important; /* Oculta texto original */ 3298 position: relative !important; 3299} 3300h3.fc-step__substep-title--contact::after { 3301 content: "DATOS PERSONALES" !important; 3302 position: absolute !important; 3303 left: 25px !important; /* 🎯 Empuja el texto para separarlo del check */ 3304 top: 50% !important; 3305 transform: translateY(-50%) !important; /* Centrado vertical exacto */ 3306 color: #111111 !important; 3307 font-size: 15px !important; /* 🎯 Mayor tamaño para igualar al resto */ 3308 font-weight: 700 !important; 3309 text-transform: uppercase !important; 3310 font-family: inherit !important; 3311 letter-spacing: 0.5px !important; 3312} 3313 3314/* 2. SECCIÃN: REFERENCIAS */ 3315h3.fc-step__substep-title--order_notes { 3316 color: transparent !important; /* Oculta texto original */ 3317 position: relative !important; 3318} 3319h3.fc-step__substep-title--order_notes::after { 3320 content: "REFERENCIAS" !important; 3321 position: absolute !important; 3322 left: 25px !important; /* 🎯 Empuja el texto para separarlo del check */ 3323 top: 50% !important; 3324 transform: translateY(-50%) !important; /* Centrado vertical exacto */ 3325 color: #111111 !important; 3326 font-size: 15px !important; /* 🎯 Mayor tamaño para igualar al resto */ 3327 font-weight: 700 !important; 3328 text-transform: uppercase !important; 3329 font-family: inherit !important; 3330 letter-spacing: 0.5px !important; 3331} 3332 3333/* ========================================================================== 3334 RECONSTRUCCIÃN DE CUADRÃCULA SIMÃTRICA Y COMPACTA PARA EL CARRITO (DESKTOP) 3335 ========================================================================== */ 3336@media (min-width: 769px) { 3337 /* 1. Forzar alineación a la derecha en todo el bloque de importes */ 3338 .woocommerce-cart-form th.product-price, 3339 .woocommerce-cart-form th.product-quantity, 3340 .woocommerce-cart-form th.product-subtotal, 3341 .woocommerce-cart-form td.product-price, 3342 .woocommerce-cart-form td.product-quantity, 3343 .woocommerce-cart-form td.product-subtotal { 3344 text-align: right !important; 3345 } 3346 3347 /* 2. CONFIGURAR ANCHOS IDÃNTICOS PARA CADA COLUMNA (MATCH PERFECTO) */ 3348 3349 /* Columna de Precio Unitario */ 3350 .woocommerce-cart-form .product-price { 3351 width: 15% !important; 3352 padding-right: 25px !important; 3353 } 3354 3355 /* Columna de Selector de Cantidad */ 3356 .woocommerce-cart-form .product-quantity { 3357 width: 18% !important; 3358 padding-right: 25px !important; 3359 } 3360 3361 /* Columna de Subtotal Final */ 3362 .woocommerce-cart-form .product-subtotal { 3363 width: 15% !important; 3364 padding-right: 15px !important; 3365 } 3366 3367 /* 3. 🎯 FORMATEAR EL SELECTOR DE CANTIDAD (COMPACTO Y CORRECTO) */ 3368 .woocommerce-cart-form td.product-quantity .quantity { 3369 max-width: 120px !important; /* Fuerza el tamaño compacto nativo */ 3370 margin-left: auto !important; /* Lo empuja a la derecha de la columna */ 3371 margin-right: 0 !important; 3372 display: flex !important; 3373 justify-content: flex-end !important; 3374 width: auto !important; 3375 } 3376 3377 /* Asegurar que las cajas internas de Fluid Checkout / Kadence no se estiren */ 3378 .woocommerce-cart-form td.product-quantity .quantity-inner, 3379 .woocommerce-cart-form td.product-quantity input.qty { 3380 width: 100% !important; 3381 max-width: 120px !important; 3382 } 3383} 3384/* ========================================================================== 3385 ESTILIZADO COMPACTO DEL BOTÃN DE FINALIZAR COMPRA (DESKTOP) 3386 ========================================================================== */ 3387@media (min-width: 769px) { 3388 /* Contenedor del botón de checkout */ 3389 .wc-proceed-to-checkout { 3390 display: flex !important; 3391 justify-content: flex-end !important; /* Lo alinea a la derecha abajo del Total */ 3392 width: 100% !important; 3393 padding: 0 !important; 3394 margin-top: 20px !important; 3395 } 3396 3397 /* El botón fÃsico de Finalizar Compra */ 3398 .wc-proceed-to-checkout a.checkout-button { 3399 width: auto !important; 3400 min-width: 320px !important; /* Ancho perfecto para que tenga presencia sin ser gigante */ 3401 max-width: 100% !important; 3402 padding: 15px 30px !important;
3402 /* Espaciado interno premium */ 3403 font-family: 'Bebas Neue', sans-serif !important; 3404 font-size: 18px !important; 3405 letter-spacing: 1px !important; 3406 text-align: center !important; 3407 margin: 0 !important; /* Quita márgenes heredados */ 3408 } 3409} 3410/* ========================================================================== 3411 CONTROL DE ANCHO DE CELDA PARA ELIMINAR ESPACIO MUERTO (SÃLO DESKTOP) 3412 ========================================================================== */ 3413@media (min-width: 769px) { 3414 /* 🎯 LE DAMOS CONTROL TOTAL DE ANCHO AL TD DEL CUPÃN */ 3415 .cart-collaterals .shop_table_responsive tr[class*="coupon-"] td { 3416 display: flex !important; 3417 width: 100% !important; /* 🎯 Fuerza a la celda a abarcar todo el espacio disponible */ 3418 max-width: 100% !important; /* Destruye el lÃmite de ancho de Kadence */ 3419 justify-content: flex-end !important; /* Manda el contenido al final de la celda */ 3420 align-items: center !important; 3421 text-align: right !important; 3422 3423 /* 🎛️ TU CONTROLADOR: Modifica este número en pixels para mover el precio a tu gusto */ 3424 padding-right: 50px !important; /* 🎯 Mayor número lo empuja a la izq, menor número a la der */ 3425 } 3426 3427 /* Homologación de tamaño y estilos a 14px */ 3428 .cart-collaterals .shop_table_responsive tr[class*="coupon-"] td, 3429 .cart-collaterals .shop_table_responsive tr[class*="coupon-"] td .woocommerce-Price-amount { 3430 font-size: 14px !important; /* Subir fuente a 14px */ 3431 font-weight: 400 !important; 3432 color: #111111 !important; 3433 margin-right: 0 !important; /* Reseteamos el margen negativo anterior */ 3434 } 3435} 3436/* ========================================================================== 3437 OCULTAR GALERÃA Y EXPANSIÃN TOTAL (SOLO EN ARMA TU PATINETA) 3438 ========================================================================== */ 3439body.postid-18011 .woocommerce-product-gallery, 3440body.postid-18011 div.woocommerce-product-gallery, 3441body.postid-18011 .woocommerce-product-gallery--with-images { 3442 display: none !important; 3443 visibility: hidden !important; 3444 opacity: 0 !important; 3445 width: 0 !important; 3446 height: 0 !important; 3447 margin: 0 !important; 3448 padding: 0 !important; 3449 float: none !important; 3450} 3451 3452/* Forzar a la zona de las opciones y los pasos a tomar el 100% de la pantalla */ 3453body.postid-18011 .entry-summary, 3454body.postid-18011 div.summary, 3455body.postid-18011 .summary.entry-summary { 3456 width: 100% !important; 3457 max-width: 100% !important; 3458 float: none !important; 3459 display: block !important; 3460 margin-left: 0 !important; 3461 margin-right: 0 !important; 3462} 3463/* ========================================================================== 3464 COMPACTACIÃN MILIMÃTRICA DE LA BARRA DE PASOS (ARMADOR) 3465 ========================================================================== */ 3466body.postid-18011 .composite_pagination, 3467body.postid-18011 div[id^="composite_pagination_"] { 3468 margin-top: 5px !important; /* Reduce el espacio con el tÃtulo de arriba */ 3469 margin-bottom: 5px !important; /* Reduce el espacio con el catálogo de abajo */ 3470 padding-top: 0 !important; 3471 padding-bottom: 0 !important; 3472} 3473 3474/* Forzar que la lista interna también elimine colchones heredados */ 3475body.postid-18011 ul.pagination_elements { 3476 margin: 0 !important; 3477 padding: 0 !important; 3478} 3479/* ========================================================================== 3480 COMPACTACIÃN DE BARRA DE PASOS EN MÃVIL (ARMADOR) 3481 ========================================================================== */ 3482@media (max-width: 768px) { 3483 /* Reduce drásticamente las franjas naranjas de navegación en celular */ 3484 body.postid-18011 .composite_navigation.top, 3485 body.postid-18011 div[id^="composite_navigation_"].top { 3486 margin-top: 5px !important; /* Ajusta el colchón superior */ 3487 margin-bottom: 5px !important; /* Ajusta el colchón inferior */ 3488 padding-top: 0 !important; 3489 padding-bottom: 0 !important; 3490 } 3491 3492 /* Compacta el contenedor interno del botón */ 3493 body.postid-18011 .composite_navigation_inner { 3494 margin: 0 !important; 3495 padding: 0 !important; 3496 } 3497} 3498/* ========================================================================== 3499 COMPACTACIÃN DEL CONTENEDOR PRINCIPAL EN MÃVIL (ARMA TU PATINETA) 3500 ========================================================================== */ 3501@media (max-width: 768px) { 3502 /* 🎯 Eliminamos el espacio muerto superior de la tarjeta principal */ 3503 body.postid-18011 .summary.entry-summary, 3504 body.postid-18011 div.summary_element_data { 3505 margin-top: 5px !important; /* Margen externo mÃnimo */ 3506 padding-top: 5px !important; /* Colchón interno superior mÃnimo */ 3507 padding-bottom: 0 !important; 3508 margin-bottom: 0 !important; 3509 } 3510 3511 /* Ajuste extra por si el tÃtulo tiene un margen superior heredado */ 3512 body.postid-18011 h1.product_title.entry-title { 3513 margin-top: 0 !important; 3514 padding-top: 0 !important; 3515 margin-bottom: 5px !important; 3516 } 3517} 3518/* ========================================================================== 3519 AVISO INFORMATIVO COMPACTO (SÃLO EN EL ARMADOR) 3520 ========================================================================== */ 3521body.postid-18011 .nota-informativa-armador { 3522 display: flex !important;
3523 align-items: center !important; 3524 gap: 10px !important; 3525 background-color: #f9f9f9 !important; /* Gris ultra claro y limpio */ 3526 border-left: 3px solid #000000 !important; /* LÃnea negra ruda de marca */ 3527 padding: 8px 12px !important; 3528 margin-top: 5px !important; 3529 margin-bottom: 8px !important; 3530 border-radius: 0 4px 4px 0 !important; 3531 width: 100% !important; 3532 box-sizing: border-box !important; 3533} 3534 3535/* El emoji o icono de foco */ 3536body.postid-18011 .nota-informativa-armador .icono-nota { 3537 font-size: 14px !important; 3538 flex-shrink: 0 !important; 3539} 3540 3541/* Texto pequeño e instructivo solicitado */ 3542body.postid-18011 .nota-informativa-armador p { 3543 font-family: 'Fira Sans', sans-serif !important; /* Fuente limpia de lectura */ 3544 font-size: 12px !important; /* Letra pequeña e instructiva */ 3545 line-height: 1.4 !important; 3546 color: #555555 !important; /* Gris oscuro elegante, no invasivo */ 3547 margin: 0 !important; 3548 padding: 0 !important; 3549 text-align: left !important; 3550} 3551 3552/* 📱 OPTIMIZACIÃN RESPONSIVA PARA CELULARES */ 3553@media (max-width: 768px) { 3554 body.postid-18011 .nota-informativa-armador { 3555 padding: 6px 10px !important; /* Aún más compacto en pantallas chicas */ 3556 margin-top: 2px !important; 3557 margin-bottom: 6px !important; 3558 } 3559 3560 body.postid-18011 .nota-informativa-armador p { 3561 font-size: 11px !important; /* Un pelo más pequeña en móvil para cuidar el espacio */ 3562 } 3563} 3564/* ========================================================================== 3565 OCULTAR DISPONIBILIDAD EN TIENDA CUANDO UN PRODUCTO ESTà AGOTADO 3566 ========================================================================== */ 3567body:has(.stock.out-of-stock) .suburbios-banner-sucursales, 3568body:has(p.stock.out-of-stock) [class*="disponible-en-"] { 3569 display: none !important; 3570 visibility: hidden !important; 3571 opacity: 0 !important; 3572 height: 0 !important; 3573 margin: 0 !important; 3574 padding: 0 !important; 3575} 3576/* ========================================================================== 3577 COMPACTACIÃN DE MÃRGENES EN CAJA DE BENEFICIOS (TODOS LOS DISPOSITIVOS) 3578 ========================================================================== */ 3579div.single-product-extras, 3580.single-product-extras { 3581 margin-top: 10px !important; /* 🎯 Reduce la franja naranja superior al mÃnimo */ 3582 margin-bottom: 20px !important; /* Compacta el espacio con lo que viene abajo */ 3583} 3584/* ========================================================================== 3585 HOMOLOGACIÃN REAL PARA EL BOTÃN "VER MÃS" (BEROCKET - CORREGIDO) 3586 ========================================================================== */ 3587/* 1. Forzar centrado absoluto del contenedor SOLO cuando NO esté oculto */ 3588.lmp_load_more_button:not(.lmp_hidden), 3589div.lmp_load_more_button:not(.lmp_hidden) { 3590 text-align: center !important; 3591 width: 100% !important; 3592 display: block !important; 3593 clear: both !important; 3594 margin: 25px auto !important;
3594 /* Espacio limpio arriba y abajo */ 3595} 3596 3597/* 2. Estilo de tipografÃa ruda Bebas Neue al botón fÃsico */ 3598.lmp_load_more_button a.lmp_button, 3599a.lmp_button { 3600 font-family: 'Bebas Neue', sans-serif !important; 3601 font-size: 16px !important; /* Un pelo más grande para Bebas Neue */ 3602 font-weight: 500 !important; 3603 letter-spacing: 0.5px !important; 3604 text-transform: uppercase !important; 3605 display: inline-flex !important; 3606 align-items: center !important; 3607 justify-content: center !important; 3608 transition: background-color 0.2s ease, color 0.2s ease !important; 3609} 3610 3611/* 3. Efecto Hover: Cambia a gris oscuro o rojo sutil al pasar el mouse */ 3612.lmp_load_more_button a.lmp_button:hover { 3613 background-color: #222222 !important; /* Cambia al gris de tus hovers */ 3614 color: #ffffff !important; 3615} 3616 3617/* 4. EXTERMINIO TOTAL: Forzar desaparición cuando el plugin lo marque como oculto */ 3618.lmp_load_more_button.lmp_hidden, 3619div.lmp_load_more_button.lmp_hidden, 3620div.lmp_load_more_button[style*="none"] { 3621 display: none !important; 3622 visibility: hidden !important; 3623 opacity: 0 !important; 3624 height: 0 !important; 3625 padding: 0 !important; 3626 margin: 0 !important; 3627} 3628/* ========================================================================== 3629 HOMOLOGACIÃN "VER MÃS" ARMADOR (CORRECCIÃN DE TAMAÃO COMPRIMIDO) 3630 ========================================================================== */ 3631/* 1. Botón Contenedor: Mantenemos el tamaño original, pero ocultamos su texto nativo */ 3632button.component_options_load_more, 3633.button.component_options_load_more { 3634 position: relative !important; 3635 color: transparent !important; /* Texto original invisible */ 3636 padding: 12px 35px !important; /* Padding para dar cuerpo */ 3637 display: inline-flex !important; 3638 align-items: center !important; 3639 justify-content: center !important; 3640 min-width: 150px !important; /* 🛑 ANCHO MÃNIMO para que no se comprima */ 3641 min-height: 45px !important; /* Altura mÃnima para consistencia */ 3642} 3643 3644/* Ocultar el texto nativo pero mantener su espacio para que el botón no colapse */ 3645button.component_options_load_more span, 3646button.component_options_load_more::before { /* Selectores comunes para el texto interno */ 3647 visibility: hidden !important; 3648} 3649 3650/* 2. El Nuevo Texto: Posicionado perfecto y centrado */ 3651button.component_options_load_more::after, 3652.button.component_options_load_more::after { 3653 content: "VER MÃS" !important; /* Nuevo texto limpio */ 3654 position: absolute !important; 3655 top: 50% !important; 3656 left: 50% !important; 3657 transform: translate(-50%, -50%) !important; /* Centrado absoluto */ 3658 color: #ffffff !important; /* Texto blanco nÃtido */ 3659 font-family: 'Bebas Neue', sans-serif !important; 3660 font-size: 16px !important; /* Tamaño correcto */ 3661 font-weight: 700 !important; 3662 letter-spacing: 1.5px !important; 3663 text-transform: uppercase !important; 3664 white-space: nowrap !important; /* Evita que el texto se rompa en dos lÃneas */ 3665 width: 100% !important; /* Ocupa todo el ancho disponible para centrar */ 3666 text-align: center !important; 3667} 3668 3669/* 3. Ajustes de Hover */ 3670button.component_options_load_more:hover { 3671 background-color: #222222 !important; /* Gris oscuro al pasar el mouse */ 3672} 3673 3674button.component_options_load_more:hover::after { 3675 color: #ffffff !important; /* Texto sigue blanco */ 3676} 3677/* ========================================================================== 3678 ETIQUETAS DE MEDIDA AUTOMÃTICAS (NATIVO DESDE EL BACKEND) 3679 ========================================================================== */ 3680.component_option_thumbnail .image.thumbnail_image { 3681 position: relative !important; 3682 display: block !important; 3683} 3684 3685/* Solo se activa si el backend logró inyectar el atributo data-medida */ 3686.component_option_thumbnail[data-medida] .image.thumbnail_image::after { 3687 content: attr(data-medida) "\0022" !important; /* \0022 pone el signo de pulgadas " */ 3688 position: absolute !important; 3689 top: 10px !important; 3690 left: 10px !important; 3691 background-color: rgba(0, 0, 0, 0.85) !important; 3692 color: #ffffff !important; 3693 font-family: 'Bebas Neue', sans-serif !important; 3694 font-size: 13px !important; 3695 font-weight: 700 !important; 3696 letter-spacing: 0.5px !important; 3697 padding: 4px 8px !important; 3698 border-radius: 2px !important; 3699 z-index: 10 !important; 3700 pointer-events: none !important; 3701} 3702/* ========================================================================== 3703 ETIQUETAS DE MEDIDA UNIVERSALES (ADAPTABLES A TEXTOS LARGOS) 3704 ========================================================================== */
3705.component_option_thumbnail .image.thumbnail_image { 3706 position: relative !important; 3707 display: block !important; 3708} 3709 3710.suburbios-badge-medida { 3711 position: absolute !important; 3712 top: 6px !important; 3713 left: 6px !important; 3714 background-color: rgba(0, 0, 0, 0.88) !important; 3715 color: #ffffff !important; 3716 font-family: 'Bebas Neue', sans-serif !important; 3717 font-size: 11px !important; 3718 font-weight: 700 !important; 3719 letter-spacing: 0.5px !important; 3720 padding: 3px 6px !important; 3721 border-radius: 2px !important; 3722 z-index: 99 !important; 3723 pointer-events: none !important; 3724 white-space: nowrap !important; 3725} 3726 3727@media (max-width: 768px) { 3728 .suburbios-badge-medida { 3729 font-size: 8px !important; 3730 padding: 2px 4px !important; 3731 top: 4px !important; 3732 left: 4px !important; 3733 } 3734} 3735/* ========================================================================== 3736 ANCHO CONTROLADO PARA EL BOTÃN "AÃADIR AL CARRITO" (DESKTOP) 3737 ========================================================================== */ 3738@media (min-width: 992px) { 3739 /* 1. Contenedor general: Centrado y con ancho máximo de seguridad */ 3740 div.composite_button { 3741 max-width: 500px !important; /* 🛑 Reduce el ancho para que no abarque toda la pantalla */ 3742 margin: 30px auto !important; /* Espacio limpio arriba/abajo y centrado perfecto */ 3743 display: flex !important; 3744 align-items: center !important; 3745 justify-content: center !important; 3746 gap: 15px !important; /* Separa la cantidad del botón fÃsico */ 3747 } 3748 3749 /* 2. Forzar que el botón ocupe el resto del espacio disponible */ 3750 div.composite_button button.composite_add_to_cart_button { 3751 flex-grow: 1 !important; 3752 margin-top: 0 !important; /* Elimina saltos de lÃnea raros en desktop */ 3753 } 3754} 3755/* ========================================================================== 3756 DESPLEGABLE RESPONSIVO MÃXIMA LIMPIEZA (SIN SUBRAYADO) 3757 ========================================================================== */ 3758.nota-informativa-armador { 3759 display: block !important; 3760 font-size: 11px !important; /* Tamaño Desktop */ 3761 line-height: 1.5 !important; 3762 color: #666666 !important; 3763 margin-bottom: 15px !important; 3764} 3765 3766.texto-principal-armador { 3767 display: inline !important; 3768} 3769 3770.guia-medidas-desplegable { 3771 display: inline-block !important; 3772 margin-left: 6px !important; 3773 background: transparent !important; 3774 border: none !important; 3775 vertical-align: baseline !important; 3776} 3777 3778.guia-medidas-desplegable summary { 3779 display: inline-block !important; 3780 font-size: 11px !important; /* Tamaño Desktop */ 3781 font-weight: bold !important; 3782 color: #000000 !important; 3783 text-decoration: none !important; /* 🛑 Eliminado el subrayado */ 3784 cursor: pointer !important; 3785 list-style: none !important; 3786 outline: none !important; 3787} 3788.guia-medidas-desplegable summary::-webkit-details-marker { display: none !important; } 3789 3790/* --- INDICADOR INTERACTIVO --- */ 3791.guia-medidas-desplegable .indicador-despliegue { 3792 display: inline-block !important; 3793 font-size: 9px !important; 3794 transition: transform 0.2s ease !important; 3795 margin-right: 2px !important; 3796 text-decoration: none !important; 3797} 3798 3799.guia-medidas-desplegable[open] summary .indicador-despliegue { 3800 transform: rotate(90deg) !important; 3801 color: #e50000 !important; 3802} 3803 3804.guia-medidas-desplegable .contenido-guia { 3805 display: block !important; 3806 width: 100% !important; 3807 margin-top: 6px !important; 3808 padding: 8px 12px !important; 3809 background: #fafafa !important; 3810 border-left: 2px solid #000000 !important; 3811 font-size: 11px !important; 3812 line-height: 1.5 !important; 3813 color: #222222 !important; 3814 text-align: left !important; 3815} 3816 3817.nota-adicional-abajo { 3818 display: block !important; 3819 margin-top: 5px !important; 3820 font-style: italic !important; 3821 font-weight: bold !important; 3822 color: #555555 !important; 3823} 3824 3825/* ========================================================================== 3826 OPTIMIZACIÃN MÃVILES 3827 ========================================================================== */ 3828@media (max-width: 768px) { 3829 .nota-informativa-armador { 3830 font-size: 8px !important; /* Tamaño Mobile */ 3831 } 3832 3833 .texto-principal-armador { 3834 font-size: 8px !important; 3835 } 3836 3837 .guia-medidas-desplegable { 3838 display: inline !important; 3839 margin-left: 4px !important; 3840 margin-top: 0 !important; 3841 } 3842 3843 .guia-medidas-desplegable summary { 3844 display: inline !important; 3845 font-size: 8px !important; /* Tamaño Mobile */ 3846 text-decoration: none !important; /* 🛑 Asegurado sin subrayado en cel */ 3847 } 3848 3849 .guia-medidas-desplegable .indicador-despliegue { 3850 font-size: 7px !important; 3851 } 3852 3853 .guia-medidas-desplegable .contenido-guia { 3854 font-size: 8px !important; /* Tamaño Mobile */ 3855 padding: 6px 8px !important; 3856 } 3857} 3858/* ========================================================================== 3859 REDUCIR TAMAÃO DE LA IMAGEN DE PRODUCTO COMPUESTO (ARMADOR) 3860 ========================================================================== */ 3861/* Controla el contenedor de la figura */ 3862body.postid-18011 figure.composited_product_image { 3863 max-width: 140px !important; /* 🎯 Ajusta este número para cambiar el tamaño general */ 3864 margin: 0 auto !important; /* La mantiene perfectamente centrada horizontalmente */ 3865 display: block !important; 3866} 3867 3868/* Controla la etiqueta img fÃsica dentro del enlace */ 3869body.postid-18011 figure.composited_product_image img.wp-post-image, 3870body.postid-18011 figure.composited_product_image img { 3871 width: 100% !important; 3872 height: auto !important; 3873 max-height: 180px !important; /* Evita que se estire hacia abajo de forma desproporcionada */ 3874 object-fit: contain !important; /* Mantiene la proporción original de la tabla sin recortarla */ 3875 display: block !important; 3876 margin: 0 auto !important; 3877} 3878/* ========================================================================== 3879 EXTIRPAR EL RESUMEN DE NAVEGACIÃN (ELEMENTO 1) SIN TOCAR LAS VARIA
3879NTES (ELEMENTO 2) 3880 ========================================================================== */ 3881/* Oculta de golpe el bloque de resumen general de arriba cuando regresas de una página */ 3882body.postid-18011 div.component_summary > .summary_content { 3883 display: none !important; 3884 visibility: hidden !important; 3885 opacity: 0 !important; 3886 height: 0 !important; 3887 min-height: 0 !important; 3888 margin: 0 !important; 3889 padding: 0 !important; 3890 overflow: hidden !important; 3891 pointer-events: none !important; 3892} 3893 3894/* 🔓 SALVAGUARDA ABSOLUTA: Forzar que las variaciones dentro de las tarjetas vivan al 100% */ 3895body.postid-18011 li .summary_content.variations_form, 3896body.postid-18011 li.component_option_content_container .summary_content, 3897body.postid-18011 .component_option_content_container div.component_data { 3898 display: block !important; 3899 visibility: visible !important; 3900 opacity: 1 !important; 3901 height: auto !important; 3902 min-height: auto !important; 3903 margin: inherit !important; 3904 padding: inherit !important; 3905 overflow: visible !important; 3906 pointer-events: auto !important; 3907} 3908/* 1. Obliga al bloque negro a medir el 100% de la pantalla de lado a lado */ 3909.kb-row-layout-id2089_f9e3b0-2e { 3910 width: 100vw !important; 3911 max-width: 100vw !important; 3912 position: relative !important; 3913 left: 50% !important; 3914 right: 50% !important; 3915 margin-left: -50vw !important; 3916 margin-right: -50vw !important; 3917 padding-left: 40px !important; /* Margen interno para que no peguen al borde exacto del monitor */ 3918 padding-right: 40px !important; 3919 box-sizing: border-box !important; 3920} 3921 3922/* 2. Hace que el contenedor interno ocupe todo ese ancho de pantalla */ 3923.kb-row-layout-id2089_f9e3b0-2e .kt-row-column-wrap { 3924 max-width: 100% !important; 3925 width: 100% !important; 3926 display: flex !important; 3927 justify-content: space-between !important; /* Una tarjeta a la izquierda y otra a la derecha */ 3928 gap: 30px !important;
3928 /* Espacio intermedio */ 3929} 3930 3931/* 3. Estira al máximo las dos tarjetas (casi 50% cada una) */ 3932.kb-row-layout-id2089_f9e3b0-2e .wp-block-kadence-column { 3933 width: calc(50% - 15px) !important; 3934 flex: 0 0 calc(50% - 15px) !important; 3935} 3936 3937/* 4. Mantiene la altura baja y las imágenes perfectas */ 3938.kb-row-layout-id2089_f9e3b0-2e img.kb-img { 3939 height: 220px !important; 3940 object-fit: cover !important; 3941 width: 100% !important; 3942} 3943/* ---- AJUSTES EXCLUSIVOS PARA MÃVILES ---- */ 3944@media (max-width: 767px) { 3945 /* 1. Reduce el margen en los lados del celular para ganar más espacio útil */ 3946 .kb-row-layout-id2089_f9e3b0-2e { 3947 padding-left: 10px !important; 3948 padding-right: 10px !important; 3949 } 3950 3951 /* 2. Reduce la separación intermedia en móviles */ 3952 .kb-row-layout-id2089_f9e3b0-2e .kt-row-column-wrap { 3953 gap: 12px !important; 3954 } 3955 3956 /* 3. Estira las tarjetas casi pegadas al borde disponible del teléfono */ 3957 .kb-row-layout-id2089_f9e3b0-2e .wp-block-kadence-column { 3958 width: calc(50% - 6px) !important; 3959 flex: 0 0 calc(50% - 6px) !important; 3960 } 3961 3962 /* 4. Baja drásticamente la altura para que no queden tan verticales */ 3963 .kb-row-layout-id2089_f9e3b0-2e img.kb-img { 3964 height: 140px !important; /* Ajusta este número si las quieres aún más bajitas */ 3965 } 3966} 3967/* Reduce el espacio vertical del tÃtulo "LO NUEVO DE SUBURBIOS" */ 3968h2.kt-adv-heading2089_9e4eb5-73 { 3969 padding-top: 0px !important; /* Reduce el espacio interno de arriba */ 3970 padding-bottom: 10px !important; /* Reduce el espacio interno de abajo */ 3971 margin-top: 0 !important; /* Elimina márgenes externos sobrantes */ 3972 margin-bottom: 15px !important; /* Deja un pequeño espacio controlado antes de los productos */ 3973} 3974/* ========================================================================== 3975 ELIMINAR TEXTO DUPLICADO "TOTAL" EN LA ZONA DE TOTALES EN MÃVIL 3976 ========================================================================== */ 3977@media (max-width: 768px) { 3978 /* 🛑 Apaga el pseudo-elemento automático que duplica el atributo data-title="Total" */ 3979 .cart_totals table.shop_table_responsive tr.order-total td[data-title="Total"]::before, 3980 .cart-collaterals .shop_table_responsive tr.order-total td[data-title="Total"]::before { 3981 display: none !important; 3982 content: none !important; 3983 } 3984} 3985 3986/* ========================================================================== 3987 INTERFAZ URBAN SWATCHES COMPACTA - SUBURBIOS SKATE SHOP 3988 ========================================================================== */ 3989#suburbios-panel-filtros-container { 3990 width: 100% !important; 3991 display: block !important; 3992 margin: 10px 0 20px 0 !important; 3993 padding: 0 5px !important; 3994 box-sizing: border-box !important; 3995} 3996 3997/* TÃtulo integrado a la misma altura */ 3998.suburbios-titulo-filtro { 3999 font-family: 'Bebas Neue', sans-serif !important; 4000 font-size: 13px !important; /* Más chico y estético */ 4001 letter-spacing: 0.8px !important; 4002 color: #000000 !important; 4003 display: inline-flex !important; 4004 align-items: center !important; 4005 white-space: nowrap !important; 4006 margin-right: 4px !important;
4006 /* Espacio mÃnimo pegado a la primera medida */ 4007 font-weight: bold !important; 4008} 4009 4010/* Riel flexible alineado horizontalmente */ 4011.suburbios-riel-swatches { 4012 display: flex !important; 4013 flex-direction: row !important; 4014 flex-wrap: nowrap !important; 4015 overflow-x: auto !important; 4016 overflow-y: hidden !important; 4017 align-items: center !important; /* Los centra verticalmente en el mismo renglón */ 4018 gap: 6px !important; /* Botones más juntos */ 4019 padding-bottom: 8px !important; 4020 -webkit-overflow-scrolling: touch !important; 4021 scrollbar-width: thin !important; 4022} 4023 4024/* Botón individual reducido de tamaño */ 4025.suburbios-filtro-btn { 4026 flex: 0 0 auto !important; 4027 font-family: 'Bebas Neue', sans-serif !important; 4028 font-size: 12px !important; /* Texto más chico */ 4029 letter-spacing: 0.5px !important; 4030 border: 1.5px solid #000000 !important; /* Borde un pelo más delgado */ 4031 background-color: #ffffff !important; 4032 color: #000000 !important; 4033 padding: 4px 10px !important; /* Colchón reducido */ 4034 cursor: pointer !important; 4035 border-radius: 0px !important; 4036 display: inline-flex !important; 4037 align-items: center !important; 4038 gap: 5px !important; 4039 transition: all 0.15s ease !important; 4040 box-shadow: 2px 2px 0px #000 !important; 4041 height: 30px !important; /* Altura compacta controlada */ 4042} 4043 4044/* Pequeño indicador de check interno */ 4045.suburbios-filtro-btn .checkbox-box { 4046 width: 8px; 4047 height: 8px; 4048 border: 1px solid #000; 4049 display: inline-block; 4050 background: #fff; 4051} 4052 4053/* Estado activo */ 4054.suburbios-filtro-btn.activo { 4055 background-color: #000000 !important; 4056 color: #ffffff !important; 4057} 4058.suburbios-filtro-btn.activo .checkbox-box { 4059 background: #ffffff !important; 4060} 4061 4062/* Botón compacto de limpiar */ 4063#suburbios-limpiar-filtros-btn { 4064 flex: 0 0 auto !important; 4065 font-family: 'Bebas Neue', sans-serif !important; 4066 font-size: 12px !important; 4067 background-color: #e2401c !important; 4068 color: #ffffff !important; 4069 border: 1.5px solid #e2401c !important; 4070 padding: 4px 10px !important; 4071 cursor: pointer !important; 4072 box-shadow: 2px 2px 0px #000 !important; 4073 height: 30px !important; 4074 display: inline-flex !important; 4075 align-items: center !important; 4076} 4077 4078.suburbios-riel-swatches::-webkit-scrollbar { height: 4px !important; } 4079.suburbios-riel-swatches::-webkit-scrollbar-thumb { background: #000000 !important; } 4080/* ========================================================================== 4081 OCULTAR FILA SUPERIOR DE TIENDA (CONTADOR DE RESULTADOS Y ORDENAMIENTO) 4082 ========================================================================== */ 4083.kadence-shop-top-row { 4084 display: none !important; 4085 visibility: hidden !important; 4086 opacity: 0 !important; 4087 height: 0 !important; 4088 margin: 0 !important; 4089 padding: 0 !important; 4090 overflow: hidden !important; 4091} 4092/* ========================================================================== 4093 OPTIMIZACIÃN DEL BOTÃN DE LIMPIAR DINÃMICO (MÃS CHICO Y ESTILIZADO) 4094 ========================================================================== */ 4095.suburbios-limpiar-dinamico-btn, 4096#suburbios-limpiar-filtros-btn { 4097 flex: 0 0 auto !important; 4098 font-family: 'Bebas Neue', sans-serif !important; 4099 font-size: 11px !important; /* Texto un pelo más chico y elegante */ 4100 letter-spacing: 0.5px !important; 4101 background-color: transparent !important; /* Eliminamos el fondo negro invasivo */ 4102 color: #e2401c !important; /* Texto en tu rojo de alerta */ 4103 border: 1.5px solid #e2401c !important; /* Borde rojo limpio */ 4104 padding: 0 10px !important; /* Colchón horizontal reducido al mÃnimo */ 4105 cursor: pointer !important; 4106 box-shadow: 2px 2px 0px #e2401c !important; /* Sombra sólida roja para mantener el estilo */ 4107 height: 30px !important; /* Altura idéntica a los botones de medida */ 4108 display: inline-flex !important; 4109 align-items: center !important; 4110 justify-content: center !important; 4111 border-radius: 0px !important; 4112 transition: all 0.15s ease !important; 4113 margin-left: 4px !important; 4114} 4115 4116/* Efecto hover al pasar el mouse por el limpiar */ 4117.suburbios-limpiar-dinamico-btn:hover, 4118#suburbios-limpiar-filtros-btn:hover { 4119 background-color: #e2401c !important; /* Se rellena de rojo al hacer hover */ 4120 color: #ffffff !important; /* El texto cambia a blanco */ 4121 box-shadow: 0px 0px 0px transparent !important; 4122} 4123/* ========================================================================== 4124 CONVENIO DE CUADRO GRIS REDONDEADO PARA ATRIBUTOS - SUBURBIOS SKATE SHOP 4125 ========================================================================== */ 4126.woocommerce-product-attributes.shop_attributes { 4127 border: 1px solid #e5e5e5 !important; /* Borde exterior suave */ 4128 border-radius: 8px !important; /* Esquinas redondeadas estéticas */ 4129 background-color: #f7f7f7 !important; /* Cuadro gris claro de fondo */ 4130 max-width: 400px !important; 4131 width: 100% !important; 4132 4133 /* 🎯 ALINEACIÃN IZQUIERDA Y COLCHÃN */ 4134 margin-left: 0 !important; 4135 margin-right: auto !important; 4136 margin-top: 25px !important; 4137 margin-bottom: 25px !important; 4138 padding: 0px 20px !important; /* Colchón interno del cuadro */ 4139 border-collapse: separate !important; /* Necesario para que respete el border-radius */ 4140 box-sizing: border-box !important; 4141} 4142 4143/* 📋 ESTILIZADO DE FILAS INTERNAS */ 4144.woocommerce-product-attributes.shop_attributes tr { 4145 background: transparent !important; 4146} 4147 4148/* Ocultamos la lÃnea divisoria en la última fila para que luzca limpio */ 4149.woocommerce-product-attributes.shop_attributes tr:not(:last-child) { 4150 border-bottom: 1px solid #e0e0e0 !important; 4151} 4152 4153/* 🏷️ COLUMNA IZQUIERDA (Etiquetas como Peso, Dimensiones, Material) */ 4154.woocommerce-product-attributes.shop_attributes th.woocommerce-product-attributes-item__label { 4155 font-family: 'Open Sans', sans-serif !important; 4156 font-weight: 700 !important; 4157 color: #000000 !important; 4158 padding: 14px 15px 14px 5px !important;
4158 /* Espaciado interno controlado */ 4159 width: 50% !important; 4160 text-align: left !important; 4161 font-size: 14px !important; 4162 background: transparent !important; 4163 border: none !important; 4164 /* LÃnea divisoria inferior interna simulada */ 4165 border-bottom: 1px solid #e5e5e5 !important; 4166} 4167 4168/* 📊 COLUMNA DERECHA (Valores como 3 kg, Maple) */ 4169.woocommerce-product-attributes.shop_attributes td.woocommerce-product-attributes-item__value { 4170 font-family: 'Open Sans', sans-serif !important; 4171 font-weight: 400 !important; 4172 color: #333333 !important; 4173 padding: 4px 5px 14px 15px !important; 4174 text-align: left !important; 4175 font-size: 14px !important; 4176 background: transparent !important; 4177 border: none !important; 4178 border-bottom: 1px solid #e5e5e5 !important; 4179} 4180 4181/* Removemos la lÃnea inferior divisoria al último elemento de la tabla */ 4182.woocommerce-product-attributes.shop_attributes tr:last-child th, 4183.woocommerce-product-attributes.shop_attributes tr:last-child td { 4184 border-bottom: none !important; 4185} 4186 4187/* Corrección para párrafos que meta WooCommerce dentro de las celdas */ 4188.woocommerce-product-attributes.shop_attributes td.woocommerce-product-attributes-item__value p { 4189 margin: 0 !important; 4190 padding: 0 !important; 4191 font-size: 14px !important; 4192 color: #333333 !important; 4193 text-align: left !important; 4194} 4195/* ========================================================================== 4196 CONVENIO DE CUADRO GRIS REDONDEADO PARA DESCRIPCIÃN - SUBURBIOS SKATE SHOP 4197 ========================================================================== */ 4198#tab-description { 4199 border: 1px solid #e5e5e5 !important; /* Borde exterior suave idéntico */ 4200 border-radius: 8px !important; /* Esquinas redondeadas de 8px */ 4201 background-color: #f7f7f7 !important; /* Mismo fondo gris claro */ 4202 max-width: 1250px !important; /* Mismo ancho máximo exacto */ 4203 width: 100% !important; 4204 4205 /* 🎯 ALINEACIÃN IZQUIERDA Y COLCHÃN HOMOLOGADO */ 4206 margin-left: 0 !important; 4207 margin-right: auto !important; 4208 margin-top: 25px !important; 4209 margin-bottom: 25px !important; 4210 padding: 5px 20px 5px 20px !important; /* Colchón interno balanceado */ 4211 box-sizing: border-box !important; 4212 text-align: left !important; 4213} 4214 4215/* 📋 CONTROL DE PÃRRAFOS INTERNOS EN EL CUADRO */ 4216#tab-description p { 4217 font-family: 'Open Sans', sans-serif !important; 4218 font-size: 14px !important; /* Mismo tamaño de texto que los atributos */ 4219 font-weight: 400 !important; 4220 line-height: 1.7 !important; 4221 color: #333333 !important; /* Mismo tono de gris oscuro */ 4222 margin-bottom: 18px !important; 4223 text-transform: none !important; 4224 white-space: normal !important; 4225 text-align: left !important; 4226} 4227 4228/* 🏷️ TÃTULOS O TEXTOS RESALTADOS DENTRO DE LA DESCRIPCIÃN */ 4229#tab-description strong, 4230#tab-description b { 4231 color: #000000 !important; 4232 font-weight: 700 !important; 4233 display: inline-block !important; 4234} 4235 4236/* Evitamos que el tema meta mayúsculas forzadas en textos internos */ 4237#tab-description span, 4238#tab-description div { 4239 text-transform: none !important; 4240} 4241/* ========================================================================== 4242 CONTRAPESO DE ESPACIO EXCLUSIVO PARA ARMA TU PATINETA (ID: 18011) 4243 ========================================================================== */ 4244body.postid-18011 .woocommerce-tabs.wc-tabs-wrapper { 4245 margin-top: -10px !important; /* Fuerza la separación exacta con la garantÃa */ 4246} 4247/* ========================================================================== 4248 🎯 CORRECCIÃN TIPOGRÃFICA COMPLETA A FIRA SANS (MÃXIMA INHERENCIA) 4249 ========================================================================== */ 4250#tab-description, 4251#tab-description *, 4252#tab-additional_information, 4253#tab-additional_information *, 4254.woocommerce-product-attributes.shop_attributes, 4255.woocommerce-product-attributes.shop_attributes * { 4256 font-family: 'Fira Sans', sans-serif !important; 4257} 4258/* ========================================================================== 4259 🎯 HOMOLOGACIÃN TIPOGRÃFICA GLOBAL A FIRA SANS (DESCRIPCIÃN Y ATRIBUTOS) 4260 ========================================================================== */ 4261#tab-description, 4262#tab-description p, 4263#tab-description span, 4264#tab-description div, 4265#tab-description strong, 4266#tab-description b, 4267.woocommerce-product-attributes.shop_attributes, 4268.woocommerce-product-attributes.shop_attributes tr, 4269.woocommerce-product-attributes.shop_attributes th, 4270.woocommerce-product-attributes.shop_attributes td, 4271.woocommerce-product-attributes.shop_attributes td p { 4272 font-family: 'Fira Sans', sans-serif !important; 4273} 4274/* ========================================================================== 4275 🛹
4275 CARRUSEL TÃCTIL DE MINIATURAS EN PRODUCTO (SOLO MÃVIL) 4276 ========================================================================== */ 4277@media (max-width: 767px) { 4278 /* 1. Convertimos el contenedor de miniaturas en una tira horizontal deslizable */ 4279 .woocommerce-product-gallery .flex-control-nav, 4280 .product .media-sub-container, 4281 .product-gal-thumbnails, 4282 .kadence-thumbnail-slider { 4283 display: flex !important; 4284 flex-wrap: nowrap !important; 4285 overflow-x: auto !important; 4286 scroll-snap-type: x mandatory !important; 4287 -webkit-overflow-scrolling: touch !important; 4288 gap: 8px !important; 4289 padding-bottom: 10px !important; 4290 margin-top: 15px !important; 4291 4292 /* Ocultar la barra de desplazamiento fea para un acabado nativo de app */ 4293 scrollbar-width: none !important; /* Firefox */ 4294 } 4295 4296 .woocommerce-product-gallery .flex-control-nav::-webkit-scrollbar, 4297 .product .media-sub-container::-webkit-scrollbar, 4298 .product-gal-thumbnails::-webkit-scrollbar, 4299 .kadence-thumbnail-slider::-webkit-scrollbar {
4300 display: none !important; /* Chrome / Safari / Edge */ 4301 } 4302 4303 /* 2. Ajustamos cada miniatura para que tenga un tamaño uniforme y se "enganche" al deslizar */ 4304 .woocommerce-product-gallery .flex-control-nav li, 4305 .product .media-sub-container img, 4306 .product-gal-thumbnails a, 4307 .kadence-thumbnail-slider img { 4308 flex: 0 0 60px !important; /* Ancho fijo para cada miniatura */ 4309 width: 60px !important; 4310 height: 60px !important; 4311 scroll-snap-align: start !important; 4312 margin: 0 !important; 4313 list-style: none !important; 4314 } 4315 4316 .woocommerce-product-gallery .flex-control-nav li img, 4317 .product-gal-thumbnails img { 4318 width: 100% !important; 4319 height: 100% !important; 4320 object-fit: contain !important; 4321 border-radius: 4px !important; 4322 } 4323} 4324/* ========================================================================== 4325 🍞 AJUSTE ESTÃTICO DE BREADCRUMBS (MIGAS DE PAN) - KADENCE 4326 ========================================================================== */ 4327#kadence-breadcrumbs.kadence-breadcrumbs { 4328 margin-top: 5px !important; /* Margen superior para despegarlo del header */ 4329 margin-bottom: 5px !important; /* Margen inferior para dar espacio a la foto y contenido */ 4330 font-size: 11px !important; /* Tamaño de letra pequeño y elegante */ 4331 letter-spacing: 0.3px !important; /* Espaciado limpio entre letras */ 4332} 4333 4334/* Ajusta el tamaño de los enlaces e Ãconos/separadores internos */ 4335#kadence-breadcrumbs .kadence-breadcrumb-container a, 4336#kadence-breadcrumbs .kadence-breadcrumb-container span, 4337#kadence-breadcrumbs .bc-delimiter { 4338 font-size: 11px !important; 4339} 4340 4341/* 📱 Ajuste opcional para móviles para que no ocupe tanto espacio */ 4342@media (max-width: 767px) { 4343 #kadence-breadcrumbs.kadence-breadcrumbs { 4344 margin-top: 5px !important; 4345 font-size: 8px !important; 4346 } 4347 #kadence-breadcrumbs .kadence-breadcrumb-container a, 4348 #kadence-breadcrumbs .kadence-breadcrumb-container span { 4349 font-size: 8px !important; 4350 } 4351} 4352/* ========================================================================== 4353 📱 QUITAR MARGEN SUPERIOR DE CONTENEDOR DE PRODUCTO (SOLO MÃVIL) 4354 ========================================================================== */ 4355@media (max-width: 1024px) { 4356 .single-product div.product.type-product, 4357 .single-product .entry.type-product { 4358 margin-top: 0 !important; 4359 padding-top: 0 !important; 4360 } 4361} 4362/* ========================================================================== 4363 📱 EMPUJAR CONTENEDOR SECUNDARIO HACIA ABAJO (MOBILE) 4364 ========================================================================== */ 4365@media (max-width: 1024px) { 4366 4367 /* 1. Desplazamos la fila del contenedor secundario hacia abajo */ 4368 #masthead .site-top-header-inner-wrap, 4369 #masthead .site-top-header-inner-wrap .site-container { 4370 margin-top: -5px !important; /* Ajusta este valor (10px, 15px, 20px) para bajarlo más */ 4371 padding-top: 5px !important; 4372 padding-bottom: 5px !important; 4373 height: auto !important; 4374 overflow: visible !important; 4375 } 4376 4377 /* 2. Aseguramos que los elementos de redes, buscar y cuenta se desplieguen completos */ 4378 #masthead .site-top-header-inner-wrap .site-header-section { 4379 display: flex !important; 4380 align-items: center !important; 4381 } 4382} 4383/* ========================================================================== 4384 🛹 ALINEAR BOTONES Y PRECIOS AL MISMO NIVEL EN EL SLIDER DE PRODUCTOS 4385 ========================================================================== */ 4386 4387/* 1. Convertimos la tarjeta de cada producto en un contenedor flexible vertical */ 4388.wps-slider-section .wps-product-data, 4389.wps-slider-section .sp-wps-product-details, 4390.wps-slider-section .sp-wps-product-details-inner { 4391 display: flex !important; 4392 flex-direction: column !important; 4393 height: 100% !important; 4394} 4395 4396.wps-slider-section .sp-wps-product-details-inner { 4397 flex-grow: 1 !important; 4398} 4399 4400/* 2. Fijamos una altura uniforme o reserva para los tÃtulos de productos */ 4401.wps-slider-section .wpsf-product-title { 4402 min-height: 42px !important; /* Mantiene la misma altura para tÃtulos de 1, 2 o 3 lÃneas */ 4403 display: flex !important;
4404 align-items: center !important; 4405 justify-content: center !important; 4406 margin-bottom: 8px !important; 4407} 4408 4409/* 3. Centramos el precio */ 4410.wps-slider-section .wpsf-product-price { 4411 margin-bottom: 12px !important; 4412} 4413 4414/* 4. MÃGICO: Empuja el botón de COMPRAR automáticamente al fondo del contenedor */ 4415.wps-slider-section .wpsf-cart-button { 4416 margin-top: auto !important; 4417} 4418 4419/* 5. Limpiamos bordes y paddings raros del párrafo de WooCommerce en el botón */ 4420.wps-slider-section .wpsf-cart-button p.add_to_cart_inline { 4421 border: none !important; 4422 padding: 0 !important; 4423 margin: 0 !important; 4424} 4425 4426/* ========================================================================== 4427 📱 ADAPTACIÃN EXCLUSIVA PARA MOBILE (SIN TOCAR DESKTOP) 4428 ========================================================================== */ 4429@media (max-width: 768px) { 4430 /* Ajustamos el slide de Swiper en cel para asegurar altura pareja */ 4431 .wps-slider-section .swiper-slide { 4432 display: flex !important; 4433 height: auto !important; 4434 } 4435 4436 /* Le damos más reserva de altura a los tÃtulos en cel porque el texto da más saltos de lÃnea */ 4437 .wps-slider-section .wpsf-product-title { 4438 min-height: 60px !important; 4439 } 4440} 4441/* Mover reCAPTCHA a la izquierda, reducir tamaño y cambiar a blanco y negro */ 4442.grecaptcha-badge { 4443 left: 15px !important; 4444 right: auto !important; 4445 bottom: 15px !important; 4446 transform: scale(0.8) !important; 4447 transform-origin: bottom left !important; 4448 filter: grayscale(100%) !important; 4449} 4450 4451/* ========================================================================== 4452 🛹 SUBURBIOS SKATE - CARRUSEL INTELIGENTE (HOME DESKTOP + TODO MÃVIL) 4453 ========================================================================== */ 4454 4455/* 1. REGLA DESKTOP (>= 1025px): APLICA CARRUSEL SÃLO EN EL HOME */ 4456@media screen and (min-width: 1025px) { 4457 body.home ul.products.product-archive, 4458 body.front-page ul.products.product-archive { 4459 display: flex !important; 4460 flex-wrap: nowrap !important; 4461 overflow-x: auto !important; 4462 scroll-snap-type: x mandatory !important; 4463 scroll-behavior: smooth !important; 4464 gap: 16px !important; 4465 padding-bottom: 15px !important; 4466 margin-left: 0 !important; 4467 margin-right: 0 !important; 4468 -webkit-overflow-scrolling: touch !important; 4469 scrollbar-width: thin !important; 4470 scrollbar-color: #000000 #f0f0f0 !important; 4471 } 4472 4473 body.home ul.products.product-archive::-webkit-scrollbar, 4474 body.front-page ul.products.product-archive::-webkit-scrollbar {
4475 height: 4px !important; 4476 } 4477 4478 body.home ul.products.product-archive::-webkit-scrollbar-thumb, 4479 body.front-page ul.products.product-archive::-webkit-scrollbar-thumb { 4480 background: #000000 !important; 4481 border-radius: 4px !important; 4482 } 4483 4484 body.home ul.products.product-archive li.product, 4485 body.front-page ul.products.product-archive li.product { 4486 flex: 0 0 240px !important; 4487 max-width: 240px !important; 4488 min-width: 240px !important; 4489 width: 240px !important; 4490 scroll-snap-align: start !important; 4491 margin: 0 !important; 4492 float: none !important; 4493 clear: none !important; 4494 box-sizing: border-box !important; 4495 } 4496} 4497 4498/* 2. REGLA MÃVIL (< 1025px): APLICA CARRUSEL EN ABSOLUTAMENTE TODO (HOME, PDP, CARRITO) */ 4499@media screen and (max-width: 1024px) { 4500 body.home ul.products.product-archive, 4501 body.front-page ul.products.product-archive, 4502 .single-product .related.products ul.products, 4503 .single-product .upsells.products ul.products, 4504 .woocommerce-cart .cross-sells ul.products, 4505 .woocommerce-cart ul.products, 4506 .woocommerce-cart .wp-block-woocommerce-related-products ul.products, 4507 .cart-collaterals .cross-sells ul.products, 4508 .cross-sells.products ul.products, 4509 .suburbios-carrusel ul.products { 4510 display: flex !important; 4511 flex-wrap: nowrap !important; 4512 overflow-x: auto !important; 4513 scroll-snap-type: x mandatory !important; 4514 scroll-behavior: smooth !important; 4515 gap: 16px !important; 4516 padding-bottom: 15px !important; 4517 margin-left: 0 !important; 4518 margin-right: 0 !important; 4519 -webkit-overflow-scrolling: touch !important; 4520 scrollbar-width: thin !important; 4521 scrollbar-color: #000000 #f0f0f0 !important; 4522 } 4523 4524 body.home ul.products.product-archive::-webkit-scrollbar, 4525 body.front-page ul.products.product-archive::-webkit-scrollbar, 4526 .single-product .related.products ul.products::-webkit-scrollbar, 4527 .single-product .upsells.products ul.products::-webkit-scrollbar, 4528 .woocommerce-cart .cross-sells ul.products::-webkit-scrollbar, 4529 .woocommerce-cart ul.products::-webkit-scrollbar, 4530 .cart-collaterals .cross-sells ul.products::-webkit-scrollbar, 4531 .cross-sells.products ul.products::-webkit-scrollbar, 4532 .suburbios-carrusel ul.products::-webkit-scrollbar {
4533 height: 4px !important; 4534 } 4535 4536 body.home ul.products.product-archive::-webkit-scrollbar-thumb, 4537 body.front-page ul.products.product-archive::-webkit-scrollbar-thumb, 4538 .single-product .related.products ul.products::-webkit-scrollbar-thumb, 4539 .single-product .upsells.products ul.products::-webkit-scrollbar-thumb, 4540 .woocommerce-cart .cross-sells ul.products::-webkit-scrollbar-thumb, 4541 .woocommerce-cart ul.products::-webkit-scrollbar-thumb, 4542 .cart-collaterals .cross-sells ul.products::-webkit-scrollbar-thumb, 4543 .cross-sells.products ul.products::-webkit-scrollbar-thumb, 4544 .suburbios-carrusel ul.products::-webkit-scrollbar-thumb { 4545 background: #000000 !important; 4546 border-radius: 4px !important; 4547 } 4548 4549 body.home ul.products.product-archive li.product, 4550 body.front-page ul.products.product-archive li.product, 4551 .single-product .related.products ul.products li.product, 4552 .single-product .upsells.products ul.products li.product, 4553 .woocommerce-cart .cross-sells ul.products li.product, 4554 .woocommerce-cart ul.products li.product, 4555 .woocommerce-cart .wp-block-woocommerce-related-products ul.products li.product, 4556 .cart-collaterals .cross-sells ul.products li.product, 4557 .cross-sells.products ul.products li.product, 4558 .suburbios-carrusel ul.products li.product { 4559 flex: 0 0 72% !important; 4560 max-width: 72% !important; 4561 min-width: 72% !important; 4562 width: 72% !important; 4563 scroll-snap-align: start !important; 4564 margin: 0 !important; 4565 float: none !important; 4566 clear: none !important; 4567 box-sizing: border-box !important; 4568 } 4569} 4570 4571/* ========================================================================== 4572 🛹 SUBURBIOS SKATE - MENà MÃVIL DERECHO + GIF COMPACTO (CORREGIDO) 4573 ========================================================================== */ 4574 4575/* 1. Ampliar el ancho total del panel desplegable (Drawer) */ 4576#mobile-drawer, 4577.drawer-inner, 4578.site-mobile-menu-inner { 4579 width: 88vw !important; 4580 max-width: 360px !important; 4581 background-color: #ffffff !important; 4582 padding: 24px 20px !important; 4583} 4584 4585/* Reseteo y espaciado de categorÃas principales */ 4586.mobile-navigation ul.menu > li, 4587#mobile-drawer ul.menu > li, 4588.site-mobile-menu ul.menu > li { 4589 display: block !important; 4590 position: relative !important; 4591 padding: 6px 0 !important; 4592 margin: 0 !important; 4593 border: none !important; 4594} 4595 4596/* 2. Texto del Menú Principal */ 4597.mobile-navigation ul.menu > li > a, 4598.mobile-navigation ul.menu > li > span, 4599.mobile-navigation ul.menu > li > .drawer-nav-drop-wrap > a, 4600#mobile-drawer ul.menu > li > a, 4601#mobile-drawer ul.menu > li > span, 4602#mobile-drawer ul.menu > li > .drawer-nav-drop-wrap > a { 4603 font-family: 'Bebas Neue', sans-serif !important; 4604 font-size: 21px !important; 4605 letter-spacing: 1.2px !important; 4606 text-transform: uppercase !important; 4607 color: #000000 !important; 4608 display: inline-flex !important; 4609 align-items: center !important; 4610 padding: 4px 0 !important; 4611 text-decoration: none !important; 4612} 4613 4614/* 🎯 Estrella de 4 picos (â¦) -> EXCLUYE EXPRESAMENTE AL GIF (.not(.menu-item-gif-skate)) */ 4615.mobile-navigation ul.menu > li:not(.menu-item-gif-skate) > a::before, 4616.mobile-navigation ul.menu > li:not(.menu-item-gif-skate) > span::before, 4617.mobile-navigation ul.menu > li:not(.menu-item-gif-skate) > .drawer-nav-drop-wrap > a::before, 4618#mobile-drawer ul.menu > li:not(.menu-item-gif-skate) > a::before, 4619#mobile-drawer ul.menu > li:not(.menu-item-gif-skate) > span::before, 4620#mobile-drawer ul.menu > li:not(.menu-item-gif-skate) > .drawer-nav-drop-wrap > a::before { 4621 content: "â¦" !important; 4622 font-size: 12px !important; 4623 color: #000000 !important; 4624 margin-right: 12px !important; 4625 line-height: 1 !important; 4626 display: inline-block !important; 4627 flex-shrink: 0 !important; 4628} 4629 4630/* 3. Submenús Internos */ 4631.mobile-navigation ul.sub-menu, 4632#mobile-drawer ul.sub-menu { 4633 background: transparent !important; 4634 padding: 6px 0 10px 22px !important; 4635 margin: 0 !important; 4636 border: none !important; 4637} 4638 4639/* Quitar estrellas en submenús */ 4640.mobile-navigation ul.sub-menu li a::before, 4641.mobile-navigation ul.sub-menu li span::before, 4642#mobile-drawer ul.sub-menu li a::before, 4643#mobile-drawer ul.sub-menu li span::before { 4644 content: none !important; 4645 display: none !important; 4646} 4647 4648.mobile-navigation ul.sub-menu li a, 4649#mobile-drawer ul.sub-menu li a { 4650 font-family: 'Bebas Neue', sans-serif !important; 4651 font-size: 16px !important; 4652 letter-spacing: 0.9px !important; 4653 color: #444444 !important; 4654 padding: 5px 0 !important; 4655 line-height: 1.3 !important; 4656 display: block !important; 4657 text-decoration: none !important; 4658} 4659 4660/* Nivel 3 (Medidas exactas) */ 4661.mobile-navigation ul.sub-menu ul.sub-menu, 4662#mobile-drawer ul.sub-menu ul.sub-menu { 4663 padding: 4px 0 6px 16px !important; 4664} 4665 4666.mobile-navigation ul.sub-menu ul.sub-menu li a, 4667#mobile-drawer ul.sub-menu ul.sub-menu li a { 4668 font-size: 15px !important; 4669 color: #666666 !important; 4670 padding: 4px 0 !important; 4671} 4672 4673/* 4. Hover / Touch */ 4674.mobile-navigation ul li a:hover, 4675.mobile-navigation ul li span:hover, 4676.mobile-navigation ul.sub-menu li a:hover { 4677 color: #e2401c !important; 4678} 4679 4680/* 5. Flechas desplegables */ 4681.mobile-navigation .drawer-sub-toggle, 4682#mobile-drawer .drawer-sub-toggle { 4683 color: #000000 !important; 4684 font-size: 13px !important; 4685 background: transparent !important; 4686 border: none !important; 4687 position: absolute !important; 4688 right: 0 !important; 4689 top: 8px !important; 4690} 4691 4692.mobile-navigation .drawer-sub-toggle.active, 4693#mobile-drawer .drawer-sub-toggle[aria-expanded="true"] { 4694 color: #e2401c !important; 4695} 4696 4697/* ========================================================================== 4698 🎬 REGULACIÃN FINAL DEL GIF (SIN ESTRELLA Y MÃS CHICO) 4699 ========================================================================== */ 4700
4701/* Anular completamente cualquier seudo-elemento en el elemento del GIF */ 4702#mobile-drawer ul.menu > li.menu-item-gif-skate *::before, 4703#mobile-drawer ul.menu > li.menu-item-gif-skate::before { 4704 content: none !important; 4705 display: none !important; 4706} 4707 4708/* Estilo y tamaño reducido del GIF */ 4709#mobile-drawer ul.menu > li.menu-item-gif-skate { 4710 display: block !important; 4711 width: 100% !important; 4712 margin-top: 15px !important; 4713 padding-top: 12px !important; 4714 border-top: 1px solid #eeeeee !important; 4715 text-align: center !important; 4716} 4717 4718#mobile-drawer ul.menu > li.menu-item-gif-skate a { 4719 display: block !important; 4720 padding: 0 !important; 4721 text-align: center !important; 4722} 4723 4724#mobile-drawer ul.menu > li.menu-item-gif-skate img { 4725 width: 85% !important; /* 🚀 Reducido al 55% para un tamaño fino y estético */ 4726 max-width: 240px !important; 4727 height: auto !important; 4728 border-radius: 8px !important; 4729 display: block !important; 4730 margin: 0 auto !important; 4731} 4732/* ========================================================================== 4733 🛹 SUBURBIOS SKATE - FOOTER ACORDEÃN / COLAPSABLE (DESKTOP Y MÃVIL) 4734 ========================================================================== */ 4735 4736/* 1. Estilo del TÃtulo / Botón de Despliegue */ 4737.suburbios-footer-accordion { 4738 width: 100% !important; 4739 margin-bottom: 15px !important; 4740} 4741 4742.suburbios-footer-accordion summary { 4743 font-family: 'Fira Sans', sans-serif !important; 4744 font-size: 15px !important; 4745 letter-spacing: 1px !important; 4746 color: #ffffff !important; /* Cambia a #000000 si tu footer es blanco */ 4747 cursor: pointer !important; 4748 list-style: none !important; /* Oculta la flecha nativa del navegador */ 4749 display: flex !important; 4750 justify-content: space-between !important; 4751 align-items: center !important; 4752 padding: 5px 0 !important; 4753 user-select: none !important; 4754} 4755 4756/* Ocultar indicador estándar en Safari / Chrome */ 4757.suburbios-footer-accordion summary::-webkit-details-marker { 4758 display: none !important; 4759} 4760 4761/* Icono indicador ⦠que gira al abrir */ 4762.suburbios-footer-accordion summary .accordion-icon { 4763 font-size: 12px !important; 4764 color: #e2401c !important; /* Rojo Suburbios */ 4765 transition: transform 0.3s ease !important; 4766} 4767 4768/* Rotación de la estrella al abrir el menú */ 4769.suburbios-footer-accordion[open] summary .accordion-icon { 4770 transform: rotate(45deg) !important; 4771} 4772 4773/* 2. Lista de enlaces deplegables */ 4774.suburbios-footer-accordion .footer-asistencia-links { 4775 list-style: none !important; 4776 padding: 8px 0 0 0 !important; 4777 margin: 0 !important; 4778} 4779 4780.suburbios-footer-accordion .footer-asistencia-links li { 4781 margin-bottom: 4px !important; 4782} 4783 4784.suburbios-footer-accordion .footer-asistencia-links li a { 4785 font-family: 'Fira Sans', sans-serif !important; 4786 font-size: 13px !important; 4787 letter-spacing: 0.1px !important; 4788 color: #cccccc !important; 4789 text-decoration: none !important; 4790 transition: color 0.2s ease !important; 4791} 4792 4793.suburbios-footer-accordion .footer-asistencia-links li a:hover { 4794 color: #e2401c !important; 4795} 4796/* ========================================================================== 4797 🛹 SUBURBIOS SKATE - COMPACTAR ALTURA DE CONTENEDORES Y WIDGETS DEL FOOTER 4798 ========================================================================== */ 4799 4800/* 1. Reducir el padding superior e inferior de la fila principal del footer */ 4801.site-footer-row-container-inner { 4802 padding-top: 5px !important; 4803 padding-bottom: 5px !important; 4804} 4805 4806/* 2. Reducir la separación entre los widgets e Ãtems internos */ 4807.site-footer .widget, 4808.site-footer .footer-widget-area, 4809.suburbios-footer-accordion { 4810 margin-bottom: 10px !important; 4811 padding-top: 0px !important; 4812 padding-bottom: 0px !important; 4813} 4814 4815/* 3. Compactar los tÃtulos del acordeón (ASISTENCIA, TIENDA) */ 4816.suburbios-footer-accordion summary { 4817 padding: 2px 0 !important; 4818 margin-bottom: 2px !important; 4819} 4820 4821/* 4. Pegar los links internos si el acordeón está desplegado */ 4822.suburbios-footer-accordion .footer-asistencia-links { 4823 padding-top: 4px !important; 4824} 4825 4826.suburbios-footer-accordion .footer-asistencia-links li { 4827 margin-bottom: 4px !important; 4828} 4829/* ========================================================================== 4830 🛹 ESTILOS PARA TEXTO DE SUCURSALES Y HORARIOS EN EL FOOTER 4831 ========================================================================== */ 4832.footer-info-content { 4833 padding-top: 8px !important; 4834 font-size: 13px !important; 4835 color: #cccccc !important; 4836 line-height: 1.4 !important; 4837} 4838 4839.footer-info-item a { 4840 color: #25d366 !important; /* Verde WhatsApp */ 4841 font-weight: bold !important; 4842 text-decoration: none !important; 4843} 4844 4845.footer-store-block { 4846 margin-bottom: 8px !important; 4847} 4848 4849.footer-store-block .store-name { 4850 font-family: 'Bebas Neue', sans-serif !important; 4851 font-size: 15px !important; 4852 letter-spacing: 0.8px !important; 4853 color: #ffffff !important; 4854 margin: 0 0 2px 0 !important; 4855} 4856
4857.footer-store-block .store-address { 4858 margin: 0 0 4px 0 !important; 4859 color: #aaaaaa !important; 4860} 4861 4862.footer-store-block .store-hours { 4863 margin: 0 !important; 4864 font-size: 12px !important; 4865 color: #888888 !important; 4866} 4867 4868.footer-info-divider { 4869 border: none !important; 4870 border-top: 1px solid #333333 !important; 4871 margin: 8px 0 !important; 4872} 4873/* ========================================================================== 4874 🛹 ALINEACIÃN A LA IZQUIERDA PARA TEXTOS Y CONTENIDO DE TIENDAS 4875 ========================================================================== */ 4876.footer-info-content, 4877.footer-info-content p, 4878.footer-info-content .footer-info-item, 4879.footer-info-content .footer-store-block, 4880.footer-info-content .store-name, 4881.footer-info-content .store-address, 4882.footer-info-content .store-hours { 4883 text-align: left !important; 4884} 4885 4886/* ========================================================================== 4887 🛹 FORMULARIO COMPACTO & MINIMALISTA (MAYOREO - SUBURBIOS) 4888 ========================================================================== */ 4889 4890/* 1. Proporciones de Columnas en Desktop (Formulario dominante, tablas de apoyo) */ 4891@media (min-width: 769px) { 4892 .page-id-17253 .kt-row-column-wrap { 4893 display: flex !important; 4894 align-items: center !important; 4895 gap: 25px !important; 4896 } 4897 4898 /* Columna Formulario (~68%) */ 4899 .page-id-17253 .wp-block-kadence-column:first-child { 4900 width: 68% !important; 4901 max-width: 68% !important; 4902 flex: 0 0 68% !important; 4903 } 4904 4905 /* Columna Imagen Tablas (~32%) */ 4906 .page-id-17253 .wp-block-kadence-column:last-child { 4907 width: 32% !important; 4908 max-width: 32% !important; 4909 flex: 0 0 32% !important; 4910 } 4911} 4912 4913/* 2. Tarjeta Contenedora Minimalista (Gris con Borde Negro) */ 4914.page-id-17253 .wpforms-container { 4915 background: #fafafa !important; 4916 padding: 18px 20px !important; /* Padding ajustado */ 4917 border-radius: 8px !important; 4918 border: 2px solid #111111 !important; 4919 box-shadow: none !important; 4920} 4921 4922/* 3. Reducción de espacios entre campos (Compacto) */ 4923#wpforms-24854 .wpforms-field { 4924 margin-bottom: 10px !important; /* Renglones pegaditos */ 4925 padding: 0 !important; 4926} 4927 4928/* Etiquetas (Labels) súper limpias en Negro */ 4929#wpforms-24854 .wpforms-field-label { 4930 color: #111111 !important; 4931 font-size: 11px !important; 4932 font-weight: 700 !important; 4933 text-transform: uppercase !important; 4934 letter-spacing: 0.5px !important; 4935 margin-bottom: 3px !important; 4936 display: block !important; 4937} 4938 4939#wpforms-24854 .wpforms-required-label { 4940 color: #e2401c !important; 4941} 4942 4943#wpforms-24854 .wpforms-field-sublabel { 4944 display: none !important; /* Oculta texto "Nombre/Apellido" repetido para ahorrar espacio */ 4945} 4946 4947/* 4. Inputs de altura baja (Fondo Blanco, Letras Negras) */ 4948#wpforms-24854 input[type="text"], 4949#wpforms-24854 input[type="email"], 4950#wpforms-24854 select, 4951#wpforms-24854 textarea { 4952 background-color: #ffffff !important; 4953 color: #111111 !important; 4954 border: 1px solid #cccccc !important; 4955 border-radius: 4px !important; 4956 height: 38px !important; /* Altura estilizada y compacta */ 4957 padding: 0 10px !important; 4958 font-size: 13px !important; 4959 box-sizing: border-box !important; 4960 width: 100% !important; 4961} 4962 4963#wpforms-24854 textarea { 4964 height: 80px !important; 4965 padding-top: 8px !important; 4966} 4967 4968#wpforms-24854 input:focus, 4969#wpforms-24854 select:focus, 4970#wpforms-24854 textarea:focus { 4971 border-color: #111111 !important; 4972 background-color: #ffffff !important; 4973 outline: none !important; 4974} 4975 4976/* Campos Nombre y Apellido lado a lado */ 4977#wpforms-24854 .wpforms-field-row { 4978 display: flex !important; 4979 gap: 10px !important; 4980} 4981 4982#wpforms-24854 .wpforms-field-row-block { 4983 width: 50% !important; 4984} 4985 4986/* 5. Botón de Enviar Compacto (Negro Rudo con Hover Rojo) */ 4987#wpforms-24854 button.wpforms-submit { 4988 background: #111111 !important; 4989 color: #ffffff !important; 4990 font-size: 14px !important; 4991 font-weight: bold !important; 4992 text-transform: uppercase !important; 4993 letter-spacing: 0.8px !important; 4994 border: none !important; 4995 border-radius: 4px !important; 4996 height: 42px !important; 4997 width: 100% !important; 4998 cursor: pointer !important; 4999 margin-top: 6px !important; 5000 transition: background-color 0.2s ease !important; 5001} 5002 5003#wpforms-24854 button.wpforms-submit:hover { 5004 background: #e2401c !important; /* Rojo Suburbios */ 5005} 5006 5007/* 6. Optimización extrema para Mobile */ 5008@media (max-width: 768px) { 5009 .page-id-17253 .entry-content .kt-row-layout-inner { 5010 padding-left: 5px !important; 5011 padding-right: 5px !important; 5012 } 5013 5014 .page-id-17253 .wpforms-container { 5015 padding: 15px 12px !important; 5016 width: 100% !important; 5017 box-sizing: border-box !important; 5018 } 5019 5020 #wpforms-24854 .wpforms-field-row { 5021 flex-direction: row !important; /* Mantiene Nombre/Apellido juntos incluso en cel */ 5022 gap: 8px !important; 5023 } 5024} 5025/* ========================================================================== 5026 🛹 ALINEAR FLECHAS AL LADO DE LOS TÃTULOS DEL FOOTER 5027 ========================================================================== */ 5028
5029/* 1. Convertir el summary en un contenedor flex que se ajuste al texto */ 5030.suburbios-footer-accordion summary.footer-widget-title { 5031 display: inline-flex !important; 5032 align-items: center !important; 5033 justify-content: flex-start !important; 5034 gap: 8px !important; /* Separación exacta entre el texto y la flecha */ 5035 cursor: pointer !important; 5036 width: auto !important; /* Evita que se estire a todo el ancho */ 5037} 5038 5039/* 2. Forzar que el acordeón ocupe su bloque pero la cabecera sea en lÃnea */ 5040.suburbios-footer-accordion { 5041 display: block !important; 5042 margin-bottom: 12px !important; 5043} 5044 5045/* 3. Ajuste sutil de la flecha */ 5046.suburbios-footer-accordion .accordion-icon { 5047 font-size: 10px !important; 5048 line-height: 1 !important; 5049 display: inline-block !important; 5050 color: #e2401c !important; /* Rojo Suburbios */ 5051} 5052/* ========================================================================== 5053 🛹 SANGRÃA (INDENTACIÃN) PARA SUBMENÃS Y DESPLEGABLES DEL FOOTER 5054 ========================================================================== */ 5055 5056/* 1. SangrÃa para las listas de enlaces (Asistencia, CategorÃas, Mayoreo) */ 5057.suburbios-footer-accordion .footer-asistencia-links { 5058 padding-left: 14px !important; 5059 margin-top: 8px !important; 5060 margin-bottom: 8px !important; 5061 border-left: 1px solid rgba(255, 255, 255, 0.1) !important; /* LÃnea guÃa sutil estilo código */ 5062} 5063 5064/* 2. SangrÃa para el bloque de información (Skateshops Suburbios / Tiendas) */ 5065.suburbios-footer-accordion .footer-info-content { 5066 padding-left: 14px !important; 5067 margin-top: 8px !important; 5068 margin-bottom: 8px !important; 5069 border-left: 1px solid rgba(255, 255, 255, 0.1) !important; 5070} 5071 5072/* Espaciado sutil entre cada Ãtem desplegado */ 5073.suburbios-footer-accordion .footer-asistencia-links li { 5074 margin-bottom: 6px !important; 5075} 5076/* ========================================================================== 5077 1. FIX DEL HEADER TRANSPARENTE / STICKY (TODOS LOS USUARIOS Y PERFILES) 5078 ========================================================================== */ 5079 5080/* Ajustar el offset global de Kadence cuando NO hay barra de admin */ 5081body:not(.admin-bar) { 5082 --global-header-offset: 0px !important; 5083} 5084 5085/* Forzar posición exacta del header pegado arriba */ 5086body:not(.admin-bar) .site-header-row-container, 5087body:not(.admin-bar) #main-header, 5088body:not(.admin-bar) .kadence-sticky-header { 5089 top: 0 !important; 5090 margin-top: 0 !important; 5091} 5092 5093/* Compensar el espacio superior del contenido para que NO se meta bajo el header */ 5094body:not(.admin-bar).transparent-header #wrapper, 5095body:not(.admin-bar).transparent-header #inner-wrap { 5096 padding-top: 0 !important; 5097} 5098 5099 5100/* ========================================================================== 5101 2. LIMPIEZA TOTAL DEL DASHBOARD DE MI CUENTA (SUBURBIOS SKATE) 5102 ========================================================================== */ 5103 5104/* Ocultar avatar/panel lateral de Kadence */ 5105.woocommerce-account .account-navigation-wrap, 5106.woocommerce-account .kadence-account-nav-header, 5107.woocommerce-account .woocommerce-MyAccount-navigation, 5108.woocommerce-account .account-user-profile { 5109 display: none !important; 5110} 5111 5112/* Ocultar el texto por defecto ("Hola usuario...") */ 5113.woocommerce-account .woocommerce-MyAccount-content > p { 5114 display: none !important; 5115} 5116 5117/* Layout del contenedor principal */ 5118.woocommerce-account .woocommerce { 5119 display: block !important; 5120 width: 100% !important; 5121 margin: 0 auto !important; 5122} 5123 5124.woocommerce-account .woocommerce-MyAccount-content { 5125 width: 100% !important; 5126 float: none !important; 5127 display: block !important; 5128 background: #ffffff !important; 5129 padding: 25px !important; 5130 border: 1px solid #e0e0e0 !important; 5131 border-radius: 8px !important; 5132 box-sizing: border-box !important; 5133} 5134 5135/* HERO DEL USUARIO EN DASHBOARD */ 5136.suburbios-dashboard-hero-box { 5137 background: #fdfdfd !important; 5138 border: 1px solid #111111 !important; 5139 border-radius: 8px !important; 5140 padding: 20px !important; 5141 margin-bottom: 25px !important; 5142} 5143 5144.suburbios-user-profile { 5145 display: flex !important;
5146 align-items: center !important; 5147 gap: 16px !important; 5148 margin-bottom: 12px !important; 5149} 5150 5151.suburbios-avatar-img { 5152 width: 55px !important; 5153 height: 55px !important; 5154 border-radius: 50% !important; 5155 border: 2px solid #e2401c !important; 5156 object-fit: cover !important; 5157} 5158 5159.suburbios-user-text h2 { 5160 font-family: 'Bebas Neue', sans-serif !important; 5161 font-size: 26px !important; 5162 color: #111111 !important; 5163 margin: 0 !important; 5164 line-height: 1 !important; 5165} 5166 5167.suburbios-user-email { 5168 font-family: 'Fira Sans', sans-serif !important; 5169 font-size: 13px !important; 5170 color: #e2401c !important; 5171 font-weight: 600 !important; 5172 margin: 4px 0 0 0 !important; 5173} 5174 5175.suburbios-welcome-desc { 5176 font-family: 'Fira Sans', sans-serif !important; 5177 font-size: 13px !important; 5178 color: #555555 !important; 5179 margin: 0 !important; 5180} 5181 5182/* GRID DE TARJETAS (FICHAS) */ 5183.suburbios-dashboard-grid { 5184 display: grid !important; 5185 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important; 5186 gap: 16px !important; 5187} 5188 5189.suburbios-card { 5190 display: flex !important; 5191 align-items: center !important; 5192 gap: 14px !important; 5193 padding: 18px !important; 5194 background: #ffffff !important; 5195 border: 2px solid #111111 !important; 5196 border-radius: 6px !important; 5197 text-decoration: none !important; 5198 transition: all 0.2s ease-in-out !important; 5199} 5200 5201.suburbios-card:hover { 5202 border-color: #e2401c !important; 5203 transform: translateY(-3px) !important; 5204 box-shadow: 0 6px 16px rgba(226, 64, 28, 0.12) !important; 5205} 5206 5207.suburbios-card .card-icon { 5208 font-size: 26px !important; 5209} 5210 5211.suburbios-card h3 { 5212 font-family: 'Bebas Neue', sans-serif !important; 5213 font-size: 18px !important; 5214 color: #111111 !important; 5215 margin: 0 !important; 5216} 5217 5218.suburbios-card p { 5219 font-family: 'Fira Sans', sans-serif !important; 5220 font-size: 11px !important; 5221 color: #666666 !important; 5222 margin: 3px 0 0 0 !important; 5223 line-height: 1.3 !important; 5224} 5225 5226 5227/* ========================================================================== 5228 3. BOTÃN DE VOLVER (SOLO EN SUBPÃGINAS) 5229 ========================================================================== */ 5230 5231.suburbios-back-nav { 5232 margin-bottom: 20px !important; 5233 border-bottom: 1px solid #eeeeee !important; 5234 padding-bottom: 12px !important; 5235} 5236 5237.suburbios-back-btn { 5238 display: inline-block !important; 5239 font-family: 'Bebas Neue', sans-serif !important; 5240 font-size: 15px !important; 5241 letter-spacing: 0.8px !important; 5242 color: #111111 !important; 5243 text-decoration: none !important; 5244 background: #f4f4f4 !important; 5245 padding: 6px 14px !important; 5246 border-radius: 4px !important; 5247 border: 1px solid #cccccc !important; 5248 transition: all 0.2s ease !important; 5249} 5250 5251.suburbios-back-btn:hover { 5252 background: #e2401c !important; 5253 color: #ffffff !important; 5254 border-color: #e2401c !important; 5255} 5256 5257/* Ocultar en el panel principal */ 5258body.woocommerce-account:not(.woocommerce-orders):not(.woocommerce-edit-address):not(.woocommerce-edit-account):not(.woocommerce-view-order) .suburbios-back-nav { 5259 display: none !important; 5260} 5261 5262/* Mostrar en subpáginas */ 5263body.woocommerce-orders .suburbios-back-nav, 5264body.woocommerce-edit-address .suburbios-back-nav, 5265body.woocommerce-edit-account .suburbios-back-nav, 5266body.woocommerce-view-order .suburbios-back-nav, 5267body.woocommerce-account.woocommerce-page:not(.page-id-2056) .suburbios-back-nav { 5268 display: block !important; 5269} 5270 5271 5272/* ========================================================================== 5273 4. BOTONES COMPACTOS DE PEDIDOS Y ACCIONES 5274 ========================================================================== */ 5275 5276.woocommerce-orders-table__cell-order-actions, 5277td[data-title="Acciones"] { 5278 display: flex !important; 5279 flex-wrap: wrap !important; 5280 gap: 4px !important; 5281 justify-content: flex-end !important; 5282 align-items: center !important; 5283} 5284 5285.woocommerce-orders-table__cell-order-actions .button, 5286td[data-title="Acciones"] a.button, 5287.woocommerce-account td .button { 5288 font-family: 'Bebas Neue', sans-serif !important; 5289 font-size: 11px !important; 5290 letter-spacing: 0.5px !important; 5291 padding: 3px 7px !important; 5292 height: auto !important; 5293 min-height: unset !important; 5294 line-height: 1.2 !important; 5295 background: #111111 !important; 5296 color: #ffffff !important; 5297 border-radius: 3px !important; 5298 border: none !important; 5299 box-shadow: none !important; 5300 margin: 0 !important; 5301 text-transform: uppercase !important; 5302 white-space: nowrap !important; 5303} 5304 5305.woocommerce-orders-table__cell-order-actions .button:hover, 5306td[data-title="Acciones"] a.button:hover, 5307.woocommerce-account td .button:hover { 5308 background: #e2401c !important; 5309 color: #ffffff !important; 5310} 5311 5312 5313/* ========================================================================== 5314 5. BARRA DE PROGRESO DE SEGUIMIENTO (SUBURBIOS TIMELINE) 5315 ========================================================================== */ 5316 5317.suburbios-tracker-container { 5318 background: #ffffff !important; 5319 border: 2px solid #111111 !important; 5320 border-radius: 6px !important; 5321 padding: 18px !important; 5322 margin-bottom: 25px !important; 5323} 5324 5325.suburbios-tracker-title { 5326 font-family: 'Bebas Neue', sans-serif !important; 5327 font-size: 20px !important; 5328 color: #111111 !important; 5329 margin: 0 0 15px 0 !important; 5330 letter-spacing: 0.8px !important; 5331} 5332 5333.suburbios-tracker-steps { 5334 display: flex !important; 5335 justify-content: space-between !important;
5336 align-items: center !important; 5337 position: relative !important; 5338 gap: 8px !important; 5339} 5340 5341.suburbios-tracker-steps .step { 5342 flex: 1 !important; 5343 text-align: center !important; 5344 opacity: 0.35 !important; 5345 transition: all 0.3s ease !important; 5346 filter: grayscale(100%); 5347} 5348 5349.suburbios-tracker-steps .step.active { 5350 opacity: 1 !important; 5351 filter: grayscale(0%); 5352} 5353 5354.suburbios-tracker-steps .step span { 5355 font-size: 22px !important; 5356 display: block !important; 5357 margin-bottom: 4px !important; 5358} 5359 5360.suburbios-tracker-steps .step p { 5361 font-family: 'Bebas Neue', sans-serif !important; 5362 font-size: 13px !important; 5363 color: #111111 !important; 5364 margin: 0 !important; 5365 letter-spacing: 0.5px !important; 5366} 5367 5368.suburbios-tracker-steps .step.active p { 5369 color: #e2401c !important; 5370} 5371/* ========================================================================== 5372 🛹 OCULTAR BOTONES INNECESARIOS (DOWNLOAD INVOICE Y VOLVER A PEDIR) 5373 ========================================================================== */ 5374 5375/* 1. Ocultar el botón 'Download Invoice' en la tabla de pedidos y en la vista individual */ 5376.wt_pklist_invoice_download, 5377a.wt_pklist_invoice_download, 5378.woocommerce-orders-table__cell-order-actions .wt_pklist_invoice_download { 5379 display: none !important; 5380} 5381 5382/* 2. Ocultar el botón y contenedor 'Volver a pedirlo' (order-again) */ 5383.order-again, 5384p.order-again, 5385a.button[href*="order_again"] { 5386 display: none !important; 5387} 5388 5389/* 3. Asegurar estilo compacto y alineado para 'VER' e 'IMPRIMIR FACTURA' */ 5390.woocommerce-orders-table__cell-order-actions a.button, 5391.woocommerce-view-order a.wt_pklist_invoice_print, 5392.woocommerce-account td .button { 5393 font-family: 'Bebas Neue', sans-serif !important; 5394 font-size: 18px !important; 5395 letter-spacing: 0.5px !important; 5396 padding: 6px 10px !important; 5397 height: auto !important; 5398 min-height: unset !important; 5399 line-height: 1.2 !important; 5400 background: #111111 !important; 5401 color: #ffffff !important; 5402 border-radius: 3px !important; 5403 border: none !important; 5404 box-shadow: none !important; 5405 text-transform: uppercase !important; 5406 white-space: nowrap !important; 5407 display: inline-flex !important; 5408 align-items: center !important; 5409 justify-content: center !important; 5410} 5411 5412/* Hover en Rojo Suburbios */ 5413.woocommerce-orders-table__cell-order-actions a.button:hover, 5414.woocommerce-view-order a.wt_pklist_invoice_print:hover, 5415.woocommerce-account td .button:hover { 5416 background: #e2401c !important; 5417 color: #ffffff !important; 5418} 5419/* ========================================================================== 5420 🛹 FIX COMPACTO DEFINITIVO: DETALLES DEL PEDIDO Y DIRECCIÃN 5421 ========================================================================== */ 5422 5423/* 1. SEPARACIÃN Y MARGEN SUPERIOR EN DETALLES DEL PEDIDO */ 5424section.woocommerce-order-details, 5425.woocommerce-order-details { 5426 margin-top: 15px !important; /* 👈 Aumenta o reduce este valor para dar más espacio arriba */ 5427 padding-top: 10px !important; 5428 margin-bottom: 0 !important; 5429 padding-bottom: 0 !important; 5430 clear: both !important; 5431} 5432 5433/* 2. Ocultar fÃsicamente los saltos de lÃnea (<br>) sobrantes del plugin */ 5434section.woocommerce-order-details br { 5435 display: none !important; 5436} 5437 5438/* 3. Ajustar el margen de la tabla y del botón de factura */ 5439section.woocommerce-order-details table.shop_table { 5440 margin-bottom: 10px !important; 5441} 5442 5443section.woocommerce-order-details a.wt_pklist_invoice_print { 5444 margin-bottom: 0px !important; 5445 margin-top: 10px !important; 5446} 5447 5448/* 4. Pegar la sección de Dirección de Facturación hacia arriba */ 5449section.woocommerce-customer-details, 5450.woocommerce-customer-details { 5451 margin-top: 10px !important; 5452 padding-top: 20px !important; 5453} 5454 5455section.woocommerce-customer-details h2, 5456.woocommerce-customer-details h2 { 5457 margin-top: 0 !important; 5458 margin-bottom: 8px !important; 5459} 5460/* ========================================================================== 5461 🛹 OCULTAR BOTÃN 'DOWNLOAD INVOICE' EN LA TABLA GENERAL DE PEDIDOS 5462 ========================================================================== */ 5463 5464a.woocommerce-button.wt_pklist_invoice_download, 5465a.wt_pklist_invoice_download[aria-label*="Download invoice"], 5466.woocommerce-orders-table__cell-order-actions a.wt_pklist_invoice_download { 5467 display: none !important; 5468} 5469/* ========================================================================== 5470 🛹 AJUSTE RESPONSIVE: BARRA DE SEGUIMIENTO EN MÃVILES 5471 ========================================================================== */ 5472@media (max-width: 480px) { 5473 /* 1. Hacer la tarjeta un poco más compacta en lados */ 5474 .suburbios-tracker-container { 5475 padding: 12px 8px !important; 5476 } 5477 5478 .suburbios-tracker-title { 5479 font-size: 16px !important; 5480 margin-bottom: 10px !important; 5481 } 5482 5483 /* 2. Reducir espacio entre columnas */ 5484 .suburbios-tracker-steps { 5485 gap: 2px !important; 5486 } 5487 5488 /* 3. Reducir tamaño de los emojis */ 5489 .suburbios-tracker-steps .step span { 5490 font-size: 16px !important; 5491 margin-bottom: 2px !important; 5492 } 5493 5494 /* 4. Reducir tamaño del texto para que no se rompa la palabra (PREPARANDO) */ 5495 .suburbios-tracker-steps .step p { 5496 font-size: 10px !important; 5497 letter-spacing: 0 !important; 5498 line-height: 1.1 !important; 5499 word-break: normal !important; 5500 } 5501} 5502/* ========================================================================== 5503 🛹 ESTILO ELEGANTE PARA FECHA DE SEGUIMIENTO (DESKTOP Y MOBILE) 5504 ========================================================================== */ 5505
5506/* 1. Estilo base de la etiqueta de fecha (Desktop) */ 5507.suburbios-tracker-steps .step .tracker-date { 5508 display: inline-block !important; 5509 font-family: 'Fira Sans', sans-serif !important; 5510 font-size: 12px !important; 5511 font-weight: 600 !important; 5512 color: #888888 !important; 5513 background: #f4f4f4 !important; 5514 padding: 3px 8px !important; 5515 border-radius: 12px !important; 5516 margin-top: 6px !important; 5517 line-height: 1 !important; 5518 border: 1px solid #e0e0e0 !important; 5519 white-space: nowrap !important; 5520 transition: all 0.2s ease !important; 5521} 5522 5523/* 2. Resaltar fecha cuando el paso está activo */ 5524.suburbios-tracker-steps .step.active .tracker-date { 5525 color: #111111 !important; 5526 background: #fff5f2 !important; 5527 border-color: #f5c4b8 !important; 5528} 5529 5530/* 3. Ajuste exclusivo para Pantallas de Celular (Mobile) */ 5531@media (max-width: 480px) { 5532 .suburbios-tracker-steps .step .tracker-date { 5533 font-size: 8.5px !important; 5534 padding: 2px 4px !important; 5535 margin-top: 4px !important; 5536 border-radius: 8px !important; 5537 letter-spacing: -0.2px !important; 5538 } 5539} 5540 5541/* ========================================================================== 5542 🛹
5542 ESTILO DE ESTRELLAS DE LA DESCRIPCIÃN (#tab-description) 5543 ========================================================================== */ 5544#tab-description p { 5545 line-height: 1.6 !important; 5546} 5547 5548/* Si usas la lista o el reemplazo, asegura que las estrellas no se encimen */ 5549#tab-description p, 5550#tab-description span { 5551 font-family: 'Fira Sans', sans-serif !important; 5552} 5553 5554/* ========================================================================== 5555 HOMOLOGACIÃN EXACTA DE TÃTULO "TE PODRÃA INTERESAR" EN CARRITO 5556 ========================================================================== */ 5557.woocommerce-cart .wp-block-paragraph, 5558.woocommerce-cart p.wp-block-paragraph:has(strong), 5559.woocommerce-cart p.wp-block-paragraph { 5560 font-family: "Bebas Neue", sans-serif !important; 5561 font-weight: 700 !important; 5562 font-style: normal !important; 5563 font-size: 22px !important; 5564 line-height: 39px !important; 5565 color: rgb(0, 0, 0) !important; 5566 text-transform: uppercase !important; 5567 margin-bottom: 15px !important; 5568} 5569 5570/* Quita el punto final si viene en el texto nativo y asegura el peso */ 5571.woocommerce-cart .wp-block-paragraph strong { 5572 font-family: inherit !important; 5573 font-weight: 700 !important; 5574} 5575/* ========================================================================== 5576 MANTENER ESTRUCTURA BACS: PINTAR IBAN Y BIC EN BLANCO (#FFFFFF) 5577 ========================================================================== */ 5578 5579/* 1. Volver invisibles las palabras "IBAN:" y "BIC:" pintándolas de blanco */ 5580ul.wc-bacs-bank-details li.iban, 5581ul.wc-bacs-bank-details li.bic { 5582 color: #ffffff !important; /* Mantiene la columna pero vuelve invisible el texto */ 5583} 5584 5585/* 2. Mantener las etiquetas strong internas en color negro nÃtido */ 5586ul.wc-bacs-bank-details li.iban strong, 5587ul.wc-bacs-bank-details li.bic strong { 5588 color: #111111 !important; /* Mantiene CLABE y NO. TARJETA visibles */ 5589} 5590/* ========================================================================== 5591 OCULTAR EL ÃLTIMO PÃRRAFO DUPLICADO DE COMISIÃN (OXXO PAY) 5592 ========================================================================== */ 5593 5594/* 1. Ocultar el SEGUNDO código de barras */ 5595.woocommerce-order p:has(img[src*="digitalfemsa"]) ~ p:has(img[src*="digitalfemsa"]) { 5596 display: none !important; 5597} 5598 5599/* 2. Ocultar la SEGUNDA referencia en grande */ 5600.woocommerce-order p[style*="30px"] ~ p[style*="30px"] { 5601 display: none !important; 5602} 5603 5604/* 3. Ocultar el último párrafo de comisión duplicado justo antes de los detalles */ 5605.woocommerce-order > p:not([class]):last-of-type { 5606 display: none !important; 5607} 5608/* ========================================================================== 5609 🛹 SUBURBIOS SKATE - ESTILO ROJO BEBAS NEUE PARA BOTÃN DE CUPÃN 5610 ========================================================================== */ 5611#fc-expansible-form-section__toggle-plus--coupon_code--573995, 5612a[data-section-key^="coupon_code"] { 5613 font-family: 'Bebas Neue', Arial, sans-serif !important; 5614 color: #bf3d36 !important; 5615 font-size: 16px !important; 5616 letter-spacing: 1px !important; 5617 text-transform: uppercase !important; 5618 text-decoration: none !important; 5619 transition: color 0.3s ease !important; 5620} 5621 5622/* Efecto Hover al pasar el cursor */ 5623#fc-expansible-form-section__toggle-plus--coupon_code--573995:hover, 5624a[data-section-key^="coupon_code"]:hover { 5625 color: #111111 !important; /* Cambia a negro al pasar el cursor */ 5626} 5627 5628/* ========================================================================== 5629 🛹 SUBURBIOS SKATE - PASARELAS DE PAGO ULTRA LIMPIAS (SIN SUBRAYADOS) 5630 ========================================================================== */ 5631 5632/* 1. ELIMINAR SUBRAYADOS, LÃNEAS Y MARCOS EXTERIORES EN TODOS LOS DISPOSITIVOS */ 5633ul.wc_payment_methods li.wc_payment_method, 5634ul.payment_methods li, 5635.wc_payment_method { 5636 border: none !important; 5637 border-bottom: none !important; 5638 background: transparent !important; 5639 background-color: transparent !important; 5640 padding: 0 !important; 5641 margin-bottom: 8px !important; 5642 box-shadow: none !important; 5643 outline: none !important; 5644} 5645 5646/* Ocultar pseudo-elementos o lÃneas separadoras internas que mete el plugin */ 5647ul.wc_payment_methods li::before, 5648ul.wc_payment_methods li::after, 5649ul.wc_payment_methods label::before, 5650ul.wc_payment_methods label::after { 5651 display: none !important; 5652 content: none !important; 5653 border: none !important; 5654} 5655 5656/* 2. ESTILO BASE DE LA TARJETA (Caja gris suave con esquinas redondeadas) */ 5657ul.wc_payment_methods li label, 5658.wc_payment_method label { 5659 display: flex !important;
5660 align-items: center !important; 5661 justify-content: space-between !important; 5662 width: 100% !important; 5663 min-height: 48px !important; 5664 padding: 10px 14px !important; 5665 background-color: #f9f9f9 !important; 5666 border: 1.5px solid #e5e5e5 !important; 5667 border-radius: 6px !important; 5668 margin: 0 !important; 5669 box-sizing: border-box !important; 5670 cursor: pointer !important; 5671 transition: all 0.2s ease !important; 5672} 5673 5674/* 3. ESTADO SELECCIONADO: Borde negro rudo e higiénico en la tarjeta */ 5675ul.wc_payment_methods li:has(input[type="radio"]:checked) label, 5676ul.wc_payment_methods li.wc_payment_method_selected label { 5677 background-color: #ffffff !important; 5678 border: 2px solid #111111 !important; 5679 box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important; 5680} 5681 5682/* 4. TEXTO Y LOGOS ALINEADOS */ 5683.payment-method__label-text { 5684 font-family: 'Helvetica', Arial, sans-serif !important; 5685 font-size: 13px !important; 5686 font-weight: 600 !important; 5687 color: #111111 !important; 5688 line-height: 1.3 !important; 5689 padding-right: 8px !important; 5690} 5691 5692.payment-method__label-icon, 5693span.payment-method__label-icon { 5694 margin-left: auto !important; 5695 display: flex !important; 5696 align-items: center !important; 5697 justify-content: flex-end !important; 5698 flex-shrink: 0 !important; 5699} 5700 5701.payment-method__label-icon img, 5702span.payment-method__label-icon img { 5703 max-height: 18px !important; 5704 width: auto !important; 5705 object-fit: contain !important; 5706} 5707 5708/* 5. CAJA DE TEXTO DESPLEGABLE (Instrucciones de pago) */ 5709div.payment_box { 5710 background-color: #f5f5f5 !important; 5711 border: 1px solid #e0e0e0 !important; 5712 border-left: 3px solid #111111 !important; 5713 border-radius: 4px !important; 5714 padding: 10px 12px !important; 5715 margin: 6px 0 10px 0 !important; 5716 font-family: 'Fira Sans', sans-serif !important; 5717 font-size: 12px !important; 5718 color: #333333 !important; 5719 line-height: 1.4 !important; 5720 box-shadow: none !important; 5721} 5722 5723div.payment_box p { 5724 margin: 0 !important; 5725 padding: 0 !important; 5726} 5727 5728/* Radio button de selección */ 5729ul.wc_payment_methods input[type="radio"] { 5730 accent-color: #111111 !important; 5731 margin-right: 10px !important; 5732 transform: scale(1.1) !important; 5733 cursor: pointer !important; 5734 flex-shrink: 0 !important; 5735} 5736 5737 5738/* ========================================================================== 5739 📱 COMPACTACIÃN EXTREMA MÃVIL 5740 ========================================================================== */ 5741@media (max-width: 768px) { 5742 ul.wc_payment_methods li label, 5743 .wc_payment_method label { 5744 padding: 8px 10px !important; 5745 min-height: 42px !important; 5746 } 5747 5748 .payment-method__label-text { 5749 font-size: 11.5px !important; 5750 } 5751 5752 .payment-method__label-icon img, 5753 span.payment-method__label-icon img { 5754 max-height: 15px !important; 5755 } 5756 5757 div.payment_box { 5758 padding: 8px 10px !important; 5759 font-size: 11px !important; 5760 } 5761} 5762/* ========================================================================== 5763 🛹 SUBURBIOS SKATE - ALINEACIÃN A LA IZQUIERDA EN PASARELAS DE PAGO 5764 ========================================================================== */ 5765 5766/* 1. Forzar alineación a la izquierda en las tarjetas y etiquetas */ 5767ul.wc_payment_methods li label, 5768.wc_payment_method label, 5769.payment-method__label-text { 5770 text-align: left !important; 5771 justify-content: flex-start !important; 5772} 5773 5774/* 2. Mantener el tÃtulo del método pegado a la izquierda */ 5775span.payment-method__label-text { 5776 text-align: left !important; 5777 margin-right: auto !important; /* Empuja el icono hacia la derecha */ 5778 padding-left: 0 !important; 5779} 5780 5781/* 3. Asegurar que la caja del texto instructivo (payment_box) alinee a la izquierda */ 5782div.payment_box, 5783div.payment_box p { 5784 text-align: left !important; 5785} 5786/* ========================================================================== 5787 🛹 SUBURBIOS SKATE - REDUCCIÃN FORZADA LOGO CREDITEA (DESKTOP + MOBILE) 5788 ========================================================================== */ 5789
5790/* Regla Global */ 5791.payment_method_creditea label img, 5792span.payment_method_label_icon img, 5793label[for*="creditea"] img, 5794img[src*="Creditea_logo_dark"], 5795.wc_payment_method.payment_method_creditea img { 5796 max-height: 16px !important; 5797 height: 16px !important; 5798 width: auto !important; 5799 object-fit: contain !important; 5800 display: inline-block !important; 5801 vertical-align: middle !important; 5802} 5803 5804/* Blindaje EspecÃfico para Pantallas Móviles */ 5805@media (max-width: 768px) { 5806 .payment_method_creditea label img, 5807 span.payment_method_label_icon img, 5808 label[for*="creditea"] img, 5809 img[src*="Creditea_logo_dark"], 5810 .wc_payment_method.payment_method_creditea img, 5811 ul.wc_payment_methods li.payment_method_creditea label .payment-method__label-icon img { 5812 max-height: 10px !important; 5813 height: 10px !important; 5814 width: auto !important; 5815 } 5816} 5817/* ========================================================================== 5818 OCULTAR FILA DE ENVÃO POR COMPLETO EN LA PÃGINA DE CARRITO 5819 ========================================================================== */ 5820.woocommerce-cart .cart_totals tr.shipping, 5821.woocommerce-cart table.shop_table tr.shipping, 5822.woocommerce-cart tr.woocommerce-shipping-totals { 5823 display: none !important; 5824 visibility: hidden !important; 5825 opacity: 0 !important; 5826 height: 0 !important; 5827 margin: 0 !important; 5828 padding: 0 !important; 5829 overflow: hidden !important; 5830} 5831/* ========================================================================== 5832 COMPACTACIÃN ULTRA-MÃVIL EN PDP (BOTÃN VISIBLE PRIMERA PANTALLA) 5833 ========================================================================== */ 5834@media (max-width: 768px) { 5835 5836 /* 1. Reducir altura de la imagen principal para no ocupar toda la pantalla */ 5837 .single-product .woocommerce-product-gallery .flex-viewport, 5838 .single-product .woocommerce-product-gallery img.wp-post-image { 5839 max-height: 380px !important; 5840 object-fit: contain !important; 5841 margin-bottom: 0 !important; 5842 } 5843 5844 /* 2. Miniaturas de la galerÃa más chicas y pegadas a la foto principal */ 5845 .single-product .woocommerce-product-gallery .flex-control-nav, 5846 .single-product .product-gal-thumbnails, 5847 .single-product .kadence-thumbnail-slider { 5848 margin-top: 6px !important; 5849 padding-bottom: 4px !important; 5850 gap: 6px !important; 5851 } 5852 5853 .single-product .woocommerce-product-gallery .flex-control-nav li, 5854 .single-product .woocommerce-product-gallery .flex-control-nav li img { 5855 width: 42px !important; 5856 height: 42px !important; 5857 } 5858 5859 /* 3. Pegar el bloque de información (Migas, TÃtulo, Precio) hacia arriba */ 5860 .single-product div.product .entry-summary, 5861 .single-product div.product .summary { 5862 margin-top: 6px !important; 5863 padding-top: 0 !important; 5864 } 5865 5866 /* Migas de pan compactas */ 5867 .single-product .entry-summary .woocommerce-breadcrumb, 5868 .single-product .entry-summary #kadence-breadcrumbs { 5869 margin-bottom: 4px !important; 5870 font-size: 9px !important; 5871 line-height: 1.1 !important; 5872 } 5873 5874 /* 4. TÃtulo en Bebas Neue ligeramente más bajo para ahorrar saltos de lÃnea */ 5875 .single-product .entry-summary h1.product_title { 5876 font-size: 20px !important; 5877 line-height: 1.15 !important; 5878 margin-bottom: 4px !important; 5879 padding-bottom: 0 !important; 5880 } 5881 5882 /* 5. Precio pegado al botón */ 5883 .single-product .entry-summary p.price { 5884 font-size: 20px !important; 5885 margin-top: 2px !important; 5886 margin-bottom: 8px !important; 5887 } 5888 5889 /* Botón Comprar listo en primera pantalla */ 5890 .single-product .entry-summary form.cart { 5891 margin-top: 0 !important; 5892 margin-bottom: 10px !important; 5893 } 5894 5895 .single-product .entry-summary .single_add_to_cart_button { 5896 height: 40px !important; 5897 font-size: 15px !important; 5898 } 5899} 5900/* ========================================================================== 5901 ELIMINAR ESPACIO MUERTO ENTRE GALERÃA Y MIGAS DE PAN (MÃVIL) 5902 ========================================================================== */ 5903@media (max-width: 768px) { 5904 5905 /* 1. Eliminar margen inferior de todo el contenedor de la galerÃa */ 5906 .single-product .woocommerce-product-gallery, 5907 .single-product div.product .woocommerce-product-gallery { 5908 margin-bottom: 0 !important; 5909 padding-bottom: 0 !important; 5910 } 5911 5912 /* 2. Pegar la tira de miniaturas al borde inferior exacto de la galerÃa */ 5913 .single-product .woocommerce-product-gallery .flex-control-nav, 5914 .single-product .product-gal-thumbnails, 5915 .single-product .kadence-thumbnail-slider { 5916 margin-bottom: 0 !important; 5917 padding-bottom: 0 !important; 5918 } 5919 5920 /* 3. Anular el margen superior del bloque que contiene las migas de pan y el tÃtulo */ 5921 .single-product div.product .entry-summary, 5922 .single-product div.product .summary, 5923 .single-product .entry-summary .woocommerce-breadcrumb, 5924 .single-product .entry-summary #kadence-breadcrumbs { 5925 margin-top: 2px !important; 5926 padding-top: 2px !important; 5927 } 5928} 5929/* ========================================================================== 5930 🛹 BOTÃN BOOKMARK ESTILO INSTAGRAM (POSICIÃN OPTIMIZADA EN FOTO) 5931 ========================================================================== */ 5932
5933/* 1. Preparar contenedores de imagen */ 5934.single-product .woocommerce-product-gallery, 5935.single-product .woocommerce-product-gallery__image, 5936.single-product .flex-viewport, 5937ul.products li.product { 5938 position: relative !important; 5939} 5940 5941/* 2. Estilo Base del Botón Flotante */ 5942.suburbios-bookmark-btn { 5943 position: absolute !important; 5944 bottom: 20px !important; /* Elevado en catálogo general */ 5945 right: 15px !important; 5946 z-index: 25 !important; 5947 width: 36px !important; 5948 height: 36px !important; 5949 border-radius: 50% !important; 5950 background-color: rgba(255, 255, 255, 0.9) !important; 5951 border: 1px solid #e0e0e0 !important; 5952 display: flex !important; 5953 align-items: center !important; 5954 justify-content: center !important; 5955 cursor: pointer !important; 5956 padding: 0 !important; 5957 box-shadow: 0 3px 8px rgba(0,0,0,0.15) !important; 5958 transition: all 0.2s ease !important; 5959 outline: none !important; 5960} 5961 5962.suburbios-bookmark-btn .suburbios-bookmark-icon { 5963 color: #111111 !important; 5964 fill: transparent !important; 5965 transition: all 0.2s ease !important; 5966} 5967 5968/* Hover */ 5969.suburbios-bookmark-btn:hover { 5970 transform: scale(1.1) !important; 5971 background-color: #ffffff !important; 5972} 5973 5974/* 3. ESTADO GUARDADO (Negro sólido) */ 5975.suburbios-bookmark-btn.saved { 5976 background-color: #000000 !important; 5977 border-color: #000000 !important; 5978} 5979 5980.suburbios-bookmark-btn.saved .suburbios-bookmark-icon { 5981 color: #ffffff !important; 5982 fill: #ffffff !important; 5983} 5984 5985/* 4. POSICIONAMIENTO ELEVADO EN FICHA DE PRODUCTO (PDP DESKTOP) */ 5986.single-product .suburbios-pdp-bookmark-container, 5987.suburbios-bookmark-btn.pdp-floated { 5988 position: absolute !important; 5989 bottom: 60px !important; /* 🚀 SUBIDO: Despega el botón de las pestañas inferiores */ 5990 right: 25px !important; 5991 z-index: 99 !important; 5992} 5993 5994/* 5. OPTIMIZACIÃN RESPONSIVA EN MÃVILES (<768px) */ 5995@media (max-width: 768px) { 5996 .suburbios-bookmark-btn { 5997 width: 32px !important; 5998 height: 32px !important; 5999 bottom: 12px !important; 6000 right: 12px !important; 6001 } 6002 6003 .suburbios-bookmark-btn .suburbios-bookmark-icon { 6004 width: 16px !important; 6005 height: 16px !important; 6006 } 6007 6008 /* Subido en móvil para no encima de la tira de miniaturas */ 6009 .single-product .suburbios-pdp-bookmark-container, 6010 .suburbios-bookmark-btn.pdp-floated { 6011 bottom: 50px !important; /* 🚀 SUBIDO EN MÃVIL: Flota limpio sobre la imagen sin tapar miniaturas */ 6012 right: 15px !important; 6013 } 6014} 6015 6016/* ========================================================================== 6017 🛹 REJILLA DE PRODUCTOS GUARDADOS (CORREGIDO: BOOKMARK SOBRE LA FOTO) 6018 ========================================================================== */ 6019.suburbios-guardados-grid { 6020 display: grid !important; 6021 grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; 6022 gap: 30px 20px !important; 6023 margin-top: 20px !important; 6024} 6025 6026.suburbios-card-guardado { 6027 border: none !important; 6028 border-radius: 0px !important; 6029 padding: 0 !important; 6030 position: relative !important; /* Mantiene la foto como referencia absoluta */ 6031 background: transparent !important; 6032 text-align: left !important; 6033 box-shadow: none !important; 6034 display: flex !important; 6035 flex-direction: column !important; 6036 align-items: flex-start !important; 6037} 6038 6039/* 🚀 POSICIONA EL BOOKMARK ARRIBA/ABAJO DE LA FOTO EN LA ESQUINA DERECHA */ 6040.suburbios-card-guardado .suburbios-bookmark-btn { 6041 position: absolute !important; 6042 top: 10px !important; /* Lo ubica en la esquina superior derecha de la foto */ 6043 right: 10px !important; 6044 bottom: auto !important; 6045 z-index: 10 !important; 6046} 6047 6048.suburbios-card-guardado a { 6049 text-decoration: none !important; 6050 color: inherit !important; 6051 width: 100% !important; 6052 text-align: left !important; 6053 display: block !important; 6054} 6055 6056.suburbios-card-guardado img { 6057 width: 100% !important; 6058 height: 220px !important; 6059 object-fit: contain !important; 6060 margin-bottom: 12px !important; 6061} 6062 6063.suburbios-card-guardado h3 { 6064 font-family: 'Bebas Neue', sans-serif !important; 6065 font-size: 16px !important; 6066 letter-spacing: 0.5px !important; 6067 color: #111111 !important; 6068 margin: 8px 0 4px 0 !important; 6069 line-height: 1.25 !important; 6070 text-align: left !important; 6071} 6072 6073.suburbios-card-guardado .price { 6074 font-family: 'Fira Sans', sans-serif !important; 6075 font-weight: 700 !important; 6076 margin-bottom: 12px !important; 6077 font-size: 15px !important; 6078 color: #111111 !important; 6079 text-align: left !important; 6080} 6081 6082/* Botón VER PRODUCTO limpio */ 6083.suburbios-card-guardado .button-ver { 6084 font-family: 'Bebas Neue', sans-serif !important; 6085 background: #000000 !important; 6086 color: #ffffff !important; 6087 padding: 8px 18px !important; 6088 text-decoration: none !important; 6089 border-radius: 4px !important; 6090 display: inline-block !important; 6091 font-size: 13px !important; 6092 letter-spacing: 0.8px !important; 6093 text-transform: uppercase !important; 6094 transition: background-color 0.2s ease !important; 6095 width: auto !important; /* Ancho natural ajustado al texto */ 6096} 6097 6098.suburbios-card-guardado .button-ver:hover { 6099 background: #222222 !important; 6100} 6101 6102/* Ajuste móvil */ 6103@media (max-width: 768px) { 6104 .suburbios-guardados-grid { 6105 grid-template-columns: repeat(2, 1fr) !important; 6106 gap: 20px 12px !important; 6107 } 6108 6109 .suburbios-card-guardado img { 6110 height: 160px !important; 6111 } 6112} 6113/* 🛹 SUBURBIOS SKATE - ALINEACIÃN Y DISTRIBUCIÃN UNIFORME EN WISHLIST */ 6114 6115/* 1. Rejilla uniforme de productos */ 6116.suburbios-guardados-grid { 6117 display: grid !important; 6118 grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; 6119 gap: 25px !important;
6120 align-items: stretch !important; 6121} 6122 6123/* 2. Tarjeta con distribución flexible */ 6124.suburbios-card-guardado { 6125 position: relative !important; 6126 display: flex !important; 6127 flex-direction: column !important; 6128 justify-content: space-between !important; 6129 height: 100% !important; 6130 padding: 15px !important; 6131 background: #ffffff !important; 6132 border: 0px solid #f0f0f0 !important; 6133 border-radius: 8px !important; 6134 box-shadow: 0 0px 0px rgba(0,0,0,0.04) !important; 6135 text-align: center !important; 6136} 6137 6138/* 3. Contenedor de Imagen con altura fija uniforme */ 6139.suburbios-card-guardado a { 6140 display: flex !important; 6141 flex-direction: column !important; 6142 text-decoration: none !important; 6143 color: inherit !important; 6144 flex-grow: 1 !important; 6145} 6146 6147.suburbios-card-guardado img { 6148 height: 200px !important; /* Altura estándar para que encajen patinetas y trucks */ 6149 width: 100% !important; 6150 object-fit: contain !important; /* Centra y escala sin deformar */ 6151 margin-bottom: 12px !important; 6152} 6153 6154/* 4. TÃtulo con altura reservada (evita saltos si el tÃtulo es de 1 o 2 lÃneas) */ 6155.suburbios-card-guardado h3 { 6156 font-size: 13px !important; 6157 font-weight: 700 !important; 6158 text-transform: uppercase !important; 6159 line-height: 1.3 !important; 6160 margin: 0 0 10px 0 !important; 6161 min-height: 34px !important; /* Reserva espacio para 2 lÃneas */ 6162 display: -webkit-box !important; 6163 -webkit-line-clamp: 2 !important; 6164 -webkit-box-orient: vertical !important; 6165 overflow: hidden !important; 6166} 6167 6168/* 5. Precio empujado al fondo para alinear con el botón */ 6169.suburbios-card-guardado .price { 6170 font-size: 15px !important; 6171 font-weight: 800 !important; 6172 color: #111111 !important; 6173 margin-bottom: 12px !important; 6174} 6175 6176/* 6. Botón de Ver Producto fijo al pie */ 6177.suburbios-card-guardado .button-ver { 6178 background-color: #111111 !important; 6179 color: #ffffff !important; 6180 padding: 10px 15px !important; 6181 font-size: 12px !important; 6182 font-weight: 700 !important; 6183 text-decoration: none !important; 6184 border-radius: 4px !important; 6185 display: block !important; 6186 margin-top: auto !important; /* Empuja el botón al final de la tarjeta */ 6187 transition: background-color 0.2s ease !important; 6188} 6189 6190.suburbios-card-guardado .button-ver:hover { 6191 background-color: #333333 !important; 6192} 6193/* 🛹 SUBURBIOS SKATE - REEMPLAZAR LOGO DEFAULT DE TRUSTINDEX POR LOGO OFICIAL */ 6194.ti-widget .ti-footer .ti-profile-img img, 6195.ti-widget .ti-profile-img img[src*="default_avatar.jpg"] { 6196 content: url("https://suburbiosskateboards.com.mx/wp-content/uploads/2024/07/LOGO-SUBURBIOS-SKATE-scaled.png") !important; 6197 object-fit: contain !important; 6198 border-radius: 50% !important; 6199 background-color: #ffffff !important; /* Asegura un fondo blanco para que resalte el logo */ 6200 padding: 2px !important; 6201} 6202/* 🛹 SUBURBIOS SKATE - EXPANDIR Y DISTRIBUIR TIENDAS AL 100% (AZCAPO Y LIRA) */ 6203@media (min-width: 1025px) { 6204 /* 1. Obliga al contenedor padre a medir el 100% de la pantalla en Desktop */ 6205 .kt-row-column-wrap:has(.kadence-column2089_c5fe46-ed), 6206 .kt-row-column-wrap:has(.kadence-column2089_c0de09-9f) { 6207 width: 100% !important; 6208 max-width: 100% !important; 6209 display: flex !important; 6210 justify-content: space-between !important; 6211 gap: 30px !important;
6211 /* Espacio limpio entre ambas tiendas */ 6212 } 6213 6214 /* 2. Forzar que la columna AZCAPO ocupe el 50% exacto */ 6215 .kadence-column2089_c5fe46-ed { 6216 width: calc(50% - 15px) !important; 6217 flex: 0 0 calc(50% - 15px) !important; 6218 max-width: calc(50% - 15px) !important; 6219 box-sizing: border-box !important; 6220 } 6221 6222 /* 3. Forzar que la columna LIRA ocupe el 50% exacto */ 6223 .kadence-column2089_c0de09-9f { 6224 width: calc(50% - 15px) !important; 6225 flex: 0 0 calc(50% - 15px) !important; 6226 max-width: calc(50% - 15px) !important; 6227 box-sizing: border-box !important; 6228 } 6229 6230 /* 4. Estirar la foto de Azcapo para llenar la tarjeta */ 6231 .kadence-column2089_c5fe46-ed img, 6232 .kb-image2089_8a4661-c3 img { 6233 width: 100% !important; 6234 height: 250px !important; 6235 object-fit: cover !important; 6236 } 6237 6238 /* 5. Estirar la foto de Lira para llenar la tarjeta */ 6239 .kadence-column2089_c0de09-9f img, 6240 .kb-image2089_f67f42-0c img { 6241 width: 100% !important; 6242 height: 250px !important; 6243 object-fit: cover !important; 6244 } 6245} 6246/* 🛹 SUBURBIOS SKATE - FORZAR 2 COLUMNAS DE TIENDAS EN MÃVIL (< 1025PX) */ 6247@media (max-width: 1024px) { 6248 /* 1. Forzar a la fila a mantener 2 columnas en horizontal */ 6249 .kt-row-column-wrap:has(.kadence-column2089_c5fe46-ed), 6250 .kt-row-column-wrap:has(.kadence-column2089_c0de09-9f) { 6251 display: flex !important; 6252 flex-direction: row !important; 6253 flex-wrap: nowrap !important; 6254 justify-content: space-between !important; 6255 gap: 10px !important; /* Separación fina en móvil */ 6256 width: 100% !important; 6257 } 6258 6259 /* 2. Dar 50% de ancho a Azcapo y Lira en móvil */ 6260 .kadence-column2089_c5fe46-ed, 6261 .kadence-column2089_c0de09-9f { 6262 width: calc(50% - 5px) !important; 6263 flex: 0 0 calc(50% - 5px) !important; 6264 max-width: calc(50% - 5px) !important; 6265 box-sizing: border-box !important; 6266 } 6267 6268 /* 3. Reducir la altura de las imágenes en móvil para que no se vean gigantes */ 6269 .kadence-column2089_c5fe46-ed img, 6270 .kadence-column2089_c0de09-9f img, 6271 .kb-image2089_8a4661-c3 img, 6272 .kb-image2089_f67f42-0c img { 6273 width: 100% !important; 6274 height: 140px !important; /* Altura compacta ideal para celular */ 6275 object-fit: cover !important; 6276 } 6277} 6278/* 🛹 SUBURBIOS SKATE - PEGAR BOTÃN VER MÃS AL CARRUSEL (CERO MARGENES) */ 6279div.component_pagination, 6280.component_pagination.cp_clearfix.bottom, 6281.component_options_append { 6282 margin-top: 0 !important; 6283 padding-top: 0 !important; 6284} 6285 6286/* Eliminar también el margen inferior del carrusel/lista de productos de arriba */ 6287ul.component_option_thumbnails_container, 6288.component_options_container { 6289 margin-bottom: 0 !important; 6290 padding-bottom: 0 !important; 6291} 6292 6293/* Ajustar el botón fÃsico para eliminar espacio superior heredado */ 6294button.component_options_load_more, 6295.button.component_options_load_more { 6296 margin-top: 15px !important; 6297} 6298/* 🛹 SUBURBIOS SKATE - MARGEN INFERIOR DE 10PX EN EL CONFIGURADOR */ 6299form.cart.cart_group.composite_form, 6300form.cart_group.composite_form { 6301 margin-bottom: 10px !important; 6302} 6303/* ========================================================================== 6304 🛹 REPARACIÃN DIRECTA DE TABLA FLUID CHECKOUT (APARTA-SUBU) 6305 ========================================================================== */ 6306 6307/* 1. Forzar a la fila a ser de tipo bloque ancho 100% */ 6308.fc-checkout-order-review table tr.fee, 6309.woocommerce-checkout table.shop_table tr.fee, 6310tr.fee { 6311 display: table-row !important; 6312 width: 100% !important; 6313 border-top: 1px solid #e0e0e0 !important; 6314} 6315 6316/* 2. Formatear la celda del texto (Izquierda) */ 6317.fc-checkout-order-review table tr.fee th, 6318.woocommerce-checkout table.shop_table tr.fee th, 6319tr.fee th { 6320 display: table-cell !important; 6321 text-align: left !important; 6322 padding: 12px 0 !important; 6323 font-family: 'Fira Sans', sans-serif !important; 6324 font-size: 13px !important; 6325 font-weight: 700 !important; 6326 color: #111111 !important; 6327 vertical-align: middle !important; 6328 border: none !important; 6329 width: 60% !important; 6330} 6331 6332/* 3. Formatear la celda del importe (Derecha Total) */ 6333.fc-checkout-order-review table tr.fee td, 6334.woocommerce-checkout table.shop_table tr.fee td, 6335tr.fee td { 6336 display: table-cell !important; 6337 text-align: right !important; 6338 padding: 12px 0 12px 0 !important; 6339 font-family: 'Fira Sans', sans-serif !important; 6340 font-size: 14px !important; 6341 font-weight: 700 !important; 6342 color: #111111 !important; 6343 vertical-align: middle !important; 6344 border: none !important; 6345 width: 40% !important; 6346} 6347 6348/* 4. Forzar que la cifra del precio flote alineada a la derecha de su celda */
6349tr.fee td span.woocommerce-Price-amount { 6350 display: block !important; 6351 text-align: right !important; 6352 width: 100% !important; 6353} 6354 6355/* Ocultar etiquetas duplicadas en celular */ 6356tr.fee td::before { 6357 display: none !important; 6358 content: "" !important; 6359} 6360/* ========================================================================== 6361 🛹 COLAPSO TOTAL DE ALTURA EN FLUID CHECKOUT (.fc-content) 6362 ========================================================================== */ 6363 6364/* 1. Anular la altura forzada por JS en el contenedor principal */ 6365.woocommerce-checkout div.fc-content, 6366.woocommerce-checkout #main.content-area, 6367.woocommerce-checkout #main, 6368div.fc-content { 6369 height: auto !important; 6370 min-height: 0 !important; 6371 max-height: none !important; 6372 margin-bottom: 0 !important; 6373 padding-bottom: 0 !important; 6374} 6375 6376/* 2. Ajustar el envoltorio de los pasos para que no estire la página */ 6377.woocommerce-checkout #fc-wrapper, 6378.woocommerce-checkout .fc-wrapper, 6379.woocommerce-checkout .fc-inside { 6380 height: auto !important; 6381 min-height: 0 !important; 6382 margin-bottom: 0 !important; 6383 padding-bottom: 0px !important; 6384} 6385 6386/* 3. Limpiar los márgenes del pie de página en el Checkout */ 6387.woocommerce-checkout #colophon, 6388.woocommerce-checkout .site-footer { 6389 margin-top: 20px !important; 6390} 6391 6392/* ========================================================================== 6393 🛹 SUBURBIOS SKATE - CARDS MODERNAS DE ACCESO Y REGISTRO 6394 ========================================================================== */ 6395 6396/* 1. Mover los tÃtulos originales afuera/ocultarlos para meterlos directo en la tarjeta */ 6397.woocommerce-account #customer_login h2 { 6398 font-family: 'Bebas Neue', sans-serif !important; 6399 font-size: 24px !important; 6400 letter-spacing: 1px !important; 6401 color: #111111 !important; 6402 margin: 0 0 15px 0 !important; 6403 padding-bottom: 10px !important; 6404 border-bottom: 1.5px solid #111111 !important; 6405 text-transform: uppercase !important; 6406} 6407 6408/* 2. Disposición en 2 columnas paralelas estricta */ 6409.woocommerce-account #customer_login { 6410 display: flex !important; 6411 flex-direction: row !important; 6412 justify-content: space-between !important; 6413 gap: 24px !important; 6414 margin-top: 25px !important; 6415 margin-bottom: 35px !important; 6416 width: 100% !important; 6417 align-items: stretch !important; /* Fuerza altura igual en ambas tarjetas */ 6418} 6419 6420/* 3. Estilizado de las tarjetas internas */ 6421.woocommerce-account #customer_login .col-1, 6422.woocommerce-account #customer_login .col-2, 6423.woocommerce-account .u-column1, 6424.woocommerce-account .u-column2 { 6425 width: calc(50% - 12px) !important; 6426 flex: 1 1 50% !important; 6427 background: #fafafa !important; 6428 border: 2px solid #111111 !important; 6429 border-radius: 6px !important; 6430 padding: 24px !important; 6431 box-sizing: border-box !important; 6432 display: flex !important; 6433 flex-direction: column !important; 6434 justify-content: space-between !important; 6435 margin: 0 !important; 6436} 6437 6438/* 4. Formularios internos */ 6439.woocommerce-account #customer_login form { 6440 display: flex !important; 6441 flex-direction: column !important; 6442 height: 100% !important; 6443 justify-content: space-between !important; 6444 margin: 0 !important; 6445 padding: 0 !important; 6446 border: none !important; 6447 background: transparent !important; 6448} 6449 6450/* 5. Labels de campos */ 6451.woocommerce-account #customer_login label { 6452 font-family: 'Fira Sans', sans-serif !important; 6453 font-size: 11px !important; 6454 font-weight: 600 !important; 6455 color: #333333 !important; 6456 text-transform: none !important; 6457 margin-bottom: 4px !important; 6458} 6459 6460/* 6. Inputs */ 6461.woocommerce-account #customer_login input[type="text"], 6462.woocommerce-account #customer_login input[type="email"], 6463.woocommerce-account #customer_login input[type="password"] { 6464 width: 100% !important; 6465 height: 40px !important; 6466 border: 1px solid #cccccc !important; 6467 border-radius: 4px !important; 6468 padding: 0 10px !important; 6469 font-family: 'Fira Sans', sans-serif !important; 6470 font-size: 13px !important; 6471 background: #ffffff !important; 6472 box-sizing: border-box !important; 6473} 6474 6475.woocommerce-account #customer_login input:focus { 6476 border-color: #111111 !important; 6477 outline: none !important; 6478} 6479 6480/* 7. Botones (ACCESO y REGISTRARSE) pegados al pie de la tarjeta */ 6481.woocommerce-account #customer_login button.button, 6482.woocommerce-account #customer_login button[name="login"], 6483.woocommerce-account #customer_login button[name="register"] { 6484 width: 100% !important; 6485 height: 42px !important; 6486 background-color: #111111 !important; 6487 color: #ffffff !important; 6488 font-family: 'Bebas Neue', sans-serif !important; 6489 font-size: 17px !important; 6490 letter-spacing: 1px !important; 6491 text-transform: uppercase !important; 6492 border: none !important; 6493 border-radius: 4px !important; 6494 cursor: pointer !important; 6495 margin-top: 15px !important; 6496 transition: background-color 0.2s ease !important; 6497} 6498 6499.woocommerce-account #customer_login button.button:hover { 6500 background-color: #e2401c !important; /* Rojo Suburbios */ 6501} 6502 6503/* 8. Textos auxiliares */ 6504.woocommerce-account #customer_login .woocommerce-LostPassword { 6505 margin-top: 10px !important; 6506 margin-bottom: 0 !important; 6507 text-align: center !important; 6508} 6509 6510.woocommerce-account #customer_login .woocommerce-LostPassword a { 6511 font-family: 'Fira Sans', sans-serif !important; 6512 font-size: 11px !important; 6513 color: #e2401c !important; 6514 text-decoration: underline !important; 6515} 6516 6517.woocommerce-account #customer_login .woocommerce-Privacy-policy-text p { 6518 font-family: 'Fira Sans', sans-serif !important; 6519 font-size: 10.5px !important; 6520 color: #666666 !important; 6521 line-height: 1.4 !important; 6522 margin-top: 8px !important; 6523 margin-bottom: 8px !important; 6524} 6525 6526/* 📱 9. Responsivo en Celulares (< 768px) */ 6527@media (max-width: 768px) { 6528 .woocommerce-account #customer_login { 6529 flex-direction: column !important; 6530 gap: 20px !important; 6531 } 6532 6533 .woocommerce-account #customer_login .col-1, 6534 .woocommerce-account #customer_login .col-2, 6535 .woocommerce-account .u-column1, 6536 .woocommerce-account .u-column2 { 6537 width: 100% !important; 6538 padding: 18px !important; 6539 } 6540} 6541 6542/* ========================================================================== 6543 🛹 SUBURBIOS SKATE - HOMOLOGACIÃN EXACTA DE DIRECCIONES (CARDS TIPO LOGIN) 6544 ========================================================================== */ 6545
6546/* 1. Mover las direcciones a 2 columnas paralelas simétricas */ 6547.woocommerce-account .woocommerce-addresses, 6548.woocommerce-account .u-columns.addresses { 6549 display: flex !important; 6550 flex-direction: row !important; 6551 justify-content: space-between !important; 6552 gap: 24px !important; 6553 margin-top: 25px !important; 6554 margin-bottom: 35px !important; 6555 width: 100% !important; 6556 align-items: stretch !important; /* Mismas alturas que en Login */ 6557} 6558 6559/* 2. Tarjeta idéntica a Acceso / Registro (Fondo #fafafa y Borde 2px) */ 6560.woocommerce-account .woocommerce-Address, 6561.woocommerce-account .u-column1.addresses, 6562.woocommerce-account .u-column2.addresses { 6563 width: calc(50% - 12px) !important; 6564 flex: 1 1 50% !important; 6565 background: #fafafa !important; 6566 border: 2px solid #111111 !important; 6567 border-radius: 6px !important; 6568 padding: 24px !important; 6569 box-sizing: border-box !important; 6570 display: flex !important; 6571 flex-direction: column !important; 6572 justify-content: space-between !important; 6573 margin: 0 !important; 6574 position: relative !important; 6575} 6576 6577/* 3. TÃtulo de la tarjeta con lÃnea divisoria negra superior */ 6578.woocommerce-account .woocommerce-Address-title, 6579.woocommerce-account .addresses header.title { 6580 display: flex !important; 6581 justify-content: space-between !important; 6582 align-items: center !important; 6583 margin: 0 0 15px 0 !important; 6584 padding-bottom: 10px !important; 6585 border-bottom: 1.5px solid #111111 !important; 6586 width: 100% !important; 6587} 6588 6589.woocommerce-account .woocommerce-Address-title h3, 6590.woocommerce-account .addresses h3 { 6591 font-family: 'Bebas Neue', sans-serif !important; 6592 font-size: 22px !important; 6593 letter-spacing: 1px !important; 6594 color: #111111 !important; 6595 margin: 0 !important; 6596 padding: 0 !important; 6597 text-transform: uppercase !important; 6598 line-height: 1 !important; 6599} 6600 6601/* 4. Botón EDITAR compacto y elegante (Sin ser una plasta negra gigante) */ 6602.woocommerce-account .woocommerce-Address-title a.edit, 6603.woocommerce-account .addresses a.edit, 6604.woocommerce-account .woocommerce-Address a.edit { 6605 font-family: 'Bebas Neue', sans-serif !important; 6606 font-size: 13px !important; 6607 letter-spacing: 0.8px !important; 6608 background-color: #111111 !important; 6609 color: #ffffff !important; 6610 padding: 5px 12px !important; 6611 border-radius: 4px !important; 6612 text-decoration: none !important; 6613 text-transform: uppercase !important; 6614 transition: background-color 0.2s ease !important; 6615 display: inline-block !important; 6616 float: none !important; 6617 white-space: nowrap !important; 6618 line-height: 1.2 !important; 6619} 6620 6621.woocommerce-account .woocommerce-Address-title a.edit:hover, 6622.woocommerce-account .addresses a.edit:hover { 6623 background-color: #e2401c !important; /* Rojo Suburbios */ 6624 color: #ffffff !important; 6625} 6626 6627/* 5. Formato de la Dirección / Texto */ 6628.woocommerce-account .woocommerce-Address address, 6629.woocommerce-account .addresses address { 6630 font-family: 'Fira Sans', sans-serif !important; 6631 font-size: 13px !important; 6632 line-height: 1.6 !important; 6633 color: #444444 !important; 6634 font-style: normal !important; 6635 margin-top: 5px !important; 6636 margin-bottom: 0 !important; 6637} 6638 6639/* 📱 6. COMPORTAMIENTO MÃVIL (< 768px): Pasa a 1 columna limpia */ 6640@media (max-width: 768px) {
6641 .woocommerce-account .woocommerce-addresses, 6642 .woocommerce-account .u-columns.addresses { 6643 flex-direction: column !important; 6644 gap: 20px !important; 6645 } 6646 6647 .woocommerce-account .woocommerce-Address, 6648 .woocommerce-account .u-column1.addresses, 6649 .woocommerce-account .u-column2.addresses { 6650 width: 100% !important; 6651 padding: 18px !important; 6652 } 6653 6654 .woocommerce-account .woocommerce-Address-title h3 { 6655 font-size: 18px !important; 6656 } 6657} 6658/* ========================================================================== 6659 🛹 SUBURBIOS SKATE - ESTILOS PRODUCTOS GUARDADOS (CARD ESTADO VACÃO) 6660 ========================================================================== */ 6661 6662#suburbios-wishlist-wrapper { 6663 max-width: 800px; 6664 margin: 20px auto 40px auto; 6665 width: 100%; 6666} 6667 6668.suburbios-wishlist-empty-card { 6669 background: #fafafa !important; 6670 border: 2px solid #111111 !important; 6671 border-radius: 6px !important; 6672 padding: 35px 25px !important; 6673 text-align: center !important; 6674 box-sizing: border-box !important; 6675} 6676 6677.suburbios-empty-icon { 6678 font-size: 38px !important; 6679 margin-bottom: 12px !important; 6680 line-height: 1 !important; 6681} 6682 6683.suburbios-wishlist-empty-card h3 { 6684 font-family: 'Bebas Neue', sans-serif !important; 6685 font-size: 24px !important; 6686 letter-spacing: 1px !important; 6687 color: #111111 !important; 6688 margin: 0 0 10px 0 !important; 6689 text-transform: uppercase !important; 6690} 6691 6692.suburbios-wishlist-empty-card p { 6693 font-family: 'Fira Sans', sans-serif !important; 6694 font-size: 13px !important; 6695 line-height: 1.5 !important; 6696 color: #555555 !important; 6697 max-width: 500px !important; 6698 margin: 0 auto 20px auto !important; 6699} 6700 6701.suburbios-btn-empty-shop { 6702 display: inline-block !important; 6703 background-color: #111111 !important; 6704 color: #ffffff !important; 6705 font-family: 'Bebas Neue', sans-serif !important; 6706 font-size: 16px !important; 6707 letter-spacing: 1.2px !important; 6708 padding: 10px 24px !important; 6709 border-radius: 4px !important; 6710 text-decoration: none !important; 6711 transition: background-color 0.2s ease !important; 6712} 6713 6714.suburbios-btn-empty-shop:hover { 6715 background-color: #e2401c !important; /* Rojo Suburbios */ 6716 color: #ffffff !important; 6717} 6718 6719/* 📱 Responsivo Móvil */ 6720@media (max-width: 768px) { 6721 .suburbios-wishlist-empty-card { 6722 padding: 25px 18px !important; 6723 } 6724 .suburbios-wishlist-empty-card h3 { 6725 font-size: 20px !important; 6726 } 6727 .suburbios-wishlist-empty-card p { 6728 font-size: 12px !important; 6729 } 6730} 6731/* ========================================================================== 6732 🛹 SUBURBIOS SKATE - HOMOLOGACIÃN EXACTA PRODUCTOS GUARDADOS (COMPRAR â) 6733 ========================================================================== */ 6734 6735/* 1. CuadrÃcula de 4 columnas en Desktop */ 6736.suburbios-guardados-grid { 6737 display: grid !important; 6738 grid-template-columns: repeat(4, 1fr) !important; 6739 gap: 25px 20px !important; 6740 margin-top: 25px !important; 6741 width: 100% !important; 6742} 6743 6744/* 2. Tarjeta limpia */ 6745.suburbios-card-guardado { 6746 border: none !important; 6747 background: transparent !important; 6748 padding: 0 !important; 6749 position: relative !important; 6750 display: flex !important; 6751 flex-direction: column !important; 6752 align-items: flex-start !important; /* Fuerza alineación izquierda pura */ 6753 text-align: left !important; 6754} 6755 6756/* 3. Posición del Bookmark en la foto */ 6757.suburbios-card-guardado .suburbios-bookmark-btn { 6758 position: absolute !important; 6759 top: 10px !important; 6760 right: 10px !important; 6761 bottom: auto !important; 6762 left: auto !important; 6763 z-index: 10 !important; 6764} 6765 6766/* 4. Enlace del producto e Imagen */ 6767.suburbios-card-guardado a { 6768 text-decoration: none !important; 6769 color: inherit !important; 6770 width: 100% !important; 6771 text-align: left !important; 6772 display: block !important; 6773} 6774 6775.suburbios-card-guardado img { 6776 width: 100% !important; 6777 height: 220px !important; 6778 object-fit: contain !important; 6779 margin-bottom: 10px !important; 6780} 6781 6782/* 5. TÃtulo en Bebas Neue */ 6783.suburbios-card-guardado h3 { 6784 font-family: 'Bebas Neue', sans-serif !important; 6785 font-size: 14px !important; 6786 line-height: 1.25 !important; 6787 letter-spacing: 0.5px !important; 6788 color: #111111 !important; 6789 margin: 6px 0 4px 0 !important; 6790 text-transform: uppercase !important; 6791 text-align: left !important; 6792 min-height: 35px !important; 6793 display: -webkit-box !important; 6794 -webkit-line-clamp: 2 !important; 6795 -webkit-box-orient: vertical !important; 6796 overflow: hidden !important; 6797} 6798 6799/* 6. Precio en Fira Sans */ 6800.suburbios-card-guardado .price { 6801 font-family: 'Fira Sans', sans-serif !important; 6802 font-size: 14px !important; 6803 font-weight: 700 !important; 6804 color: #111111 !important; 6805 margin-bottom: 12px !important; 6806 text-align: left !important; 6807} 6808 6809/* 7. BOTÃN COMPRAR EN UNA SOLA LÃNEA (DESTREZA TIPOGRÃFICA) */ 6810.suburbios-card-guardado .button-ver { 6811 font-family: 'Bebas Neue', sans-serif !important; 6812 font-size: 14px !important; 6813 font-weight: 700 !important; 6814 letter-spacing: 1px !important; 6815 text-transform: uppercase !important; 6816 color: #111111 !important; 6817 background: transparent !important; 6818 border: none !important; 6819 border-radius: 0 !important; 6820 padding: 0 !important; 6821 margin-top: auto !important; 6822 text-decoration: none !important; 6823 display: inline-flex !important;
6824 align-items: center !important; 6825 white-space: nowrap !important; /* Mantiene "COMPRAR â" en 1 sola lÃnea siempre */ 6826 line-height: 1 !important; 6827 width: auto !important; 6828 cursor: pointer !important; 6829 transition: color 0.2s ease !important; 6830} 6831 6832/* Efecto Hover en Rojo Suburbios */ 6833.suburbios-card-guardado .button-ver:hover { 6834 color: #e2401c !important; 6835 background: transparent !important; 6836} 6837 6838/* 📱 8. Responsivo en Celulares (< 768px): 2 Columnas */ 6839@media (max-width: 768px) { 6840 .suburbios-guardados-grid { 6841 grid-template-columns: repeat(2, 1fr) !important; 6842 gap: 20px 12px !important; 6843 } 6844 6845 .suburbios-card-guardado img { 6846 height: 160px !important; 6847 } 6848 6849 .suburbios-card-guardado h3 { 6850 font-size: 12px !important; 6851 min-height: 30px !important; 6852 } 6853 6854 .suburbios-card-guardado .price, 6855 .suburbios-card-guardado .button-ver { 6856 font-size: 12px !important; 6857 } 6858} 6859 6860/* ========================================================================== 6861 🛹 LIBERACIÃN DE ANCHO Y DISTRIBUCIÃN UNIFORME EN PRODUCTOS GUARDADOS 6862 ========================================================================== */ 6863 6864/* 1. Expandir el contenedor principal al 100% de la tienda (hasta 1250px) */ 6865#suburbios-wishlist-wrapper, 6866#suburbios-wishlist-grid { 6867 width: 100% !important; 6868 max-width: 1250px !important; /* Mismo ancho maximo que el catalogo de la tienda */ 6869 margin: 0 auto !important; 6870 box-sizing: border-box !important; 6871} 6872 6873/* 2. Rejilla uniforme de 4 columnas distribuidas al 100% */ 6874.suburbios-guardados-grid { 6875 display: grid !important; 6876 grid-template-columns: repeat(4, 1fr) !important; 6877 gap: 30px 24px !important; 6878 width: 100% !important; 6879 margin-top: 25px !important; 6880 box-sizing: border-box !important; 6881} 6882 6883/* 3. Tarjeta adaptada a la columna amplia */ 6884.suburbios-card-guardado { 6885 width: 100% !important; 6886 display: flex !important; 6887 flex-direction: column !important; 6888 align-items: flex-start !important; 6889 text-align: left !important; 6890 border: none !important; 6891 background: transparent !important; 6892 padding: 0 !important; 6893 position: relative !important; 6894 box-sizing: border-box !important; 6895} 6896 6897/* 4. Mantenimiento del botón COMPRAR â en una sola lÃnea limpia */ 6898.suburbios-card-guardado .button-ver { 6899 font-family: 'Bebas Neue', sans-serif !important; 6900 font-size: 14px !important; 6901 font-weight: 700 !important; 6902 letter-spacing: 1px !important; 6903 text-transform: uppercase !important; 6904 color: #111111 !important; 6905 background: transparent !important; 6906 border: none !important; 6907 padding: 0 !important; 6908 margin-top: auto !important; 6909 text-decoration: none !important; 6910 display: inline-flex !important; 6911 align-items: center !important; 6912 white-space: nowrap !important; 6913 line-height: 1 !important; 6914 width: auto !important; 6915 cursor: pointer !important; 6916 transition: color 0.2s ease !important; 6917} 6918 6919.suburbios-card-guardado .button-ver:hover { 6920 color: #e2401c !important; /* Rojo Suburbios */ 6921 background: transparent !important; 6922} 6923 6924/* 📱 5. Responsivo en Celulares (< 768px): 2 columnas parejas */ 6925@media (max-width: 768px) { 6926 .suburbios-guardados-grid { 6927 grid-template-columns: repeat(2, 1fr) !important; 6928 gap: 20px 12px !important; 6929 } 6930} 6931/* ========================================================================== 6932 🛹 TRANSICIÃN CERO-PARPADEO (ZERO-GLITCH FADE IN) EN PRODUCTOS GUARDADOS 6933 ========================================================================== */ 6934 6935#suburbios-wishlist-grid { 6936 opacity: 0; 6937 transition: opacity 0.25s ease-in-out !important; 6938 min-height: 250px; /* Reserva espacio para evitar saltos del footer */ 6939} 6940 6941#suburbios-wishlist-grid.suburbios-wishlist-loaded { 6942 opacity: 1 !important; 6943} 6944 6945/* ========================================================================== 6946 🛹 SUBURBIOS SKATE - FORZAR DOS COLUMNAS EN PÃGINA DE CONTACTO 6947 ========================================================================== */ 6948
6949/* 1. Forzar contenedor general de columnas a ponerse en paralelo (Desktop) */ 6950.page-id-2053 .entry-content .wp-block-columns, 6951.page-id-22 .entry-content .wp-block-columns, 6952.postid-2053 .entry-content .wp-block-columns, 6953.entry-content .wp-block-columns:has(input[type="text"]) { 6954 display: flex !important; 6955 flex-direction: row !important; 6956 justify-content: space-between !important; 6957 gap: 30px !important; 6958 width: 100% !important; 6959 align-items: stretch !important; 6960} 6961 6962/* 2. Forzar que cada columna ocupe exactamente el 50% */ 6963.page-id-2053 .wp-block-column, 6964.page-id-22 .wp-block-column, 6965.postid-2053 .wp-block-column, 6966.entry-content .wp-block-columns:has(input[type="text"]) > .wp-block-column { 6967 width: calc(50% - 15px) !important; 6968 flex: 0 0 calc(50% - 15px) !important; 6969 max-width: calc(50% - 15px) !important; 6970 background: #fafafa !important; 6971 border: 2px solid #111111 !important; 6972 border-radius: 8px !important; 6973 padding: 25px !important; 6974 box-sizing: border-box !important; 6975} 6976 6977/* Diferenciar la tarjeta de la derecha (Tiendas) con fondo blanco limpio */ 6978.entry-content .wp-block-columns:has(input[type="text"]) > .wp-block-column:last-child { 6979 background: #ffffff !important; 6980} 6981 6982/* 3. TÃtulos en Bebas Neue */ 6983.entry-content .wp-block-column h2, 6984.entry-content .wp-block-column h3 { 6985 font-family: 'Bebas Neue', sans-serif !important; 6986 font-size: 22px !important; 6987 letter-spacing: 1px !important; 6988 color: #111111 !important; 6989 text-transform: uppercase !important; 6990 margin-top: 0 !important; 6991 margin-bottom: 12px !important; 6992 border-bottom: 1.5px solid #111111 !important; 6993 padding-bottom: 8px !important; 6994} 6995 6996/* 4. Textos en Fira Sans */ 6997.entry-content .wp-block-column p, 6998.entry-content .wp-block-column li { 6999 font-family: 'Fira Sans', sans-serif !important; 7000 font-size: 13px !important; 7001 line-height: 1.5 !important; 7002 color: #333333 !important; 7003} 7004 7005/* 5. Inputs y Textareas del Formulario */ 7006.entry-content input[type="text"], 7007.entry-content input[type="email"], 7008.entry-content textarea, 7009.wpforms-container input[type="text"], 7010.wpforms-container textarea { 7011 width: 100% !important; 7012 height: 40px !important; 7013 border: 1px solid #cccccc !important; 7014 border-radius: 4px !important; 7015 padding: 0 10px !important; 7016 font-family: 'Fira Sans', sans-serif !important; 7017 font-size: 13px !important; 7018 background-color: #ffffff !important; 7019 box-sizing: border-box !important; 7020 margin-bottom: 10px !important; 7021} 7022 7023.entry-content textarea, 7024.wpforms-container textarea { 7025 height: 90px !important; 7026 padding-top: 10px !important; 7027} 7028 7029/* 6. Botón de Enviar (Bebas Neue Rudo) */ 7030.entry-content button[type="submit"], 7031.wpforms-submit { 7032 width: 100% !important; 7033 height: 42px !important; 7034 background-color: #111111 !important; 7035 color: #ffffff !important; 7036 font-family: 'Bebas Neue', sans-serif !important; 7037 font-size: 17px !important; 7038 letter-spacing: 1px !important; 7039 text-transform: uppercase !important; 7040 border: none !important; 7041 border-radius: 4px !important; 7042 cursor: pointer !important; 7043 margin-top: 10px !important; 7044 transition: background-color 0.2s ease !important; 7045} 7046 7047.entry-content button[type="submit"]:hover, 7048.wpforms-submit:hover { 7049 background-color: #e2401c !important; /* Rojo Suburbios */ 7050} 7051 7052/* 7. Mapas de Google */ 7053.entry-content iframe { 7054 width: 100% !important; 7055 height: 180px !important; 7056 border-radius: 6px !important; 7057 border: 1px solid #e0e0e0 !important; 7058 margin-top: 8px !important; 7059 margin-bottom: 12px !important; 7060} 7061 7062/* 📱 8. Responsivo para Celulares (< 768px): Cambiar a 1 columna */ 7063@media (max-width: 768px) { 7064 .entry-content .wp-block-columns, 7065 .entry-content .wp-block-columns:has(input[type="text"]) { 7066 flex-direction: column !important; 7067 gap: 20px !important; 7068 } 7069 7070 .entry-content .wp-block-column, 7071 .entry-content .wp-block-columns:has(input[type="text"]) > .wp-block-column { 7072 width: 100% !important; 7073 flex: 0 0 100% !important; 7074 max-width: 100% !important; 7075 padding: 18px !important; 7076 } 7077} 7078/* ========================================================================== 7079 🛹 SUBURBIOS SKATE - DESPLEGABLE DE PAGOS Y ENVÃOS (IMAGEN Y WIDGET 3) 7080 ========================================================================== */ 7081
7082/* Alineación e integración de la imagen dentro del desplegable */ 7083.suburbios-footer-accordion .footer-info-content img { 7084 max-width: 280px !important; /* Ancho máximo controlado para no saturar */ 7085 width: 100% !important; 7086 height: auto !important; 7087 display: block !important; 7088 margin: 8px 0 0 0 !important; 7089} 7090 7091@media (max-width: 768px) { 7092 .suburbios-footer-accordion .footer-info-content img { 7093 max-width: 240px !important; /* Más compacto en celulares */ 7094 } 7095} 7096/* ========================================================================== 7097 🛹 SUBURBIOS SKATE - AJUSTE LIMPIO DE IMAGEN EN MAYOREO (DESKTOP) 7098 ========================================================================== */ 7099 7100@media (min-width: 769px) { 7101 /* 1. Alineación paralela limpia de las columnas */ 7102 .page-id-17253 .kt-row-column-wrap { 7103 display: flex !important; 7104 align-items: stretch !important; 7105 } 7106 7107 /* 2. Anular el ratio/cuadrado forzado de Kadence */ 7108 .page-id-17253 .kadence-column17253_a1cf84-df .kb-is-ratio-image, 7109 .page-id-17253 .kadence-column17253_a1cf84-df .kb-image-ratio-square, 7110 .page-id-17253 figure.kb-image17253_1eb1b1-d2 { 7111 padding-top: 0 !important; 7112 padding-bottom: 0 !important; 7113 height: 100% !important; 7114 min-height: 610px !important; /* Altura ideal constante para acompañar al formulario */ 7115 display: flex !important; 7116 flex-direction: column !important; 7117 } 7118 7119 /* 3. La imagen fÃsica se estira limpia con marco negro */ 7120 .page-id-17253 .kadence-column17253_a1cf84-df img { 7121 width: 100% !important; 7122 height: 100% !important; 7123 min-height: 20px !important; 7124 object-fit: cover !important; /* Llena toda la tarjeta sin deformarse */ 7125 border-radius: 8px !important; 7126 border: 2px solid #111111 !important; /* Marco negro rudo */ 7127 box-sizing: border-box !important; 7128 display: block !important; 7129 } 7130} 7131ul.woocommerce-error { 7132 margin-top: 0 !important; 7133} 7134/* Reducir el margen superior e inferior (naranja) a 5px */ 7135h2.kt-adv-heading2089_51375a-0a.wp-block-kadence-advancedheading { 7136 margin-top: 0px !important; 7137 margin-bottom: 15px !important; 7138 padding-top: 0 !important; 7139 padding-bottom: 0 !important; 7140} 7141/* ========================================================================== 7142 ESTILOS DE CÃRCULOS DE COLOR ALINEADOS A LA PALABRA "COLOR" 7143 ========================================================================== */ 7144 7145/* Contenedor general en un solo renglón */ 7146.suburbios-color-row-container { 7147 display: flex !important; 7148 align-items: center !important; 7149 gap: 12px !important; 7150 margin-top: 8px !important; 7151 margin-bottom: 15px !important; 7152 width: 100% !important; 7153} 7154 7155/* Etiqueta COLOR con la tipografÃa de tu tienda (Bebas Neue) */ 7156.suburbios-color-label-title { 7157 font-family: 'Bebas Neue', sans-serif !important; 7158 font-size: 16px !important; 7159 letter-spacing: 1px !important; 7160 color: #111111 !important; 7161 text-transform: uppercase !important; 7162 white-space: nowrap !important; 7163 line-height: 1 !important; 7164} 7165 7166/* Ocultar la celda de etiqueta nativa de WooCommerce para evitar duplicados */ 7167.variations tr td.label, 7168.variations tr th.label { 7169 display: none !important; 7170} 7171 7172/* Tira de cÃrculos flexibles */ 7173.suburbios-color-swatches-wrapper { 7174 display: flex !important; 7175 flex-wrap: wrap !important; 7176 gap: 8px !important; 7177 align-items: center !important; 7178} 7179 7180/* Botón individual del cÃrculo */ 7181.suburbios-color-circle-btn { 7182 width: 28px !important; 7183 height: 28px !important; 7184 border-radius: 50% !important; 7185 border: 2px solid #e0e0e0 !important; 7186 padding: 2px !important; 7187 cursor: pointer !important; 7188 box-sizing: border-box !important; 7189 transition: all 0.2s ease !important; 7190 display: flex !important; 7191 align-items: center !important; 7192 justify-content: center !important; 7193 background: #ffffff !important; 7194} 7195 7196/* Relleno interno del cÃrculo */ 7197.suburbios-circle-inner { 7198 width: 100% !important; 7199 height: 100% !important; 7200 border-radius: 50% !important; 7201 border: 1px solid rgba(0, 0, 0, 0.12) !important; 7202 display: block !important; 7203 box-sizing: border-box !important; 7204} 7205 7206/* Hover: Escala y resalta en negro */ 7207.suburbios-color-circle-btn:hover { 7208 border-color: #111111 !important; 7209 transform: scale(1.1) !important; 7210} 7211 7212/* CÃrculo Seleccionado (Borde Rojo Suburbios) */ 7213.suburbios-color-circle-btn.activo { 7214 border-color: #e2401c !important; 7215 border-width: 2.5px !important; 7216 box-shadow: 0 0 0 1px #e2401c !important; 7217} 7218/* ========================================================================== 7219 OCULTAR PRECIO FIJO Y ESTILAR PRECIO DE VARIACIÃN (PRODUCTO ID 36273) 7220 ========================================================================== */ 7221
7222/* 1. Oculta el contenedor del rango de precio solo en el producto ID 36273 */ 7223.postid-36273 #suburbios-precio-inmune, 7224.postid-36273 .suburbios-precio-fijo-inmune { 7225 display: none !important; 7226} 7227 7228/* 2. Aplica formato Fira Sans 700 24px al precio de las variaciones/producto */ 7229.postid-36273 .woocommerce-variation-price .woocommerce-Price-amount, 7230.postid-36273 .price .woocommerce-Price-amount { 7231 font-family: 'Fira Sans', sans-serif !important; 7232 font-weight: 700 !important; 7233 font-size: 24px !important; 7234 line-height: 1.2 !important; 7235 color: #111111 !important; 7236} 7237/* ========================================================================== 7238 ALINEACIÃN HORIZONTAL Y ESTILO COMPACTO DE SWATCHES EN EL ARMADOR 7239 ========================================================================== */ 7240 7241/* 1. Resetear contenedor a flex horizontal puro */ 7242.details.component_data .suburbios-swatches-container, 7243div.suburbios-swatches-container { 7244 display: flex !important; 7245 flex-direction: row !important; 7246 flex-wrap: nowrap !important; 7247 justify-content: center !important; 7248 align-items: center !important; 7249 gap: 4px !important; 7250 width: 100% !important; 7251 max-width: 100% !important; 7252 margin: 6px 0 10px 0 !important; 7253 box-sizing: border-box !important; 7254} 7255 7256/* 2. Estilo de las pastillas acortadas en una sola lÃnea */ 7257.details.component_data .suburbios-swatch, 7258div.suburbios-swatch { 7259 display: inline-flex !important; 7260 align-items: center !important; 7261 justify-content: center !important; 7262 flex: 1 1 auto !important; 7263 min-width: 0 !important; 7264 padding: 6px 2px !important; 7265 font-family: 'Bebas Neue', sans-serif !important; 7266 font-size: 13px !important; 7267 letter-spacing: 0.5px !important; 7268 text-align: center !important; 7269 color: #111111 !important; 7270 background-color: #ffffff !important; 7271 border: 1.5px solid #111111 !important; 7272 border-radius: 3px !important; 7273 cursor: pointer !important; 7274 box-sizing: border-box !important; 7275 transition: all 0.2s ease !important; 7276 line-height: 1 !important; 7277 white-space: nowrap !important; 7278} 7279 7280/* Hover en las pastillas */ 7281.details.component_data .suburbios-swatch:hover, 7282div.suburbios-swatch:hover { 7283 background-color: #f1f1f1 !important; 7284 border-color: #000000 !important; 7285} 7286 7287/* Pastilla Seleccionada */ 7288.details.component_data .suburbios-swatch.seleccionado, 7289div.suburbios-swatch.seleccionado { 7290 background-color: #000000 !important; 7291 color: #ffffff !important; 7292 border-color: #000000 !important; 7293} 7294 7295/* 3. Estilo del tÃtulo (TAMAÃO CORTE) */ 7296.details.component_data td.label label { 7297 font-family: 'Bebas Neue', sans-serif !important; 7298 font-size: 13px !important; 7299 letter-spacing: 0.5px !important; 7300 color: #111111 !important; 7301 text-transform: uppercase !important; 7302 display: block !important; 7303 text-align: center !important; 7304 margin-bottom: 4px !important; 7305} 7306/* ========================================================================== 7307 MARGEN 0PX EN TÃTULO "PERSONALIZA TU TOP DECK" (KADENCE ADVANCED HEADING) 7308 ========================================================================== */ 7309 7310/* Opción principal: Apunta al bloque especÃfico por su atributo único */ 7311h2[data-kb-block="kb-adv-heading2089_653a71-6e"] { 7312 margin-top: 0px !important; 7313 margin-bottom: 0px !important; 7314 padding-top: 0px !important; 7315 padding-bottom: 0px !important; 7316} 7317/* ========================================================================== 7318 TALLAS Y VARIACIONES COMPACTAS EN FICHA DE PRODUCTO (TENIS, ROPA, TALLAS) 7319 ========================================================================== */ 7320 7321/* 1. Limitar el contenedor general para que NO ocupe todo el ancho */ 7322.single-product .suburbios-swatches-container { 7323 display: flex !important; 7324 flex-direction: row !important; 7325 flex-wrap: wrap !important; 7326 gap: 8px !important; 7327 width: auto !important; 7328 max-width: 100% !important; 7329 justify-content: flex-start !important; /* Alinea los botones a la izquierda */ 7330 margin-top: 6px !important; 7331 margin-bottom: 12px !important; 7332} 7333 7334/* 2. Tamaño compacto y proporcional para las tallas (26.5, 28, S, M, L) */ 7335.single-product .suburbios-swatch { 7336 flex: 0 0 auto !important; /* 🚀 EVITA que el botón se estire */ 7337 width: auto !important; /* Ajusta el ancho exacto al contenido */ 7338 min-width: 48px !important; /* Tamaño mÃnimo cómodo para tocar */ 7339 max-width: 90px !important; /* Limite para que no se alargue */ 7340 padding: 6px 12px !important; /* Colchón interno ajustado */ 7341 font-family: 'Bebas Neue', sans-serif !important; 7342 font-size: 14px !important; 7343 letter-spacing: 0.8px !important; 7344 text-align: center !important; 7345 box-sizing: border-box !important; 7346 white-space: nowrap !important; 7347} 7348</style> 7349<link rel='stylesheet' id='berocket_lmp_style-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/load-more-products-for-woocommerce/css/load_products.css?ver=3.2.3' media='all' /> 7350<link rel='stylesheet' id='woo-sticky-add-to-cart-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/sticky-add-to-cart-woo/assets/css/wsatc-public.css?ver=1.4.10' media='all' /> 7351 7352</head> 7353 7354<body class="wp-singular product-template-default single single-product postid-35983 wp-custom-logo wp-embed-responsive wp-theme-kadence theme-kadence woocommerce woocommerce-page woocommerce-demo-store woocommerce-no-js yith-wcan-free footer-on-bottom hide-focus-outline link-style-no-underline content-title-style-normal content-width-normal content-style-boxed content-vertical-padding-show non-transparent-header mobile-non-transparent-header product-tab-style-normal product-variation-style-horizontal kadence-cart-button-normal kadence-store-notice-placement-above date-hidden categories-hidden tags-hidden author-hidden comment-hidden"> 7355 7356<!-- GTM Container placement set to automatic --> 7357<!-- Google Tag Manager (noscript) --> 7358 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TRGCZ8K" height="0" width="0" style="display:none;visibility:hidden" aria-hidden="true"></iframe></noscript> 7359<!-- End Google Tag Manager (noscript) --><div id="wrapper" class="site wp-site-blocks"> 7360 <a class="skip-link screen-reader-text scroll-ignore" href="#main">Saltar al contenido</a>
7361 <p class="woocommerce-store-notice woo-static-store-notice demo_store" data-notice-id="c46b631a360ac69bf7002e581266df6c" style="display:block;">ENVÃO GRATIS AL COMPRAR $1,899 + 3 MSI*</p><link rel='stylesheet' id='kadence-header-css' href='https://suburbiosskateboards.com.mx/wp-content/themes/kadence/assets/css/header.min.css?ver=1.5.2' media='all' /> 7362<header id="masthead" class="site-header" role="banner" itemtype="https://schema.org/WPHeader" itemscope> 7363 <div id="main-header" class="site-header-wrap"> 7364 <div class="site-header-inner-wrap"> 7365 <div class="site-header-upper-wrap"> 7366 <div class="site-header-upper-inner-wrap kadence-sticky-header" data-reveal-scroll-up="false" data-shrink="false"> 7367 <div class="site-main-header-wrap site-header-row-container site-header-focus-item site-header-row-layout-fullwidth" data-section="kadence_customizer_header_main"> 7368 <div class="site-header-row-container-inner"> 7369 <div class="site-container"> 7370 <div class="site-main-header-inner-wrap site-header-row site-header-row-has-sides site-header-row-no-center"> 7371 <div class="site-header-main-section-left site-header-section site-header-section-left"> 7372 <div class="site-header-item site-header-focus-item" data-section="title_tagline"> 7373 <div class="site-branding branding-layout-standard site-brand-logo-only"><a class="brand has-logo-image" href="https://suburbiosskateboards.com.mx/" rel="home"><img width="350" height="120" src="https://suburbiosskateboards.com.mx/wp-content/uploads/2022/10/LOGO-SS.png" class="custom-logo" alt="Suburbios Skate" decoding="async" srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2022/10/LOGO-SS.png.webp 350w, https://suburbiosskateboards.com.mx/wp-content/uploads/2022/10/LOGO-SS-300x103.png.webp 300w" sizes="(max-width: 350px) 100vw, 350px" /></a></div></div><!-- data-section="title_tagline" --> 7374<div class="site-header-item site-header-focus-item site-header-item-main-navigation header-navigation-layout-stretch-true header-navigation-layout-fill-stretch-false" data-section="kadence_customizer_primary_navigation"> 7375 <nav id="site-navigation" class="main-navigation header-navigation hover-to-open nav--toggle-sub header-navigation-style-standard header-navigation-dropdown-animation-fade-down" role="navigation" aria-label="Principal"> 7376 <div class="primary-menu-container header-menu-container"> 7377 <ul id="primary-menu" class="menu"><li id="menu-item-23038" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-23038"><a href="#"><span class="nav-drop-title-wrap">Patinetas<span class="dropdown-nav-toggle"><span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 7378 </svg></span></span></span></a> 7379<ul class="sub-menu"> 7380 <li id="menu-item-23043" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-23043"><a href="https://suburbiosskateboards.com.mx/producto/arma-tu-patineta/">¡Arma tu skate!</a></li> 7381 <li id="menu-item-36307" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-36307"><a href="#"><span class="nav-drop-title-wrap">Top Perzonalizado<span class="dropdown-nav-toggle"><span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 7382 </svg></span></span></span></a> 7383 <ul class="sub-menu"> 7384 <li id="menu-item-36308" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-36308"><a href="https://suburbiosskateboards.com.mx/producto/lija-negra-personalizada-corte-laser/">Lija Negra Personalizada Corte Láser</a></li> 7385 <li id="menu-item-36309" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-36309"><a href="https://suburbiosskateboards.com.mx/producto/top-deck-personalizado-grafico-vinil-lija-transparente/">Gráfico Vinil + Lija Transparente</a></li> 7386 </ul> 7387</li> 7388 <li id="menu-item-34440" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-34440"><a href="#"><span class="nav-drop-title-wrap">Street<span class="dropdown-nav-toggle"><span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 7389 </svg></span></span></span></a> 7390 <ul class="sub-menu"> 7391 <li id="menu-item-33039" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33039"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/">Ver todas</a></li> 7392 <li id="menu-item-32999" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-32999"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/?filter_medida-tabla=7-25%2C7-5%2C7-6%2C7-75%2C7-8&query_type_medida-tabla=or">Menor a 7.9″</a></li> 7393 <li id="menu-item-33001" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33001"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/?filter_medida-tabla=8&query_type_medida-tabla=or">Medida 8.0″</a></li> 7394 <li id="menu-item-33003" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33003"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/?filter_medida-tabla=8-125&query_type_medida-tabla=or">Medida 8.125″</a></li> 7395 <li id="menu-item-33005" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33005"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/?filter_medida-tabla=8-25&query_type_medida-tabla=or">Medida 8.25″</a></li> 7396 <li id="menu-item-33007" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33007"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/?filter_medida-tabla=8-375%2C8-4&query_type_medida-tabla=or">Medida 8.375″ a 8.4″</a></li> 7397 <li id="menu-item-33009" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33009"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/?filter_medida-tabla=8-5&query_type_medida-tabla=or">Medida 8.5″</a></li> 7398 <li id="menu-item-33011" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33011"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/?filter_medida-tabla=8-6%2C8-75%2C8-8%2C8-9&query_type_medida-tabla=or">Medida 8.6″ a 8.9″</a></li> 7399 <li id="menu-item-33013" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33013"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/?filter_medida-tabla=9%2C9-125%2C9-25%2C9-35%2C9-5%2C9-625%2C9-8%2C9-9%2C10&query_type_medida-tabla=or">Mayor a 9.0″</a></li> 7400 </ul> 7401</li> 7402 <li id="menu-item-23025" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23025"><a href="https://suburbiosskateboards.com.mx/categoria-producto/cruisers/">Cruisers</a></li> 7403 <li id="menu-item-23030" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23030"><a href="https://suburbiosskateboards.com.mx/categoria-producto/longboards/">Longboards</a></li> 7404 <li id="menu-item-29087" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-29087"><a href="https://suburbiosskateboards.com.mx/?s=fingerboard&post_type=product">Fingerboards</a></li> 7405</ul> 7406</li> 7407<li id="menu-item-23022" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-23022"><a href="#"><span class="nav-drop-title-wrap">Piezas Skate<span class="dropdown-nav-toggle"><span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 7408 </svg></span></span></span></a> 7409<ul class="sub-menu"> 7410 <li id="menu-item-34441" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-34441"><a><span class="nav-drop-title-wrap">Tablas<span class="dropdown-nav-toggle"><span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 7411 </svg></span></span></span></a> 7412 <ul class="sub-menu">
7413 <li id="menu-item-33038" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33038"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/">Ver todas</a></li> 7414 <li id="menu-item-33000" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33000"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/?filter_medida-tabla=7-0%2C7-25%2C7-5%2C7-6%2C7-75%2C7-8&query_type_medida-tabla=or">Menor a 7.9″</a></li> 7415 <li id="menu-item-33002" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33002"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/?filter_medida-tabla=8&query_type_medida-tabla=or">Medida 8.0″</a></li> 7416 <li id="menu-item-33004" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33004"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/?filter_medida-tabla=8-125&query_type_medida-tabla=or">Medida 8.125″</a></li> 7417 <li id="menu-item-33006" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33006"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/?filter_medida-tabla=8-25&query_type_medida-tabla=or">Medida 8.25″</a></li> 7418 <li id="menu-item-33008" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33008"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/?filter_medida-tabla=8-375%2C8-4&query_type_medida-tabla=or">Medida 8.375″ a 8.4″</a></li> 7419 <li id="menu-item-33010" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33010"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/?filter_medida-tabla=8-5&query_type_medida-tabla=or">Medida 8.5″</a></li> 7420 <li id="menu-item-33012" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33012"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/?filter_medida-tabla=8-6%2C8-75%2C8-8%2C8-9&query_type_medida-tabla=or">Medida 8.6″ a 8.9″</a></li> 7421 <li id="menu-item-33014" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33014"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/?filter_medida-tabla=9%2C9-125%2C9-25%2C9-35%2C9-5%2C9-625%2C9-8%2C9-9%2C10%2C10-25%2C10-3&query_type_medida-tabla=or">Mayor a 9.0″</a></li> 7422 </ul> 7423</li> 7424 <li id="menu-item-23037" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children menu-item-23037"><a href="https://suburbiosskateboards.com.mx/categoria-producto/trucks/"><span class="nav-drop-title-wrap">Trucks<span class="dropdown-nav-toggle"><span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 7425 </svg></span></span></span></a> 7426 <ul class="sub-menu"> 7427 <li id="menu-item-33040" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33040"><a href="https://suburbiosskateboards.com.mx/categoria-producto/trucks/">Ver todos</a></li> 7428 <li id="menu-item-33015" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33015"><a href="https://suburbiosskateboards.com.mx/categoria-producto/trucks/?filter_medida-trucks=7-6%2C7-75&query_type_medida-trucks=or">Menor a 7.9″</a></li> 7429 <li id="menu-item-33016" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33016"><a href="https://suburbiosskateboards.com.mx/categoria-producto/trucks/?filter_medida-trucks=8&query_type_medida-trucks=or">Medida 8.0″</a></li> 7430 <li id="menu-item-33017" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33017"><a href="https://suburbiosskateboards.com.mx/categoria-producto/trucks/?filter_medida-trucks=8-25&query_type_medida-trucks=or">Medida 8.25″</a></li> 7431 <li id="menu-item-33018" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33018"><a href="https://suburbiosskateboards.com.mx/categoria-producto/trucks/?filter_medida-trucks=8-5&query_type_medida-trucks=or">Medida 8.5″</a></li> 7432 <li id="menu-item-33019" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33019"><a href="https://suburbiosskateboards.com.mx/categoria-producto/trucks/?filter_medida-trucks=8-75&query_type_medida-trucks=or">Medida 8.75″</a></li> 7433 <li id="menu-item-33020" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33020"><a href="https://suburbiosskateboards.com.mx/categoria-producto/trucks/?filter_medida-trucks=9%2C9-125%2C9-25%2C9-35%2C9-5%2C9-75%2C10&query_type_medida-trucks=or">Mayor a 9.0″</a></li> 7434 </ul> 7435</li> 7436 <li id="menu-item-23034" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children menu-item-23034"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ruedas/"><span class="nav-drop-title-wrap">Ruedas<span class="dropdown-nav-toggle"><span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 7437 </svg></span></span></span></a> 7438 <ul class="sub-menu"> 7439 <li id="menu-item-33056" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33056"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ruedas/">Ver todas</a></li> 7440 <li id="menu-item-33050" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33050"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ruedas/?filter_medida-ruedas=51-mm%2C52-mm%2C53-mm&query_type_medida-ruedas=or">Menor a 53 mm</a></li> 7441 <li id="menu-item-33051" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33051"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ruedas/?filter_medida-ruedas=54-mm&query_type_medida-ruedas=or">Medida 54 mm</a></li> 7442 <li id="menu-item-33052" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33052"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ruedas/?filter_medida-ruedas=55-mm%2C55-5-mm&query_type_medida-ruedas=or">Medida 55 mm</a></li> 7443 <li id="menu-item-33053" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33053"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ruedas/?filter_medida-ruedas=56-mm&query_type_medida-ruedas=or">Medida 56 mm</a></li> 7444 <li id="menu-item-33054" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33054"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ruedas/?filter_medida-ruedas=57-mm%2C58-mm%2C59-mm&query_type_medida-ruedas=or">Medida 57 a 59 mm</a></li> 7445 <li id="menu-item-33055" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33055"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ruedas/?filter_medida-ruedas=60-mm%2C61-mm%2C62-mm%2C65-mm%2C66-mm%2C70-mm&query_type_medida-ruedas=or">Mayor a 60 mm</a></li> 7446 </ul> 7447</li> 7448 <li id="menu-item-23024" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children menu-item-23024"><a href="https://suburbiosskateboards.com.mx/categoria-producto/baleros/"><span class="nav-drop-title-wrap">Baleros<span class="dropdown-nav-toggle"><span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 7449 </svg></span></span></span></a> 7450 <ul class="sub-menu"> 7451 <li id="menu-item-33063" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33063"><a href="https://suburbiosskateboards.com.mx/categoria-producto/baleros/">Ver todos</a></li> 7452 <li id="menu-item-33057" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33057"><a href="https://suburbiosskateboards.com.mx/categoria-producto/baleros/?filter_clasificacion-abec=abec-3&query_type_clasificacion-abec=or">Abec 3</a></li> 7453 <li id="menu-item-33058" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33058"><a href="https://suburbiosskateboards.com.mx/categoria-producto/baleros/?filter_clasificacion-abec=abec-5&query_type_clasificacion-abec=or">Abec 5</a></li> 7454 <li id="menu-item-33059" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33059"><a href="https://suburbiosskateboards.com.mx/categoria-producto/baleros/?filter_clasificacion-abec=abec-7&query_type_clasificacion-abec=or">Abec 7</a></li> 7455 <li id="menu-item-33060" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33060"><a href="https://suburbiosskateboards.com.mx/categoria-producto/baleros/?filter_clasificacion-abec=abec-9&query_type_clasificacion-abec=or">Abec 9</a></li> 7456 <li id="menu-item-33061" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33061"><a href="https://suburbiosskateboards.com.mx/categoria-producto/baleros/?filter_clasificacion-abec=abec-11&query_type_clasificacion-abec=or">Abec 11</a></li> 7457 <li id="menu-item-33062" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33062"><a href="https://suburbiosskateboards.com.mx/categoria-producto/baleros/?filter_clasificacion-abec=ceramicos&query_type_clasificacion-abec=or">Cerámicos</a></li> 7458 </ul> 7459</li> 7460 <li id="menu-item-23029" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23029"><a href="https://suburbiosskateboards.com.mx/categoria-producto/lijas/">Lijas</a></li> 7461 <li id="menu-item-23028" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23028"><a href="https://suburbiosskateboards.com.mx/categoria-producto/hardware/">Hardware</a></li> 7462</ul> 7463</li> 7464<li id="menu-item-23033" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23033"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ropa/">Ropa</a></li> 7465<li id="menu-item-23036" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23036"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tenis/">Tenis</a></li> 7466<li id="menu-item-23039" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-23039"><a href="#"><span class="nav-drop-title-wrap">Accesorios<span class="dropdown-nav-toggle"><span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 7467 </svg></span></span></span></a> 7468<ul class="sub-menu"> 7469 <li id="menu-item-23023" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23023"><a href="https://suburbiosskateboards.com.mx/categoria-producto/estilo/">Estilo</a></li> 7470 <li id="menu-item-23027" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23027"><a href="https://suburbiosskateboards.com.mx/categoria-producto/merch-y-extras/">Extras</a></li> 7471</ul> 7472</li> 7473<li id="menu-item-23026" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23026"><a href="https://suburbiosskateboards.com.mx/categoria-producto/equipo-de-proteccion/">Protecciones</a></li> 7474<li id="menu-item-23031" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23031"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ofertas/">Ofertas</a></li> 7475</ul> </div> 7476 </nav><!-- #site-navigation --> 7477 </div><!-- data-section="primary_navigation" --> 7478 </div> 7479 <div class="site-header-main-section-right site-header-section site-header-section-right"> 7480 <div class="site-header-item site-header-focus-item" data-section="
7480kadence_customizer_header_social"> 7481 <div class="header-social-wrap"><div class="header-social-inner-wrap element-social-inner-wrap social-show-label-false social-style-filled"><a href="https://www.instagram.com/suburbiosskate/" aria-label="Instagram" target="_blank" rel="noopener noreferrer" class="social-button header-social-item social-link-instagram"><span class="kadence-svg-iconset"><svg class="kadence-svg-icon kadence-instagram-alt-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Instagram</title><path d="M7 1c-1.657 0-3.158 0.673-4.243 1.757s-1.757 2.586-1.757 4.243v10c0 1.657 0.673 3.158 1.757 4.243s2.586 1.757 4.243 1.757h10c1.657 0 3.158-0.673 4.243-1.757s1.757-2.586 1.757-4.243v-10c0-1.657-0.673-3.158-1.757-4.243s-2.586-1.757-4.243-1.757zM7 3h10c1.105 0 2.103 0.447 2.828 1.172s1.172 1.723 1.172 2.828v10c0 1.105-0.447 2.103-1.172 2.828s-1.723 1.172-2.828 1.172h-10c-1.105 0-2.103-0.447-2.828-1.172s-1.172-1.723-1.172-2.828v-10c0-1.105 0.447-2.103 1.172-2.828s1.723-1.172 2.828-1.172zM16.989 11.223c-0.15-0.972-0.571-1.857-1.194-2.567-0.754-0.861-1.804-1.465-3.009-1.644-0.464-0.074-0.97-0.077-1.477-0.002-1.366 0.202-2.521 0.941-3.282 1.967s-1.133 2.347-0.93 3.712 0.941 2.521 1.967 3.282 2.347 1.133 3.712 0.93 2.521-0.941 3.282-1.967 1.133-2.347 0.93-3.712zM15.011 11.517c0.122 0.82-0.1 1.609-0.558 2.227s-1.15 1.059-1.969 1.18-1.609-0.1-2.227-0.558-1.059-1.15-1.18-1.969 0.1-1.609 0.558-2.227 1.15-1.059 1.969-1.18c0.313-0.046 0.615-0.042 0.87-0.002 0.74 0.11 1.366 0.47 1.818 0.986 0.375 0.428 0.63 0.963 0.72 1.543zM17.5 7.5c0.552 0 1-0.448 1-1s-0.448-1-1-1-1 0.448-1 1 0.448 1 1 1z"></path> 7482 </svg></span></a><a href="https://www.facebook.com/suburbiosskate/" aria-label="Facebook" target="_blank" rel="noopener noreferrer" class="social-button header-social-item social-link-facebook"><span class="kadence-svg-iconset"><svg class="kadence-svg-icon kadence-facebook-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><title>Facebook</title><path d="M31.997 15.999c0-8.836-7.163-15.999-15.999-15.999s-15.999 7.163-15.999 15.999c0 7.985 5.851 14.604 13.499 15.804v-11.18h-4.062v-4.625h4.062v-3.525c0-4.010 2.389-6.225 6.043-6.225 1.75 0 3.581 0.313 3.581 0.313v3.937h-2.017c-1.987 0-2.607 1.233-2.607 2.498v3.001h4.437l-0.709 4.625h-3.728v11.18c7.649-1.2 13.499-7.819 13.499-15.804z"></path> 7483 </svg></span></a><a href="https://www.tiktok.com/@suburbiosskate" aria-label="TikTok" target="_blank" rel="noopener noreferrer" class="social-button header-social-item social-link-tiktok"><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-tiktok-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><title>TikTok</title><path d="M16.707 0.027c1.747-0.027 3.48-0.013 5.213-0.027 0.107 2.040 0.84 4.12 2.333 5.56 1.493 1.48 3.6 2.16 5.653 2.387v5.373c-1.92-0.067-3.853-0.467-5.6-1.293-0.76-0.347-1.467-0.787-2.16-1.24-0.013 3.893 0.013 7.787-0.027 11.667-0.107 1.867-0.72 3.72-1.8 5.253-1.747 2.56-4.773 4.227-7.88 4.28-1.907 0.107-3.813-0.413-5.44-1.373-2.693-1.587-4.587-4.493-4.867-7.613-0.027-0.667-0.040-1.333-0.013-1.987 0.24-2.533 1.493-4.96 3.44-6.613 2.213-1.92 5.307-2.84 8.2-2.293 0.027 1.973-0.053 3.947-0.053 5.92-1.32-0.427-2.867-0.307-4.027 0.493-0.84 0.547-1.48 1.387-1.813 2.333-0.28 0.68-0.2 1.427-0.187 2.147 0.32 2.187 2.427 4.027 4.667 3.827 1.493-0.013 2.92-0.88 3.693-2.147 0.253-0.44 0.533-0.893 0.547-1.413 0.133-2.387 0.080-4.76 0.093-7.147 0.013-5.373-0.013-10.733 0.027-16.093z"></path> 7484 </svg></span></a></div></div></div><!-- data-section="header_social" --> 7485<div class="site-header-item site-header-focus-item" data-section="kadence_customizer_header_button"> 7486 <div class="header-button-wrap"><div class="header-button-inner-wrap"><a href="https://suburbiosskateboards.com.mx/mi-cuenta/" target="_self" class="button header-button button-size-custom button-style-outline">MI CUENTA</a></div></div></div><!-- data-section="header_button" --> 7487<div class="site-header-item site-header-focus-item" data-section="
7487kadence_customizer_header_search"> 7488 <div class="search-toggle-open-container"> 7489 <button class="search-toggle-open drawer-toggle search-toggle-style-default" aria-label="Ver el formulario de búsqueda" aria-haspopup="dialog" aria-controls="search-drawer" data-toggle-target="#search-drawer" data-toggle-body-class="showing-popup-drawer-from-full" aria-expanded="false" data-set-focus="#search-drawer .search-field" 7490 > 7491 <span class="search-toggle-label vs-lg-true vs-md-true vs-sm-true">BUSCAR</span> 7492 <span class="search-toggle-icon"><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-search-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="26" height="28" viewBox="0 0 26 28"><title>Buscar</title><path d="M18 13c0-3.859-3.141-7-7-7s-7 3.141-7 7 3.141 7 7 7 7-3.141 7-7zM26 26c0 1.094-0.906 2-2 2-0.531 0-1.047-0.219-1.406-0.594l-5.359-5.344c-1.828 1.266-4.016 1.937-6.234 1.937-6.078 0-11-4.922-11-11s4.922-11 11-11 11 4.922 11 11c0 2.219-0.672 4.406-1.937 6.234l5.359 5.359c0.359 0.359 0.578 0.875 0.578 1.406z"></path> 7493 </svg></span></span> 7494 </button> 7495 </div> 7496 </div><!-- data-section="header_search" --> 7497<div class="site-header-item site-header-focus-item" data-section="kadence_customizer_cart"> 7498 <div class="header-cart-wrap kadence-header-cart header-navigation nav--toggle-sub header-navigation-dropdown-animation-fade-down"><span class="header-cart-empty-check header-cart-is-empty-true"></span><div class="header-cart-inner-wrap cart-show-label-false cart-style-dropdown header-menu-container"><ul id="cart-menu" class="menu woocommerce widget_shopping_cart"><li class="menu-item menu-item-has-children menu-item-kadence-cart kadence-menu-has-icon menu-item--has-toggle"><a href="https://suburbiosskateboards.com.mx/carrito/" aria-label="Carrito de la compra" class="header-cart-button"><span class="kadence-svg-iconset"><svg class="kadence-svg-icon kadence-shopping-cart-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Carrito de la compra</title><path d="M11 21c0-0.552-0.225-1.053-0.586-1.414s-0.862-0.586-1.414-0.586-1.053 0.225-1.414 0.586-0.586 0.862-0.586 1.414 0.225 1.053 0.586 1.414 0.862 0.586 1.414 0.586 1.053-0.225 1.414-0.586 0.586-0.862 0.586-1.414zM22 21c0-0.552-0.225-1.053-0.586-1.414s-0.862-0.586-1.414-0.586-1.053 0.225-1.414 0.586-0.586 0.862-0.586 1.414 0.225 1.053 0.586 1.414 0.862 0.586 1.414 0.586 1.053-0.225 1.414-0.586 0.586-0.862 0.586-1.414zM7.221 7h14.57l-1.371 7.191c-0.046 0.228-0.166 0.425-0.332 0.568-0.18 0.156-0.413 0.246-0.688 0.241h-9.734c-0.232 0.003-0.451-0.071-0.626-0.203-0.19-0.143-0.329-0.351-0.379-0.603zM1 2h3.18l0.848 4.239c0.108 0.437 0.502 0.761 0.972 0.761h1.221l-0.4-2h-0.821c-0.552 0-1 0.448-1 1 0 0.053 0.004 0.105 0.012 0.155 0.004 0.028 0.010 0.057 0.017 0.084l1.671 8.347c0.149 0.751 0.57 1.383 1.14 1.811 0.521 0.392 1.17 0.613 1.854 0.603h9.706c0.748 0.015 1.455-0.261 1.995-0.727 0.494-0.426 0.848-1.013 0.985-1.683l1.602-8.402c0.103-0.543-0.252-1.066-0.795-1.17-0.065-0.013-0.13-0.019-0.187-0.018h-16.18l-0.84-4.196c-0.094-0.462-0.497-0.804-0.98-0.804h-4c-0.552 0-1 0.448-1 1s0.448 1 1 1z"></path> 7499 </svg></span><span class="header-cart-total header-cart-is-empty-true">0</span></a><ul class="sub-menu"> 7500 <li class="menu-item menu-item-kadence-cart-dropdown"> 7501 <div class="kadence-mini-cart-refresh"> 7502 7503 <p class="woocommerce-mini-cart__empty-message">No hay productos en el carrito.</p> 7504 7505 7506</div> 7507 </li> 7508 </ul> 7509 </li> 7510 </ul></div></div></div><!-- data-section="cart" --> 7511 </div> 7512 </div> 7513 </div> 7514 </div> 7515</div> 7516 </div> 7517 </div> 7518 </div> 7519 </div> 7520 7521<div id="mobile-header" class="site-mobile-header-wrap"> 7522 <div class="site-header-inner-wrap"> 7523 <div class="site-header-upper-wrap"> 7524 <div class="site-header-upper-inner-wrap kadence-sticky-header" data-shrink="false" data-reveal-scroll-up="false"> 7525 <div class="site-top-header-wrap site-header-focus-item site-header-row-layout-fullwidth site-header-row-tablet-layout-default site-header-row-mobile-layout-default "> 7526 <div class="site-header-row-container-inner"> 7527 <div class="site-container"> 7528 <div class="site-top-header-inner-wrap site-header-row site-header-row-has-sides site-header-row-center-column"> 7529 <div class="site-header-top-section-left site-header-section site-header-section-left"> 7530 <div class="site-header-item site-header-focus-item" data-section="
7530kadence_customizer_mobile_social"> 7531 <div class="header-mobile-social-wrap"><div class="header-mobile-social-inner-wrap element-social-inner-wrap social-show-label-false social-style-outline"><a href="https://www.instagram.com/suburbiosskate/" aria-label="Instagram" target="_blank" rel="noopener noreferrer" class="social-button header-social-item social-link-instagram"><span class="kadence-svg-iconset"><svg class="kadence-svg-icon kadence-instagram-alt-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Instagram</title><path d="M7 1c-1.657 0-3.158 0.673-4.243 1.757s-1.757 2.586-1.757 4.243v10c0 1.657 0.673 3.158 1.757 4.243s2.586 1.757 4.243 1.757h10c1.657 0 3.158-0.673 4.243-1.757s1.757-2.586 1.757-4.243v-10c0-1.657-0.673-3.158-1.757-4.243s-2.586-1.757-4.243-1.757zM7 3h10c1.105 0 2.103 0.447 2.828 1.172s1.172 1.723 1.172 2.828v10c0 1.105-0.447 2.103-1.172 2.828s-1.723 1.172-2.828 1.172h-10c-1.105 0-2.103-0.447-2.828-1.172s-1.172-1.723-1.172-2.828v-10c0-1.105 0.447-2.103 1.172-2.828s1.723-1.172 2.828-1.172zM16.989 11.223c-0.15-0.972-0.571-1.857-1.194-2.567-0.754-0.861-1.804-1.465-3.009-1.644-0.464-0.074-0.97-0.077-1.477-0.002-1.366 0.202-2.521 0.941-3.282 1.967s-1.133 2.347-0.93 3.712 0.941 2.521 1.967 3.282 2.347 1.133 3.712 0.93 2.521-0.941 3.282-1.967 1.133-2.347 0.93-3.712zM15.011 11.517c0.122 0.82-0.1 1.609-0.558 2.227s-1.15 1.059-1.969 1.18-1.609-0.1-2.227-0.558-1.059-1.15-1.18-1.969 0.1-1.609 0.558-2.227 1.15-1.059 1.969-1.18c0.313-0.046 0.615-0.042 0.87-0.002 0.74 0.11 1.366 0.47 1.818 0.986 0.375 0.428 0.63 0.963 0.72 1.543zM17.5 7.5c0.552 0 1-0.448 1-1s-0.448-1-1-1-1 0.448-1 1 0.448 1 1 1z"></path> 7532 </svg></span></a><a href="https://www.facebook.com/suburbiosskate/" aria-label="Facebook" target="_blank" rel="noopener noreferrer" class="social-button header-social-item social-link-facebook"><span class="kadence-svg-iconset"><svg class="kadence-svg-icon kadence-facebook-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><title>Facebook</title><path d="M31.997 15.999c0-8.836-7.163-15.999-15.999-15.999s-15.999 7.163-15.999 15.999c0 7.985 5.851 14.604 13.499 15.804v-11.18h-4.062v-4.625h4.062v-3.525c0-4.010 2.389-6.225 6.043-6.225 1.75 0 3.581 0.313 3.581 0.313v3.937h-2.017c-1.987 0-2.607 1.233-2.607 2.498v3.001h4.437l-0.709 4.625h-3.728v11.18c7.649-1.2 13.499-7.819 13.499-15.804z"></path> 7533 </svg></span></a><a href="https://www.tiktok.com/@suburbiosskate" aria-label="TikTok" target="_blank" rel="noopener noreferrer" class="social-button header-social-item social-link-tiktok"><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-tiktok-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><title>TikTok</title><path d="M16.707 0.027c1.747-0.027 3.48-0.013 5.213-0.027 0.107 2.040 0.84 4.12 2.333 5.56 1.493 1.48 3.6 2.16 5.653 2.387v5.373c-1.92-0.067-3.853-0.467-5.6-1.293-0.76-0.347-1.467-0.787-2.16-1.24-0.013 3.893 0.013 7.787-0.027 11.667-0.107 1.867-0.72 3.72-1.8 5.253-1.747 2.56-4.773 4.227-7.88 4.28-1.907 0.107-3.813-0.413-5.44-1.373-2.693-1.587-4.587-4.493-4.867-7.613-0.027-0.667-0.040-1.333-0.013-1.987 0.24-2.533 1.493-4.96 3.44-6.613 2.213-1.92 5.307-2.84 8.2-2.293 0.027 1.973-0.053 3.947-0.053 5.92-1.32-0.427-2.867-0.307-4.027 0.493-0.84 0.547-1.48 1.387-1.813 2.333-0.28 0.68-0.2 1.427-0.187 2.147 0.32 2.187 2.427 4.027 4.667 3.827 1.493-0.013 2.92-0.88 3.693-2.147 0.253-0.44 0.533-0.893 0.547-1.413 0.133-2.387 0.080-4.76 0.093-7.147 0.013-5.373-0.013-10.733 0.027-16.093z"></path> 7534 </svg></span></a></div></div></div><!-- data-section="mobile_social" --> 7535 </div> 7536 <div class="site-header-top-section-center site-header-section site-header-section-center"> 7537 <div class="site-header-item site-header-focus-item" data-section="kadence_customizer_header_search"> 7538 <div class="search-toggle-open-container"> 7539 <button class="search-toggle-open drawer-toggle search-toggle-style-default" aria-label="Ver el formulario de búsqueda" aria-haspopup="dialog" aria-controls="search-drawer" data-toggle-target="#search-drawer" data-toggle-body-class="showing-popup-drawer-from-full" aria-expanded="false" data-set-focus="#search-drawer .search-field" 7540 > 7541 <span class="search-toggle-label vs-lg-true vs-md-true vs-sm-true">BUSCAR</span> 7542 <span class="search-toggle-icon"><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-search-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="26" height="28" viewBox="0 0 26 28"><title>Buscar</title><path d="M18 13c0-3.859-3.141-7-7-7s-7 3.141-7 7 3.141 7 7 7 7-3.141 7-7zM26 26c0 1.094-0.906 2-2 2-0.531 0-1.047-0.219-1.406-0.594l-5.359-5.344c-1.828 1.266-4.016 1.937-6.234 1.937-6.078 0-11-4.922-11-11s4.922-11 11-11 11 4.922 11 11c0 2.219-0.672 4.406-1.937 6.234l5.359 5.359c0.359 0.359 0.578
75420.875 0.578 1.406z"></path> 7543 </svg></span></span> 7544 </button> 7545 </div> 7546 </div><!-- data-section="header_search" --> 7547 </div> 7548 <div class="site-header-top-section-right site-header-section site-header-section-right"> 7549 <div class="site-header-item site-header-focus-item" data-section="kadence_customizer_mobile_button"> 7550 <div class="mobile-header-button-wrap"><div class="mobile-header-button-inner-wrap"><a href="https://suburbiosskateboards.com.mx/mi-cuenta/" target="_self" class="button mobile-header-button button-size-medium button-style-filled">MI CUENTA</a></div></div></div><!-- data-section="mobile_button" --> 7551 </div> 7552 </div> 7553 </div> 7554 </div> 7555</div> 7556<div class="site-main-header-wrap site-header-focus-item site-header-row-layout-fullwidth site-header-row-tablet-layout-fullwidth site-header-row-mobile-layout-fullwidth "> 7557 <div class="site-header-row-container-inner"> 7558 <div class="site-container"> 7559 <div class="site-main-header-inner-wrap site-header-row site-header-row-has-sides site-header-row-center-column"> 7560 <div class="site-header-main-section-left site-header-section site-header-section-left"> 7561 <div class="site-header-item site-header-focus-item site-header-item-navgation-popup-toggle" data-section="kadence_customizer_mobile_trigger"> 7562 <div class="mobile-toggle-open-container"> 7563 <button id="mobile-toggle" class="menu-toggle-open drawer-toggle menu-toggle-style-default" aria-label="Abrir menú" data-toggle-target="#mobile-drawer" data-toggle-body-class="showing-popup-drawer-from-left" aria-expanded="false" data-set-focus=".menu-toggle-close" 7564 > 7565 <span class="menu-toggle-icon"><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-menu-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Alternar el menú</title><path d="M3 13h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1zM3 7h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1zM3 19h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1z"></path> 7566 </svg></span></span> 7567 </button> 7568 </div> 7569 </div><!-- data-section="mobile_trigger" --> 7570 </div> 7571 <div class="site-header-main-section-center site-header-section site-header-section-center"> 7572 <div class="site-header-item site-header-focus-item" data-section="title_tagline"> 7573 <div class="site-branding mobile-site-branding branding-layout-standard branding-tablet-layout-inherit site-brand-logo-only branding-mobile-layout-inherit"><a class="brand has-logo-image" href="https://suburbiosskateboards.com.mx/" rel="home"><img width="350" height="120" src="https://suburbiosskateboards.com.mx/wp-content/uploads/2022/10/LOGO-SS.png" class="custom-logo" alt="Suburbios Skate" decoding="async" srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2022/10/LOGO-SS.png.webp 350w, https://suburbiosskateboards.com.mx/wp-content/uploads/2022/10/LOGO-SS-300x103.png.webp 300w" sizes="(max-width: 350px) 100vw, 350px" /></a></div></div><!-- data-section="title_tagline" --> 7574 </div> 7575 <div class="site-header-main-section-right site-header-section site-header-section-right"> 7576 <div class="site-header-item site-header-focus-item" data-section="kadence_customizer_mobile_cart"> 7577 <div class="header-mobile-cart-wrap kadence-header-cart"><span class="header-cart-empty-check header-cart-is-empty-true"></span><div class="header-cart-inner-wrap cart-show-label-false cart-style-slide"><button data-toggle-target="#cart-drawer" aria-label="Carrito de la compra" class="drawer-toggle header-cart-button" data-toggle-body-class="showing-popup-drawer-from-right" aria-expanded="false" data-set-focus=".cart-toggle-close"><span class="kadence-svg-iconset"><svg class="kadence-svg-icon kadence-shopping-cart-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Carrito de la compra</title><path d="M11 21c0-0.552-0.225-1.053-0.586-1.414s-0.862-0.586-1.414-0.586-1.053 0.225-1.414 0.586-0.586 0.862-0.586 1.414 0.225 1.053 0.586 1.414 0.862 0.586 1.414 0.586 1.053-0.225 1.414-0.586 0.586-0.862 0.586-1.414zM22 21c0-0.552-0.225-1.053-0.586-1.414s-0.862-0.586-1.414-0.586-1.053 0.225-1.414 0.586-0.586 0.862-0.586 1.414 0.225 1.053 0.586 1.414 0.862 0.586 1.414 0.586 1.053-0.225 1.414-0.586 0.586-0.862 0.586-1.414zM7.221 7h14.57l-1.371 7.191c-0.046 0.228-0.166 0.425-0.332 0.568-0.18 0.156-0.413 0.246-0.688 0.241h-9.734c-0.232 0.003-0.451-0.071-0.626-0.203-0.19-0.143-0.329-0.351-0.379-0.603zM1 2h3.18l0.848 4.239c0.108 0.437 0.502 0.761 0.972 0.761h1.221l-0.4-2h-0.821c-0.552 0-1 0.448-1 1 0 0.053 0.004 0.105 0.012 0.155 0.004 0.028 0.010 0.057 0.017 0.084l1.671 8.347c0.149 0.751 0.57 1.383 1.14 1.811 0.521 0.392 1.17 0.613 1.854 0.603h9.706c0.748 0.015 1.455-0.261 1.995-0.727 0.494-0.426 0.848-1.013 0.985-1.683l1.602-8.402c0.103-0.543-0.252-1.066-0.795-1.17-0.065-0.013-0.13-0.019-0.187-0.018h-16.18l-0.84-4.196c-0.094-0.462-0.497-0.804-0.98-0.804h-4c-0.552 0-1 0.448-1 1s0.448 1 1 1z"></path> 7578 </svg></span><span class="header-cart-total">0</span></button></div></div></div><!-- data-section="mobile_cart" --> 7579 </div> 7580 </div> 7581 </div> 7582 </div> 7583</div> 7584 </div> 7585 </div> 7586 </div> 7587</div> 7588</header><!-- #masthead --> 7589
7590 <main id="inner-wrap" class="wrap kt-clear" role="main"> 7591 7592 <link rel='stylesheet' id='kadence-content-css' href='https://suburbiosskateboards.com.mx/wp-content/themes/kadence/assets/css/content.min.css?ver=1.5.2' media='all' /> 7593<style id="kadence-content-inline-css"> 7594.posted-on, .category-links, .tag-links, .posted-by, .comments-link { clip: rect(1px, 1px, 1px, 1px); height: 1px; position: absolute; overflow: hidden; width: 1px; } 7595/*# sourceURL=kadence-content-inline-css */ 7596</style> 7597<div id="primary" class="content-area"><div class="content-container site-container"><main id="main" class="site-main" role="main"> 7598 7599 <div class="woocommerce-notices-wrapper"></div><div class="product-title product-above"><nav id="kadence-breadcrumbs" aria-label="Migas de pan" class="kadence-breadcrumbs"><div class="kadence-breadcrumb-container"><span><a href="https://suburbiosskateboards.com.mx/" itemprop="url" class="kadence-bc-home" ><span>Inicio</span></a></span> <span class="bc-delimiter">/</span> <span><a href="https://suburbiosskateboards.com.mx/tienda/" itemprop="url" ><span>Tienda</span></a></span> <span class="bc-delimiter">/</span> <span><a href="https://suburbiosskateboards.com.mx/categoria-producto/fingerboards/" itemprop="url" ><span>Fingerboards</span></a></span> <span class="bc-delimiter">/</span> <span class="kadence-bread-current">Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus</span></div></nav></div><div id="product-35983" class="entry content-bg entry-content-wrap product type-product post-35983 status-publish first instock product_cat-fingerboards product_tag-azcapo product_tag-fingerboard product_tag-lira product_tag-tech-deck has-post-thumbnail featured purchasable product-type-simple"> 7600 7601 <div class="woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images gallery-has-thumbnails" data-columns="4" style="opacity: 0; transition: opacity .25s ease-in-out;"> 7602 <div class="woocommerce-product-gallery__wrapper"> 7603 <div data-thumb="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-100x100.webp" data-thumb-alt="Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus" data-thumb-srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-100x100.webp 100w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-300x300.webp 300w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1024x1024.webp 1024w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-150x150.webp 150w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-768x768.webp 768w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-350x350.webp 350w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-800x800.webp 800w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus.webp 1080w" data-thumb-sizes="(max-width: 100px) 100vw, 100px" class="woocommerce-product-gallery__image"><a href="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus.webp"><img width="800" height="800" src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-800x800.webp" class="wp-post-image" alt="Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus" data-caption="" data-src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus.webp" data-large_image="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus.webp" data-large_image_width="1080" data-large_image_height="1080" decoding="async" fetchpriority="high" srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-800x800.webp 800w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-300x300.webp 300w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1024x1024.webp 1024w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-150x150.webp 150w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-768x768.webp 768w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-350x350.webp 350w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-100x100.webp 100w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus.webp 1080w" sizes="(max-width: 800px) 100v
7603w, 800px" /></a></div><div class="advanced-woo-labels awl-position-type-on-image awl-label-type-single awl-align-left-top" style="display:none;flex-wrap:wrap;flex-direction:row;text-align:left;width:100%;position:absolute;z-index:9;left:0px;right:auto;top:0px;bottom:auto;transform:none;justify-content:flex-start;"><div class="awl-label-wrap awl-text-label-wrap awl-label-id-23997" style=""><span class="awl-product-label awl-type-label awl-type-label-rounded" style="display:table;position:relative;line-height:1;white-space:nowrap;vertical-align:baseline;font-size:14px;--awl-font-size-tablet:14px;--awl-font-size-phone:14px;font-weight:600;font-style:normal;letter-spacing:0px;color:#fff;opacity:1;margin:0px 0px 0px 0px;"><span class="awl-label-text" style="display:table-cell;padding:0.3em 0.6em 0.3em 0.6em;z-index:1;background:#0a0000;position:relative;line-height:1;border-radius:0.25em;"><span class="awl-inner-text">NUEVO</span></span></span></div></div><div data-thumb="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1-100x100.webp" data-thumb-alt="Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus - Imagen 2" data-thumb-srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1-100x100.webp 100w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1-300x300.webp 300w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1-1024x1024.webp 1024w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1-150x150.webp 150w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1-768x768.webp 768w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1-350x350.webp 350w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1-800x800.webp 800w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1.webp 1080w" data-thumb-sizes="(max-width: 100px) 100vw, 100px" class="woocommerce-product-gallery__image"><a href="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1.webp"><img width="800" height="800" src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1-800x800.webp" class="" alt="Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus - Imagen 2" data-caption="" data-src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1.webp" data-large_image="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1.webp" data-large_image_width="1080" data-large_image_height="1080" decoding="async" srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1-800x800.webp 800w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1-300x300.webp 300w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1-1024x1024.webp 1024w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1-150x150.webp 150w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1-768x768.webp 768w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1-350x350.webp 350w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1-100x100.webp 100w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1.webp 1080w" sizes="(max-width: 800px) 100v
7603w, 800px" /></a></div><div data-thumb="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2-100x100.webp" data-thumb-alt="Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus - Imagen 3" data-thumb-srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2-100x100.webp 100w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2-300x300.webp 300w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2-1024x1024.webp 1024w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2-150x150.webp 150w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2-768x768.webp 768w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2-350x350.webp 350w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2-800x800.webp 800w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2.webp 1080w" data-thumb-sizes="(max-width: 100px) 100vw, 100px" class="woocommerce-product-gallery__image"><a href="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2.webp"><img width="800" height="800" src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2-800x800.webp" class="" alt="Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus - Imagen 3" data-caption="" data-src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2.webp" data-large_image="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2.webp" data-large_image_width="1080" data-large_image_height="1080" decoding="async" srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2-800x800.webp 800w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2-300x300.webp 300w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2-1024x1024.webp 1024w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2-150x150.webp 150w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2-768x768.webp 768w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2-350x350.webp 350w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2-100x100.webp 100w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-2.webp 1080w" sizes="(max-width: 800px) 100vw, 800px" /></a></div> </div> 7604</div> 7605 7606 <div class="summary entry-summary"> 7607 <h1 class="product_title entry-title">Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus</h1><p class="price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">$</span>1,250.00</bdi></span></p> 7608<p class="stock in-stock">2 disponibles</p> 7609 7610 7611 <form class="cart" action="https://suburbiosskateboards.com.mx/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/" method="post" enctype='multipart/form-data'> 7612 <div class="plugin-container"> 7613 <img src="https://suburbiosskateboards.com.mx/wp-content/plugins/Creditea/Creditea_logo_dark_134x24.png" width="134px" alt="Creditea" style=" padding-bottom: 10px;"> 7614 Desde $200.00 pesos quincenales <a href="https://ecommerce.creditea.com/mx/apply/widget?amount=1250" class="venobox link-style" data-vbtype="iframe">Ver más</a> 7615</div> 7616 7617 <div class="quantity"> 7618 <label class="screen-reader-text" for="quantity_6ac20ad217137">Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus cantidad</label> 7619 <input 7620 type="number" 7621 id="quantity_6ac20ad217137" 7622 class="input-text qty text" 7623 name="quantity" 7624 value="1" 7625 aria-label="Cantidad de productos" 7626 min="1" 7627 max="2" 7628 step="1" 7629 placeholder="" 7630 inputmode="numeric" 7631 autocomplete="off" 7632 /> 7633 </div> 7634 7635 <button type="submit" name="add-to-cart" value="35983" class="single_add_to_cart_button button alt">Añadir al carrito</button> 7636 7637 <button type="button" class="suburbios-bookmark-btn suburbios-bookmark-pdp-btn" data-product-id="35983" aria-label="Guardar producto">
7638 <svg class="suburbios-bookmark-icon" viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg> 7639 </button><span class="gtm4wp_single_productdata" style="display:none; visibility:hidden;" data-gtm4wp_product_data="{"internal_id":35983,"item_id":"35983","item_name":"Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus","sku":"SUBS80022","price":1250,"stocklevel":2,"stockstatus":"instock","google_business_vertical":"retail","item_category":"Fingerboards","id":"35983"}"></span> 7640 7641
7641<script type="application/javascript" style="display:none"> 7642 /* <![CDATA[ */ 7643 window.pysWooProductData = window.pysWooProductData || []; 7644 window.pysWooProductData[35983] = {"facebook":{"delay":0,"type":"static","name":"AddToCart","pixelIds":["4301696820111031"],"eventID":"c33cbf9d-3251-44e3-848b-36fa561d860c","params":{"content_type":"product","content_ids":["35983"],"contents":[{"id":"35983","quantity":1}],"tags":"Azcapo, Fingerboard, Lira, Tech Deck","content_name":"Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus","category_name":"Fingerboards","value":"1250","currency":"MXN"},"e_id":"woo_add_to_cart_on_button_click","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":"","order_key":""}}; 7645 /* ]]> */ 7646 </script>
7646 7647 7648 </form> 7649 7650 7651<div class="ppcp-messages" data-partner-attribution-id="Woo_PPCP"></div> <div id="suburbios-pdp-apartasubu-wrapper" class="suburbios-pdp-apartasubu-container" style="margin-top: 12px; margin-bottom: 10px; clear: both; box-sizing: border-box;"> 7652 <div id="suburbios-pdp-apartasubu-trigger" style="background-color: #ffffff; color: #111111; border: 1px solid #111111; padding: 7px 12px; border-radius: 4px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; box-sizing: border-box; user-select: none; transition: all 0.2s ease;"> 7653 <div style="display: flex; align-items: center; gap: 6px;"> 7654 <span style="font-size: 13px;">ð·ï¸</span> 7655 <span style="font-family: 'Fira Sans', sans-serif; font-size: 12px; font-weight: 600; color: #111111; white-space: nowrap;"> 7656 <strong>APARTA-SUBU</strong> con <span style="color: #e2401c; font-weight: 700;">$187.50 MXN</span> (15%) </span> 7657 </div> 7658 <span id="suburbios-pdp-arrow" style="font-size: 10px; color: #666666; transition: transform 0.3s ease;">â¼</span> 7659 </div> 7660 7661 <div id="suburbios-pdp-apartasubu-content" style="display: none; background-color: #fafafa; border: 1px solid #111111; border-top: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 12px 14px; font-family: 'Fira Sans', sans-serif; font-size: 11px; color: #333333; line-height: 1.5; width: 100%; box-sizing: border-box; margin-top: -1px;"> 7662 <p style="margin: 0 0 6px 0; font-weight: 700; color: #111111; text-transform: uppercase; font-size: 11px; letter-spacing: 0.5px;">ð Plan de Apartado a pagos:</p> 7663 <ul style="margin: 0; padding-left: 16px; list-style-type: disc;"> 7664 <li>Pagas el <strong>15% de enganche hoy</strong> con cualquier método de pago.</li> 7665 <li>Reservamos tus piezas fÃsicamente en nuestro almacén.</li> 7666 <li>Abonas a tu ritmo vÃa transferencia o link de pago, <strong>en un plazo máximo de 6 semanas</strong>.</li> 7667 <li style="color: #e2401c; font-weight: 600; margin-top: 3px;">â ï¸ El pedido se envÃa o entrega en tienda hasta liquidar el 100%.</li> 7668 <li style="margin-top: 3px;"><strong>MÃnimo de compra para el plan de pagos: $1,000 MXN.</strong></li> 7669 </ul> 7670 </div> 7671 </div> 7672 7673 <style> 7674 @media (min-width: 769px) { .suburbios-pdp-apartasubu-container { width: fit-content !important; max-width: 100% !important; } } 7675 @media (max-width: 768px) { .suburbios-pdp-apartasubu-container { width: 100% !important; max-width: 100% !important; } } 7676 </style> 7677 7678
7678<script> 7679 document.addEventListener('DOMContentLoaded', function() { 7680 var trigger = document.getElementById('suburbios-pdp-apartasubu-trigger'); 7681 var content = document.getElementById('suburbios-pdp-apartasubu-content'); 7682 var arrow = document.getElementById('suburbios-pdp-arrow'); 7683 if (trigger && content) { 7684 trigger.addEventListener('click', function() { 7685 if (content.style.display === 'none' || content.style.display === '') { 7686 content.style.display = 'block'; 7687 arrow.style.transform = 'rotate(180deg)'; 7688 trigger.style.borderBottomLeftRadius = '0px'; 7689 trigger.style.borderBottomRightRadius = '0px'; 7690 } else { 7691 content.style.display = 'none'; 7692 arrow.style.transform = 'rotate(0deg)'; 7693 trigger.style.borderBottomLeftRadius = '4px'; 7694 trigger.style.borderBottomRightRadius = '4px'; 7695 } 7696 }); 7697 } 7698 }); 7699 </script>
7699 7700 <div class="suburbios-delivery-estimate" style="display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 6px; margin-top: 10px; margin-bottom: 20px; width: 100%; clear: both; float: none; position: relative;"> <span style="font-family: 'Bebas Neue', sans-serif; font-size: 16px; letter-spacing: 1px; color: #000000; text-transform: uppercase; display: flex; align-items: center; gap: 4px;"><svg width="12" height="12" viewBox="0 0 24 24" fill="black" xmlns="http://www.w3.org/2000/svg"> 7701 <path d="M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm12.5-4.5H15V9h2.46l2.04 2.72V14zM18 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/> 7702</svg> Fecha Estimada de Entrega:</span> <span style="font-family: 'Fira Sans', sans-serif; font-size: 14px; font-weight: 700; color: #bf3d36; text-transform: uppercase;">5 - 9 Octubre</span></div><div class="single-product-extras"><p><strong>Compra ahora, paga después con Aplazo, Creditea o Mercado Crédito.</strong></p><ul><li><span class="kadence-svg-iconset svg-baseline"><svg class="kadence-svg-icon kadence-checkbox-alt-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><title>Marca de verificación</title><path d="M13.739 3.061l-5.5-3c-0.075-0.041-0.157-0.061-0.239-0.061s-0.165 0.020-0.239 0.061l-5.5 3c-0.161 0.088-0.261 0.256-0.261 0.439v4c0 2.2 0.567 3.978 1.735 5.437 0.912 1.14 2.159 2.068 4.042 3.010 0.070 0.035 0.147 0.053 0.224 0.053s0.153-0.018 0.224-0.053c1.883-0.942 3.13-1.87 4.042-3.010 1.167-1.459 1.735-3.238 1.735-5.437l0-4c0-0.183-0.1-0.351-0.261-0.439zM6.5 11.296l-2.796-2.796 0.796-0.795 2 2 5-5 0.796 0.795-5.795 5.795z"></path> 7703 </svg></span> Hasta 3 MSI* pagando con Tarjeta de crédito o PayPal.</li><li><span class="kadence-svg-iconset svg-baseline"><svg class="kadence-svg-icon kadence-checkbox-alt-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><title>Marca de verificación</title><path d="M13.739 3.061l-5.5-3c-0.075-0.041-0.157-0.061-0.239-0.061s-0.165 0.020-0.239 0.061l-5.5 3c-0.161 0.088-0.261 0.256-0.261 0.439v4c0 2.2 0.567 3.978 1.735 5.437 0.912 1.14 2.159 2.068 4.042 3.010 0.070 0.035 0.147 0.053 0.224 0.053s0.153-0.018 0.224-0.053c1.883-0.942 3.13-1.87 4.042-3.010 1.167-1.459 1.735-3.238 1.735-5.437l0-4c0-0.183-0.1-0.351-0.261-0.439zM6.5 11.296l-2.796-2.796 0.796-0.795 2 2 5-5 0.796 0.795-5.795 5.795z"></path> 7704 </svg></span> Recoge gratis en CDMX, en nuestras skateshops: Azcapo o Lira.</li><li><span class="kadence-svg-iconset svg-baseline"><svg class="kadence-svg-icon kadence-checkbox-alt-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><title>Marca de verificación</title><path d="M13.739 3.061l-5.5-3c-0.075-0.041-0.157-0.061-0.239-0.061s-0.165 0.020-0.239 0.061l-5.5 3c-0.161 0.088-0.261 0.256-0.261 0.439v4c0 2.2 0.567 3.978 1.735 5.437 0.912 1.14 2.159 2.068 4.042 3.010 0.070 0.035 0.147 0.053 0.224 0.053s0.153-0.018 0.224-0.053c1.883-0.942 3.13-1.87 4.042-3.010 1.167-1.459 1.735-3.238 1.735-5.437l0-4c0-0.183-0.1-0.351-0.261-0.439zM6.5 11.296l-2.796-2.796 0.796-0.795 2 2 5-5 0.796 0.795-5.795 5.795z"></path> 7705 </svg></span> EnvÃo gratis MX comprando $1,899 MXN.</li><li><span class="kadence-svg-iconset svg-baseline"><svg class="kadence-svg-icon kadence-checkbox-alt-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><title>Marca de verificación</title><path d="M13.739 3.061l-5.5-3c-0.075-0.041-0.157-0.061-0.239-0.061s-0.165 0.020-0.239 0.061l-5.5 3c-0.161 0.088-0.261 0.256-0.261 0.439v4c0 2.2 0.567 3.978 1.735 5.437 0.912 1.14 2.159 2.068 4.042 3.010 0.070 0.035 0.147 0.053 0.224 0.053s0.153-0.018 0.224-0.053c1.883-0.942 3.13-1.87 4.042-3.010 1.167-1.459 1.735-3.238 1.735-5.437l0-4c0-0.183-0.1-0.351-0.261-0.439zM6.5 11.296l-2.796-2.796 0.796-0.795 2 2 5-5 0.796 0.795-5.795 5.795z"></path> 7706 </svg></span> Venta mayoreo NO aplican promociones.</li></ul></div><fieldset class="single-product-payments payments-color-scheme-inherit"><legend>GARANTÃA DE SEGURIDAD EN EL PAGO Y PROTECCIÃN SSL</legend><ul><li class="single-product-payments-visa"><span class="kadence-svg-iconset">
7706<svg width="100%" height="100%" viewBox="0 0 750 471" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><title>Tarjeta Visa</title><g><path d="M750,40c0,-22.077 -17.923,-40 -40,-40l-670,0c-22.077,0 -40,17.923 -40,40l0,391c0,22.077 17.923,40 40,40l670,0c22.077,0 40,-17.923 40,-40l0,-391Z" style="fill:rgb(14,69,149);"/><path d="M278.197,334.228l33.361,-195.763l53.36,0l-33.385,195.763l-53.336,0Zm246.11,-191.54c-10.572,-3.966 -27.136,-8.222 -47.822,-8.222c-52.725,0 -89.865,26.55 -90.18,64.603c-0.298,28.13 26.513,43.822 46.753,53.186c20.77,9.594 27.752,15.714 27.654,24.283c-0.132,13.121 -16.587,19.116 -31.923,19.116c-21.357,0 -32.703,-2.966 -50.226,-10.276l-6.876,-3.111l-7.49,43.824c12.464,5.464 35.51,10.198 59.438,10.443c56.09,0 92.501,-26.246 92.916,-66.882c0.2,-22.268 -14.016,-39.216 -44.8,-53.188c-18.65,-9.055 -30.072,-15.099 -29.951,-24.268c0,-8.137 9.667,-16.839 30.556,-16.839c17.45,-0.27 30.089,3.535 39.937,7.5l4.781,2.26l7.234,-42.43m137.307,-4.222l-41.231,0c-12.774,0 -22.332,3.487 -27.942,16.234l-79.245,179.404l56.032,0c0,0 9.161,-24.123 11.233,-29.418c6.124,0 60.554,0.084 68.337,0.084c1.596,6.853 6.491,29.334 6.491,29.334l49.513,0l-43.188,-195.638Zm-65.418,126.407c4.413,-11.279 21.26,-54.723 21.26,-54.723c-0.316,0.522 4.38,-11.334 7.075,-18.684l3.606,16.879c0,0 10.217,46.728 12.352,56.528l-44.293,0Zm-363.293,-126.406l-52.24,133.496l-5.567,-27.13c-9.725,-31.273 -40.025,-65.155 -73.898,-82.118l47.766,171.203l56.456,-0.065l84.004,-195.386l-56.521,0Z" style="fill:white;"/><path d="M131.92,138.465l-86.041,0l-0.681,4.073c66.938,16.204 111.231,55.363 129.618,102.414l-18.71,-89.96c-3.23,-12.395 -12.597,-16.094 -24.186,-16.526" style="fill:rgb(255,255,255);"/></g></svg></span></li><li class="single-product-payments-mastercard"><span class="kadence-svg-iconset"><svg width="100%" height="100%" viewBox="0 0 750 471" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><title>MasterCard</title><g><path d="M750,40c0,-22.077 -17.923,-40 -40,-40l-670,0c-22.077,0 -40,17.923 -40,40l0,391c0,22.077 17.923,40 40,40l670,0c22.077,0 40,-17.923 40,-40l0,-391Z" style="fill:rgb(244,244,244);"/><path d="M618.579,422.143c-1.213,0.03 -2.213,0.432 -2.998,1.207c-0.785,0.776 -1.192,1.746 -1.22,2.911c0.028,1.157 0.435,2.125 1.22,2.904c0.785,0.78 1.785,1.184 2.998,1.215c1.185,-0.03 2.171,-0.436 2.96,-1.215c0.787,-0.78 1.196,-1.747 1.226,-2.904c-0.03,-1.165 -0.437,-2.135 -1.223,-2.91c-0.786,-0.776 -1.774,-1.179 -2.963,-1.208Zm0,7.329c-0.925,-0.023 -1.687,-0.336 -2.287,-0.94c-0.6,-0.602 -0.91,-1.36 -0.932,-2.27c0.021,-0.916 0.332,-1.672 0.932,-2.27c0.6,-0.599 1.362,-0.909 2.287,-0.93c0.904,0.021 1.655,0.331 2.25,0.93c0.596,0.598 0.905,1.354 0.927,2.27c-0.022,0.91 -0.33,1.668 -0.926,2.27c-0.596,0.604 -1.347,0.917 -2.251,0.94Zm0.242,-5.139l-1.766,0l0,3.826l0.817,0l0,-1.433l0.374,0l1.16,1.433l0.978,0l-1.25,-1.443c0.39,-0.05 0.69,-0.176 0.901,-0.38c0.21,-0.204 0.317,-0.465 0.32,-0.781c-0.004,-0.378 -0.137,-0.675 -0.4,-0.891c-0.264,-0.216 -0.642,-0.326 -1.134,-0.33l0,-0.001Zm-0.01,0.717c0.219,0 0.39,0.043 0.515,0.127c0.124,0.084 0.197,0.228 0.19,0.378c0.007,0.153 -0.065,0.298 -0.19,0.386c-0.124,0.086 -0.296,0.129 -0.515,0.129l-0.939,0l0,-1.02l0.939,0Zm-458.605,2.703l-8.755,0l0,-40.883l8.584,0l0,4.982c0,0 7.539,-6.089 12.017,-6.013c8.706,0.148 13.905,7.559 13.905,7.559c0,0 4.217,-7.559 13.733,-7.559c14.073,0 16.137,12.884 16.137,12.884l0,28.857l-8.412,0l0,-25.422c0,0 0.03,-7.73 -9.098,-7.73c-9.44,0 -10.3,7.73 -10.3,7.73l0,25.423l-8.755,0l0,-25.595c0,0 -0.841,-8.073 -8.756,-8.073c-10.278,0 -10.471,8.245 -10.471,8.245l0.171,25.595Zm266.254,-41.92c-4.478,-0.075 -12.016,6.013 -12.016,6.013l0,-4.971l-8.593,0l0,40.874l8.76,0l-0.167,-25.593c0,0 0.193,-8.228 10.472,-8.228c1.909,0 3.391,0.463 4.565,1.175l0,-0.033l2.853,-7.96c-1.722,-0.725 -3.68,-1.239 -5.874,-1.276l0,-0.001Zm123.33,0c-4.477,-0.075 -12.015,6.013 -12.015,6.013l0,-4.971l-8.593,0l0,40.874l8.76,0l-0.167,-25.593c0,0 0.193,-8.228 10.472,-8.228c1.909,0 3.39
77061,0.463 4.565,1.175l0,-0.033l2.853,-7.96c-1.722,-0.725 -3.68,-1.239 -5.874,-1.276l-0.001,-0.001Zm-305.653,-0.167c-13.103,0 -20.037,11.784 -20.072,21.629c-0.036,10.091 7.894,21.73 20.44,21.73c7.32,0 13.334,-5.407 13.334,-5.407l-0.016,4.164l8.618,0l0,-40.922l-8.648,0l0,5.155c0,0 -5.647,-6.348 -13.656,-6.348l0,-0.001Zm1.678,8.33c7.04,0 12.754,6.126 12.754,13.668c0,7.543 -5.715,13.636 -12.754,13.636c-7.04,0 -12.721,-6.093 -12.721,-13.636c0,-7.542 5.681,-13.669 12.72,-13.669l0.001,0.001Zm249.646,-8.33c-13.103,0 -20.037,11.784 -20.072,21.629c-0.036,10.091 7.894,21.73 20.44,21.73c7.32,0 13.334,-5.407 13.334,-5.407l-0.016,4.164l8.618,0l0,-40.922l-8.648,0l0,5.155c0,0 -5.647,-6.348 -13.656,-6.348l0,-0.001Zm1.678,8.33c7.04,0 12.754,6.126 12.754,13.668c0,7.543 -5.715,13.636 -12.754,13.636c-7.04,0 -12.721,-6.093 -12.721,-13.636c0,-7.542 5.681,-13.669 12.72,-13.669l0.001,0.001Zm81.066,-8.33c-13.102,0 -20.036,11.784 -20.071,21.629c-0.036,10.091 7.893,21.73 20.44,21.73c7.32,0 13.334,-5.407 13.334,-5.407l-0.016,4.164l8.618,0l0,-57.078l-8.648,0l0,21.31c0,0 -5.648,-6.348 -13.657,-6.348Zm1.678,8.33c7.04,0 12.755,6.126 12.755,13.668c0,7.543 -5.715,13.636 -12.755,13.636c-7.04,0 -12.72,-6.093 -12.72,-13.636c0,-7.542 5.68,-13.669 12.72,-13.669l0,0.001Zm-287.148,35.13c-8.926,0 -17.167,-5.497 -17.167,-5.497l3.777,-5.84c0,0 7.797,3.607 13.39,3.607c3.634,0 9.712,-1.174 9.785,-4.81c0.078,-3.842 -10.214,-4.981 -10.214,-4.981c0,0 -15.364,-0.21 -15.364,-12.883c0,-7.97 7.673,-13.055 17.51,-13.055c5.684,0 16.308,4.981 16.308,4.981l-4.291,6.7c0,0 -8.204,-3.28 -12.532,-3.436c-3.655,-0.132 -8.069,1.62 -8.069,4.81c0,8.668 25.58,-0.676 25.58,16.834c0,11.487 -10.418,13.57 -18.713,13.57Zm32.93,-54.108l0,11.892l-7.619,0l0,8.597l7.62,0l0,20.555c0,0 -0.675,13.904 14.264,13.904c4.13,0 12.218,-3.056 12.218,-3.056l-3.457,-8.934c0,0 -3.217,2.745 -6.848,2.653c-6.904,-0.174 -6.713,-4.6 -6.713,-4.6l0,-20.524l14.233,0l0,-8.595l-14.232,0l0,-11.891l-9.465,0l-0.001,-0.001Zm51.858,11.15c-14.05,0 -21.07,11.58 -21.012,21.63c0.06,10.335 6.392,21.965 21.85,21.965c6.617,0 15.91,-5.81 15.91,-5.81l-3.994,-6.953c0,0 -6.341,4.5 -11.915,4.5c-11.16,0 -11.882,-10.915 -11.882,-10.915l29.872,0c0,0 2.229,-24.416 -18.83,-24.416l0.001,-0.001Zm-1.276,8.028c0.331,-0.02 0.687,0 1.04,0c10.514,0 10.44,9.94 10.44,9.94l-21.247,0c0,0 -0.503,-9.356 9.767,-9.94Zm90.132,22.699l4.006,8.017c0,0 -6.349,4.13 -13.474,4.13c-14.751,0 -22.943,-11.11 -22.943,-21.621c0,-16.52 13.036,-21.378 21.85,-21.378c8.001,0 14.931,4.616 14.931,4.616l-4.491,8.016c0,0 -2.723,-4.25 -10.682,-4.25c-7.946,0 -12.14,6.854 -12.14,13.36c0,7.291 4.881,13.483 12.261,13.483c5.79,0 10.682,-4.373 10.682,-4.373Z"/><path d="M624.508,278.631l0,-5.52l-1.44,0l-1.658,3.796l-1.657,-3.796l-1.44,0l0,5.52l1.017,0l0,-4.164l1.553,3.59l1.055,0l1.553,-3.6l0,4.174l1.017,0Zm-9.123,0l0,-4.578l1.845,0l0,-0.933l-4.698,0l0,0.933l1.845,0l0,4.578l1.008,0Zm9.412,-82.071c0,85.425 -69.077,154.676 -154.288,154.676c-85.21,0 -154.288,-69.25 -154.288,-154.676c0,-85.426 69.077,-154.677 154.289,-154.677c85.21,0 154.288,69.251 154.288,154.677l-0.001,0Z" style="fill:rgb(247,159,26);"/><path d="M434.46,196.56c0,85.425 -69.078,154.676 -154.288,154.676c-85.212,0 -154.288,-69.25 -154.288,-154.676c0,-85.426 69.076,-154.677 154.288,-154.677c85.21,0 154.287,69.251 154.287,154.677l0.001,0Z" style="fill:rgb(234,0,27);"/><path d="M375.34,74.797c-35.999,28.317 -59.107,72.318 -59.107,121.748c0,49.43 23.108,93.466 59.108,121.782c35.999,-28.316 59.107,-72.352 59.107,-121.782c0,-49.43 -23.108,-93.431 -59.107,-121.748l-0.001,0Z" style="fill:rgb(255,95,1);"/></g></svg></span></li><li class="single-product-payments-amex"><span class="kadence-svg-iconset svg-baseline"><svg width="100%" height="100%" viewBox="0 0 752 471" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><title>American Express</title><g><path d="M751,40c0,-22.077 -17.923,-40 -40,-40l-670,0c-22.077,0 -40,17.923 -40,40l0,391c0,22.077 17.923,40 40,40l670,0c22.077,0 40,-17.923 40,-40l0,-391Z" style="fill:rgb(37,87,214);"/><path d="M1,221.185l36.027,0l8.123,-19.51l18.185,0l8.101,19.51l70.88,0l0,-14.915l6.327,14.98l36.796,0l6.327,-15.202l0,15.138l176.151,0l-0.082,-32.026l3.408,0c2.386,0.083 3.083,0.302 3.083,4.226l0,27.8l91.106,0l0,-7.455c7.349,3.92 18.779,7.455 33.819,7.455l38.328,0l8.203,-19.51l18.185,0l8.021,19.51l73.8
77066,0l0,-18.532l11.186,18.532l59.187,0l0,-122.508l-58.576,0l0,14.468l-8.202,-14.468l-60.105,0l0,14.468l-7.532,-14.468l-81.188,0c-13.59,0 -25.536,1.889 -35.186,7.153l0,-7.153l-56.026,0l0,7.153c-6.14,-5.426 -14.508,-7.153 -23.812,-7.153l-204.686,0l-13.734,31.641l-14.104,-31.641l-64.47,0l0,14.468l-7.083,-14.468l-54.983,0l-25.534,58.246l0,64.261Zm227.399,-17.67l-21.614,0l-0.08,-68.794l-30.573,68.793l-18.512,0l-30.652,-68.854l0,68.854l-42.884,0l-8.101,-19.592l-43.9,0l-8.183,19.592l-22.9,0l37.756,-87.837l31.326,0l35.859,83.164l0,-83.164l34.412,0l27.593,59.587l25.347,-59.587l35.104,0l0,87.837l0.003,0l-0.001,0.001Zm-159.622,-37.823l-14.43,-35.017l-14.35,35.017l28.78,0Zm245.642,37.821l-70.433,0l0,-87.837l70.433,0l0,18.291l-49.348,0l0,15.833l48.165,0l0,18.005l-48.166,0l0,17.542l49.348,0l0,18.166l0.001,0Zm99.256,-64.18c0,14.004 -9.386,21.24 -14.856,23.412c4.613,1.748 8.553,4.838 10.43,7.397c2.976,4.369 3.49,8.271 3.49,16.116l0,17.255l-21.266,0l-0.08,-11.077c0,-5.285 0.508,-12.886 -3.328,-17.112c-3.081,-3.09 -7.777,-3.76 -15.368,-3.76l-22.633,0l0,31.95l-21.084,0l0,-87.838l48.495,0c10.775,0 18.714,0.283 25.53,4.207c6.67,3.924 10.67,9.652 10.67,19.45Zm-26.652,13.042c-2.898,1.752 -6.324,1.81 -10.43,1.81l-25.613,0l0,-19.51l25.962,0c3.674,0 7.508,0.164 9.998,1.584c2.735,1.28 4.427,4.003 4.427,7.765c0,3.84 -1.61,6.929 -4.344,8.351Zm60.466,51.138l-21.513,0l0,-87.837l21.513,0l0,87.837Zm249.74,0l-29.879,0l-39.964,-65.927l0,65.927l-42.94,0l-8.204,-19.592l-43.799,0l-7.96,19.592l-24.673,0c-10.248,0 -23.224,-2.257 -30.572,-9.715c-7.41,-7.458 -11.265,-17.56 -11.265,-33.533c0,-13.027 2.304,-24.936 11.366,-34.347c6.816,-7.01 17.49,-10.242 32.02,-10.242l20.412,0l0,18.821l-19.984,0c-7.694,0 -12.039,1.14 -16.224,5.203c-3.594,3.699 -6.06,10.69 -6.06,19.897c0,9.41 1.878,16.196 5.797,20.628c3.245,3.476 9.144,4.53 14.694,4.53l9.469,0l29.716,-69.076l31.592,0l35.696,83.081l0,-83.08l32.103,0l37.062,61.174l0,-61.174l21.596,0l0,87.834l0.001,-0.001Zm-128.159,-37.82l-14.591,-35.017l-14.51,35.017l29.101,0Zm181.885,178.074c-5.121,7.458 -15.101,11.239 -28.611,11.239l-40.718,0l0,-18.84l40.553,0c4.022,0 6.837,-0.527 8.532,-2.175c1.602,-1.472 2.508,-3.555 2.493,-5.73c0,-2.56 -1.024,-4.592 -2.575,-5.81c-1.53,-1.341 -3.757,-1.95 -7.429,-1.95c-19.797,-0.67 -44.495,0.609 -44.495,-27.194c0,-12.743 8.125,-26.157 30.25,-26.157l41.998,0l0,-17.48l-39.02,0c-11.776,0 -20.33,2.808 -26.388,7.174l0,-7.175l-57.715,0c-9.23,0 -20.063,2.279 -25.187,7.175l0,-7.175l-103.065,0l0,7.175c-8.203,-5.892 -22.043,-7.175 -28.431,-7.175l-67.983,0l0,7.175c-6.49,-6.258 -20.92,-7.175 -29.716,-7.175l-76.085,0l-17.41,18.763l-16.307,-18.763l-113.656,0l0,122.592l111.516,0l17.94,-19.06l16.9,19.06l68.739,0.061l0,-28.838l6.757,0c9.12,0.14 19.878,-0.226 29.368,-4.31l0,33.085l56.697,0l0,-31.952l2.735,0c3.49,0 3.834,0.143 3.834,3.616l0,28.333l172.234,0c10.935,0 22.365,-2.787 28.695,-7.845l0,7.845l54.632,0c11.369,0 22.471,-1.587 30.918,-5.651l0,-22.838Zm-341.503,-47.154c0,24.406 -18.286,29.445 -36.716,29.445l-26.306,0l0,29.469l-40.98,0l-25.962,-29.085l-26.981,29.085l-83.517,0l0,-87.859l84.8,0l25.941,28.799l26.819,-28.799l67.371,0c16.732,0 35.532,4.613 35.532,28.945l-0.001,0Zm-167.625,40.434l-51.839,0l0,-17.481l46.289,0l0,-17.926l-46.289,0l0,-15.973l52.86,0l23.062,25.604l-24.083,25.776Zm83.526,10.06l-32.37,-35.788l32.37,-34.651l0,70.439Zm47.875,-39.066l-27.248,0l0,-22.374l27.492,0c7.612,0 12.896,3.09 12.896,10.773c0,7.598 -5.04,11.601 -13.14,11.601Zm142.741,-40.373l70.37,0l0,18.17l-49.372,0l0,15.973l48.167,0l0,17.925l-48.167,0l0,17.481l49.372,0.08l0,18.23l-70.37,0l0,-87.859Zm-27.053,47.03c4.693,1.724 8.53,4.816 10.329,7.375c2.977,4.29 3.408,8.293 3.493,16.037l0,17.417l-21.168,0l0,-10.992c0,-5.286 0.511,-13.112 -3.408,-17.198c-3.08,-3.147 -7.777,-3.9 -15.468,-3.9l-22.533,0l0,32.09l-21.186,0l0,-87.859l48.678,0c10.674,0 18.448,0.47 25.369,4.146c6.654,4.004 10.839,9.488 10.839,19.51c-0.003,14.024 -9.395,21.18 -14.945,23.373l0,0.001Zm-11.916,-11.108c-2.82,1.667 -6.308,1.81 -10.41,1.81l-25.614,0l0,-19.733l25.962,0c3.754,0 7.51,0.08 10.062,1.587c2.732,1.423 4.366,4.144 4.366,7.903c0,3.76 -1.634,6.788 -4.366,8.433Zm190.336,5.597c4.106,4.23 6.306,9.572 6.306,18.614c0,18.9 -11.858,27.723 -33.122,27.723l-41.065,0l0,-18.84l40.9,0c4,0 6.836,-0.527 8.613,
7706-2.175c1.45,-1.359 2.49,-3.333 2.49,-5.73c0,-2.56 -1.125,-4.592 -2.573,-5.81c-1.612,-1.34 -3.836,-1.95 -7.508,-1.95c-19.717,-0.67 -44.41,0.61 -44.41,-27.193c0,-12.744 8.04,-26.158 30.144,-26.158l42.269,0l0,18.7l-38.677,0c-3.834,0 -6.327,0.143 -8.447,1.587c-2.31,1.422 -3.166,3.534 -3.166,6.32c0,3.315 1.96,5.57 4.613,6.545c2.224,0.77 4.613,0.996 8.205,0.996l11.35,0.305c11.446,0.278 19.303,2.249 24.078,7.066Zm83.664,-23.52l-38.427,0c-3.836,0 -6.385,0.143 -8.532,1.587c-2.224,1.423 -3.081,3.534 -3.081,6.322c0,3.314 1.878,5.569 4.61,6.544c2.225,0.77 4.614,0.996 8.126,0.996l11.427,0.304c11.531,0.284 19.228,2.258 23.921,7.072c0.855,0.67 1.368,1.422 1.956,2.175l0,-25Z" style="fill:white;"/></g></svg></span></li><li class="single-product-payments-paypal"><span class="kadence-svg-iconset"><svg width="100%" height="100%" viewBox="0 0 780 501" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><title>PayPal</title><g><path d="M54.992,0c-30.365,0 -54.992,24.63 -54.992,55.004l0,390.992c0,30.38 24.619,55.004 54.992,55.004l670.016,0c30.365,0 54.992,-24.63 54.992,-55.004l0,-390.992c0,-30.38 -24.619,-55.004 -54.992,-55.004l-670.016,0Z" style="fill:rgb(247,247,247);"/><g><path d="M515.551,209.243c-2.905,19.077 -17.473,19.077 -31.561,19.077l-8.017,0l5.626,-35.618c0.343,-2.151 2.193,-3.734 4.372,-3.734l3.679,0c9.593,0 18.652,0 23.325,5.461c2.789,3.269 3.631,8.12 2.576,14.814m-6.132,-49.773l-53.145,0c-3.621,0.002 -6.735,2.66 -7.305,6.235l-21.474,136.268c-0.036,0.227 -0.054,0.456 -0.054,0.685c0,2.429 1.997,4.429 4.425,4.434l27.272,0c2.542,0 4.707,-1.851 5.105,-4.358l6.098,-38.646c0.562,-3.584 3.659,-6.236 7.291,-6.236l16.815,0c35.014,0 55.214,-16.931 60.49,-50.513c2.378,-14.678 0.096,-26.217 -6.777,-34.295c-7.558,-8.881 -20.953,-13.581 -38.735,-13.581" style="fill:rgb(0,156,222);fill-rule:nonzero;"/><path d="M136.493,209.243c-2.906,19.077 -17.473,19.077 -31.568,19.077l-8.017,0l5.625,-35.618c0.343,-2.151 2.193,-3.734 4.372,-3.734l3.68,0c9.593,0 18.651,0 23.324,5.461c2.796,3.269 3.639,8.12 2.584,14.814m-6.133,-49.773l-53.145,0c-3.632,0 -6.729,2.645 -7.298,6.235l-21.481,136.268c-0.036,0.229 -0.054,0.46 -0.054,0.692c0,2.428 1.998,4.426 4.426,4.427l25.38,0c3.632,0 6.722,-2.645 7.291,-6.236l5.803,-36.761c0.562,-3.591 3.659,-6.236 7.291,-6.236l16.815,0c35.014,0 55.214,-16.938 60.49,-50.52c2.378,-14.678 0.096,-26.217 -6.776,-34.295c-7.558,-8.881 -20.954,-13.581 -38.735,-13.581m123.379,98.705c-2.467,14.54 -13.999,24.304 -28.724,24.304c-7.38,0 -13.293,-2.378 -17.089,-6.873c-3.769,-4.454 -5.181,-10.806 -3.988,-17.87c2.288,-14.417 14.019,-24.489 28.518,-24.489c7.229,0 13.088,2.398 16.966,6.934c3.899,4.57 5.434,10.956 4.317,17.994m35.466,-49.541l-25.448,0c-2.177,-0.003 -4.049,1.598 -4.386,3.748l-1.11,7.112l-1.781,-2.576c-5.509,-7.996 -17.795,-10.676 -30.061,-10.676c-28.114,0 -52.13,21.31 -56.804,51.186c-2.432,14.917 1.021,29.162 9.477,39.105c7.763,9.133 18.843,12.936 32.047,12.936c22.667,0 35.234,-14.553 35.234,-14.553l-1.138,7.071c-0.036,0.229 -0.054,0.46 -0.054,0.692c0,2.428 1.998,4.426 4.426,4.426c0.003,0 0.005,0 0.007,0l22.913,0c3.632,0 6.729,-2.638 7.298,-6.235l13.759,-87.111c0.035,-0.227 0.053,-0.456 0.053,-0.685c0,-2.432 -2.001,-4.433 -4.433,-4.433c-0.002,0 -0.004,0 -0.006,0" style="fill:rgb(0,48,135);fill-rule:nonzero;"/><path d="M632.804,258.168c-2.466,14.54 -13.998,24.304 -28.724,24.304c-7.379,0 -13.293,-2.378 -17.089,-6.873c-3.768,-4.454 -5.18,-10.806 -3.988,-17.87c2.289,-14.417 14.013,-24.489 28.519,-24.489c7.229,0 13.087,2.398 16.966,6.934c3.898,4.57 5.433,10.956 4.316,17.994m35.467,-49.541l-25.449,0c-2.176,-0.003 -4.049,1.598 -4.385,3.748l-1.11,7.112l-1.782,-2.576c-5.509,-7.996 -17.795,-10.676 -30.06,-10.676c-28.107,0 -52.124,21.31 -56.804,51.186c-2.432,14.917 1.028,29.162 9.483,39.105c7.764,9.133 18.844,12.936 32.048,12.936c22.673,0 35.24,-14.553 35.24,-14.553l-1.137,7.071c-0.038,0.233 -0.057,0.469 -0.057,0.706c0,2.42 1.992,4.412 4.413,4.412c0.003,0 0.006,0 0.008,0l22.907,0c3.632,0 6.729,-2.638 7.304,-6.235l13.759,-87.111c0.036,-0.227 0.054,-0.456 0.054,-0.685c0,-2.432 -2.002,-4.433 -4.434,-4.433c-0.001,0 -0.003,0 -0.005,0" style="fill:rgb(0,156,222);fill-rule:nonzero;"/><path d="M424.754,208.634l-25.586,0c-2.446,0 -4.728,1.212 -6.098,3.241l-35.289,51.966l-14.958,-49.938c-0.934,-3.119 -3.822,-5.272 -7.078,-5.276l-25.14,0c-2.432,0.001 -4.432,2.002 -4.432,4.433c0,0.487 0.081,0.971 0.238,1.432l28.162,82.678l-26.49,37.378c-0.528,0.748 -0.811,1.641 -0.811,2.556c0,2.43 1.999,4.431 4.429,4.433l25.558,0c2.412,0 4.68,-1.185 6.064,-3.172l85.063,-122.776c0.516,-0.742 0.793,-1.625 0.793,-2.529c0,-2.428 -1.997,-4.425 -4.425,-4.426" style="fill:rgb(0,48,135);fill-rule:nonzero;"/><path d="M698.263,163.218l-21.817,138.762c-0.036,0.227 -0.054,0.456 -0.
7706054,0.685c0,2.432 2.001,4.433 4.432,4.433l21.934,0c3.631,0 6.728,-2.644 7.297,-6.235l21.509,-136.275c0.036,-0.229 0.054,-0.46 0.054,-0.692c0,-2.428 -1.998,-4.426 -4.426,-4.426c-0.002,0 -0.004,0 -0.007,0l-24.544,0c-2.174,-0.006 -4.045,1.593 -4.378,3.741" style="fill:rgb(0,156,222);fill-rule:nonzero;"/></g></g></svg></span></li><li class="single-product-payments-custom-01"><img src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/01/Mercado-Pago-2.webp" class="payment-custom-img" alt=""/></li><li class="single-product-payments-custom-02"><img src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/01/Aplazo-1.webp" class="payment-custom-img" alt=""/></li><li class="single-product-payments-custom-03"><img src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/01/OXXO.webp" class="payment-custom-img" alt=""/></li><li class="single-product-payments-custom-04"><img src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/01/Creditea.webp" class="payment-custom-img" alt=""/></li><li class="single-product-payments-custom-05"><img src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/01/SPEI.webp" class="payment-custom-img" alt=""/></li></ul></fieldset> </div> 7707 7708 <link rel='stylesheet' id='kadence-comments-css' href='https://suburbiosskateboards.com.mx/wp-content/themes/kadence/assets/css/comments.min.css?ver=1.5.2' media='all' /> 7709 7710 <div class="woocommerce-tabs wc-tabs-wrapper"> 7711 <ul class="tabs wc-tabs" role="tablist"> 7712 <li role="presentation" class="description_tab" id="tab-title-description"> 7713 <a href="#tab-description" role="tab" aria-controls="tab-description"> 7714 Descripción </a> 7715 </li> 7716 <li role="presentation" class="additional_information_tab" id="tab-title-additional_information"> 7717 <a href="#tab-additional_information" role="tab" aria-controls="tab-additional_information"> 7718 Información adicional </a> 7719 </li> 7720 </ul> 7721 <div class="woocommerce-Tabs-panel woocommerce-Tabs-panel--description panel entry-content wc-tab" id="tab-description" role="tabpanel" aria-labelledby="tab-title-description"> 7722 7723 7724<p>Set de Tech Deck Ultra Pro 20 Sk8shop Bonus. ¡El paquete definitivo para fanáticos del fingerboarding y coleccionistas que buscan variedad masiva con gráficos icónicos de la industria! Este impresionante set Ultra Pro Sk8shop Bonus Pack de Tech Deck reúne un total de 20 tablas de marcas legendarias como Plan B y Toy Machine, incluyendo pro models destacados de skaters profesionales como Sky Brown y Felipe Gustavo. El set viene configurado para armar y personalizar tu propia flota: incluye tablas completas armadas de fábrica y múltiples tablas adicionales sueltas con sus respectivos orificios para herrajes, acompañadas por herramientas de ajuste con mango amarillo, ruedas de repuesto, trucks metálicos y stickers coleccionables circulares de gran tamaño.</p> 7725<p>Beneficios Clave:<br />⦠Megapack de 20 Tablas Coleccionables: Incluye réplicas exactas de marcas de renombre como Plan B y Toy Machine con pro models oficiales.<br />⦠Experiencia de Personalización Sk8shop: Permite intercambiar ruedas, trucks y cubiertas utilizando la herramienta especial incluida para armar setups a tu gusto.<br />⦠Accesorios y Stickers Exclusivos: Incluye calcomanÃas circulares de gran tamaño de Plan B y Toy Machine, además de piezas de repuesto para mantenimiento.</p> 7726<p>Preguntas Frecuentes:<br />⦠¿Vienen las 20 tablas completamente armadas dentro del empaque? Algunas tablas vienen armadas de fábrica, mientras que las demás están listas para ser ensambladas e interconectadas con los trucks y ruedas adicionales usando la herramienta del set.<br />⦠¿Qué edad recomendada tiene este paquete? Se recomienda para niños mayores de 6 años y coleccionistas, debido a que contiene partes pequeñas como tornillos, tuercas y ruedas.</p> 7727<p>Nota: Las imágenes del producto pueden variar ligeramente en cuanto a presentación y color.</p> 7728 </div> 7729 <div class="woocommerce-Tabs-panel woocommerce-Tabs-panel--additional_information panel entry-content wc-tab" id="tab-additional_information" role="tabpanel" aria-labelledby="tab-title-additional_information"> 7730 7731 7732<table class="woocommerce-product-attributes shop_attributes" aria-label="Detalles del producto"> 7733 <tr class="woocommerce-product-attributes-item woocommerce-product-attributes-item--weight"> 7734 <th class="woocommerce-product-attributes-item__label" scope="row">Peso</th> 7735 <td class="woocommerce-product-attributes-item__value">0.2 kg</td> 7736 </tr> 7737 <tr class="woocommerce-product-attributes-item woocommerce-product-attributes-item--dimensions"> 7738 <th class="woocommerce-product-attributes-item__label" scope="row">Dimensiones</th> 7739 <td class="woocommerce-product-attributes-item__value">50 × 25 × 5 cm</td> 7740 </tr> 7741 <tr class="woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material"> 7742 <th class="woocommerce-product-attributes-item__label" scope="row">Material</th> 7743 <td class="woocommerce-product-attributes-item__value"><p>Plástico</p> 7744</td> 7745 </tr> 7746 </table> 7747 </div> 7748 7749 </div> 7750 7751 7752 <section class="related products"> 7753 7754 <h2>Productos relacionados</h2> 7755 <ul class="products content-wrap product-archive grid-cols grid-ss-col-2 grid-sm-col-3 grid-lg-col-4 products-grid-view woo-archive-action-on-hover woo-archive-btn-text align-buttons-bottom woo-archive-image-hover-flip"> 7756 7757 <li class="entry content-bg loop-entry product type-product post-34942 status-publish first instock product_cat-fingerboards product_tag-azcapo product_tag-fingerboard product_tag-lira product_tag-patineta-de-dedos has-post-thumbnail purchasable product-type-simple"> 7758 <a href="https://suburbiosskateboards.com.mx/producto/foam-tape
7758-para-fingerboard-grip-de-espuma/" class="woocommerce-loop-image-link woocommerce-LoopProduct-link woocommerce-loop-product__link product-has-hover-image"><img width="350" height="350" src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-4-350x350.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Foam Tape para Fingerboard (Grip de Espuma)" decoding="async" srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-4-350x350.webp 350w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-4-300x300.webp 300w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-4-1024x1024.webp 1024w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-4-150x150.webp 150w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-4-768x768.webp 768w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-4-800x800.webp 800w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-4-100x100.webp 100w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-4.webp 1080w" sizes="(max-width: 350px) 100vw, 350px" /><button type="button" class="suburbios-bookmark-btn" data-product-id="34942" aria-label="Guardar producto"> 7759 <svg class="suburbios-bookmark-icon" viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg> 7760 </button><img width="350" height="350" src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-Tape-350x350.webp" class="secondary-product-image attachment-woocommerce_thumbnail attachment-shop-catalog wp-post-image wp-post-image--secondary" alt="" title="Foam-Tape" decoding="async" srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-Tape-350x350.webp 350w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-Tape-300x300.webp 300w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-Tape-1024x1024.webp 1024w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-Tape-150x150.webp 150w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-Tape-768x768.webp 768w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-Tape-800x800.webp 800w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-Tape-100x100.webp 100w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Foam-Tape.webp 1080w" sizes="(max-width: 350px) 100vw, 350px" /></a><div class="product-details content-bg entry-content-wrap"><h2 class="woocommerce-loop-product__title"><a href="https://suburbiosskateboards.com.mx/producto/foam-tape-para-fingerboard-grip-de-espuma/" class="woocommerce-LoopProduct-link-title woocommerce-loop-product__title_ink">Foam Tape para Fingerboard (Grip de Espuma)</a></h2> 7761 <span class="price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">$</span>15.00</bdi></span></span> 7762<div class="product-action-wrap"><a href="/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/?add-to-cart=34942" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="34942" data-product_sku="SUBS80018" aria-label="Añadir al carrito: “Foam Tape para Fingerboard (Grip de Espuma)”" rel="nofollow" data-success_message="«Foam Tape para Fingerboard (Grip de Espuma)» se ha añadido a tu carrito" role="button">COMPRAR<span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-right-alt-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="27" height="28" viewBox="0 0 27 28"><title>Continuar</title><path d="M27 13.953c0 0.141-0.063 0.281-0.156 0.375l-6 5.531c-0.156 0.141-0.359 0.172-0.547 0.094-0.172-0.078-0.297-0.25-0.297-0.453v-3.5h-19.5c-0.281 0-0.5-0.219-0.5-0.5v-3c0-0.281 0.219-0.5 0.5-0.5h19.5v-3.5c0-0.203 0.109-0.375 0.297-0.453s0.391-0.047 0.547 0.078l6 5.469c0.094 0.094 0.156 0.219 0.156 0.359v0z"></path> 7763 </svg></span><span class="kadence-svg-iconset svg-baseline"><svg class="kadence-svg-icon kadence-spinner-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
7763ox="0 0 16 16"><title>Cargando</title><path d="M16 6h-6l2.243-2.243c-1.133-1.133-2.64-1.757-4.243-1.757s-3.109 0.624-4.243 1.757c-1.133 1.133-1.757 2.64-1.757 4.243s0.624 3.109 1.757 4.243c1.133 1.133 2.64 1.757 4.243 1.757s3.109-0.624 4.243-1.757c0.095-0.095 0.185-0.192 0.273-0.292l1.505 1.317c-1.466 1.674-3.62 2.732-6.020 2.732-4.418 0-8-3.582-8-8s3.582-8 8-8c2.209 0 4.209 0.896 5.656 2.344l2.343-2.344v6z"></path> 7764 </svg></span><span class="kadence-svg-iconset svg-baseline"><svg class="kadence-svg-icon kadence-check-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><title>Hecho</title><path d="M14 2.5l-8.5 8.5-3.5-3.5-1.5 1.5 5 5 10-10z"></path> 7765 </svg></span></a> <span id="woocommerce_loop_add_to_cart_link_describedby_34942" class="screen-reader-text"> 7766 </span> 7767<span class="gtm4wp_productdata" style="display:none; visibility:hidden;" data-gtm4wp_product_data="{"internal_id":34942,"item_id":"34942","item_name":"Foam Tape para Fingerboard (Grip de Espuma)","sku":"SUBS80018","price":15,"stocklevel":15,"stockstatus":"instock","google_business_vertical":"retail","item_category":"Fingerboards","id":"34942","productlink":"https:\/\/suburbiosskateboards.com.mx\/producto\/foam-tape-para-fingerboard-grip-de-espuma\/","item_list_name":"Productos relacionados","index":1,"product_type":"simple","item_list_id":"related-products","item_brand":""}"></span> 7768
7768<script type="application/javascript" style="display:none"> 7769 /* <![CDATA[ */ 7770 window.pysWooProductData = window.pysWooProductData || []; 7771 window.pysWooProductData[ 34942 ] = {"facebook":{"delay":0,"type":"static","eventID":"ae82cc28-98d8-4ca6-8141-eecfdb085e58","name":"AddToCart","pixelIds":["4301696820111031"],"params":{"content_type":"product","content_ids":["34942"],"contents":[{"id":"34942","quantity":1}],"tags":"Azcapo, Fingerboard, Lira, Patineta de dedos","content_name":"Foam Tape para Fingerboard (Grip de Espuma)","category_name":"Fingerboards","value":"15","currency":"MXN"},"e_id":"woo_add_to_cart_on_button_click","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":"","order_key":""}}; 7772 /* ]]> */ 7773 </script>
7773 7774 7775 </div></div></li> 7776 7777 7778 <li class="entry content-bg loop-entry product type-product post-14874 status-publish instock product_cat-fingerboards product_cat-ofertas product_tag-azcapo product_tag-element product_tag-fingerboard product_tag-tech-deck has-post-thumbnail sale purchasable product-type-simple"> 7779 <a href="https://suburbiosskateboards.com.mx/producto/set-de-2-fingerboards-tech-deck-vs-series-element/" class="woocommerce-loop-image-link woocommerce-LoopProduct-link woocommerce-loop-product__link product-has-hover-image"><div style="position:relative;"><img width="350" height="350" src="https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-350x350.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Set de 2 Fingerboards Tech Deck VS Series Element" decoding="async" srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-350x350.webp 350w, https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-300x300.webp 300w, https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-1024x1024.webp 1024w, https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-150x150.webp 150w, https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-768x768.webp 768w, https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-800x800.webp 800w, https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-100x100.webp 100w, https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element.webp 1080w" sizes="(max-width: 350px) 100vw, 350px" /><div class="advanced-woo-labels awl-position-type-on-image awl-label-type-archive awl-align-left-top" style="display:flex;flex-wrap:wrap;flex-direction:row;text-align:left;width:100%;position:absolute;z-index:9;left:0px;right:auto;top:0px;bottom:auto;transform:none;justify-content:flex-start;"><div class="awl-label-wrap awl-text-label-wrap awl-label-id-23999" style=""><span class="awl-product-label awl-type-label awl-type-label-rounded" style="display:table;position:relative;line-height:1;white-space:nowrap;vertical-align:baseline;font-size:14px;--awl-font-size-tablet:14px;--awl-font-size-phone:14px;font-weight:600;font-style:normal;letter-spacing:0px;color:#fff;opacity:1;margin:0px 0px 0px 0px;"><span class="awl-label-text" style="display:table-cell;padding:0.3em 0.6em 0.3em 0.6em;z-index:1;background:#d82522;position:relative;line-height:1;border-radius:0.25em;"><span class="awl-inner-text">OFERTA</span></span></span></div></div></div><button type="button" class="suburbios-bookmark-btn" data-product-id="14874" aria-label="Guardar producto"> 7780 <svg class="suburbios-bookmark-icon" viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg> 7781 </button><img width="350" height="350" src="https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-1-350x350.webp" class="secondary-product-image attachment-woocommerce_thumbnail attachment-shop-catalog wp-post-image wp-post-image--secondary" alt="" title="Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-1" decoding="async" srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-1-350x350.webp 350w, https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-1-300x300.webp 300w, https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-1-1024x1024.webp 1024w, https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-1-150x150.webp 150w, https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-1-768x768.webp 768w, https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-1-800x800.webp 800w, https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-1-100x100.webp 100w, https://suburbiosskateboards.com.mx/wp-content/uploads/2023/11/Set-de-2-Fingerboards-Tech-Deck-VS-Series-Element-1.webp 1080w" sizes="(max-width: 350px) 100v
7781w, 350px" /></a><div class="product-details content-bg entry-content-wrap"><h2 class="woocommerce-loop-product__title"><a href="https://suburbiosskateboards.com.mx/producto/set-de-2-fingerboards-tech-deck-vs-series-element/" class="woocommerce-LoopProduct-link-title woocommerce-loop-product__title_ink">Set de 2 Fingerboards Tech Deck VS Series Element</a></h2> 7782 <span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">$</span>450.00</bdi></span></del> <span class="screen-reader-text">El precio original era: $450.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">$</span>430.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: $430.00.</span></span> 7783<div class="product-action-wrap"><a href="/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/?add-to-cart=14874" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="14874" data-product_sku="SUBS80012" aria-label="Añadir al carrito: “Set de 2 Fingerboards Tech Deck VS Series Element”" rel="nofollow" data-success_message="«Set de 2 Fingerboards Tech Deck VS Series Element» se ha añadido a tu carrito" role="button">COMPRAR<span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-right-alt-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="27" height="28" viewBox="0 0 27 28"><title>Continuar</title><path d="M27 13.953c0 0.141-0.063 0.281-0.156 0.375l-6 5.531c-0.156 0.141-0.359 0.172-0.547 0.094-0.172-0.078-0.297-0.25-0.297-0.453v-3.5h-19.5c-0.281 0-0.5-0.219-0.5-0.5v-3c0-0.281 0.219-0.5 0.5-0.5h19.5v-3.5c0-0.203 0.109-0.375 0.297-0.453s0.391-0.047 0.547 0.078l6 5.469c0.094 0.094 0.156 0.219 0.156 0.359v0z"></path> 7784 </svg></span><span class="kadence-svg-iconset svg-baseline"><svg class="kadence-svg-icon kadence-spinner-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><title>Cargando</title><path d="M16 6h-6l2.243-2.243c-1.133-1.133-2.64-1.757-4.243-1.757s-3.109 0.624-4.243 1.757c-1.133 1.133-1.757 2.64-1.757 4.243s0.624 3.109 1.757 4.243c1.133 1.133 2.64 1.757 4.243 1.757s3.109-0.624 4.243-1.757c0.095-0.095 0.185-0.192 0.273-0.292l1.505 1.317c-1.466 1.674-3.62 2.732-6.020 2.732-4.418 0-8-3.582-8-8s3.582-8 8-8c2.209 0 4.209 0.896 5.656 2.344l2.343-2.344v6z"></path> 7785 </svg></span><span class="kadence-svg-iconset svg-baseline"><svg class="kadence-svg-icon kadence-check-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><title>Hecho</title><path d="M14 2.5l-8.5 8.5-3.5-3.5-1.5 1.5 5 5 10-10z"></path> 7786 </svg></span></a> <span id="woocommerce_loop_add_to_cart_link_describedby_14874" class="screen-reader-text"> 7787 </span> 7788<span class="gtm4wp_productdata" style="display:none; visibility:hidden;" data-gtm4wp_product_data="{"internal_id":14874,"item_id":"14874","item_name":"Set de 2 Fingerboards Tech Deck VS Series Element","sku":"SUBS80012","price":430,"stocklevel":2,"stockstatus":"instock","google_business_vertical":"retail","item_category":"Fingerboards","id":"14874","productlink":"https:\/\/suburbiosskateboards.com.mx\/producto\/set-de-2-fingerboards-tech-deck-vs-series-element\/","item_list_name":"Productos relacionados","index":2,"product_type":"simple","item_list_id":"related-products","item_brand":""}"></span> 7789
7789<script type="application/javascript" style="display:none"> 7790 /* <![CDATA[ */ 7791 window.pysWooProductData = window.pysWooProductData || []; 7792 window.pysWooProductData[ 14874 ] = {"facebook":{"delay":0,"type":"static","eventID":"2000d415-5499-45af-b7ee-565ba2518ad3","name":"AddToCart","pixelIds":["4301696820111031"],"params":{"content_type":"product","content_ids":["14874"],"contents":[{"id":"14874","quantity":1}],"tags":"Azcapo, Element, Fingerboard, Tech Deck","content_name":"Set de 2 Fingerboards Tech Deck VS Series Element","category_name":"Fingerboards, Ofertas","value":"430","currency":"MXN"},"e_id":"woo_add_to_cart_on_button_click","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":"","order_key":""}}; 7793 /* ]]> */ 7794 </script>
7794 7795 7796 </div></div></li> 7797 7798 7799 <li class="entry content-bg loop-entry product type-product post-7512 status-publish instock product_cat-baleros product_cat-ofertas product_tag-azcapo product_tag-baleros product_tag-bearings product_tag-lira product_tag-yoyo has-post-thumbnail sale sold-individually purchasable product-type-simple"> 7800 <a href="https://suburbiosskateboards.com.mx/producto/baleros-yoyo-bearings-bomba-naranja/" class="woocommerce-loop-image-link woocommerce-LoopProduct-link woocommerce-loop-product__link product-has-hover-image"><div style="position:relative;"><img width="350" height="350" src="https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba-350x350.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Baleros Yoyo Bearings Bomba Naranja Abec 9" decoding="async" srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba-350x350.webp 350w, https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba-300x300.webp 300w, https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba-1024x1024.webp 1024w, https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba-150x150.webp 150w, https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba-768x768.webp 768w, https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba-800x800.webp 800w, https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba-100x100.webp 100w, https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba.webp 1080w" sizes="(max-width: 350px) 100vw, 350px" /><div class="advanced-woo-labels awl-position-type-on-image awl-label-type-archive awl-align-left-top" style="display:flex;flex-wrap:wrap;flex-direction:row;text-align:left;width:100%;position:absolute;z-index:9;left:0px;right:auto;top:0px;bottom:auto;transform:none;justify-content:flex-start;"><div class="awl-label-wrap awl-text-label-wrap awl-label-id-23999" style=""><span class="awl-product-label awl-type-label awl-type-label-rounded" style="display:table;position:relative;line-height:1;white-space:nowrap;vertical-align:baseline;font-size:14px;--awl-font-size-tablet:14px;--awl-font-size-phone:14px;font-weight:600;font-style:normal;letter-spacing:0px;color:#fff;opacity:1;margin:0px 0px 0px 0px;"><span class="awl-label-text" style="display:table-cell;padding:0.3em 0.6em 0.3em 0.6em;z-index:1;background:#d82522;position:relative;line-height:1;border-radius:0.25em;"><span class="awl-inner-text">OFERTA</span></span></span></div></div></div><button type="button" class="suburbios-bookmark-btn" data-product-id="7512" aria-label="Guardar producto"> 7801 <svg class="suburbios-bookmark-icon" viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg> 7802 </button><img width="350" height="350" src="https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba-1-350x350.webp" class="secondary-product-image attachment-woocommerce_thumbnail attachment-shop-catalog wp-post-image wp-post-image--secondary" alt="" title="Baleros-Yoyo-Naranja-Bomba-1" decoding="async" srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba-1-350x350.webp 350w, https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba-1-300x300.webp 300w, https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba-1-1024x1024.webp 1024w, https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba-1-150x150.webp 150w, https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba-1-768x768.webp 768w, https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba-1-800x800.webp 800w, https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba-1-100x100.webp 100w, https://suburbiosskateboards.com.mx/wp-content/uploads/2022/01/Baleros-Yoyo-Naranja-Bomba-1.webp 1080w" sizes="(max-width: 350px) 100v
7802w, 350px" /></a><div class="product-details content-bg entry-content-wrap"><h2 class="woocommerce-loop-product__title"><a href="https://suburbiosskateboards.com.mx/producto/baleros-yoyo-bearings-bomba-naranja/" class="woocommerce-LoopProduct-link-title woocommerce-loop-product__title_ink">Baleros Yoyo Bearings Bomba Naranja Abec 9</a></h2> 7803 <span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">$</span>290.00</bdi></span></del> <span class="screen-reader-text">El precio original era: $290.00.</span><ins aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">$</span>270.00</bdi></span></ins><span class="screen-reader-text">El precio actual es: $270.00.</span></span> 7804<div class="product-action-wrap"><a href="/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/?add-to-cart=7512" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="7512" data-product_sku="SUBS32006" aria-label="Añadir al carrito: “Baleros Yoyo Bearings Bomba Naranja Abec 9”" rel="nofollow" data-success_message="«Baleros Yoyo Bearings Bomba Naranja Abec 9» se ha añadido a tu carrito" role="button">COMPRAR<span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-right-alt-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="27" height="28" viewBox="0 0 27 28"><title>Continuar</title><path d="M27 13.953c0 0.141-0.063 0.281-0.156 0.375l-6 5.531c-0.156 0.141-0.359 0.172-0.547 0.094-0.172-0.078-0.297-0.25-0.297-0.453v-3.5h-19.5c-0.281 0-0.5-0.219-0.5-0.5v-3c0-0.281 0.219-0.5 0.5-0.5h19.5v-3.5c0-0.203 0.109-0.375 0.297-0.453s0.391-0.047 0.547 0.078l6 5.469c0.094 0.094 0.156 0.219 0.156 0.359v0z"></path> 7805 </svg></span><span class="kadence-svg-iconset svg-baseline"><svg class="kadence-svg-icon kadence-spinner-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><title>Cargando</title><path d="M16 6h-6l2.243-2.243c-1.133-1.133-2.64-1.757-4.243-1.757s-3.109 0.624-4.243 1.757c-1.133 1.133-1.757 2.64-1.757 4.243s0.624 3.109 1.757 4.243c1.133 1.133 2.64 1.757 4.243 1.757s3.109-0.624 4.243-1.757c0.095-0.095 0.185-0.192 0.273-0.292l1.505 1.317c-1.466 1.674-3.62 2.732-6.020 2.732-4.418 0-8-3.582-8-8s3.582-8 8-8c2.209 0 4.209 0.896 5.656 2.344l2.343-2.344v6z"></path> 7806 </svg></span><span class="kadence-svg-iconset svg-baseline"><svg class="kadence-svg-icon kadence-check-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><title>Hecho</title><path d="M14 2.5l-8.5 8.5-3.5-3.5-1.5 1.5 5 5 10-10z"></path> 7807 </svg></span></a> <span id="woocommerce_loop_add_to_cart_link_describedby_7512" class="screen-reader-text"> 7808 </span> 7809<span class="gtm4wp_productdata" style="display:none; visibility:hidden;" data-gtm4wp_product_data="{"internal_id":7512,"item_id":"7512","item_name":"Baleros Yoyo Bearings Bomba Naranja Abec 9","sku":"SUBS32006","price":270,"stocklevel":23,"stockstatus":"instock","google_business_vertical":"retail","item_category":"Ofertas","id":"7512","productlink":"https:\/\/suburbiosskateboards.com.mx\/producto\/baleros-yoyo-bearings-bomba-naranja\/","item_list_name":"Productos relacionados","index":3,"product_type":"simple","item_list_id":"related-products","item_brand":""}"></span> 7810
7810<script type="application/javascript" style="display:none"> 7811 /* <![CDATA[ */ 7812 window.pysWooProductData = window.pysWooProductData || []; 7813 window.pysWooProductData[ 7512 ] = {"facebook":{"delay":0,"type":"static","eventID":"8e5c5c01-e5fa-4b34-a571-c0630425d437","name":"AddToCart","pixelIds":["4301696820111031"],"params":{"content_type":"product","content_ids":["7512"],"contents":[{"id":"7512","quantity":1}],"tags":"Azcapo, Baleros, Bearings, Lira, Yoyo","content_name":"Baleros Yoyo Bearings Bomba Naranja Abec 9","category_name":"Baleros, Ofertas","value":"270","currency":"MXN"},"e_id":"woo_add_to_cart_on_button_click","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":"","order_key":""}}; 7814 /* ]]> */ 7815 </script>
7815 7816 7817 </div></div></li> 7818 7819 7820 <li class="entry content-bg loop-entry product type-product post-6993 status-publish last instock product_cat-lijas product_tag-alakin product_tag-azcapo product_tag-griptape product_tag-lija product_tag-lira has-post-thumbnail purchasable product-type-simple"> 7821 <a href="https://suburbiosskateboards.com.mx/producto/lija-alakin-cannabxs-miel/" class="woocommerce-loop-image-link woocommerce-LoopProduct-link woocommerce-loop-product__link product-has-hover-image"><img width="350" height="350" src="https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel-350x350.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Lija Alakin CannabÃs Miel 9"" decoding="async" srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel-350x350.webp 350w, https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel-300x300.webp 300w, https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel-1024x1024.webp 1024w, https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel-150x150.webp 150w, https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel-768x768.webp 768w, https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel-800x800.webp 800w, https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel-100x100.webp 100w, https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel.webp 1080w" sizes="(max-width: 350px) 100vw, 350px" /><button type="button" class="suburbios-bookmark-btn" data-product-id="6993" aria-label="Guardar producto"> 7822 <svg class="suburbios-bookmark-icon" viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg> 7823 </button><img width="350" height="350" src="https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel-1-350x350.webp" class="secondary-product-image attachment-woocommerce_thumbnail attachment-shop-catalog wp-post-image wp-post-image--secondary" alt="" title="Lija-Alakin-C-Miel-1" decoding="async" srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel-1-350x350.webp 350w, https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel-1-300x300.webp 300w, https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel-1-1024x1024.webp 1024w, https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel-1-150x150.webp 150w, https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel-1-768x768.webp 768w, https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel-1-800x800.webp 800w, https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel-1-100x100.webp 100w, https://suburbiosskateboards.com.mx/wp-content/uploads/2021/12/Lija-Alakin-C-Miel-1.webp 1080w" sizes="(max-width: 350px) 100vw, 350px" /></a><div class="product-details content-bg entry-content-wrap"><h2 class="woocommerce-loop-product__title"><a href="https://suburbiosskateboards.com.mx/producto/lija-alakin-cannabxs-miel/" class="woocommerce-LoopProduct-link-title woocommerce-loop-product__title_ink">Lija Alakin CannabÃs Miel 9″</a></h2> 7824 <span class="price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">$</span>200.00</bdi></span></span> 7825<div class="product-action-wrap"><a href="/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/?add-to-cart=6993" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="6993" data-product_sku="SUBS33001" aria-label="Añadir al carrito: “Lija Alakin CannabÃs Miel 9"”" rel="nofollow" data-success_message="«Lija Alakin CannabÃs Miel 9"» se ha añadido a tu carrito" role="button">COMPRAR<span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-right-alt-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="27" height="28" viewBox="0 0 27 28"><title>Continuar</title><path d="M27 13.953c0 0.141-0.063 0.281-0.156 0.375l-6 5.531c-0.156 0.141-0.359 0.172-0.547 0.094-0.172-0.078-0.297-0.25-0.297-0.453v-3.5h-19.5c-0.281 0-0.5-0.219-0.5-0.5v-3c0-0.281 0.219-0.5 0.5-0.5h19.5v-3.5c0-0.203 0.109-0.375 0.297-0.453s0.391-0.047 0.547 0.078l6 5.469c0.094 0.094 0.156 0.219 0.156 0.359v0z"></path> 7826 </svg></span><span class="kadence-svg-iconset svg-baseline"><svg class="kadence-svg-icon kadence-spinner-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
7826ox="0 0 16 16"><title>Cargando</title><path d="M16 6h-6l2.243-2.243c-1.133-1.133-2.64-1.757-4.243-1.757s-3.109 0.624-4.243 1.757c-1.133 1.133-1.757 2.64-1.757 4.243s0.624 3.109 1.757 4.243c1.133 1.133 2.64 1.757 4.243 1.757s3.109-0.624 4.243-1.757c0.095-0.095 0.185-0.192 0.273-0.292l1.505 1.317c-1.466 1.674-3.62 2.732-6.020 2.732-4.418 0-8-3.582-8-8s3.582-8 8-8c2.209 0 4.209 0.896 5.656 2.344l2.343-2.344v6z"></path> 7827 </svg></span><span class="kadence-svg-iconset svg-baseline"><svg class="kadence-svg-icon kadence-check-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><title>Hecho</title><path d="M14 2.5l-8.5 8.5-3.5-3.5-1.5 1.5 5 5 10-10z"></path> 7828 </svg></span></a> <span id="woocommerce_loop_add_to_cart_link_describedby_6993" class="screen-reader-text"> 7829 </span> 7830<span class="gtm4wp_productdata" style="display:none; visibility:hidden;" data-gtm4wp_product_data="{"internal_id":6993,"item_id":"6993","item_name":"Lija Alakin Cannab\u00eds Miel 9\"","sku":"SUBS33001","price":200,"stocklevel":2,"stockstatus":"instock","google_business_vertical":"retail","item_category":"Lijas","id":"6993","productlink":"https:\/\/suburbiosskateboards.com.mx\/producto\/lija-alakin-cannabxs-miel\/","item_list_name":"Productos relacionados","index":4,"product_type":"simple","item_list_id":"related-products","item_brand":""}"></span> 7831
7831<script type="application/javascript" style="display:none"> 7832 /* <![CDATA[ */ 7833 window.pysWooProductData = window.pysWooProductData || []; 7834 window.pysWooProductData[ 6993 ] = {"facebook":{"delay":0,"type":"static","eventID":"d926026a-5b81-4713-8484-87ec52fcf6c0","name":"AddToCart","pixelIds":["4301696820111031"],"params":{"content_type":"product","content_ids":["6993"],"contents":[{"id":"6993","quantity":1}],"tags":"Alakin, Azcapo, Griptape, Lija, Lira","content_name":"Lija Alakin Cannab\u00eds Miel 9\"","category_name":"Lijas","value":"200","currency":"MXN"},"e_id":"woo_add_to_cart_on_button_click","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":"","order_key":""}}; 7835 /* ]]> */ 7836 </script>
7836 7837 7838 </div></div></li> 7839 7840 7841 </ul> 7842 7843 </section> 7844 </div> 7845 7846 7847 7848 </main></div></div> 7849 7850 </main><!-- #inner-wrap --> 7851 <link rel='stylesheet' id='kadence-footer-css' href='https://suburbiosskateboards.com.mx/wp-content/themes/kadence/assets/css/footer.min.css?ver=1.5.2' media='all' /> 7852<footer id="colophon" class="site-footer" role="contentinfo"> 7853 <div class="site-footer-wrap"> 7854 <div class="site-middle-footer-wrap site-footer-row-container site-footer-focus-item site-footer-row-layout-standard site-footer-row-tablet-layout-default site-footer-row-mobile-layout-default" data-section="kadence_customizer_footer_middle"> 7855 <div class="site-footer-row-container-inner"> 7856 <div class="site-container"> 7857 <div class="site-middle-footer-inner-wrap site-footer-row site-footer-row-columns-3 site-footer-row-column-layout-equal site-footer-row-tablet-column-layout-default site-footer-row-mobile-column-layout-row ft-ro-dir-column ft-ro-collapse-normal ft-ro-t-dir-default ft-ro-m-dir-default ft-ro-lstyle-noline"> 7858 <div class="site-footer-middle-section-1 site-footer-section footer-section-inner-items-1"> 7859 <div class="footer-widget-area widget-area site-footer-focus-item footer-widget1 content-align-left content-tablet-align-default content-mobile-align-left content-valign-default content-tablet-valign-default content-mobile-valign-default" data-section="sidebar-widgets-footer1"> 7860 <div class="footer-widget-area-inner site-info-inner"> 7861 <section id="block-187" class="widget widget_block"><details class="suburbios-footer-accordion"> 7862 <summary class="footer-widget-title"> 7863 <span>COMPRAR POR CATEGORÃA</span> 7864 <span class="accordion-icon">â¼</span> 7865 </summary> 7866 <ul class="footer-asistencia-links"> 7867 <li><a href="https://suburbiosskateboards.com.mx/producto/arma-tu-patineta/" style="color: #e2401c; font-weight: bold;">¡ARMA TU SKATE!</a></li> 7868 <li><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/">PATINETAS</a></li> 7869 <li><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/">TABLAS</a></li> 7870 <li><a href="https://suburbiosskateboards.com.mx/categoria-producto/ropa/">ROPA</a></li> 7871 <li><a href="https://suburbiosskateboards.com.mx/categoria-producto/tenis/">TENIS</a></li> 7872 <li><a href="https://suburbiosskateboards.com.mx/categoria-producto/estilo/">ACCESORIOS</a></li> 7873 <li><a href="https://suburbiosskateboards.com.mx/categoria-producto/equipo-de-proteccion/">PROTECCIONES</a></li> 7874 <li><a href="https://suburbiosskateboards.com.mx/categoria-producto/ofertas/">OFERTAS</a></li> 7875 </ul> 7876</details></section><section id="block-188" class="widget widget_block"><details class="suburbios-footer-accordion"> 7877 <summary class="footer-widget-title"> 7878 SKATESHOPS SUBURBIOS 7879 <span class="accordion-icon">â¼</span> 7880 </summary> 7881 <div class="footer-info-content"> 7882 7883 <!-- WhatsApp Directo --> 7884 <p class="footer-info-item"> 7885 <strong>WA:</strong> 7886 <a href="https://wa.me/525561072411" target="_blank" rel="noopener">55 6107 2411</a> 7887 </p> 7888 7889 <hr class="footer-info-divider"> 7890 7891 <!-- Sucursal Azcapo --> 7892 <div class="footer-store-block"> 7893 <p class="store-name">⦠SUCURSAL AZCAPO</p> 7894 <p class="store-address">Av. Azcapotzalco 451 A, Del Recreo, CDMX</p> 7895 <p class="store-hours">Horario: Lun a Sáb 12:00 a 20:00 hrs | Dom 12:00 a 18:00 hrs</p> 7896 </div> 7897 7898 <hr class="footer-info-divider"> 7899 7900 <!-- Sucursal Lira --> 7901 <div class="footer-store-block"> 7902 <p class="store-name">⦠SUCURSAL LIRA</p> 7903 <p class="store-address">Av. Vicente EguÃa 76 C, San Miguel Chapultepec, CDMX</p> 7904 <p class="store-hours">Horario: Lun a Sáb 11:00 a 19:00 hrs | Dom 12:00 a 18:00 hrs</p> 7905 </div> 7906 7907 </div> 7908</details></section><section id="block-193" class="widget widget_block"><details class="suburbios-footer-accordion"> 7909 <summary class="footer-widget-title"> 7910 MAYOREO 7911 <span class="accordion-icon">â¼</span> 7912 </summary> 7913 <ul class="footer-asistencia-links"> 7914 <li><a href="/mayoreo/">CONTACTO VENTAS / CATÃLOGO</a></li> 7915 </ul> 7916</details></section> </div> 7917</div><!-- .footer-widget1 --> 7918 </div> 7919 <div class="site-footer-middle-section-2 site-footer-section footer-section-inner-items-1"> 7920 <div class="footer-widget-area widget-area site-footer-focus-item footer-widget3 content-align-left content-tablet-align-default content-mobile-align-default content-valign-top content-tablet-valign-default content-mobile-valign-default" data-section="sidebar-widgets-footer3"> 7921 <div class="footer-widget-area-inner site-info-inner"> 7922 <section id="block-196" class="widget widget_block"><details class="suburbios-footer-accordion"> 7923 <summary class="footer-widget-title"> 7924 ASISTENCIA 7925 <span class="accordion-icon">â¼</span> 7926 </summary> 7927 <ul class="footer-asistencia-links"> 7928 <li><a href="/preguntas-frecuentes/">PREGUNTAS FRECUENTES</a></li> 7929 <li><a href="/aviso-de-privacidad/">AVISO DE PRIVACIDAD</a></li> 7930 <li>
7930<a href="/terminos-de-uso/">TÃRMINOS DE USO</a></li> 7931 <li><a href="/condiciones-de-venta/">CONDICIONES DE VENTA</a></li> 7932 <li><a href="/entregas-y-devoluciones/">ENTREGAS Y DEVOLUCIONES</a></li> 7933 <li><a href="/contacto/">CONTACTO</a></li> 7934 </ul> 7935</details></section><section id="block-195" class="widget widget_block"><details class="suburbios-footer-accordion"> 7936 <summary class="footer-widget-title"> 7937 <span>PAGOS Y ENVÃOS</span> 7938 <span class="accordion-icon">â¼</span> 7939 </summary> 7940 <div class="footer-info-content"> 7941 <img decoding="async" src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/01/PAGOS-Y-ENVIOS.webp" alt="Métodos de Pago y EnvÃos" style="max-width: 100%; height: auto; display: block; margin-top: 10px;"> 7942 </div> 7943</details></section> </div> 7944</div><!-- .footer-widget3 --> 7945 </div> 7946 <div class="site-footer-middle-section-3 site-footer-section footer-section-inner-items-2"> 7947 <div class="footer-widget-area widget-area site-footer-focus-item footer-social content-align-left content-tablet-align-left content-mobile-align-left content-valign-default content-tablet-valign-default content-mobile-valign-default" data-section="kadence_customizer_footer_social"> 7948 <div class="footer-widget-area-inner footer-social-inner"> 7949 <div class="footer-social-wrap"><h2 class="widget-title">SÃGUENOS</h2><div class="footer-social-inner-wrap element-social-inner-wrap social-show-label-false social-style-outline"><a href="https://www.facebook.com/suburbiosskate/" aria-label="Facebook" target="_blank" rel="noopener noreferrer" class="social-button footer-social-item social-link-facebook"><span class="kadence-svg-iconset"><svg class="kadence-svg-icon kadence-facebook-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><title>Facebook</title><path d="M31.997 15.999c0-8.836-7.163-15.999-15.999-15.999s-15.999 7.163-15.999 15.999c0 7.985 5.851 14.604 13.499 15.804v-11.18h-4.062v-4.625h4.062v-3.525c0-4.010 2.389-6.225 6.043-6.225 1.75 0 3.581 0.313 3.581 0.313v3.937h-2.017c-1.987 0-2.607 1.233-2.607 2.498v3.001h4.437l-0.709 4.625h-3.728v11.18c7.649-1.2 13.499-7.819 13.499-15.804z"></path> 7950 </svg></span></a><a href="https://www.instagram.com/suburbiosskate/" aria-label="Instagram" target="_blank" rel="noopener noreferrer" class="social-button footer-social-item social-link-instagram"><span class="kadence-svg-iconset"><svg class="kadence-svg-icon kadence-instagram-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><title>Instagram</title><path d="M21.138 0.242c3.767 0.007 3.914 0.038 4.65 0.144 1.52 0.219 2.795 0.825 3.837 1.821 0.584 0.562 0.987 1.112 1.349 1.848 0.442 0.899 0.659 1.75 0.758 3.016 0.021 0.271 0.031 4.592 0.031 8.916s-0.009 8.652-0.030 8.924c-0.098 1.245-0.315 2.104-0.743 2.986-0.851 1.755-2.415 3.035-4.303 3.522-0.685 0.177-1.304 0.26-2.371 0.31-0.381 0.019-4.361 0.024-8.342 0.024s-7.959-0.012-8.349-0.029c-0.921-0.044-1.639-0.136-2.288-0.303-1.876-0.485-3.469-1.784-4.303-3.515-0.436-0.904-0.642-1.731-0.751-3.045-0.031-0.373-0.039-2.296-0.039-8.87 0-2.215-0.002-3.866 0-5.121 0.006-3.764 0.037-3.915 0.144-4.652 0.219-1.518 0.825-2.795 1.825-3.833 0.549-0.569 1.105-0.975 1.811-1.326 0.915-0.456 1.756-0.668 3.106-0.781 0.374-0.031 2.298-0.038 8.878-0.038h5.13zM15.999 4.364v0c-3.159 0-3.555 0.014-4.796 0.070-1.239 0.057-2.084 0.253-2.824 0.541-0.765 0.297-1.415 0.695-2.061 1.342s-1.045 1.296-1.343 2.061c-0.288 0.74-0.485 1.586-0.541 2.824-0.056 1.241-0.070 1.638-0.070 4.798s0.014 3.556 0.070 4.797c0.057 1.239 0.253 2.084 0.541 2.824 0.297 0.765 0.695 1.415 1.342 2.061s1.296 1.046 2.061 1.343c0.74 0.288 1.586 0.484 2.825 0.541 1.241 0.056 1.638 0.070 4.798 0.070s3.556-0.014 4.797-0.070c1.239-0.057 2.085-0.253 2.826-0.541 0.765-0.297 1.413-0.696 2.060-1.343s1.045-1.296 1.343-2.061c0.286-0.74 0.482-1.586 0.541-2.824 0.056-1.241 0.070-1.637 0.070-4.797s-0.015-3.557-0.070-4.798c-0.058-1.239-0.255-2.084-0.541-2.824-0.298-0.765-0.696-1.415-1.343-2.061s-1.295-1.045-2.061-1.342c-0.742-0.288-1.588-0.484-2.827-0.541-1.241-0.056-1.636-0.070-4.796-0.070zM14.957 6.461c0.31-0 0.655 0 1.044 0 3.107 0 3.475 0.011 4.702 0.067 1.135 0.052 1.75 0.241 2.16 0.401 0.543 0.211 0.93 0.463 1.337 0.87s0.659 0.795 0.871 1.338c0.159 0.41 0.349 1.025 0.401 2.16 0.056 1.227 0.068 1.595 0.068 4.701s-0.012 3.474-0.068 4.701c-0.052 1.135-0.241 1.75-0.401 2.16-0.211 0.543-0.463 0.93-0.871 1.337s-0.794 0.659-1.337 0.87c-0.41 0.16-1.026 0.349-2.16 0.401-1.227 0.056-1.595 0.068-4.702 0.068s-3.475-0.012-4.702-0.068c-1.135-0.052-1.75-0.242-2.161-0.401-0.543-0.211-0.931-0.463-1.338-0.87s-0.659-0.794
7950-0.871-1.337c-0.159-0.41-0.349-1.025-0.401-2.16-0.056-1.227-0.067-1.595-0.067-4.703s0.011-3.474 0.067-4.701c0.052-1.135 0.241-1.75 0.401-2.16 0.211-0.543 0.463-0.931 0.871-1.338s0.795-0.659 1.338-0.871c0.41-0.16 1.026-0.349 2.161-0.401 1.073-0.048 1.489-0.063 3.658-0.065v0.003zM16.001 10.024c-3.3 0-5.976 2.676-5.976 5.976s2.676 5.975 5.976 5.975c3.3 0 5.975-2.674 5.975-5.975s-2.675-5.976-5.975-5.976zM16.001 12.121c2.142 0 3.879 1.736 3.879 3.879s-1.737 3.879-3.879 3.879c-2.142 0-3.879-1.737-3.879-3.879s1.736-3.879 3.879-3.879zM22.212 8.393c-0.771 0-1.396 0.625-1.396 1.396s0.625 1.396 1.396 1.396 1.396-0.625 1.396-1.396c0-0.771-0.625-1.396-1.396-1.396v0.001z"></path> 7951 </svg></span></a><a href="https://www.youtube.com/channel/UC9sB1Zz66PyhxD9Cz44fivA" aria-label="YouTube" target="_blank" rel="noopener noreferrer" class="social-button footer-social-item social-link-youtube"><span class="kadence-svg-iconset"><svg class="kadence-svg-icon kadence-youtube-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><title>YouTube</title><path d="M11.109 17.625l7.562-3.906-7.562-3.953v7.859zM14 4.156c5.891 0 9.797 0.281 9.797 0.281 0.547 0.063 1.75 0.063 2.812 1.188 0 0 0.859 0.844 1.109 2.781 0.297 2.266 0.281 4.531 0.281 4.531v2.125s0.016 2.266-0.281 4.531c-0.25 1.922-1.109 2.781-1.109 2.781-1.062 1.109-2.266 1.109-2.812 1.172 0 0-3.906 0.297-9.797 0.297v0c-7.281-0.063-9.516-0.281-9.516-0.281-0.625-0.109-2.031-0.078-3.094-1.188 0 0-0.859-0.859-1.109-2.781-0.297-2.266-0.281-4.531-0.281-4.531v-2.125s-0.016-2.266 0.281-4.531c0.25-1.937 1.109-2.781 1.109-2.781 1.062-1.125 2.266-1.125 2.812-1.188 0 0 3.906-0.281 9.797-0.281v0z"></path> 7952 </svg></span></a><a href="https://www.tiktok.com/@suburbiosskate" aria-label="TikTok" target="_blank" rel="noopener noreferrer" class="social-button footer-social-item social-link-tiktok"><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-tiktok-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><title>TikTok</title><path d="M16.707 0.027c1.747-0.027 3.48-0.013 5.213-0.027 0.107 2.040 0.84 4.12 2.333 5.56 1.493 1.48 3.6 2.16 5.653 2.387v5.373c-1.92-0.067-3.853-0.467-5.6-1.293-0.76-0.347-1.467-0.787-2.16-1.24-0.013 3.893 0.013 7.787-0.027 11.667-0.107 1.867-0.72 3.72-1.8 5.253-1.747 2.56-4.773 4.227-7.88 4.28-1.907 0.107-3.813-0.413-5.44-1.373-2.693-1.587-4.587-4.493-4.867-7.613-0.027-0.667-0.040-1.333-0.013-1.987 0.24-2.533 1.493-4.96 3.44-6.613 2.213-1.92 5.307-2.84 8.2-2.293 0.027 1.973-0.053 3.947-0.053 5.92-1.32-0.427-2.867-0.307-4.027 0.493-0.84 0.547-1.48 1.387-1.813 2.333-0.28 0.68-0.2 1.427-0.187 2.147 0.32 2.187 2.427 4.027 4.667 3.827 1.493-0.013 2.92-0.88 3.693-2.147 0.253-0.44 0.533-0.893 0.547-1.413 0.133-2.387 0.080-4.76 0.093-7.147 0.013-5.373-0.013-10.733 0.027-16.093z"></path> 7953 </svg></span></a><a href="https://www.pinterest.com.mx/suburbiosskate/" aria-label="Pinterest" target="_blank" rel="noopener noreferrer" class="social-button footer-social-item social-link-pinterest"><span class="kadence-svg-iconset"><svg class="kadence-svg-icon kadence-pinterest-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="28" viewBox="0 0 24 28"><title>Pinterest</title><path d="M19.5 2c2.484 0 4.5 2.016 4.5 4.5v15c0 2.484-2.016 4.5-4.5 4.5h-11.328c0.516-0.734 1.359-2 1.687-3.281 0 0 0.141-0.531 0.828-3.266 0.422 0.797 1.625 1.484 2.906 1.484 3.813 0 6.406-3.484 6.406-8.141 0-3.516-2.984-6.797-7.516-6.797-5.641 0-8.484 4.047-8.484 7.422 0 2.031 0.781 3.844 2.438 4.531 0.266 0.109 0.516 0 0.594-0.297 0.047-0.203 0.172-0.734 0.234-0.953 0.078-0.297 0.047-0.406-0.172-0.656-0.469-0.578-0.781-1.297-0.781-2.344 0-3 2.25-5.672 5.844-5.672 3.187 0 4.937 1.937 4.937 4.547 0 3.422-1.516 6.312-3.766 6.312-1.234 0-2.172-1.031-1.875-2.297 0.359-1.5 1.047-3.125 1.047-4.203 0-0.969-0.516-1.781-1.594-1.781-1.266 0-2.281 1.313-2.281 3.063 0 0 0 1.125 0.375 1.891-1.297 5.5-1.531 6.469-1.531 6.469-0.344 1.437-0.203 3.109-0.109 3.969h-2.859c-2.484 0-4.5-2.016-4.5-4.5v-15c0-2.484 2.016-4.5 4.5-4.5h15z"></path> 7954 </svg></span></a></div></div> </div> 7955</div><!-- data-section="footer_social" --> 7956 7957<div class="footer-widget-area site-info site-footer-focus-item content-align-left content-tablet-align-center content-mobile-align-left content-valign-default content-tablet-valign-default content-mobile-valign-default" data-section="
7957kadence_customizer_footer_html"> 7958 <div class="footer-widget-area-inner site-info-inner"> 7959 <div class="footer-html inner-link-style-normal"><div class="footer-html-inner"><p>© 2026 SUBURBIOS SKATE. TODOS LOS DERECHOS RESERVADOS</p> 7960</div></div> </div> 7961</div><!-- .site-info --> 7962 </div> 7963 </div> 7964 </div> 7965 </div> 7966</div> 7967 </div> 7968</footer><!-- #colophon --> 7969 7970</div><!-- #wrapper --> 7971 7972
7972<script>document.documentElement.style.setProperty('--scrollbar-offset', window.innerWidth - document.documentElement.clientWidth + 'px' );</script>
7972 7973 <div id="cart-drawer" class="popup-drawer popup-drawer-layout-sidepanel popup-drawer-side-right popup-mobile-drawer-side-right" data-drawer-target-string="#cart-drawer"> 7974 <div class="drawer-overlay" data-drawer-target-string="#cart-drawer"></div> 7975 <div class="drawer-inner"> 7976 <div class="drawer-header"> 7977 <h2 class="side-cart-header">Revisar el carrito</h2> 7978 <button class="cart-toggle-close drawer-toggle" aria-label="Cerrar el carrito" data-toggle-target="#cart-drawer" data-toggle-body-class="showing-popup-drawer-from-right" aria-expanded="false" data-set-focus=".header-cart-button"> 7979 <span class="kadence-svg-iconset"><svg class="kadence-svg-icon kadence-close-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Alternar cerrar menú</title><path d="M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 7980 </svg></span> </button> 7981 </div> 7982 <div class="drawer-content woocommerce widget_shopping_cart"> 7983 <div class="mini-cart-container"> 7984 <div class="kadence-mini-cart-refresh"> 7985 7986 7987 <p class="woocommerce-mini-cart__empty-message">No hay productos en el carrito.</p> 7988 7989 7990 </div> 7991 </div> 7992 </div> 7993 </div> 7994 </div> 7995
7995<script type="speculationrules"> 7996{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/kadence/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 7997</script>
7997 7998
7998<script type="text/javascript"> 7999 document.addEventListener("DOMContentLoaded", function() { 8000 var targetElement = document.querySelector('.single-product-extras'); 8001 if (targetElement) { 8002 var tempDiv = document.createElement('div'); 8003 tempDiv.innerHTML = '<div class=\"suburbios-banner-sucursales\" style=\"display: flex; gap: 10px; width: 100%; max-width: 65%; margin-bottom: 15px; clear: both; float: none; font-family: \'Bebas Neue\', sans-serif; text-transform: uppercase; letter-spacing: 1px;\"><div style=\"flex: 1; border: 1.5px solid #000000; border-radius: 4px; padding: 8px 6px; text-align: center; color: #000000; font-size: 13px; display: flex; align-items: center; justify-content: center; gap: 5px; min-width: 0;\">DISPONIBLE AZCAPO: 1 <span>ð¢</span></div><div style=\"flex: 1; border: 1.5px solid #000000; border-radius: 4px; padding: 8px 6px; text-align: center; color: #000000; font-size: 13px; display: flex; align-items: center; justify-content: center; gap: 5px; min-width: 0;\">DISPONIBLE LIRA: 1 <span>ð¢</span></div></div>'; 8004 targetElement.parentNode.insertBefore(tempDiv.firstChild, targetElement); 8005 } 8006 }); 8007 </script>
8007 8008 <style> 8009 /* Ocultar swatches desactivados en tus contenedores personalizados */ 8010 .suburbios-swatch.disabled, 8011 .suburbios-swatch.out-of-stock, 8012 .suburbios-swatch.no-stock, 8013 .suburbios-swatches-container .disabled { 8014 display: none !important; 8015 } 8016 </style> 8017 8018
8018<script> 8019 document.addEventListener("DOMContentLoaded", function() { 8020 function ocultarSwatchesAgotados() { 8021 // Buscamos el select de variaciones nativo que WooCommerce llena 8022 const selects = document.querySelectorAll('select[name^="attribute_"]'); 8023 8024 selects.forEach(function(select) { 8025 // Recorremos las opciones deshabilitadas o que no existen en el select 8026 const opcionesValidas = Array.from(select.options).map(opt => opt.value); 8027 8028 // Buscamos tus swatches personalizados 8029 const swatches = document.querySelectorAll('.suburbios-swatch'); 8030 swatches.forEach(function(swatch) { 8031 const val = swatch.getAttribute('data-value'); 8032 // Si la opción no está en el select activo o el option está disabled, borra el swatch 8033 const optionCorrespondiente = select.querySelector(`option[value="${val}"]`); 8034 8035 if (!opcionesValidas.includes(val) || (optionCorrespondiente && optionCorrespondiente.disabled)) { 8036 swatch.style.setProperty('display', 'none', 'important'); 8037 } 8038 }); 8039 }); 8040 } 8041 8042 // Ejecutar al cargar y tras posibles AJAX de variaciones 8043 ocultarSwatchesAgotados(); 8044 setTimeout(ocultarSwatchesAgotados, 500); 8045 setTimeout(ocultarSwatchesAgotados, 1500); 8046 }); 8047 </script>
8047 8048 8049 <!-- Estilos del Botón Flotante con Ajuste de Altura Respeta-Sticky --> 8050 <style> 8051 #suburbios-floating-cart { 8052 position: fixed; 8053 bottom: 25px; /* Altura estándar para catálogo e inicio */ 8054 left: 25px; 8055 z-index: 99998; 8056 display: flex; 8057 align-items: center; 8058 justify-content: center; 8059 width: 56px; 8060 height: 56px; 8061 background-color: #000000; 8062 color: #ffffff; 8063 border-radius: 50%; 8064 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); 8065 text-decoration: none; 8066 transition: bottom 0.3s ease, transform 0.25s ease, opacity 0.25s ease, visibility 0.25s ease; 8067 cursor: pointer; 8068 } 8069 8070 #suburbios-floating-cart:hover { 8071 transform: scale(1.08); 8072 background-color: #1a1a1a; 8073 color: #ffffff; 8074 } 8075 8076 /* Ocultar suavemente cuando el carrito está vacÃo */ 8077 #suburbios-floating-cart.suburbios-cart-oculto { 8078 opacity: 0; 8079 visibility: hidden; 8080 pointer-events: none; 8081 transform: scale(0.7); 8082 } 8083 8084 /* Ãcono SVG */ 8085 #suburbios-floating-cart svg { 8086 width: 23px; 8087 height: 23px; 8088 fill: none; 8089 stroke: #ffffff; 8090 stroke-width: 2; 8091 stroke-linecap: round; 8092 stroke-linejoin: round; 8093 } 8094 8095 /* Burbuja del Contador */ 8096 .suburbios-cart-count { 8097 position: absolute; 8098 top: -4px; 8099 right: -4px; 8100 background-color: #e60000; 8101 color: #ffffff; 8102 font-family: 'Fira Sans', sans-serif, Arial; 8103 font-size: 11px; 8104 font-weight: 800; 8105 line-height: 1; 8106 min-width: 20px; 8107 height: 20px; 8108 padding: 2px 4px; 8109 border-radius: 10px; 8110 display: flex; 8111 align-items: center; 8112 justify-content: center; 8113 border: 2px solid #ffffff; 8114 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); 8115 } 8116 8117 /* ð ELEVACIÃN ESPECIAL EN FICHA DE PRODUCTO PARA NO CHOCAR CON LA STICKY BAR */ 8118 body.single-product #suburbios-floating-cart { 8119 bottom: 85px !important; /* Eleva el botón por encima del menú inferior de producto */ 8120 } 8121 8122 /* ð± RESPONSIVE MÃVIL */ 8123 @media (max-width: 767px) { 8124 #suburbios-floating-cart { 8125 bottom: 20px; 8126 left: 18px; 8127 width: 50px; 8128 height: 50px; 8129 } 8130 #suburbios-floating-cart svg { 8131 width: 20px; 8132 height: 20px; 8133 } 8134 8135 /* Elevación reforzada en celulares dentro de ficha de producto */ 8136 body.single-product #suburbios-floating-cart { 8137 bottom: 82px !important; 8138 left: 15px !important; 8139 } 8140 } 8141 </style> 8142 8143 <!-- Estructura HTML --> 8144 <a href="https://suburbiosskateboards.com.mx/carrito/" id="suburbios-floating-cart" class="suburbios-cart-oculto" title="Ver Carrito"> 8145 <svg viewBox="0 0 24 24"> 8146 <circle cx="9" cy="21" r="1"></circle> 8147 <circle cx="20" cy="21" r="1"></circle> 8148 <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path> 8149 </svg> 8150 <span class="suburbios-cart-count">0</span> 8151 </a> 8152 8153 <!-- Reactividad AJAX --> 8154
8154<script> 8155 document.addEventListener("DOMContentLoaded", function() { 8156 function actualizarBotonFlotante(count) { 8157 const btn = document.getElementById('suburbios-floating-cart'); 8158 const badge = document.querySelector('.suburbios-cart-count'); 8159 8160 if (!btn || !badge) return; 8161 8162 badge.textContent = count; 8163 8164 if (parseInt(count, 10) > 0) { 8165 btn.classList.remove('suburbios-cart-oculto'); 8166 } else { 8167 btn.classList.add('suburbios-cart-oculto'); 8168 } 8169 } 8170 8171 if (typeof jQuery !== 'undefined') { 8172 jQuery(document.body).on('added_to_cart removed_from_cart wc_fragments_refreshed wc_fragments_loaded', function(event, fragments, cart_hash) { 8173 fetch(wc_add_to_cart_params.ajax_url + '?action=suburbios_obtener_conteo_carro') 8174 .then(response => response.json()) 8175 .then(data => { 8176 if (data && typeof data.count !== 'undefined') { 8177 actualizarBotonFlotante(data.count); 8178 } 8179 }); 8180 }); 8181 } 8182 }); 8183 </script>
8183 8184
8184<script type="text/javascript"> 8185 jQuery(document).ready(function($) { 8186 function reemplazarTextoAgotado() { 8187 $('.stock.out-of-stock').each(function() { 8188 var textoActual = $(this).text().trim(); 8189 if (textoActual !== 'AGOTADO') { 8190 $(this).text('AGOTADO'); 8191 } 8192 }); 8193 } 8194 8195 // Reemplazar al cargar la página 8196 reemplazarTextoAgotado(); 8197 8198 // Escuchar cuando el usuario cambia de variación o cuando se agotan 8199 $(document).on('woocommerce_variation_has_changed woocommerce_out_of_stock_found show_variation', function() { 8200 setTimeout(reemplazarTextoAgotado, 50); 8201 setTimeout(reemplazarTextoAgotado, 200); 8202 }); 8203 }); 8204 </script>
8204 8205 <style> 8206 #creditea-promo-modal { 8207 display: none; 8208 position: fixed; 8209 z-index: 99999; 8210 left: 0; 8211 top: 0; 8212 width: 100%; 8213 height: 100%; 8214 overflow: auto; 8215 background-color: rgba(0,0,0,0.85); 8216 justify-content: center; 8217 align-items: center; 8218 } 8219 .creditea-modal-content-wrapper { 8220 position: relative; 8221 width: 95%; /* Responsive width for mobile */ 8222 max-width: 900px; 8223 } 8224 .creditea-modal-content-wrapper img { 8225 width: 100%; 8226 height: auto; 8227 display: block; 8228 border-radius: 8px; 8229 } 8230 .creditea-promo-close { 8231 position: absolute; 8232 top: -15px; 8233 right: -15px; 8234 color: #fff; 8235 background: #000; 8236 border-radius: 50%; 8237 width: 35px; 8238 height: 35px; 8239 font-size: 25px; 8240 font-weight: bold; 8241 display: flex; 8242 align-items: center; 8243 justify-content: center; 8244 line-height: 1; 8245 cursor: pointer; 8246 border: 2px solid white; 8247 } 8248 .creditea-promo-close:hover { 8249 background-color: #333; 8250 } 8251 /* Media query for desktop */ 8252 @media (min-width: 768px) { 8253 .creditea-modal-content-wrapper { 8254 max-width: min(70vw, 70vh, 1500px); 8255 max-height: min(70vh, 70vw, 1500px); 8256 width: auto; 8257 height: auto; 8258 } 8259 8260 .creditea-modal-content-wrapper img { 8261 max-width: 100%; 8262 max-height: 100%; 8263 height: auto; 8264 width: auto; 8265 object-fit: contain; 8266 border-radius: 8px; 8267 } 8268 } 8269 </style> 8270 8271 <div id="creditea-promo-modal"> 8272 <div class="creditea-modal-content-wrapper"> 8273 <span class="creditea-promo-close">×</span> 8274 <img src="https://ecommerce.creditea.com/mx/apply/widgets/promo_modal_content.png" alt="Creditea Promo Popup" /> 8275 </div> 8276 </div> 8277 8278
8278<script> 8279 document.addEventListener('DOMContentLoaded', function() { 8280 const modal = document.getElementById('creditea-promo-modal'); 8281 const closeBtn = document.querySelector('.creditea-promo-close'); 8282 8283 const openModal = () => { 8284 if (modal) modal.style.display = 'flex'; 8285 }; 8286 8287 const closeModal = () => { 8288 if (modal) modal.style.display = 'none'; 8289 }; 8290 8291 document.body.addEventListener('click', (e) => { 8292 if (e.target.classList.contains('creditea-promo-trigger')) { 8293 openModal(); 8294 } 8295 }); 8296 8297 if (modal) { 8298 modal.addEventListener('click', (e) => { 8299 if (e.target === modal) { // Close if the background overlay is clicked 8300 closeModal(); 8301 } 8302 }); 8303 } 8304 8305 if (closeBtn) { 8306 closeBtn.addEventListener('click', closeModal); 8307 } 8308 }); 8309 </script>
8309 8310 <!--copyscapeskip--> 8311 <aside id="moove_gdpr_cookie_info_bar" class="moove-gdpr-info-bar-hidden moove-gdpr-align-center moove-gdpr-dark-scheme gdpr_infobar_postion_bottom" aria-label="Banner de cookies RGPD" style="display: none;"> 8312 <div class="moove-gdpr-info-bar-container"> 8313 <div class="moove-gdpr-info-bar-content"> 8314 8315<div class="moove-gdpr-cookie-notice"> 8316 <p style="text-align: left">Utilizamos cookies para ofrecerte la mejor experiencia en nuestra web. Puedes aprender más sobre qué cookies utilizamos o desactivarlas en los <button aria-haspopup="true" data-href="#moove_gdpr_cookie_modal" class="change-settings-button gdpr-settings-btn-style-2">ajustes</button>.</p> 8317</div> 8318<!-- .moove-gdpr-cookie-notice --> 8319 8320<div class="moove-gdpr-button-holder"> 8321 <button class="mgbutton moove-gdpr-infobar-allow-all gdpr-fbo-0" aria-label="Aceptar" >Aceptar</button> 8322 </div> 8323<!-- .button-container --> 8324 </div> 8325 <!-- moove-gdpr-info-bar-content --> 8326 </div> 8327 <!-- moove-gdpr-info-bar-container --> 8328 </aside> 8329 <!-- #moove_gdpr_cookie_info_bar --> 8330 <!--/copyscapeskip--> 8331 8332<div id="wsatc-stick-cart-wrapper" class="wsatc-stick-cart-wrapper simple wsatc-bottom active"> 8333 <div class="wsatc-container" data-product-id="35983"> 8334 <div class="wrap-product-content"> 8335 <div class="wsatc-product-img"> <img width="350" height="350" src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-350x350.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus" decoding="async" srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-350x350.webp 350w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-300x300.webp 300w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-1024x1024.webp 1024w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-150x150.webp 150w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-768x768.webp 768w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-800x800.webp 800w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus-100x100.webp 100w, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus.webp 1080w" sizes="(max-width: 350px) 100vw, 350px" /> </div> 8336 <div class="wsatc-title-rating"> 8337 <div class="product-title">Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus</div> 8338 </div> 8339 <div class="wsatc-price-stock"> 8340 <div class="wsatc-price"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">$</span>1,250.00</bdi></span></div> 8341 </div> 8342 </div> 8343 8344 <div class="wsatc-right-section"> 8345 <div class="wsatc-qty-wrapper"> 8346 <div class="wsatc-qty-minus" > - </div> 8347 <input type="number" step="1" min="1" value="1" name="quantity" class="wsatc-qty-field"> 8348 <div class="wsatc-qty-plus" > + </div> 8349 </div> 8350 <a href="?add-to-cart=35983&quantity=1" class="wsatc-add-to-cart " title="AÃADIR AL CARRITO">AÃADIR AL CARRITO <span class="loader"></span></a> 8351 </div> 8352 </div> 8353</div> 8354 8355 <a id="kt-scroll-up" tabindex="-1" aria-hidden="true" aria-label="Scroll hacia arriba" href="#wrapper" class="kadence-scroll-to-top scroll-up-wrap scroll-ignore scroll-up-side-right scroll-up-style-outline vs-lg-true vs-md-true vs-sm-true"><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-up-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Scroll hacia arriba</title><path d="M5.707 12.707l5.293-5.293v11.586c0 0.552 0.448 1 1 1s1-0.448 1-1v-11.586l5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-7-7c-0.092-0.092-0.202-0.166-0.324-0.217s-0.253-0.
8355076-0.383-0.076c-0.256 0-0.512 0.098-0.707 0.293l-7 7c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0z"></path> 8356 </svg></span></a><button id="kt-scroll-up-reader" href="#wrapper" aria-label="Scroll hacia arriba" class="kadence-scroll-to-top scroll-up-wrap scroll-ignore scroll-up-side-right scroll-up-style-outline vs-lg-true vs-md-true vs-sm-true"><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-up-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Scroll hacia arriba</title><path d="M5.707 12.707l5.293-5.293v11.586c0 0.552 0.448 1 1 1s1-0.448 1-1v-11.586l5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-7-7c-0.092-0.092-0.202-0.166-0.324-0.217s-0.253-0.076-0.383-0.076c-0.256 0-0.512 0.098-0.707 0.293l-7 7c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0z"></path> 8357 </svg></span></button> 8358
8358<script> 8359 8360 document.addEventListener('AWLTriggerJsReplace', function() { 8361 awlJsLabelsReplace(); 8362 }, false); 8363 8364 document.addEventListener('DOMContentLoaded', function() { 8365 awlJsLabelsReplace(); 8366 }, false); 8367 8368 function awlJsLabelsReplace() { 8369 8370 if (!Element.prototype.matches) { 8371 Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; 8372 } 8373 if (!Element.prototype.closest) { 8374 Element.prototype.closest = function(s) { 8375 var el = this; 8376 8377 do { 8378 if (el.matches(s)) return el; 8379 el = el.parentElement || el.parentNode; 8380 } while (el !== null && el.nodeType === 1); 8381 return null; 8382 }; 8383 } 8384 8385 setTimeout( function() { 8386 8387 var selectors = {".awl-position-type-on-image":[".woocommerce-product-gallery .flex-viewport, .woocommerce-product-gallery__wrapper","append"]}; 8388 8389 for ( var property in selectors ) { 8390 8391 if ( selectors.hasOwnProperty( property ) ) { 8392 8393 var from = document.querySelectorAll(property); 8394 8395 if (from.length) { 8396 for (var i = 0; i < from.length; i++) { 8397 8398 var productContainer = from[i].closest(".product"); 8399 8400 if ( productContainer ) { 8401 8402 var to = productContainer.querySelectorAll(selectors[property][0]); 8403 8404 if ( to.length && from[i] && to[0] && from[i].style.display === 'none' ) { 8405 8406 var addTo = to[0]; 8407 8408 if (selectors[property][1] && selectors[property][1] === 'prepend') { 8409 addTo.prepend(from[i]); 8410 } else if (selectors[property][1] && selectors[property][1] === 'after') { 8411 addTo.after(from[i]); 8412 } else if (selectors[property][1] && selectors[property][1] === 'before') { 8413 addTo.before(from[i]); 8414 } else { 8415 addTo.append(from[i]); 8416 } 8417 8418 } 8419 8420 if ( from[i] ) { 8421 from[i].style.display = "flex"; 8422 } 8423 8424 } 8425 8426 } 8427 } 8428 8429 } 8430 8431 } 8432 8433 }, 200 ); 8434 8435 } 8436 8437 </script>
8437 8438 8439
8439<script type="application/ld+json">{"@context":"https://schema.org/","@type":"Product","@id":"https://suburbiosskateboards.com.mx/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/#product","name":"Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus","url":"https://suburbiosskateboards.com.mx/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/","description":"Set de Tech Deck Ultra Pro 20 Sk8shop Bonus. \u00a1El paquete definitivo para fan\u00e1ticos del fingerboarding y coleccionistas que buscan variedad masiva con gr\u00e1ficos ic\u00f3nicos de la industria! Este impresionante set Ultra Pro Sk8shop Bonus Pack de Tech Deck re\u00fane un total de 20 tablas de marcas legendarias como Plan B y Toy Machine, incluyendo pro models destacados de skaters profesionales como Sky Brown y Felipe Gustavo. El set viene configurado para armar y personalizar tu propia flota: incluye tablas completas armadas de f\u00e1brica y m\u00faltiples tablas adicionales sueltas con sus respectivos orificios para herrajes, acompa\u00f1adas por herramientas de ajuste con mango amarillo, ruedas de repuesto, trucks met\u00e1licos y stickers coleccionables circulares de gran tama\u00f1o.\r\n\r\nBeneficios Clave:\r\n- Megapack de 20 Tablas Coleccionables: Incluye r\u00e9plicas exactas de marcas de renombre como Plan B y Toy Machine con pro models oficiales.\r\n- Experiencia de Personalizaci\u00f3n Sk8shop: Permite intercambiar ruedas, trucks y cubiertas utilizando la herramienta especial incluida para armar setups a tu gusto.\r\n- Accesorios y Stickers Exclusivos: Incluye calcoman\u00edas circulares de gran tama\u00f1o de Plan B y Toy Machine, adem\u00e1s de piezas de repuesto para mantenimiento.\r\n\r\nPreguntas Frecuentes:\r\n- \u00bfVienen las 20 tablas completamente armadas dentro del empaque? Algunas tablas vienen armadas de f\u00e1brica, mientras que las dem\u00e1s est\u00e1n listas para ser ensambladas e interconectadas con los trucks y ruedas adicionales usando la herramienta del set.\r\n- \u00bfQu\u00e9 edad recomendada tiene este paquete? Se recomienda para ni\u00f1os mayores de 6 a\u00f1os y coleccionistas, debido a que contiene partes peque\u00f1as como tornillos, tuercas y ruedas.\r\n\r\nNota: Las im\u00e1genes del producto pueden variar ligeramente en cuanto a presentaci\u00f3n y color.","image":"https://suburbiosskateboards.com.mx/wp-content/uploads/2026/09/Set-de-Tech-Deck-Ultra-Pro-20-Sk8shop-Bonus.webp","sku":"SUBS80022","offers":[{"@type":"Offer","priceSpecification":[{"@type":"UnitPriceSpecification","price":"1250.00","priceCurrency":"MXN","validThrough":"2027-12-31"}],"priceValidUntil":"2027-12-31","availability":"https://schema.org/InStock","url":"https://suburbiosskateboards.com.mx/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/","seller":{"@type":"Organization","name":"Suburbios Skate","url":"https://suburbiosskateboards.com.mx"},"price":"1250.00","priceCurrency":"MXN"}],"brand":{"@type":"Brand","name":"Tech Deck","logo":"https://suburbiosskateboards.com.mx/wp-content/uploads/2026/03/Logo-Tech-Deck.webp"}}</script>
8439 8440<div class="joinchat joinchat--right joinchat--img" data-settings='{"telephone":"5215561072411","mobile_only":false,"button_delay":3,"whatsapp_web":true,"qr":false,"message_views":2,"message_delay":10,"message_badge":true,"message_send":"¡Qué onda! 🛹 Tengo una duda sobre: Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus\nhttps://suburbiosskateboards.com.mx/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/","tracking_url":"https://suburbiosskateboards.com.mx/wp-json/joinchat/v1/track-click","message_hash":"abf401cc"}' hidden aria-hidden="false"> 8441 <div class="joinchat__button" role="button" tabindex="0" aria-label="Abrir chat"> 8442 <div class="joinchat__button__image"><img src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/03/Logo-WhatsApp-1-58x58.webp" srcset="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/03/Logo-WhatsApp-1-116x116.webp 2x, https://suburbiosskateboards.com.mx/wp-content/uploads/2026/03/Logo-WhatsApp-1-174x174.webp 3x" alt="" loading="lazy"></div> 8443 </div> 8444 <div class="joinchat__badge">1</div> 8445 <div class="joinchat__chatbox" role="dialog" aria-labelledby="joinchat__label" aria-modal="true"> 8446 <div class="joinchat__header"> 8447 <div id="joinchat__label"> 8448 <svg class="joinchat__wa" width="120" height="28" viewBox="0 0 120 28"><title>WhatsApp</title><path d="M117.2 17c0 .4-.2.7-.4 1-.1.3-.4.5-.7.7l-1 .2c-.5 0-.9 0-1.2-.2l-.7-.7a3 3 0 0 1-.4-1 5.4 5.4 0 0 1 0-2.3c0-.4.2-.7.4-1l.7-.7a2 2 0 0 1 1.1-.3 2 2 0 0 1 1.8 1l.4 1a5.3 5.3 0 0 1 0 2.3m2.5-3c-.1-.7-.4-1.3-.8-1.7a4 4 0 0 0-1.3-1.2c-.6-.3-1.3-.4-2-.4-.6 0-1.2.1-1.7.4a3 3 0 0 0-1.2 1.1V11H110v13h2.7v-4.5c.4.4.8.8 1.3 1 .5.3 1 .4 1.6.4a4 4 0 0 0 3.2-1.5c.4-.5.7-1 .8-1.6.2-.6.3-1.2.3-1.9s0-1.3-.3-2zm-13.1 3c0 .4-.2.7-.4 1l-.7.7-1.1.2c-.4 0-.8 0-1-.2-.4-.2-.6-.4-.8-.7a3 3 0 0 1-.4-1 5.4 5.4 0 0 1 0-2.3c0-.4.2-.7.4-1 .1-.3.4-.5.7-.7a2 2 0 0 1 1-.3 2 2 0 0 1 1.9 1l.4 1a5.4 5.4 0 0 1 0 2.3m1.7-4.7a4 4 0 0 0-3.3-1.6c-.6 0-1.2.1-1.7.4a3 3 0 0 0-1.2 1.1V11h-2.6v13h2.7v-4.5c.3.4.7.8 1.2 1 .6.3 1.1.4 1.7.4a4 4 0 0 0 3.2-1.5c.4-.5.6-1 .8-1.6s.3-1.2.3-1.9-.1-1.3-.3-2c-.2-.6-.4-1.2-.8-1.6m-17.5 3.2 1.7-5 1.7 5zm.2-8.2-5 13.4h3l1-3h5l1 3h3L94 7.3zm-5.3 9.1-.6-.8-1-.5a11.6 11.6 0 0 0-2.3-.5l-1-.3a2 2 0 0 1-.6-.3.7.7 0 0 1-.3-.6c0-.2 0-.4.2-.5l.3-.3h.5l.5-.1c.5 0 .9 0 1.2.3.4.1.6.5.6 1h2.5c0-.6-.2-1.1-.4-1.5a3 3 0 0 0-1-1 4 4 0 0 0-1.3-.5 7.7 7.7 0 0 0-3 0c-.6.1-1 .3-1.4.5l-1 1a3 3 0 0 0-.4 1.5 2 2 0 0 0 1 1.8l1 .5 1.1.3 2.2.6c.6.2.8.5.8 1l-.1.5-.4.4a2 2 0 0 1-.6.2 2.8 2.8 0 0 1-1.4 0 2 2 0 0 1-.6-.3l-.5-.5-.2-.8H77c0 .7.2 1.2.5 1.6.2.5.6.8 1 1 .4.3.9.5 1.4.6a8 8 0 0 0 3.3 0c.5 0 1-.2 1.4-.5a3 3 0 0 0 1-1c.3-.5.4-1 .4-1.6 0-.5 0-.9-.3-1.2M74.7 8h-2.6v3h-1.7v1.7h1.7v5.8c0 .5 0 .9.2 1.2l.7.7 1 .3a7.8 7.8 0 0 0 2 0h.7v-2.1a3.4 3.4 0 0 1-.8 0l-1-.1-.2-1v-4.8h2V11h-2zm-7.6 9v.5l-.3.8-.7.6c-.2.2-.7.2-1.2.2h-.6l-.5-.2a1 1 0 0 1-.4-.4l-.1-.6.1-.6.4-.4.5-.3a4.8 4.8 0 0 1 1.2-.2 8 8 0 0 0 1.2-.2l.4-.3v1zm2.6 1.5v-5c0-.6 0-1.1-.3-1.5l-1-.8-1.4-.4a10.9 10.9 0 0 0-3.1 0l-1.5.6c-.4.2-.7.6-1 1a3 3 0 0 0-.5 1.5h2.7c0-.5.2-.9.5-1a2 2 0 0 1 1.3-.4h.6l.6.2.3.4.2.7c0 .3 0 .5-.3.6-.1.2-.4.3-.7.4l-1 .1a22 22 0 0 0-2.4.4l-1 .5c-.3.2-.6.5-.8.9-.2.3-.3.8-.3 1.3s.1 1 .3 1.3c.1.4.4.7.7 1l1 .4c.4.2.9.2 1.3.2a6 6 0 0 0 1.8-.2c.6-.2 1-.5 1.5-1a4 4 0 0 0 .2 1H70l-.3-1zm-11-6.7c-.2-.4-.6-.6-1-.8-.5-.2-1-.3-1.8-.3-.5 0-1 .1-1.5.4a3 3 0 0 0-1.3 1.2v-5h-2.7v13.4H53v-5.1c0-1 .2-1.7.5-2.2.3-.4.9-.6 1.6-.6.6 0 1 .2 1.3.6s.4 1 .4 1.8v5.5h2.7v-6c0-.6 0-1.2-.2-1.6 0-.5-.3-1-.5-1.3zm-14 4.7-2.3-9.2h-2.8l-2.3 9-2.2-9h-3l3.6 13.4h3l2.2-9.2 2.3 9.2h3l3.6-13.4h-3zm-24.5.2L18 15.6c-.3-.1-.6-.2-.8.2A20 20 0 0 1 16 17c-.2.2-.4.3-.7.1-.4-.2-1.5-.5-2.8-1.7-1-1-1.7-2-2-2.4-.1-.4 0-.5.2-.7l.5-.6.4-.6v-.6L10.4 8c-.3-.6-.6-.5-.8-.6H9c-.2 0-.6.1-.9.5C7.8 8.2 7 9 7 10.7s1.3 3.4 1.4 3.6c.2.3 2.5 3.7 6 5.2l1.9.8c.8.2 1.6.2 2.2.1s2-.8 2.3-1.6c.3-.9.3-1.5.2-1.7l-.7-.4zM14 25.3c-2 0-4-.5-5.8-1.6l-.4-.2-4.4 1.1 1.2-4.2-.3-.5A11.5 11.5 0 0 1 22.1 5.7 11.5 11.5 0 0 1 14 25.3M14 0A13.8 13.8 0 0 0 2 20.7L0 28l7.3-2A13.8 13.8 0 1 0 14 0"/></svg> 8449 </div> 8450 <div class="joinchat__close" role="button" tabindex="0" aria-label="Cerrar"></div> 8451 </div> 8452 <div class="joinchat__scroll"> 8453 <div class="joinchat__content"> 8454 <div class="joinchat__chat"><div class="joinchat__bubble">¡Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus puede ser tuy@ solo por $1,250.00! Si tienes alguna duda pregúntanos</div></div><div class="joinchat__optin">Al dar clic en "Enviar" o contactarnos, aceptas nuestro <a target="_blank" rel="nofollow noopener" href="https://suburbiosskateboards.com.mx/aviso-de-privacidad/">Aviso de Privacidad</a>.</div> 8455 <div class="joinchat__open" role="button" tabindex="0"> 8456 <div class="joinchat__open__text">Enviar</div> 8457 <svg class="joinchat__open__icon" width="60" height="60" viewbox="0 0 400 400"> 8458 <path class="joinchat__pa" d="M168.83 200.504H79.218L33.04 44.284a1 1 0 0 1 1.386-1.188L365.083 199.04a1 1 0 0 1 .003 1.808L34.432 357.903a1 1 0 0 1-1.388-1.187l29.42-99.427"/> 8459 <path class="joinchat__pb" d="M318.087 318.087c-52.982 52.982-132.708 62.922-195.725 29.82l-80.449 10.18 10.358-80.112
8459C18.956 214.905 28.836 134.99 81.913 81.913c65.218-65.217 170.956-65.217 236.174 0 42.661 42.661 57.416 102.661 44.265 157.316"/> 8460 </svg> 8461 </div> 8462 </div> 8463 </div> 8464 </div> 8465 </div> 8466<noscript><img height="1" width="1" style="display: none;" src="https://www.facebook.com/tr?id=4301696820111031&ev=ViewContent&noscript=1&cd%5Bcontent_ids%5D=%5B%2235983%22%5D&cd%5Bcontent_type%5D=product&cd%5Btags%5D=Azcapo%2C+Fingerboard%2C+Lira%2C+Tech+Deck&cd%5Bcontent_name%5D=Set+de+Fingerboards+Tech+Deck+Ultra+Pro+20+Sk8shop+Bonus&cd%5Bcategory_name%5D=Fingerboards&cd%5Bvalue%5D=1250&cd%5Bcurrency%5D=MXN&cd%5Bcontents%5D=%5B%7B%22id%22%3A%2235983%22%2C%22quantity%22%3A1%7D%5D&cd%5Bproduct_price%5D=1250&cd%5Bpage_title%5D=Set+de+Fingerboards+Tech+Deck+Ultra+Pro+20+Sk8shop+Bonus&cd%5Bpost_type%5D=product&cd%5Bpost_id%5D=35983&cd%5Bplugin%5D=PixelYourSite&cd%5Buser_role%5D=guest&cd%5Bevent_url%5D=suburbiosskateboards.com.mx%2Fproducto%2Fset-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus%2F" alt=""></noscript> 8467<noscript><img height="1" width="1" style="display: none;" src="https://www.facebook.com/tr?id=4301696820111031&ev=PageView&noscript=1&cd%5Bpage_title%5D=Set+de+Fingerboards+Tech+Deck+Ultra+Pro+20+Sk8shop+Bonus&cd%5Bpost_type%5D=product&cd%5Bpost_id%5D=35983&cd%5Bplugin%5D=PixelYourSite&cd%5Buser_role%5D=guest&cd%5Bevent_url%5D=suburbiosskateboards.com.mx%2Fproducto%2Fset-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus%2F" alt=""></noscript> 8468<div 8469 id="hustle-popup-id-1" 8470 class="hustle-ui hustle-popup hustle-palette--midnight hustle_module_id_1 module_id_1 " 8471 8472 data-id="1" 8473 data-render-id="0" 8474 data-tracking="enabled" 8475 8476 role="dialog" 8477 aria-modal="true" 8478 data-intro="fadeIn" 8479 data-outro="fadeOut" 8480 data-overlay-close="0" 8481 data-close-delay="false" 8482 8483 style="opacity: 0;" 8484 aria-label="¡Bienvenido a los Suburbios! popup" 8485 ><div class="hustle-popup-mask hustle-optin-mask" aria-hidden="true"></div><div class="hustle-popup-content"><div class="hustle-optin hustle-optin--compact"><div class="hustle-optin-content"><div class="hustle-success" data-close-delay="10000" style="display: none;"><span class="hustle-icon-check" aria-hidden="true"></span><div class="hustle-success-content"></div></div><div class="hustle-layout"><div class="hustle-main-wrapper"><button class="hustle-button-icon hustle-button-close has-background"> 8486 <span class="hustle-icon-close" aria-hidden="true"></span> 8487 <span class="hustle-screen-reader">Close this module</span> 8488 </button><div class="hustle-layout-body"><div class="hustle-image hustle-image-fit--cover" aria-hidden="true"><img src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/02/Sofi.webp" alt="" class="hustle-image-position--centercenter" /></div><div class="hustle-layout-content"><div class="hustle-content"><div class="hustle-content-wrap"><div class="hustle-group-title"><h3 class="hustle-title">¡Bienvenido a los Suburbios!</h3><h4 class="hustle-subtitle">Registrate y obtén un ¡5% OFF en tu primera compra!</h4></div></div></div><form class="hustle-layout-form" novalidate="novalidate"><div class="hustle-form hustle-form-inline"><div class="hustle-form-fields hustle-proximity-separated"><div class="hustle-field hustle-field-icon--animated hustle-field-required "><label for="hustle-field-email-module-1" id="hustle-field-email-module-1-label" class="hustle-screen-reader">Email</label><input id="hustle-field-email-module-1" type="email" class="hustle-input " name="email" value="" aria-labelledby="hustle-field-email-module-1-label" data-validate="1" data-required-error="El campo de correo electrónico es obligatorio." data-validation-error="Por favor, introduce un correo electrónico válido." /><span class="hustle-input-label" aria-hidden="true" style="flex-flow: row nowrap;"><span class="hustle-icon-email"></span><span>Ingresa tu correo electrónico</span></span></div><button class="hustle-button hustle-button-submit " aria-live="polite" data-loading-text="Form is being submitted, please wait a bit."><span class="hustle-button-text">Quiero mi cupón</span><span class="hustle-icon-loader hustle-loading-icon" aria-hidden="true"></span></button></div></div><input type="hidden" name="hustle_module_id" value="1"><input type="hidden" name="post_id" value="35983"><div class="hustle-error-message" style="display: none;" data-default-error="Algo salió mal, por favor inténtalo de nuevo."></div></form></div></div></div><div class="hustle-layout-footer"><p class="hustle-nsa-link"><a href="#">Gracias, no estoy interesado</a></p></div></div></div></div></div></div> 8489<div id="photoswipe-fullscreen-dialog" class="pswp" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true" aria-label="Imagen en pantalla completa"> 8490 <div class="pswp__bg"></div> 8491 <div class="pswp__scroll-wrap"> 8492 <div class="pswp__container"> 8493 <div class="pswp__item"></div> 8494 <div class="pswp__item"></div> 8495 <div class="pswp__item"></div> 8496 </div> 8497 <div class="pswp__ui pswp__ui--hidden"> 8498 <div class="pswp__top-bar"> 8499 <div class="pswp__counter"></div> 8500 <button class="pswp__button pswp__button--zoom" aria-label="Ampliar/Reducir"></button> 8501 <button class="pswp__button pswp__button--fs" aria-label="Cambiar a pantalla completa"></button> 8502 <button class="pswp__button pswp__button--share" aria-label="Compartir"></button> 8503 <button class="pswp__button pswp__button--close" aria-label="Cerrar (Esc)"></button> 8504 <div class="pswp__preloader"> 8505 <div class="pswp__preloader__icn"> 8506 <div class="pswp__preloader__cut"> 8507 <div class="pswp__preloader__donut"></div> 8508 </div> 8509 </div>
8510 </div> 8511 </div> 8512 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 8513 <div class="pswp__share-tooltip"></div> 8514 </div> 8515 <button class="pswp__button pswp__button--arrow--left" aria-label="Anterior (flecha izquierda)"></button> 8516 <button class="pswp__button pswp__button--arrow--right" aria-label="Siguiente (flecha derecha)"></button> 8517 <div class="pswp__caption"> 8518 <div class="pswp__caption__center"></div> 8519 </div> 8520 </div> 8521 </div> 8522</div> 8523
8523<script> 8524 (function () { 8525 var c = document.body.className; 8526 c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); 8527 document.body.className = c; 8528 })(); 8529 </script>
8529 8530 <div id="mobile-drawer" class="popup-drawer popup-drawer-layout-sidepanel popup-drawer-animation-fade popup-drawer-side-left" data-drawer-target-string="#mobile-drawer" 8531 > 8532 <div class="drawer-overlay" data-drawer-target-string="#mobile-drawer"></div> 8533 <div class="drawer-inner"> 8534 <div class="drawer-header"> 8535 <button class="menu-toggle-close drawer-toggle" aria-label="Cerrar menú" data-toggle-target="#mobile-drawer" data-toggle-body-class="showing-popup-drawer-from-left" aria-expanded="false" data-set-focus=".menu-toggle-open" 8536 > 8537 <span class="toggle-close-bar"></span> 8538 <span class="toggle-close-bar"></span> 8539 </button> 8540 </div> 8541 <div class="drawer-content mobile-drawer-content content-align-left content-valign-top"> 8542 <div class="site-header-item site-header-focus-item site-header-item-mobile-navigation mobile-navigation-layout-stretch-false" data-section="kadence_customizer_mobile_navigation"> 8543 <nav id="mobile-site-navigation" class="mobile-navigation drawer-navigation drawer-navigation-parent-toggle-true" role="navigation" aria-label="Móvil principal"> 8544 <div class="mobile-menu-container drawer-menu-container"> 8545 <ul id="mobile-menu" class="menu has-collapse-sub-nav"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-23038"><div class="drawer-nav-drop-wrap"><a href="#">Patinetas</a><button class="drawer-sub-toggle" data-toggle-duration="10" data-toggle-target="#mobile-menu .menu-item-23038 > .sub-menu" aria-expanded="false"><span class="screen-reader-text">Alternar menú hijo</span><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 8546 </svg></span></button></div> 8547<ul class="sub-menu"> 8548 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-23043"><a href="https://suburbiosskateboards.com.mx/producto/arma-tu-patineta/">¡Arma tu skate!</a></li> 8549 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-36307"><div class="drawer-nav-drop-wrap"><a href="#">Top Perzonalizado</a><button class="drawer-sub-toggle" data-toggle-duration="10" data-toggle-target="#mobile-menu .menu-item-36307 > .sub-menu" aria-expanded="false"><span class="screen-reader-text">Alternar menú hijo</span><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 8550 </svg></span></button></div> 8551 <ul class="sub-menu"> 8552 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-36308"><a href="https://suburbiosskateboards.com.mx/producto/lija-negra-personalizada-corte-laser/">Lija Negra Personalizada Corte Láser</a></li> 8553 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-36309"><a href="https://suburbiosskateboards.com.mx/producto/top-deck-personalizado-grafico-vinil-lija-transparente/">Gráfico Vinil + Lija Transparente</a></li> 8554 </ul> 8555</li> 8556 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-34440"><div class="drawer-nav-drop-wrap"><a href="#">Street</a><button class="drawer-sub-toggle" data-toggle-duration="10" data-toggle-target="#mobile-menu .menu-item-34440 > .sub-menu" aria-expanded="false"><span class="screen-reader-text">Alternar menú hijo</span><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 8557 </svg></span></button></div> 8558 <ul class="sub-menu"> 8559 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33039"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/">Ver todas</a></li> 8560 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-32999"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/?filter_medida-tabla=7-25%2C7-5%2C7-6%2C7-75%2C7-8&query_type_medida-tabla=or">Menor a 7.9″</a></li> 8561 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33001"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/?filter_medida-tabla=8&query_type_medida-tabla=or">Medida 8.0″</a></li> 8562 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33003"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/?filter_medida-tabla=8-125&query_type_medida-tabla=or">Medida 8.125″</a></li> 8563 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33005"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/?filter_medida-tabla=8-25&query_type_medida-tabla=or">Medida 8.25″</a></li> 8564 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33007"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/?filter_medida-tabla=8-375%2C8-4&query_type_medida-tabla=or">Medida 8.375″ a 8.4″</a></li> 8565 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33009"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/?filter_medida-tabla=8-5&query_type_medida-tabla=or">Medida 8.5″</a></li> 8566 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33011"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/?filter_medida-tabla=8-6%2C8-75%2C8-8%2C8-9&query_type_medida-tabla=or">Medida 8.6″ a 8.9″</a></li> 8567 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33013"><a href="https://suburbiosskateboards.com.mx/categoria-producto/patinetas/?filter_medida-tabla=9%2C9-125%2C9-25%2C9-35%2C9-5%2C9-625%2C9-8%2C9-9%2C10&query_type_medida-tabla=or">Mayor a 9.0″</a></li> 8568 </ul> 8569</li> 8570 <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23025"><a href="https://suburbiosskateboards.com.mx/categoria-producto/cruisers/">Cruisers</a></li> 8571 <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23030"><a href="https://suburbiosskateboards.com.mx/categoria-producto/longboards/">Longboards</a></li> 8572 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-29087"><a href="https://suburbiosskateboards.com.mx/?s=fingerboard&post_type=product">Fingerboards</a></li> 8573</ul> 8574</li> 8575<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-23022">
8575<div class="drawer-nav-drop-wrap"><a href="#">Piezas Skate</a><button class="drawer-sub-toggle" data-toggle-duration="10" data-toggle-target="#mobile-menu .menu-item-23022 > .sub-menu" aria-expanded="false"><span class="screen-reader-text">Alternar menú hijo</span><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 8576 </svg></span></button></div> 8577<ul class="sub-menu"> 8578 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-34441"><div class="drawer-nav-drop-wrap"><a>Tablas</a><button class="drawer-sub-toggle" data-toggle-duration="10" data-toggle-target="#mobile-menu .menu-item-34441 > .sub-menu" aria-expanded="false"><span class="screen-reader-text">Alternar menú hijo</span><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 8579 </svg></span></button></div> 8580 <ul class="sub-menu"> 8581 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33038"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/">Ver todas</a></li> 8582 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33000"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/?filter_medida-tabla=7-0%2C7-25%2C7-5%2C7-6%2C7-75%2C7-8&query_type_medida-tabla=or">Menor a 7.9″</a></li> 8583 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33002"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/?filter_medida-tabla=8&query_type_medida-tabla=or">Medida 8.0″</a></li> 8584 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33004"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/?filter_medida-tabla=8-125&query_type_medida-tabla=or">Medida 8.125″</a></li> 8585 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33006"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/?filter_medida-tabla=8-25&query_type_medida-tabla=or">Medida 8.25″</a></li> 8586 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33008"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/?filter_medida-tabla=8-375%2C8-4&query_type_medida-tabla=or">Medida 8.375″ a 8.4″</a></li> 8587 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33010"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/?filter_medida-tabla=8-5&query_type_medida-tabla=or">Medida 8.5″</a></li> 8588 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33012"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/?filter_medida-tabla=8-6%2C8-75%2C8-8%2C8-9&query_type_medida-tabla=or">Medida 8.6″ a 8.9″</a></li> 8589 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33014"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tablas/?filter_medida-tabla=9%2C9-125%2C9-25%2C9-35%2C9-5%2C9-625%2C9-8%2C9-9%2C10%2C10-25%2C10-3&query_type_medida-tabla=or">Mayor a 9.0″</a></li> 8590 </ul> 8591</li> 8592 <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children menu-item-23037"><div class="drawer-nav-drop-wrap"><a href="https://suburbiosskateboards.com.mx/categoria-producto/trucks/">Trucks</a>
8592<button class="drawer-sub-toggle" data-toggle-duration="10" data-toggle-target="#mobile-menu .menu-item-23037 > .sub-menu" aria-expanded="false"><span class="screen-reader-text">Alternar menú hijo</span><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 8593 </svg></span></button></div> 8594 <ul class="sub-menu"> 8595 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33040"><a href="https://suburbiosskateboards.com.mx/categoria-producto/trucks/">Ver todos</a></li> 8596 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33015"><a href="https://suburbiosskateboards.com.mx/categoria-producto/trucks/?filter_medida-trucks=7-6%2C7-75&query_type_medida-trucks=or">Menor a 7.9″</a></li> 8597 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33016"><a href="https://suburbiosskateboards.com.mx/categoria-producto/trucks/?filter_medida-trucks=8&query_type_medida-trucks=or">Medida 8.0″</a></li> 8598 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33017"><a href="https://suburbiosskateboards.com.mx/categoria-producto/trucks/?filter_medida-trucks=8-25&query_type_medida-trucks=or">Medida 8.25″</a></li> 8599 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33018"><a href="https://suburbiosskateboards.com.mx/categoria-producto/trucks/?filter_medida-trucks=8-5&query_type_medida-trucks=or">Medida 8.5″</a></li> 8600 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33019"><a href="https://suburbiosskateboards.com.mx/categoria-producto/trucks/?filter_medida-trucks=8-75&query_type_medida-trucks=or">Medida 8.75″</a></li> 8601 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33020"><a href="https://suburbiosskateboards.com.mx/categoria-producto/trucks/?filter_medida-trucks=9%2C9-125%2C9-25%2C9-35%2C9-5%2C9-75%2C10&query_type_medida-trucks=or">Mayor a 9.0″</a></li> 8602 </ul> 8603</li> 8604 <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children menu-item-23034"><div class="drawer-nav-drop-wrap"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ruedas/">Ruedas</a><button class="drawer-sub-toggle" data-toggle-duration="10" data-toggle-target="#mobile-menu .menu-item-23034 > .sub-menu" aria-expanded="false"><span class="screen-reader-text">Alternar menú hijo</span><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 8605 </svg></span></button></div> 8606 <ul class="sub-menu"> 8607 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33056"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ruedas/">Ver todas</a></li> 8608 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33050"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ruedas/?filter_medida-ruedas=51-mm%2C52-mm%2C53-mm&query_type_medida-ruedas=or">Menor a 53 mm</a></li> 8609 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33051"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ruedas/?filter_medida-ruedas=54-mm&query_type_medida-ruedas=or">Medida 54 mm</a></li> 8610 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33052"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ruedas/?filter_medida-ruedas=55-mm%2C55-5-mm&query_type_medida-ruedas=or">Medida 55 mm</a></li> 8611 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33053"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ruedas/?filter_medida-ruedas=56-mm&query_type_medida-ruedas=or">Medida 56 mm</a></li> 8612 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33054"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ruedas/?filter_medida-ruedas=57-mm%2C58-mm%2C59-mm&query_type_medida-ruedas=or">Medida 57 a 59 mm</a></li> 8613 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33055"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ruedas/?filter_medida-ruedas=60-mm%2C61-mm%2C62-mm%2C65-mm%2C66-mm%2C70-mm&query_type_medida-ruedas=or">Mayor a 60 mm</a></li> 8614 </ul> 8615</li> 8616 <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children menu-item-23024">
8616<div class="drawer-nav-drop-wrap"><a href="https://suburbiosskateboards.com.mx/categoria-producto/baleros/">Baleros</a><button class="drawer-sub-toggle" data-toggle-duration="10" data-toggle-target="#mobile-menu .menu-item-23024 > .sub-menu" aria-expanded="false"><span class="screen-reader-text">Alternar menú hijo</span><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 8617 </svg></span></button></div> 8618 <ul class="sub-menu"> 8619 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33063"><a href="https://suburbiosskateboards.com.mx/categoria-producto/baleros/">Ver todos</a></li> 8620 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33057"><a href="https://suburbiosskateboards.com.mx/categoria-producto/baleros/?filter_clasificacion-abec=abec-3&query_type_clasificacion-abec=or">Abec 3</a></li> 8621 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33058"><a href="https://suburbiosskateboards.com.mx/categoria-producto/baleros/?filter_clasificacion-abec=abec-5&query_type_clasificacion-abec=or">Abec 5</a></li> 8622 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33059"><a href="https://suburbiosskateboards.com.mx/categoria-producto/baleros/?filter_clasificacion-abec=abec-7&query_type_clasificacion-abec=or">Abec 7</a></li> 8623 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33060"><a href="https://suburbiosskateboards.com.mx/categoria-producto/baleros/?filter_clasificacion-abec=abec-9&query_type_clasificacion-abec=or">Abec 9</a></li> 8624 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33061"><a href="https://suburbiosskateboards.com.mx/categoria-producto/baleros/?filter_clasificacion-abec=abec-11&query_type_clasificacion-abec=or">Abec 11</a></li> 8625 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33062"><a href="https://suburbiosskateboards.com.mx/categoria-producto/baleros/?filter_clasificacion-abec=ceramicos&query_type_clasificacion-abec=or">Cerámicos</a></li> 8626 </ul> 8627</li> 8628 <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23029"><a href="https://suburbiosskateboards.com.mx/categoria-producto/lijas/">Lijas</a></li> 8629 <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23028"><a href="https://suburbiosskateboards.com.mx/categoria-producto/hardware/">Hardware</a></li> 8630</ul> 8631</li> 8632<li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23033"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ropa/">Ropa</a></li> 8633<li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23036"><a href="https://suburbiosskateboards.com.mx/categoria-producto/tenis/">Tenis</a></li> 8634<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-23039"><div class="drawer-nav-drop-wrap"><a href="#">Accesorios</a><button class="drawer-sub-toggle" data-toggle-duration="10" data-toggle-target="#mobile-menu .menu-item-23039 > .sub-menu" aria-expanded="false"><span class="screen-reader-text">Alternar menú hijo</span><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-down-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Ampliar</title><path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 8635 </svg></span></button></div> 8636<ul class="sub-menu"> 8637 <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23023"><a href="https://suburbiosskateboards.com.mx/categoria-producto/estilo/">Estilo</a></li> 8638 <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23027"><a href="https://suburbiosskateboards.com.mx/categoria-producto/merch-y-extras/">Extras</a></li> 8639</ul> 8640</li> 8641<li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23026"><a href="https://suburbiosskateboards.com.mx/categoria-producto/equipo-de-proteccion/">Protecciones</a></li> 8642<li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-23031"><a href="https://suburbiosskateboards.com.mx/categoria-producto/ofertas/">Ofertas</a></li> 8643<li class="menu-item menu-item-gif-skate"><a href="https://suburbiosskateboards.com.mx/producto/arma-tu-patineta/"><img src="https://suburbiosskateboards.com.mx/wp-content/uploads/2026/03/Arma-Patineta-2.0.gif" alt="Arma tu Patineta - Suburbios Skate" loading="lazy" /></a></li></ul> </div> 8644 </nav><!-- #site-navigation --> 8645 </div><!-- data-section="mobile_navigation" --> 8646 </div> 8647 </div> 8648 </div> 8649
8649<script id="gs-swiper-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/gs-logo-slider/assets/libs/swiper-js/swiper.min.js?ver=3.8.8"></script>
vendor: 1 bytes, line 8649
8649
8650<script id="gs-tippyjs-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/gs-logo-slider/assets/libs/tippyjs/tippy-bundle.umd.min.js?ver=3.8.8"></script>
vendor: 1 bytes, line 8650
8650
8651<script id="gs-images-loaded-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/gs-logo-slider/assets/libs/images-loaded/images-loaded.min.js?ver=3.8.8"></script>
vendor: 1 bytes, line 8651
8651
8652<script id="gs-logo-public-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/gs-logo-slider/assets/js/gs-logo.min.js?ver=3.8.8"></script>
vendor: 1 bytes, line 8652
8652
8653<script id="kadence-product-cls-js" src="https://suburbiosskateboards.com.mx/wp-content/themes/kadence/assets/js/product-cls.min.js?ver=1.5.2"></script>
vendor: 1 bytes, line 8653
8653
8654<script id="creditea-script-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/Creditea/creditea-scripts.js?ver=7.1.2"></script>
vendor: 1 bytes, line 8654
8654
8655<script id="venobox-script-js" src="https://cdn.jsdelivr.net/npm/venobox/venobox/venobox.min.js?ver=7.1.2"></script>
vendor: 1 bytes, line 8655
8655
8656<script id="awdr-main-js-extra"> 8657var awdr_params = {"ajaxurl":"https://suburbiosskateboards.com.mx/wp-admin/admin-ajax.php","nonce":"7db0e4eb55","enable_update_price_with_qty":"show_when_matched","refresh_order_review":"0","custom_target_simple_product":"","custom_target_variable_product":"","js_init_trigger":"","awdr_opacity_to_bulk_table":"","awdr_dynamic_bulk_table_status":"0","awdr_dynamic_bulk_table_off":"on","custom_simple_product_id_selector":"","custom_variable_product_id_selector":""}; 8658//# sourceURL=awdr-main-js-extra 8659</script>
vendor: 1 bytes, line 8659
8659
8660<script id="awdr-main-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/woo-discount-rules/v2/Assets/Js/site_main.js?ver=2.6.18"></script>
vendor: 1 bytes, line 8660
8660
8661<script id="awdr-dynamic-price-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/woo-discount-rules/v2/Assets/Js/awdr-dynamic-price.js?ver=2.6.18"></script>
vendor: 1 bytes, line 8661
8661
8662<script id="gtm4wp-additional-datalayer-pushes-js-after"> 8663 dataLayer.push({"event":"view_item","ecommerce":{"currency":"MXN","value":1250,"items":[{"item_id":"35983","item_name":"Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus","sku":"SUBS80022","price":1250,"stocklevel":2,"stockstatus":"instock","google_business_vertical":"retail","item_category":"Fingerboards","id":"35983","quantity":1}]}}); 8664//# sourceURL=gtm4wp-additional-datalayer-pushes-js-after 8665</script>
vendor: 1 bytes, line 8665
8665
8666<script data-wp-strategy="defer" defer id="gtm4wp-ecommerce-generic-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/duracelltomi-google-tag-manager/build/gtm4wp-ecommerce-generic.js?ver=2.0.5"></script>
vendor: 1 bytes, line 8666
8666
8667<script id="gtm4wp-woocommerce-js-before"> 8668window.gtm4wp_store_api_cart_url = "https:\/\/suburbiosskateboards.com.mx\/wp-json\/wc\/store\/v1\/cart"; 8669//# sourceURL=gtm4wp-woocommerce-js-before 8670</script>
vendor: 1 bytes, line 8670
8670
8671<script id="gtm4wp-woocommerce-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/duracelltomi-google-tag-manager/build/gtm4wp-woocommerce.js?ver=2.0.5"></script>
vendor: 1 bytes, line 8671
8671
8672<script id="kadence-simplelightbox-js" src="https://suburbiosskateboards.com.mx/wp-content/themes/kadence/assets/js/simplelightbox.min.js?ver=1.5.2" async></script>
vendor: 1 bytes, line 8672
8672
8673<script id="kadence-lightbox-init-js" src="https://suburbiosskateboards.com.mx/wp-content/themes/kadence/assets/js/lightbox-init.min.js?ver=1.5.2" async></script>
vendor: 1 bytes, line 8673
8673
8674<script id="kadence-navigation-js-extra"> 8675var kadenceConfig = {"screenReader":{"expand":"Men\u00fa hijo","expandOf":"Men\u00fa hijo de","collapse":"Men\u00fa hijo","collapseOf":"Men\u00fa hijo de"},"breakPoints":{"desktop":"1024","tablet":768},"scrollOffset":"0"}; 8676//# sourceURL=kadence-navigation-js-extra 8677</script>
vendor: 1 bytes, line 8677
8677
8678<script id="kadence-navigation-js" src="https://suburbiosskateboards.com.mx/wp-content/themes/kadence/assets/js/navigation.min.js?ver=1.5.2" async></script>
vendor: 1 bytes, line 8678
8678
8679<script id="kadence-shop-spinner-js" src="https://suburbiosskateboards.com.mx/wp-content/themes/kadence/assets/js/shop-spinner.min.js?ver=1.5.2" async></script>
vendor: 1 bytes, line 8679
8679
8680<script id="hui_scripts-js-extra"> 8681var hustleSettings = {"mobile_breakpoint":"782"}; 8682//# sourceURL=hui_scripts-js-extra 8683</script>
vendor: 1 bytes, line 8683
8683
8684<script id="hui_scripts-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/wordpress-popup/assets/hustle-ui/js/hustle-ui.min.js?ver=7.8.14"></script>
vendor: 1 bytes, line 8684
8684
8685<script id="underscore-js" src="https://suburbiosskateboards.com.mx/wp-includes/js/underscore.min.js?ver=1.13.8"></script>
vendor: 1 bytes, line 8685
8685
8686<script id="hustle_front-js-extra"> 8687var Modules = [{"settings":{"auto_close_success_message":"0","triggers":{"on_time_delay":"5","on_time_unit":"seconds","on_scroll":"scrolled","on_scroll_page_percent":"35","on_scroll_css_selector":"","enable_on_click_element":"1","on_click_element":"","enable_on_click_shortcode":"1","on_exit_intent_per_session":"1","on_exit_intent_delayed_time":"0","on_exit_intent_delayed_unit":"seconds","on_adblock_delay":"5","on_adblock_delay_unit":"seconds","trigger":["exit_intent","scroll"],"on_exit_intent":"1","on_exit_intent_delayed":"0","on_adblock":"1","enable_on_adblock_delay":"0"},"animation_in":"fadeIn","animation_out":"fadeOut","after_close":"no_show_all","expiration":"30","expiration_unit":"days","after_optin_expiration":365,"after_optin_expiration_unit":"days","after_cta_expiration":365,"after_cta2_expiration":365,"after_cta_expiration_unit":"days","after_cta2_expiration_unit":"days","on_submit":"nothing","on_submit_delay":5,"on_submit_delay_unit":"seconds","close_cta":"0","close_cta_time":0,"close_cta_unit":"seconds","hide_after_cta":"keep_show","hide_after_cta2":"keep_show","hide_after_subscription":"no_show_all","is_schedule":"0","schedule":{"not_schedule_start":"1","start_date":"03/10/2026","start_hour":"12","start_minute":"00","start_meridiem_offset":"am","not_schedule_end":"1","end_date":"03/16/2026","end_hour":"11","end_minute":"59","end_meridiem_offset":"pm","active_days":"all","week_days":[],"is_active_all_day":"1","day_start_hour":"00","day_start_minute":"00","day_start_meridiem_offset":"am","day_end_hour":"11","day_end_minute":"59","day_end_meridiem_offset":"pm","time_to_use":"server","custom_timezone":"UTC"},"allow_scroll_page":"1","close_on_background_click":"0","auto_hide":"0","auto_hide_unit":"seconds","auto_hide_time":5,"after_close_trigger":["click_close_icon"]},"module_id":"1","blog_id":"0","module_name":"Cup\u00f3n Bienvenida 5%","module_type":"popup","active":"1","module_mode":"optin","useCountCookie":true,"countCookieExpiration":30}]; 8688var incOpt = {"conditional_tags":{"is_single":true,"is_singular":true,"is_tag":false,"is_category":false,"is_author":false,"is_date":false,"is_post_type_archive":false,"is_404":false,"is_front_page":false,"is_search":false,"is_product_tag":false,"is_product_category":false,"is_shop":false,"is_woocommerce":true,"is_checkout":false,"is_cart":false,"is_account_page":false,"order-received":false},"is_admin":"","real_page_id":"","thereferrer":"","actual_url":"http://suburbiosskateboards.com.mx/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/","full_actual_url":"https://suburbiosskateboards.com.mx/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/","native_share_enpoints":{"facebook":"https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fsuburbiosskateboards.com.mx%2Fproducto%2Fset-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus","twitter":"https://twitter.com/intent/tweet?url=https%3A%2F%2Fsuburbiosskateboards.com.mx%2Fproducto%2Fset-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus&text=Set%20de%20Fingerboards%20Tech%20Deck%20Ultra%20Pro%2020%20Sk8shop%20Bonus","pinterest":"https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fsuburbiosskateboards.com.mx%2Fproducto%2Fset-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus","reddit":"https://www.reddit.com/submit?url=https%3A%2F%2Fsuburbiosskateboards.com.mx%2Fproducto%2Fset-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus","linkedin":"https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fsuburbiosskateboards.com.mx%2Fproducto%2Fset-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus","vkontakte":"https://vk.com/share.php?url=https%3A%2F%2Fsuburbiosskateboards.com.mx%2Fproducto%2Fset-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus","whatsapp":"https://api.whatsapp.com/send?text=https%3A%2F%2Fsuburbiosskateboards.com.mx%2Fproducto%2Fset-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus","telegram":"https://t.me/share/url?url=https%3A%2F%2Fsuburbiosskateboards.com.mx%2Fproducto%2Fset-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus&text=Set%20
8688de%20Fingerboards%20Tech%20Deck%20Ultra%20Pro%2020%20Sk8shop%20Bonus","email":"mailto:?subject=Set%20de%20Fingerboards%20Tech%20Deck%20Ultra%20Pro%2020%20Sk8shop%20Bonus&body=https%3A%2F%2Fsuburbiosskateboards.com.mx%2Fproducto%2Fset-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus"},"ajaxurl":"https://suburbiosskateboards.com.mx/wp-admin/admin-ajax.php","page_id":"35983","page_slug":"producto-set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus","is_upfront":"","script_delay":"3000","display_check_nonce":"9c3a57b49f","conversion_nonce":"c1f18e999c","form_submit_nonce":"8cd7e52392"}; 8689//# sourceURL=hustle_front-js-extra 8690</script>
vendor: 1 bytes, line 8690
8690
8691<script id="hustle_front-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/wordpress-popup/assets/js/front.min.js?ver=7.8.14"></script>
vendor: 1 bytes, line 8691
8691
8692<script id="newsletter-js-extra"> 8693var newsletter_data = {"action_url":"https://suburbiosskateboards.com.mx/wp-admin/admin-ajax.php"}; 8694//# sourceURL=newsletter-js-extra 8695</script>
vendor: 1 bytes, line 8695
8695
8696<script id="newsletter-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/newsletter/main.js?ver=9.4.6"></script>
vendor: 1 bytes, line 8696
8696
8697<script data-wp-strategy="defer" defer fetchpriority="low" id="joinchat-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/creame-whatsapp-me/public/js/joinchat.min.js?ver=6.4.0"></script>
vendor: 1 bytes, line 8697
8697
8698<script id="sourcebuster-js-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=11.1.2"></script>
vendor: 1 bytes, line 8698
8698
8699<script id="wc-order-attribution-js-extra"> 8700var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https://suburbiosskateboards.com.mx/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; 8701//# sourceURL=wc-order-attribution-js-extra 8702</script>
vendor: 1 bytes, line 8702
8702
8703<script id="wc-order-attribution-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=11.1.2"></script>
vendor: 1 bytes, line 8703
8703
8704<script id="jquery-bind-first-js" defer src="https://suburbiosskateboards.com.mx/wp-content/plugins/pixelyoursite/dist/scripts/jquery.bind-first-0.2.3.min.js?ver=0.2.3"></script>
vendor: 1 bytes, line 8704
8704
8705<script id="js-cookie-pys-js" defer src="https://suburbiosskateboards.com.mx/wp-content/plugins/pixelyoursite/dist/scripts/js.cookie-2.1.3.min.js?ver=2.1.3"></script>
vendor: 1 bytes, line 8705
8705
8706<script id="js-sha256-js" defer src="https://suburbiosskateboards.com.mx/wp-content/plugins/pixelyoursite/dist/scripts/sha256.js?ver=0.11.0"></script>
vendor: 1 bytes, line 8706
8706
8707<script id="pys-js-extra"> 8708var pysOptions = {"staticEvents":{"facebook":{"woo_view_content":[{"delay":0,"type":"static","name":"ViewContent","pixelIds":["4301696820111031"],"eventID":"266abcd6-28c9-4db1-98af-43460c066474","params":{"content_ids":["35983"],"content_type":"product","tags":"Azcapo, Fingerboard, Lira, Tech Deck","content_name":"Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus","category_name":"Fingerboards","value":"1250","currency":"MXN","contents":[{"id":"35983","quantity":1}],"product_price":"1250","page_title":"Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus","post_type":"product","post_id":35983,"plugin":"PixelYourSite","user_role":"guest","event_url":"suburbiosskateboards.com.mx/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/"},"e_id":"woo_view_content","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":"","order_key":""}],"init_event":[{"delay":0,"type":"static","ajaxFire":false,"name":"PageView","pixelIds":["4301696820111031"],"eventID":"5fd166ff-ed14-46c9-a2bb-fe2545ee7a72","params":{"page_title":"Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus","post_type":"product","post_id":35983,"plugin":"PixelYourSite","user_role":"guest","event_url":"suburbiosskateboards.com.mx/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/"},"e_id":"init_event","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":"","order_key":""}]}},"dynamicEvents":{"automatic_event_form":{"facebook":{"delay":0,"type":"dyn","name":"Form","pixelIds":["4301696820111031"],"eventID":"b683bc46-5436-4540-9595-44fce79ec66e","params":{"page_title":"Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus","post_type":"product","post_id":35983,"plugin":"PixelYourSite","user_role":"guest","event_url":"suburbiosskateboards.com.mx/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/"},"e_id":"automatic_event_form","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":"","order_key":""}},"automatic_event_download":{"facebook":{"delay":0,"type":"dyn","name":"Download","extensions":["","doc","exe","js","pdf","ppt","tgz","zip","xls"],"pixelIds":["4301696820111031"],"eventID":"4e270d58-c472-454f-8e8d-7ba145472ba1","params":{"page_title":"Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus","post_type":"product","post_id":35983,"plugin":"PixelYourSite","user_role":"guest","event_url":"suburbiosskateboards.com.mx/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/"},"e_id":"automatic_event_download","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":"","order_key":""}},"automatic_event_comment":{"facebook":{"delay":0,"type":"dyn","name":"Comment","pixelIds":["4301696820111031"],"eventID":"3513896e-b4f8-4e22-aa70-f197c5108f59","params":{"page_title":"Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus","post_type":"product","post_id":35983,"plugin":"PixelYourSite","user_role":"guest","event_url":"suburbiosskateboards.com.mx/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/"},"e_id":"automatic_event_comment","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":"","order_key":""}},"woo_add_to_cart_on_button_click":{"facebook":{"delay":0,"type":"dyn","name":"AddToCart","pixelIds":["4301696820111031"],"eventID":"29424f13-0cd4-4f74-bb3e-cb62d2ab720e","params":{"page_title":"Set de Fingerboards Tech Deck Ultra Pro 20 Sk8shop Bonus","post_type":"product","post_id":35983,"plugin":"PixelYourSite","user_role":"guest","event_url":"suburbiosskateboards.com.mx/producto/set-de-fingerboards-tech-deck-ultra-pro-20-sk8shop-bonus/"},"e_id":"woo_add_to_cart_on_button_click","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":"","order_key":""}}},"triggerEvents":[],"triggerEventTypes":[],"facebook":{"pixelIds":["4301696820111031"],"advancedMatching":{"external_id":"ffaaedbefebffefeadfef"},"advancedMatchingEnabled":true,"removeMetadata":false,"wooVariableAsSimple":false,"serverApiEnabled":true,"metaEnabledCapiPixels":["4301696820111031"],"sendEventId":true,"send_external_id":null,"enabled_medical":false,"do_not_track_medical_param":["event_url","post_title","page_title","landing_page","content_name","categories","category_name","tags"],"meta_ldu":false},"debug":"","siteUrl":"https://suburbiosskateboards.com.mx","ajaxUrl":"https://suburbiosskateboards.com.mx/wp-admin/admin-ajax.php","ajax_event":"5120947328","enable_remove_download_url_param":"1","cookie_duration":"7","last_visit_duration":"60","enable_success_send_form":"","ajaxForServerEvent":"1","ajaxForServerStaticEvent":"1","useSendBeacon":"1","send_external_id":"1","external_id_expire":"180","track_cookie_for_subdomains":"1","google_consent_mode":"1","consent_mode_cmp_active":"","data_persistency":"keep_data","gdpr":{"ajax_enabled":false,"all_disabled_by_api":false,"facebook_disabled_by_api":false,"analytics_disabled_by_api":false,"google_ads_disabled_by_api":false,"pinterest_disabled_by_api":false,"bing_disabled_by_api":false,"reddit_disabled_by_api":false,"openai_disabled_by_api":false,"externalID_disabled_by_api":false,"facebook_prior_consent_enabled":true,"analytics_prior_consent_enabled":true,"google_ads_prior_consent_enabled":null,"pinterest_prior_consent_enabled":true,"bing_prior_consent_enabled":true,"openai_prior_consent_enabled":true,"cookiebot_integration_enabled":false,"cookiebot_facebook_consent_category":"marketing","cookiebot_analytics_consent_category":"statistics","cookiebot_tiktok_consent_category":"marketing","cookiebot_google_ads_consent_category":"marketing","cookiebot_pinterest_consent_category":"marketing","cookiebot_bing_consent_category":"marketing","cookiebot_openai_consent_category":"marketing","consent_magic_integration_enabled":false,"real_cookie_banner_integration_enabled":false,"cookie_notice_integration_enabled":false,"cookie_law_info_integration_enabled":false,"analytics_storage":{"enabled":true,"value":"granted","filter":false},"ad_storage":{"enabled":true,"value":"granted","filter":false},"ad_user_data":{"enabled":true,"value":"granted","filter":false},"ad_personalization":{"enabled":true,"value":"granted","filter":false}},"cookie":{"disabled_all_cookie":false,"disabled_start_session_cookie":false,"disabled_advanced_form_data_cookie":false,"disabled_landing_page_cookie":false,"disabled_first_visit_cookie":false,"disabled_trafficsource_cookie":false,"disabled_utmTerms_cookie":false,"disabled_utmId_cookie":false},"tracking_analytics":{"TrafficLanding":"","TrafficUtms":[],"TrafficUtmsId":[]},"GATags":{"ga_datalayer_type":"default","ga_datalayer_name":"dataLayerPYS"},"woo":{"enabled":true,"enabled_save_data_to_orders":true,"addToCartOnButtonEnabled":true,"addToCartOnButtonValueEnabled":true,"addToCartOnButtonValueOption":"price","singleProductId":35983,"removeFromCartSelector":"form.woocommerce-cart-form .remove","addToCartCatchMethod":"add_cart_js","is_order_received_page":false,"containOrderId":false},"edd":{"enabled":false},"cache_bypass":"1791101650"}; 8709//# sourceURL=pys-js-extra 8710</script>
vendor: 1 bytes, line 8710
8710
8711<script id="pys-js" defer src="https://suburbiosskateboards.com.mx/wp-content/plugins/pixelyoursite/dist/scripts/public.js?ver=11.4.2.1"></script>
vendor: 1 bytes, line 8711
8711
8712<script id="jetpack-stats-js-before"> 8713_stq = window._stq || []; 8714_stq.push([ "view", {"v":"ext","blog":"196416803","post":"35983","tz":"-6","srv":"suburbiosskateboards.com.mx","j":"1:16.2"} ]); 8715_stq.push([ "clickTrackerInit", "196416803", "35983" ]); 8716//# sourceURL=jetpack-stats-js-before 8717</script>
vendor: 1 bytes, line 8717
8717
8718<script data-wp-strategy="defer" defer fetchpriority="low" id="jetpack-stats-js" src="https://stats.wp.com/e-202640.js"></script>
vendor: 1 bytes, line 8718
8718
8719<script id="moove_gdpr_frontend-js-extra"> 8720var moove_frontend_gdpr_scripts = {"ajaxurl":"https://suburbiosskateboards.com.mx/wp-admin/admin-ajax.php","post_id":"35983","plugin_dir":"https://suburbiosskateboards.com.mx/wp-content/plugins/gdpr-cookie-compliance","show_icons":"all","is_page":"","ajax_cookie_removal":"false","strict_init":"2","enabled_default":{"strict":1,"third_party":0,"advanced":0,"performance":0,"preference":0},"geo_location":"false","force_reload":"false","is_single":"1","hide_save_btn":"false","current_user":"0","cookie_expiration":"365","script_delay":"2000","close_btn_action":"1","close_btn_rdr":"","scripts_defined":"{\"cache\":true,\"header\":\"\",\"body\":\"\",\"footer\":\"\",\"thirdparty\":{\"header\":\"\",\"body\":\"\",\"footer\":\"\"},\"strict\":{\"header\":\"\",\"body\":\"\",\"footer\":\"\"},\"advanced\":{\"header\":\"\",\"body\":\"\",\"footer\":\"\"}}","gdpr_scor":"true","wp_lang":"","wp_consent_api":"false","gdpr_nonce":"0035058049"}; 8721//# sourceURL=moove_gdpr_frontend-js-extra 8722</script>
vendor: 1 bytes, line 8722
8722
8723<script id="moove_gdpr_frontend-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/gdpr-cookie-compliance/dist/scripts/main.js?ver=5.1.0"></script>
vendor: 1 bytes, line 8723
8723
8724<script id="moove_gdpr_frontend-js-after"> 8725var gdpr_c=document.cookie.match(/(?:^|;\s*)moove_gdpr_popup=([^;]*)/);var gdpr_d=gdpr_c?JSON.parse(decodeURIComponent(gdpr_c[1])):{};var gdpr_consent__strict=gdpr_d.strict==="1"?"true":"false";var gdpr_consent__thirdparty=gdpr_d.thirdparty==="1"?"true":"false";var gdpr_consent__advanced=gdpr_d.advanced==="1"?"true":"false";var gdpr_consent__performance=gdpr_d.performance==="1"?"true":"false";var gdpr_consent__preference=gdpr_d.preference==="1"?"true":"false";var _cc=[];if(gdpr_d.strict==="1")_cc.push("strict");if(gdpr_d.thirdparty==="1")_cc.push("thirdparty");if(gdpr_d.advanced==="1")_cc.push("advanced");if(gdpr_d.performance==="1")_cc.push("performance");if(gdpr_d.preference==="1")_cc.push("preference");var gdpr_consent__cookies=_cc.join("|"); 8726//# sourceURL=moove_gdpr_frontend-js-after 8727</script>
vendor: 1 bytes, line 8727
8727
8728<script id="berocket_lmp_js-js-extra"> 8729var the_lmp_js_data = {"type":"more_button","update_url":"1","use_mobile":"","mobile_type":"","mobile_width":"","is_AAPF":"","buffer":"50","use_prev_btn":"","load_image":"\u003Cdiv class=\"lmp_products_loading\"\u003E\u003Ci class=\"fa fa-spinner lmp_rotate\"\u003E\u003C/i\u003E\u003Cspan class=\"\"\u003E\u003C/span\u003E\u003C/div\u003E","load_img_class":".lmp_products_loading","load_more":"\u003Cdiv class=\"lmp_load_more_button br_lmp_button_settings\"\u003E\u003Ca class=\"lmp_button \" style=\"font-size: 22px;color: #ffffff;background-color: #000000;padding-top:15px;padding-right:25px;padding-bottom:15px;padding-left:25px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;border-top: 0px solid #000;border-bottom: 0px solid #000;border-left: 0px solid #000;border-right: 0px solid #000;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px\" href=\"#load_next_page\"\u003EVER M\u00c1S\u003C/a\u003E\u003C/div\u003E","load_prev":"\u003Cdiv class=\"lmp_load_more_button br_lmp_prev_settings\"\u003E\u003Ca class=\"lmp_button \" style=\"font-size: 22px;color: #333333;background-color: #aaaaff;padding-top:15px;padding-right:25px;padding-bottom:15px;padding-left:25px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;border-top: 0px solid #000;border-bottom: 0px solid #000;border-left: 0px solid #000;border-right: 0px solid #000;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px\" href=\"#load_next_page\"\u003ELoad Previous\u003C/a\u003E\u003C/div\u003E","lazy_load":"","lazy_load_m":"","LLanimation":"","end_text":"\u003Cdiv class=\"lmp_products_loading\"\u003E\u003Cspan class=\"\"\u003E\u003C/span\u003E\u003C/div\u003E","javascript":{"before_update":"","after_update":""},"products":"ul.products","item":"li.product","pagination":".woocommerce-pagination","next_page":"a.next.page-numbers","prev_page":"a.prev.page-numbers"}; 8730//# sourceURL=berocket_lmp_js-js-extra 8731</script>
vendor: 1 bytes, line 8731
8731
8732<script id="berocket_lmp_js-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/load-more-products-for-woocommerce/js/load_products.js?ver=3.2.3"></script>
vendor: 1 bytes, line 8732
8732
8733<script id="wc-cart-fragments-js-extra"> 8734var wc_cart_fragments_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_866fc79fa654fc07a86011482f8e9735","fragment_name":"wc_fragments_866fc79fa654fc07a86011482f8e9735","request_timeout":"5000"}; 8735//# sourceURL=wc-cart-fragments-js-extra 8736</script>
vendor: 1 bytes, line 8736
8736
8737<script data-wp-strategy="defer" defer id="wc-cart-fragments-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=11.1.2"></script>
vendor: 1 bytes, line 8737
8737
8738<script id="woo-sticky-add-to-cart-js-extra"> 8739var WSATC = {"ajaxUrl":"https://suburbiosskateboards.com.mx/wp-admin/admin-ajax.php","showOnScroll":"1","scrollPixelsHide":"","barPosition":"bottom","isPro":"","nonce":"1ae6509af8","isAdmin":""}; 8740//# sourceURL=woo-sticky-add-to-cart-js-extra 8741</script>
vendor: 1 bytes, line 8741
8741
8742<script id="woo-sticky-add-to-cart-js" src="https://suburbiosskateboards.com.mx/wp-content/plugins/sticky-add-to-cart-woo/assets/js/wsatc-public.js?ver=1.4.10"></script>
vendor: 1 bytes, line 8742
8742
8743<script id="wp-emoji-settings" type="application/json"> 8744{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://suburbiosskateboards.com.mx/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}} 8745</script>
vendor: 1 bytes, line 8745
8745
8746<script type="module"> 8747/*! This file is auto-generated */ 8748var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 8749//# sourceURL=https://suburbiosskateboards.com.mx/wp-includes/js/wp-emoji-loader.min.js 8750</script>
8750 8751 <div id="search-drawer" aria-modal="true" role="dialog" aria-label="Buscar" class="popup-drawer popup-drawer-layout-fullwidth" data-drawer-target-string="#search-drawer" 8752 > 8753 <div class="drawer-overlay" data-drawer-target-string="#search-drawer"></div> 8754 <div class="drawer-inner"> 8755 <div class="drawer-header"> 8756 <button class="search-toggle-close drawer-toggle" aria-label="Cerrar el buscador" data-toggle-target="#search-drawer" data-toggle-body-class="showing-popup-drawer-from-full" data-set-focus=".search-toggle-open" 8757 > 8758 <span class="kadence-svg-iconset"><svg class="kadence-svg-icon kadence-close-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Alternar cerrar menú</title><path d="M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> 8759 </svg></span> </button> 8760 </div> 8761 <div class="drawer-content"> 8762 <form role="search" method="get" class="woocommerce-product-search" action="https://suburbiosskateboards.com.mx/"> 8763 <label class="screen-reader-text" for="woocommerce-product-search-field-0">Buscar por:</label> 8764 <input type="search" id="woocommerce-product-search-field-0" class="search-field" placeholder="Buscar productos…" value="" name="s" /> 8765 <button type="submit" value="Buscar" class="">Buscar</button> 8766 <input type="hidden" name="post_type" value="product" /> 8767<div class="kadence-search-icon-wrap"><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-search-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="26" height="28" viewBox="0 0 26 28"><title>Buscar</title><path d="M18 13c0-3.859-3.141-7-7-7s-7 3.141-7 7 3.141 7 7 7 7-3.141 7-7zM26 26c0 1.094-0.906 2-2 2-0.531 0-1.047-0.219-1.406-0.594l-5.359-5.344c-1.828 1.266-4.016 1.937-6.234 1.937-6.078 0-11-4.922-11-11s4.922-11 11-11 11 4.922 11 11c0 2.219-0.672 4.406-1.937 6.234l5.359 5.359c0.359 0.359 0.578 0.875 0.578 1.406z"></path> 8768 </svg></span></div></form> 8769 </div> 8770 </div> 8771 </div> 8772 <link rel='stylesheet' id='joinchat-css' href='https://suburbiosskateboards.com.mx/wp-content/plugins/creame-whatsapp-me/public/css/joinchat.min.css?ver=6.4.0' media='all' /> 8773<style id="joinchat-inline-css"> 8774.joinchat{--ch:142;--cs:70%;--cl:49%;--bw:0} 8775/*# sourceURL=joinchat-inline-css */ 8776</style> 8777 8778 8779 <!--copyscapeskip--> 8780 <!-- V1 --> 8781 <dialog id="moove_gdpr_cookie_modal" class="gdpr_lightbox-hide" open aria-modal="true" aria-label="Pantalla de ajustes RGPD"> 8782 <div class="moove-gdpr-modal-content moove-clearfix logo-position-left moove_gdpr_modal_theme_v1"> 8783 8784 <button class="moove-gdpr-modal-close" autofocus aria-label="Cerrar los ajustes de cookies RGPD"> 8785 <span class="gdpr-sr-only">Cerrar los ajustes de cookies RGPD</span> 8786 <span class="gdpr-icon moovegdpr-arrow-close"></span> 8787 </button> 8788 <div class="moove-gdpr-modal-left-content"> 8789 8790<div class="moove-gdpr-company-logo-holder"> 8791 <img src="https://suburbiosskateboards.com.mx/wp-content/plugins/gdpr-cookie-compliance/dist/images/gdpr-logo.png" alt="Suburbios Skate" width="350" height="233" class="img-responsive" /> 8792</div> 8793<!-- .moove-gdpr-company-logo-holder --> 8794 <ul id="moove-gdpr-menu"> 8795 8796<li class="menu-item-on menu-item-privacy_overview menu-item-selected"> 8797 <button data-href="#privacy_overview" class="moove-gdpr-tab-nav" aria-label="Resumen de privacidad"> 8798 <span class="gdpr-nav-tab-title">Resumen de privacidad</span> 8799 </button> 8800</li> 8801 8802 <li class="menu-item-strict-necessary-cookies menu-item-off"> 8803 <button data-href="#strict-necessary-cookies" class="moove-gdpr-tab-nav" aria-label="Cookies estrictamente necesarias"> 8804 <span class="gdpr-nav-tab-title">Cookies estrictamente necesarias</span> 8805 </button> 8806 </li> 8807 8808 8809 8810 8811 8812 </ul> 8813 8814<div class="moove-gdpr-branding-cnt"> 8815 <a href="https://wordpress.org/plugins/gdpr-cookie-compliance/" rel="noopener noreferrer" target="_blank" class='moove-gdpr-branding'>Powered by <span>GDPR Cookie Compliance</span></a> 8816 </div> 8817<!-- .moove-gdpr-branding --> 8818 </div> 8819 <!-- .moove-gdpr-modal-left-content --> 8820 <div class="moove-gdpr-modal-right-content"> 8821 <div class="moove-gdpr-modal-title"> 8822 8823 </div> 8824 <!-- .moove-gdpr-modal-ritle --> 8825 <div class="main-modal-content"> 8826 8827 <div class="moove-gdpr-tab-content"> 8828 8829<div id="privacy_overview" class="moove-gdpr-tab-main"> 8830 <span class="tab-title">Resumen de privacidad</span> 8831 <div class="moove-gdpr-tab-main-content"> 8832 <p>Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.</p> 8833 </div> 8834 <!-- .moove-gdpr-tab-main-content --> 8835 8836</div> 8837<!-- #privacy_overview --> 8838 8839 <div id="strict-necessary-cookies" class="moove-gdpr-tab-main" style="display:none"> 8840 <span class="tab-title">Cookies estrictamente necesarias</span> 8841 <div class="moove-gdpr-tab-main-content"> 8842 <p>Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.</p> 8843 <div class="moove-gdpr-status-bar "> 8844 <div class="gdpr-cc-form-wrap"> 8845 <div class="gdpr-cc-form-fieldset"> 8846 <label class="cookie-switch" for="moove_gdpr_strict_cookies">
8847 <span class="gdpr-sr-only">Activar o desactivar las cookies</span> 8848 <input type="checkbox" aria-label="Cookies estrictamente necesarias" value="check" name="moove_gdpr_strict_cookies" id="moove_gdpr_strict_cookies"> 8849 <span class="cookie-slider cookie-round gdpr-sr" data-text-enable="Activado" data-text-disabled="Desactivado"> 8850 <span class="gdpr-sr-label"> 8851 <span class="gdpr-sr-enable">Activado</span> 8852 <span class="gdpr-sr-disable">Desactivado</span> 8853 </span> 8854 </span> 8855 </label> 8856 </div> 8857 <!-- .gdpr-cc-form-fieldset --> 8858 </div> 8859 <!-- .gdpr-cc-form-wrap --> 8860 </div> 8861 <!-- .moove-gdpr-status-bar --> 8862 8863 </div> 8864 <!-- .moove-gdpr-tab-main-content --> 8865 </div> 8866 <!-- #strict-necesarry-cookies --> 8867 8868 8869 8870 </div> 8871 <!-- .moove-gdpr-tab-content --> 8872 </div> 8873 <!-- .main-modal-content --> 8874 <div class="moove-gdpr-modal-footer-content"> 8875 <div class="moove-gdpr-button-holder"> 8876 <button class="mgbutton moove-gdpr-modal-allow-all button-visible" aria-label="Activar todo">Activar todo</button> 8877 <button class="mgbutton moove-gdpr-modal-save-settings button-visible" aria-label="Guardar ajustes">Guardar ajustes</button> 8878 </div> 8879<!-- .moove-gdpr-button-holder --> 8880 </div> 8881 <!-- .moove-gdpr-modal-footer-content --> 8882 </div> 8883 <!-- .moove-gdpr-modal-right-content --> 8884 8885 <div class="moove-clearfix"></div> 8886 8887 </div> 8888 <!-- .moove-gdpr-modal-content --> 8889 </dialog> 8890 <!-- #moove_gdpr_cookie_modal --> 8891 <!--/copyscapeskip--> 8892
8892<script type="text/javascript"> 8893 jQuery(document).ready(function($) { 8894 8895 // Función principal constructora 8896 function construirSwatchesGlobales() { 8897 $('table.variations select').each(function() { 8898 var $select = $(this); 8899 8900 // Si ya le pusimos la clase de seguridad, lo saltamos para no duplicar 8901 if ($select.hasClass('swatch-aplicado')) return; 8902 8903 var $contenedor = $('<div class="suburbios-swatches-container"></div>'); 8904 8905 $select.find('option').each(function() { 8906 var valor = $(this).val(); 8907 var texto = $(this).text(); 8908 8909 // Saltamos la opción vacÃa 8910 if (valor === '') return; 8911 8912 var $cuadro = $('<div class="suburbios-swatch" data-value="' + valor + '">' + texto + '</div>'); 8913 $contenedor.append($cuadro); 8914 }); 8915 8916 // Insertamos los botones y le ponemos una placa al select 8917 $select.after($contenedor).addClass('swatch-aplicado'); 8918 }); 8919 } 8920 8921 // ð EL SECRETO: Delegación de eventos al "document" para sobrevivir al AJAX del Armador 8922 $(document).on('click', '.suburbios-swatch', function(e) { 8923 e.preventDefault(); 8924 var $cuadro = $(this); 8925 var valor = $cuadro.data('value'); 8926 var $contenedor = $cuadro.closest('.suburbios-swatches-container'); 8927 var $select = $contenedor.prev('select'); 8928 8929 // Pintar y despintar botones 8930 $contenedor.find('.suburbios-swatch').removeClass('seleccionado'); 8931 $cuadro.addClass('seleccionado'); 8932 8933 // Actualizar el select oculto y gritarle al Armador que hubo un cambio 8934 $select.val(valor).trigger('change'); 8935 }); 8936 8937 // Sincronización en reversa: Si WooCommerce limpia la selección, despintamos los botones 8938 $(document).on('change', 'table.variations select', function() { 8939 var $select = $(this); 8940 var valor = $select.val(); 8941 var $contenedor = $select.next('.suburbios-swatches-container'); 8942 8943 $contenedor.find('.suburbios-swatch').removeClass('seleccionado'); 8944 if (valor) { 8945 $contenedor.find('.suburbios-swatch[data-value="' + valor + '"]').addClass('seleccionado'); 8946 } 8947 }); 8948 8949 // Ejecutar en la carga inicial 8950 construirSwatchesGlobales(); 8951 8952 // ð EL SEGUNDO SECRETO: Escuchar al Armador. Cada vez que carga una tarjeta, reconstruimos. 8953 $(document).on('wc-composite-initialized updated_composite_component wc-composite-component-loaded woocommerce_update_variation_values', function() { 8954 setTimeout(construirSwatchesGlobales, 50); 8955 }); 8956 8957 // Reloj de seguridad pasivo por si un componente carga tarde 8958 setInterval(construirSwatchesGlobales, 600); 8959 }); 8960 </script>
8960 8961
8961<script type="text/javascript"> 8962 (function() { 8963 function recortarTextosSwatches() { 8964 var elementos = document.querySelectorAll('.suburbios-swatch'); 8965 elementos.forEach(function(el) { 8966 var txt = el.textContent.trim(); 8967 // Si contiene patrones tipo "10x10 cm", "15x10 cm", "20x10cm" 8968 if (/\d+\s*[xX]\s*\d+/.test(txt)) { 8969 var nuevoTexto = txt.replace(/(\d+)\s*[xX]\s*\d+\s*-?\s*(cm|CM)?/gi, '$1 CM'); 8970 el.textContent = nuevoTexto; 8971 } 8972 }); 8973 } 8974 8975 // Ejecutar al cargar la página 8976 document.addEventListener("DOMContentLoaded", recortarTextosSwatches); 8977 window.addEventListener("load", recortarTextosSwatches); 8978 8979 // Escuchar cambios dinámicos del armador (AJAX/MutationObserver) 8980 var observer = new MutationObserver(function(mutations) { 8981 recortarTextosSwatches(); 8982 }); 8983 8984 if (document.body) { 8985 observer.observe(document.body, { 8986 childList: true, 8987 subtree: true 8988 }); 8989 } 8990 })(); 8991 </script>
8991 8992
8992<script> document.addEventListener("DOMContentLoaded", function() { 8993 function procesarEtiquetasUniversales() { 8994 document.querySelectorAll('.component_option_thumbnail').forEach(function(el) { 8995 const imgContainer = el.querySelector('.image.thumbnail_image'); 8996 if (!imgContainer) return; 8997 8998 // Si ya procesamos esta tarjeta y tiene la marca, la saltamos para no ciclar el Observer 8999 if (imgContainer.classList.contains('suburbios-procesado')) return; 9000 9001 const titleEl = el.querySelector('.thumbnail_title.title'); 9002 if (titleEl) { 9003 const titleText = titleEl.textContent; 9004 let listaMedidas = []; 9005 9006 // 1. CASO TRUCKS / TABLAS: Buscar TODAS las medidas decimales (ej: 8.25, 8.5) 9007 if (titleText.toLowerCase().includes('tabla') || titleText.toLowerCase().includes('truck')) { 9008 const regexDecimales = /(\d+\.\d+)/g; 9009 const matches = titleText.match(regexDecimales); 9010 if (matches) { 9011 matches.forEach(function(medida) { 9012 listaMedidas.push(medida + '"'); 9013 }); 9014 } 9015 9016 // Si no halló decimales, buscar si viene como entero simple (ej: 8 o 8") 9017 if (listaMedidas.length === 0) { 9018 const matchEntero = titleText.match(/(\d+)\s*\"/); 9019 if (matchEntero) listaMedidas.push(matchEntero[1] + '"'); 9020 } 9021 } 9022 9023 // 2. CASO RUEDAS (Busca mm y dureza A o B, ej: 53mm 101A) 9024 if (listaMedidas.length === 0 && titleText.toLowerCase().includes('rueda')) { 9025 const matchMM = titleText.match(/(\d+)\s*mm/i); 9026 const matchDureza = titleText.match(/(\d+)\s*[AB]/i); 9027 if (matchMM && matchDureza) { 9028 listaMedidas.push(matchMM[1] + 'mm ' + matchDureza[0].toUpperCase()); 9029 } else if (matchMM) { 9030 listaMedidas.push(matchMM[1] + 'mm'); 9031 } 9032 } 9033 9034 // 3. CASO BALEROS (ABEC o Ceramic) 9035 if (listaMedidas.length === 0 && titleText.toLowerCase().includes('balero')) { 9036 const matchAbec = titleText.match(/abec\s*(\d+)/i) || titleText.match(/abec(\d+)/i); 9037 if (matchAbec) { 9038 listaMedidas.push('A' + matchAbec[1]); 9039 } else if (titleText.toLowerCase().includes('cerám') || titleText.toLowerCase().includes('ceram')) { 9040 listaMedidas.push('CERAMIC'); 9041 } 9042 } 9043 9044 // 3.5. CASO LIJAS (Busca enteros de 9", 10" o 11") 9045 if (listaMedidas.length === 0 && (titleText.toLowerCase().includes('lija') || titleText.toLowerCase().includes('griptape'))) { 9046 const matchLija = titleText.match(/(9|10|11)\s*\"/); 9047 if (matchLija) { 9048 listaMedidas.push(matchLija[1] + '"'); 9049 } 9050 } 9051 9052 // 4. CASO TORNILLOS / ELEVADORES 9053 if (listaMedidas.length === 0 && (titleText.toLowerCase().includes('tornillo') || titleText.toLowerCase().includes('elevador'))) { 9054 const matchFraccionCompuesta = titleText.match(/(\d+\s+\d+\/\d+)\s*\"?/); 9055 const matchFraccionSimple = titleText.match(/(\d+\/\d+)\s*\"?/); 9056 const matchTornilloEntero = titleText.match(/(\d+)\s*\"/); 9057 9058 if (matchFraccionCompuesta) listaMedidas.push(matchFraccionCompuesta[1] + '"'); 9059 else if (matchFraccionSimple) listaMedidas.push(matchFraccionSimple[1] + '"'); 9060 else if (matchTornilloEntero) listaMedidas.push(matchTornilloEntero[1] + '"'); 9061 } 9062
9063 // 5. INYECTAR TODAS LAS MEDIDAS DETECTADAS EN CASCADA 9064 if (listaMedidas.length > 0) { 9065 imgContainer.style.position = 'relative'; 9066 9067 listaMedidas.forEach(function(textoMedida, index) { 9068 const badge = document.createElement('div'); 9069 badge.className = 'suburbios-badge-medida'; 9070 badge.textContent = textoMedida; 9071 9072 // Separación vertical automática si hay más de una etiqueta (28px abajo de la otra) 9073 if (index > 0) { 9074 badge.style.setProperty('top', (6 + (index * 24)) + 'px', 'important'); 9075 } 9076 9077 imgContainer.appendChild(badge); 9078 }); 9079 } 9080 9081 // Marcamos la tarjeta como procesada para que el Observer no la vuelva a tocar 9082 imgContainer.classList.add('suburbios-procesado'); 9083 } 9084 }); 9085 } 9086 9087 const observer = new MutationObserver(procesarEtiquetasUniversales); 9088 observer.observe(document.body, { childList: true, subtree: true }); 9089 setTimeout(procesarEtiquetasUniversales, 500); 9090 }); 9091 </script>
9091
9091<script> 9092 (function() { 9093 // ð CANDADO DE URL: Solo opera en la ruta exacta de tu armador 9094 if (!window.location.href.includes('/producto/arma-tu-patineta/')) { 9095 return; 9096 } 9097 9098 // Evitamos que aparezca si están en la revisión final del carrito 9099 if (window.location.hash === '#revision' || window.location.href.includes('#revision')) { 9100 return; 9101 } 9102 9103 // ð¨ INYECCIÃN DE ESTILOS BLINDADOS (Posición lateral inmune a barras móviles) 9104 const estilosFlecha = document.createElement('style'); 9105 estilosFlecha.innerHTML = ` 9106 #suburbios-swipe-indicator { 9107 position: fixed; 9108 top: 45%; right: 20px; 9109 transform: translateY(-50%); 9110 background: #000; color: #fff; 9111 padding: 12px 18px; 9112 font-family: 'Bebas Neue', sans-serif; 9113 font-size: 16px; letter-spacing: 1px; 9114 display: flex; align-items: center; gap: 8px; 9115 border: 2px solid #fff; 9116 box-shadow: 0px 4px 15px rgba(0,0,0,0.4); 9117 z-index: 9999999; /* Capa suprema por encima de todo */ 9118 pointer-events: none; 9119 opacity: 0; visibility: hidden; 9120 transition: opacity 0.4s ease, visibility 0.4s ease; 9121 } 9122 #suburbios-swipe-indicator.mostrar { 9123 opacity: 1; visibility: visible; 9124 } 9125 .suburbios-arrow-bounce { 9126 animation: flechaReboteUrbano 2.2s infinite ease-in-out; 9127 font-weight: bold; display: inline-block; 9128 } 9129 @keyframes flechaReboteUrbano { 9130 0%, 100% { transform: translateX(0); } 9131 50% { transform: translateX(6px); } 9132 } 9133 @media (max-width: 480px) { 9134 #suburbios-swipe-indicator { 9135 top: 40%; 9136 right: 10px; 9137 font-size: 14px; 9138 padding: 10px 14px; 9139 } 9140 } 9141 `; 9142 document.head.appendChild(estilosFlecha); 9143 9144 // ð¢ CREACIÃN DEL ELEMENTO DOM 9145 const indicadorHTML = document.createElement('div'); 9146 indicadorHTML.id = 'suburbios-swipe-indicator'; 9147 indicadorHTML.innerHTML = 'DESLIZA PARA VER MÃS <span class="suburbios-arrow-bounce">â</span>'; 9148 document.body.appendChild(indicadorHTML); 9149 9150 // ð§ FUNCIÃN DE ESCUCHA ACTIVA: Espera a que el popup termine para mostrar la flecha 9151 function verificarYMostrarFlecha() { 9152 const loaderPrincipal = document.getElementById('suburbios-loader-screen'); 9153 9154 // Si el popup de precarga ya no existe en la pantalla... 9155 if (!loaderPrincipal) { 9156 const indicador = document.getElementById('suburbios-swipe-indicator'); 9157 if (indicador) { 9158 indicador.classList.add('mostrar'); 9159 9160 // CANDADO DE AUTO-DESTRUCCIÃN REDISEÃADO PARA MÃVILES: 9161 const removerFlechaCompletamente = function() { 9162 indicador.classList.remove('mostrar'); 9163 setTimeout(function() { indicador.remove(); }, 400); 9164 9165 // Limpiamos los listeners para liberar memoria 9166 window.removeEventListener('scroll', removerFlechaCompletamente); 9167 document.removeEventListener('touchmove', removerFlechaCompletamente); 9168 document.removeEventListener('click', removerFlechaCompletamente); 9169 }; 9170 9171 // Escuchas seguras para mobile y desktop 9172 window.addEventListener('scroll', removerFlechaCompletamente); 9173 document.addEventListener('touchmove', removerFlechaCompletamente); 9174 document.addEventListener('click', removerFlechaCompletamente); 9175 9176 // Si el cliente no hace absolutamente nada, se apaga sola a los 8 segundos 9177 setTimeout(removerFlechaCompletamente, 8000); 9178 } 9179 } else { 9180 // Si el popup sigue cargando, volvemos a preguntar en 400ms 9181 setTimeout(verificarYMostrarFlecha, 400); 9182 } 9183 } 9184 9185 // Arrancamos el rastreador de la flecha con un retraso inicial 9186 setTimeout(verificarYMostrarFlecha, 1200); 9187 })(); 9188 </script>
9188 9189
9189<script> 9190 (function() { 9191 if (!window.location.href.includes('/producto/arma-tu-patineta/')) { 9192 return; 9193 } 9194 9195 window.suburbiosMedidaFiltroActual = 'todas'; 9196 let controlEjecucionLock = false; 9197 let temporizadorBusqueda = null; 9198 let progresoVisualActual = 0; 9199 let intervaloAvanceContinuo = null; 9200 9201 const listaMaestraMedidas = [ 9202 "MENOR A 7.9", 9203 "8.0", 9204 "8.125", 9205 "8.25", 9206 "8.375 A 8.475", 9207 "8.5", 9208 "8.6 A 8.9", 9209 "9.0 O MÃS" 9210 ]; 9211 9212 function gestionarPopupCarga(activar, forzarCierre) { 9213 const rejilla = document.querySelector('.component_options_inner') || 9214 document.querySelector('.component_options') || 9215 document.querySelector('.composite_component'); 9216 if (!rejilla) return; 9217 9218 let overlay = document.getElementById('suburbios-popup-carga-parcial'); 9219 9220 if (activar && !forzarCierre) { 9221 if (window.getComputedStyle(rejilla).position === 'static') { 9222 rejilla.style.position = 'relative'; 9223 } 9224 9225 if (!overlay) { 9226 overlay = document.createElement('div'); 9227 overlay.id = 'suburbios-popup-carga-parcial'; 9228 overlay.innerHTML = ` 9229 <div class="suburbios-popup-contenido"> 9230 <div class="suburbios-skate-bar-wrapper"> 9231 <div class="suburbios-skate-bar-bg"> 9232 <div id="suburbios-skate-bar-fill" class="suburbios-skate-bar-fill"></div> 9233 9234 <div id="suburbios-skate-icon" class="suburbios-skate-icon"> 9235 <svg viewBox="0 0 64 64" width="42" height="42"> 9236 <rect x="6" y="24" width="52" height="9" rx="4.5" fill="#000000"/> 9237 <circle cx="15" cy="38" r="5" fill="#000000"/> 9238 <circle cx="49" cy="38" r="5" fill="#000000"/> 9239 <circle cx="15" cy="38" r="2.2" fill="#ffffff"/> 9240 <circle cx="49" cy="38" r="2.2" fill="#ffffff"/> 9241 </svg> 9242 </div> 9243 9244 <div class="suburbios-skate-finish-line"> 9245 <svg viewBox="0 0 24 24" width="28" height="28" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 9246 <path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"></path> 9247 <line x1="4" y1="22" x2="4" y2="15"></line> 9248 </svg> 9249 </div> 9250 </div> 9251 </div> 9252 <p>ORGANIZANDO MEDIDAS</p> 9253 <span>ESPERA UN MOMENTO...</span> 9254 </div> 9255 `; 9256 overlay.style.cssText = 'position:absolute; top:0; left:0; width:100%; height:100%; min-height:450px; background:#ffffff; display:flex; align-items:center; justify-content:center; z-index:99999; transition:opacity 0.25s ease;'; 9257 9258 if (!document.getElementById('suburbios-estilos-loader')) { 9259 const estilos = document.createElement('style'); 9260 estilos.id = 'suburbios-estilos-loader'; 9261 estilos.innerHTML = ` 9262 .suburbios-popup-contenido { text-align:center; color:#000; width:85%; max-width:340px; } 9263 .suburbios-popup-contenido p { font-family:"Bebas Neue", sans-serif; letter-spacing:1px; margin:22px 0 2px 0; font-size:22px; font-weight:bold; color:#000; } 9264 9265 /* ð¤ FUENTE FIRA SANS APLICADA AQUà */ 9266 .suburbios-popup-contenido span { 9267 font-family: 'Fira Sans', sans-serif !important; 9268 font-size: 13px !important; 9269 color: #555555 !important; 9270 font-weight: 600 !important; 9271 letter-spacing: 1px !important; 9272 } 9273 9274 .suburbios-skate-bar-wrapper { 9275 width: 100%; 9276 padding: 20px 30px 10px 0; 9277 box-sizing: border-box; 9278 } 9279 9280 .suburbios-skate-bar-bg { 9281 position: relative; 9282 width: 100%; 9283 height: 8px; 9284 background: #eef0f2; 9285 border-radius: 4px; 9286 } 9287 9288 .suburbios-skate-bar-fill { 9289 position: absolute; 9290 left: 0; 9291 top: 0; 9292 height: 100%; 9293 width: 0%; 9294 background: #e60000; 9295 border-radius: 4px; 9296 transition: width 0.4s linear; 9297 } 9298 9299 .suburbios-skate-icon { 9300 position: absolute; 9301 top: -19px; 9302 left: 0%; 9303 transform: translateX(-50%); 9304 transition: left 0.4s linear; 9305 animation: skateWiggle 0.35s infinite alternate ease-in-out; 9306 } 9307 9308 .suburbios-skate-finish-line { 9309 position: absolute; 9310 right: -28px; 9311 top: -20px; 9312 display: flex; 9313 align-items: center; 9314 justify-content: center; 9315 } 9316 9317 @keyframes skateWiggle { 9318 0% { transform: translateX(-50%) translateY(0); } 9319 100% { transform: translateX(-50%) translateY(-2px); } 9320 } 9321 `; 9322 document.head.appendChild(estilos); 9323 } 9324 rejilla.appendChild(overlay); 9325 } 9326 9327 overlay.style.display = 'flex'; 9328 overlay.style.opacity = '1'; 9329 9330 if (progresoVisualActual < 5) progresoVisualActual = 5; 9331 actualizarBarraPatineta(progresoVisualActual); 9332 9333 clearInterval(intervaloAvanceContinuo); 9334 intervaloAvanceContinuo = setInterval(function() { 9335 if (progresoVisualActual < 85) { 9336 progresoVisualActual += 0.8; 9337 actualizarBarraPatineta(progresoVisualActual); 9338 } 9339 }, 120); 9340 9341 } else { 9342 if (overlay) { 9343 clearInterval(intervaloAvanceContinuo); 9344 actualizarBarraPatineta(100); 9345 setTimeout(function() { 9346 overlay.style.opacity = '0'; 9347 setTimeout(function() { 9348 overlay.style.display = 'none'; 9349 progresoVisualActual = 0; 9350 actualizarBarraPatineta(0); 9351 }, 200); 9352 }, 300); 9353 } 9354 } 9355 } 9356 9357 function actualizarBarraPatineta(porcentaje) { 9358 const fill = document.getElementById('suburbios-skate-bar-fill'); 9359 const icon = document.getElementById('suburbios-skate-icon'); 9360 if (fill && icon) { 9361 fill.style.width = porcentaje + '%'; 9362 icon.style.left = porcentaje + '%'; 9363 } 9364 } 9365 9366 function ejecutarFiltroInteligente() { 9367 if (controlEjecucionLock) return; 9368 9369 const targetTitulo = document.querySelector('.component_title_text.step_title_text'); 9370 const rejillaOpcionesVivas = document.querySelector('.component_options_inner') || 9371 document.querySelector('.component_options') || 9372 document.querySelector('.composite_component'); 9373 9374 if (!targetTitulo || !rejillaOpcionesVivas) return; 9375 9376 const primeraTarjetaOption = rejillaOpcionesVivas.querySelector('.component_option_thumbnail'); 9377 let esPasoTablasVerdadero = false;
9378 9379 if (primeraTarjetaOption) { 9380 const tituloProductoEl = primeraTarjetaOption.querySelector('.thumbnail_title.title') || primeraTarjetaOption; 9381 const textoProducto = tituloProductoEl.textContent.toLowerCase(); 9382 if (textoProducto.includes('tabla')) { 9383 esPasoTablasVerdadero = true; 9384 } 9385 } 9386 9387 if (!esPasoTablasVerdadero) { 9388 const selectorViejo = document.getElementById('suburbios-filtro-contenedor-dropdown'); 9389 if (selectorViejo) selectorViejo.remove(); 9390 gestionarPopupCarga(false, true); 9391 9392 document.querySelectorAll('.component_option_thumbnail').forEach(function(el) { 9393 const celdaGridCompleta = el.closest('li') || el.closest('.component_option') || el.parentElement; 9394 if (celdaGridCompleta) celdaGridCompleta.style.setProperty('display', '', ''); 9395 el.style.setProperty('display', '', ''); 9396 }); 9397 return; 9398 } 9399 9400 controlEjecucionLock = true; 9401 const productosRegistradosMap = new Set(); 9402 9403 const tarjetas = rejillaOpcionesVivas.querySelectorAll('.component_option_thumbnail'); 9404 tarjetas.forEach(function(el) { 9405 const botonElegir = el.querySelector('.component_option_select_button') || el.querySelector('button') || el; 9406 const tituloEl = el.querySelector('.thumbnail_title.title') || el; 9407 const productUniqueID = botonElegir.getAttribute('data-product_id') || tituloEl.textContent.trim(); 9408 const celdaGridCompleta = el.closest('li') || el.closest('.component_option') || el.parentElement; 9409 9410 if (productosRegistradosMap.has(productUniqueID)) { 9411 if (celdaGridCompleta) celdaGridCompleta.remove(); else el.remove(); 9412 return; 9413 } 9414 productosRegistradosMap.add(productUniqueID); 9415 9416 const badge = el.querySelector('.suburbios-badge-medida'); 9417 if (badge) { 9418 const medidaOriginal = badge.textContent.replace('"', '').trim(); 9419 const valorNum = parseFloat(medidaOriginal); 9420 let medidaMapeada = medidaOriginal; 9421 9422 if (!isNaN(valorNum)) { 9423 if (valorNum < 7.9) { 9424 medidaMapeada = "MENOR A 7.9"; 9425 } else if (valorNum >= 8.375 && valorNum <= 8.475) { 9426 medidaMapeada = "8.375 A 8.475"; 9427 } else if (valorNum >= 8.6 && valorNum <= 8.9) { 9428 medidaMapeada = "8.6 A 8.9"; 9429 } else if (valorNum >= 9.0) { 9430 medidaMapeada = "9.0 O MÃS"; 9431 } 9432 } 9433 9434 el.setAttribute('data-medida-mapeada', medidaMapeada); 9435 9436 if (window.suburbiosMedidaFiltroActual === 'todas') { 9437 if (celdaGridCompleta) celdaGridCompleta.style.removeProperty('display'); 9438 el.style.removeProperty('display'); 9439 } else { 9440 if (medidaMapeada === window.suburbiosMedidaFiltroActual) { 9441 if (celdaGridCompleta) { 9442 celdaGridCompleta.style.setProperty('display', 'inline-flex', 'important'); 9443 } 9444 el.style.setProperty('display', 'block', 'important'); 9445 } else { 9446 if (celdaGridCompleta) { 9447 celdaGridCompleta.style.setProperty('display', 'none', 'important'); 9448 } 9449 el.style.setProperty('display', 'none', 'important'); 9450 } 9451 } 9452 } 9453 }); 9454 9455 if (!document.getElementById('suburbios-filtro-contenedor-dropdown')) { 9456 const contenedorFiltro = document.createElement('div'); 9457 contenedorFiltro.id = 'suburbios-filtro-contenedor-dropdown'; 9458 contenedorFiltro.style.cssText = 'display:inline-flex; align-items:center; margin-left:20px; vertical-align:middle;'; 9459 9460 let selectHTML = `<select id="suburbios-select-medida-dinamico" style="padding:5px 30px 5px 12px; font-family:'Bebas Neue', sans-serif; font-size:14px; font-weight:bold; letter-spacing:0.5px; border:2px solid #000; background:#fff; color:#000; cursor:pointer; outline:none; border-radius:0px;">`; 9461 selectHTML += `<option value="todas">FILTRAR POR MEDIDA (TODAS)</option>`; 9462 9463 listaMaestraMedidas.forEach(function(medida) { 9464 if (medida === "MENOR A 7.9" || medida === "8.375 A 8.475" || medida === "8.6 A 8.9" || medida === "9.0 O MÃS") { 9465 selectHTML += `<option value="${medida}">MEDIDAS: ${medida}"</option>`; 9466 } else { 9467 selectHTML += `<option value="${medida}">ANCHO: ${medida}"</option>`; 9468 } 9469 }); 9470 selectHTML += `</select>`; 9471 9472 contenedorFiltro.innerHTML = selectHTML; 9473 targetTitulo.appendChild(contenedorFiltro); 9474 9475 const dropdownSelect = document.getElementById('suburbios-select-medida-dinamico'); 9476 dropdownSelect.value = window.suburbiosMedidaFiltroActual; 9477 9478 dropdownSelect.addEventListener('change', function(e) { 9479 window.suburbiosMedidaFiltroActual = e.target.value; 9480 progresoVisualActual = 5; 9481 if (window.suburbiosMedidaFiltroActual !== 'todas') { 9482 gestionarPopupCarga(true, false); 9483 } 9484 controlEjecucionLock = false;
9485 ejecutarFiltroInteligente(); 9486 }); 9487 } 9488 9489 const botonCargarMas = rejillaOpcionesVivas.querySelector('button.component_options_load_more') || 9490 document.querySelector('.component_options_load_more'); 9491 9492 if (window.suburbiosMedidaFiltroActual !== 'todas') { 9493 if (botonCargarMas) botonCargarMas.style.setProperty('opacity', '0', 'important'); 9494 } else { 9495 if (botonCargarMas) botonCargarMas.style.removeProperty('opacity'); 9496 } 9497 9498 if (window.suburbiosMedidaFiltroActual !== 'todas') { 9499 if (botonCargarMas && botonCargarMas.offsetHeight > 0 && !botonCargarMas.classList.contains('lmp_hidden')) { 9500 gestionarPopupCarga(true, false); 9501 9502 clearTimeout(temporizadorBusqueda); 9503 temporizadorBusqueda = setTimeout(function() { 9504 controlEjecucionLock = false; 9505 botonCargarMas.click(); 9506 }, 350); 9507 return; 9508 } 9509 } 9510 9511 gestionarPopupCarga(false, true); 9512 setTimeout(function() { controlEjecucionLock = false; }, 120); 9513 } 9514 9515 const observerCatalogSuburbios = new MutationObserver(function() { 9516 if (!controlEjecucionLock) { 9517 ejecutarFiltroInteligente(); 9518 } 9519 }); 9520 9521 observerCatalogSuburbios.observe(document.body, { childList: true, subtree: true }); 9522 9523 jQuery(document).ready(function($) { 9524 $(document).ajaxStart(function() { 9525 if (window.suburbiosMedidaFiltroActual !== 'todas') { 9526 gestionarPopupCarga(true, false); 9527 } 9528 }); 9529 setTimeout(ejecutarFiltroInteligente, 600); 9530 }); 9531 })(); 9532 </script>
9532 9533
9533<script> document.addEventListener("DOMContentLoaded", function() { 9534 const container = document.getElementById('tab-description'); 9535 if (!container) return; 9536 9537 // 1. Forzar negrita en el PRIMER PÃRRAFO absoluto 9538 const primerParrafo = container.querySelector('p'); 9539 if (primerParrafo) { 9540 primerParrafo.style.setProperty('font-weight', '700', 'important'); 9541 primerParrafo.style.setProperty('color', '#000000', 'important'); 9542 } 9543 9544 // 2. Buscar y transformar textos clave especÃficos dentro de los párrafos 9545 container.querySelectorAll('p').forEach(function(p) { 9546 let html = p.innerHTML; 9547 9548 // --- TEXTOS GLOBALES DE PRODUCTO --- 9549 if (html.includes('Beneficios Clave:')) { 9550 html = html.replace(/Beneficios Clave:/g, '<strong>Beneficios Clave:</strong>'); 9551 } 9552 if (html.includes('Preguntas Frecuentes:')) { 9553 html = html.replace(/Preguntas Frecuentes:/g, '<strong>Preguntas Frecuentes:</strong>'); 9554 } 9555 if (html.includes('Nota:')) { 9556 html = html.replace(/Nota:/g, '<strong>Nota:</strong>'); 9557 } 9558 9559 // --- TÃTULOS Y SECCIONES EXCLUSIVAS DEL CONFIGURADOR MASTER (NUEVOS Y ANTERIORES) --- 9560 const titulosSecciones = [ 9561 'Ventajas de Diseñar tu Setup Personalizado.', 9562 'Ventajas de Diseñar tu Setup Personalizado', 9563 '> Ventajas de Diseñar tu Setup en Suburbios', 9564 'GuÃa de Configuración de armado en 7 Pasos:', 9565 'GuÃa de Configuración de armado en 7 Pasos', 9566 '> GuÃa Técnica de Configuración en 7 Pasos:', 9567 'Recomendación de Medidas de Tabla de Skate por Estilo / Nivel:', 9568 'Recomendación de Medidas de Tabla de Skate por Estilo / Nivel', 9569 '> GuÃa de Uso Recomendado por Medida y Estilo' 9570 ]; 9571 9572 titulosSecciones.forEach(function(titulo) { 9573 if (html.includes(titulo)) { 9574 html = html.split(titulo).join('<strong>' + titulo + '</strong>'); 9575 } 9576 }); 9577 9578 // --- CAPAS, NIVELES Y ESTILOS DE SKATE (NUEVOS) --- 9579 const nivelesYEstilos = [ 9580 'Principiante / Infantil', 9581 'Principiante', 9582 'Infantil', 9583 'Intermedio / All-Around', 9584 'Intermedio', 9585 'All-Around', 9586 'Avanzado / Versátil', 9587 'Avanzado', 9588 'Versátil', 9589 'Street & Skatepark', 9590 'Street & Skatepark', 9591 'Vert, Bowl & Cruising', 9592 'Vert, Bowl & Cruising', 9593 '1. Infantil / Principiante', 9594 '2. Street Técnico / HÃbrido', 9595 '3. All-Around / Versátil', 9596 '4. Skatepark & Transición', 9597 '5. Vert, Bowl, Cruisers & Old School' 9598 ]; 9599 9600 nivelesYEstilos.forEach(function(nivel) { 9601 if (html.includes(nivel) && !html.includes('<strong>' + nivel)) { 9602 html = html.split(nivel).join('<strong>' + nivel + '</strong>'); 9603 } 9604 }); 9605 9606 // --- CONCLUYENTE DE CIERRE DE MARKETING --- 9607 if (html.includes('¡Explora más de 500 componentes y arma una patineta profesional única hoy mismo!')) { 9608 html = html.replace('¡Explora más de 500 componentes y arma una patineta profesional única hoy mismo!', '<strong>¡Explora más de 500 componentes y arma una patineta profesional única hoy mismo!</strong>'); 9609 } 9610 9611 p.innerHTML = html; 9612 }); 9613 }); 9614 </script>
9614 <style> 9615 /* Ocultamos el precio nativo que WooCommerce intenta apagar a cada rato */ 9616 .entry-summary p.price, 9617 .summary p.price { 9618 display: none !important; 9619 } 9620 9621 /* Estilo para nuestro precio clonado e inmune */ 9622 .suburbios-precio-fijo-inmune { 9623 display: block !important; 9624 font-size: 24px !important; 9625 font-weight: 700 !important; 9626 color: #000000 !important; 9627 margin: 10px 0 15px 0 !important; 9628 font-family: inherit !important; 9629 } 9630 </style> 9631 9632
9632<script> 9633 document.addEventListener("DOMContentLoaded", function() { 9634 // Buscamos el precio original antes de que el usuario interactúe 9635 const precioOriginal = document.querySelector('.entry-summary p.price, .summary p.price'); 9636 const contenedorSummary = document.querySelector('.entry-summary, .summary'); 9637 9638 if (precioOriginal && contenedorSummary) { 9639 // 1. Extraemos el texto completo del precio ($2,170.00) 9640 const htmlPrecio = precioOriginal.innerHTML; 9641 9642 // 2. Si no existe nuestro precio clonado, lo creamos e inyectamos justo debajo del tÃtulo 9643 if (!document.getElementById('suburbios-precio-inmune')) { 9644 const precioFijo = document.createElement('div'); 9645 precioFijo.id = 'suburbios-precio-inmune'; 9646 precioFijo.className = 'suburbios-precio-fijo-inmune'; 9647 precioFijo.innerHTML = htmlPrecio; 9648 9649 // Buscamos el tÃtulo del producto para meter el precio justo debajo 9650 const tituloProducto = contenedorSummary.querySelector('.product_title, h1'); 9651 if (tituloProducto) { 9652 tituloProducto.insertAdjacentElement('afterend', precioFijo); 9653 } else { 9654 contenedorSummary.insertBefore(precioFijo, contenedorSummary.firstChild); 9655 } 9656 } 9657 } 9658 }); 9659 </script>
9659 9660 <style> 9661 /* Oculta únicamente el mensaje verde/azul de añadido exitoso */ 9662 .woocommerce-notices-wrapper .woocommerce-message { 9663 display: none !important; 9664 } 9665 </style> 9666 <style id="suburbios-sticky-original-css"> 9667 /* 1. Capas generales para que nada pase por encima del header */ 9668 #masthead, 9669 #mobile-header, 9670 .site-header-row-container { 9671 z-index: 99999 !important; 9672 } 9673 9674 .single-product .onsale, 9675 ul.products li.product .onsale, 9676 .product .kadence-badge, 9677 .suburbios-bookmark-btn, 9678 .suburbios-pdp-bookmark-container, 9679 .suburbios-bookmark-btn.pdp-floated { 9680 z-index: 5 !important; 9681 } 9682 9683 /* 2. STICKY EN ESCRITORIO (>= 1025px): Se fija la fila del menú completa */ 9684 @media (min-width: 1025px) { 9685 #masthead.suburbios-header-sticky .site-main-header-wrap { 9686 position: fixed !important; 9687 top: 0 !important; 9688 left: 0 !important; 9689 width: 100% !important; 9690 z-index: 99999 !important; 9691 background-color: #ffffff !important; 9692 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important; 9693 } 9694 9695 body.admin-bar #masthead.suburbios-header-sticky .site-main-header-wrap { 9696 top: 32px !important; 9697 } 9698 } 9699 9700 /* 3. STICKY EN MÃVIL (< 1025px): Oculta la fila superior (redes/buscador/cuenta) y fija la del Logo/Carrito */ 9701 @media (max-width: 1024px) { 9702 /* Oculta la fila superior al scroll */ 9703 #mobile-header.suburbios-movil-sticky .site-header-row-container-top, 9704 #mobile-header.suburbios-movil-sticky .mobile-header-row-top, 9705 #mobile-header.suburbios-movil-sticky .site-header-row-container-inner:first-child:not(:last-child) { 9706 display: none !important; 9707 } 9708 9709 /* Fija la fila principal con el Logo y Carrito */ 9710 .suburbios-movil-fila-fija { 9711 position: fixed !important; 9712 top: 0 !important; 9713 left: 0 !important; 9714 width: 100% !important; 9715 z-index: 99999 !important; 9716 background-color: #ffffff !important; 9717 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important; 9718 } 9719 9720 body.admin-bar .suburbios-movil-fila-fija { 9721 top: 46px !important; 9722 } 9723 } 9724 </style> 9725 9726
9726<script> 9727 document.addEventListener("DOMContentLoaded", function() { 9728 const masthead = document.getElementById('masthead'); 9729 const mobileHeader = document.getElementById('mobile-header'); 9730 9731 function checkScrollHeader() { 9732 const scrollPos = window.scrollY; 9733 9734 // ESCRITORIO 9735 if (masthead && window.innerWidth >= 1025) { 9736 if (scrollPos > 80) { 9737 masthead.classList.add('suburbios-header-sticky'); 9738 } else { 9739 masthead.classList.remove('suburbios-header-sticky'); 9740 } 9741 } 9742 9743 // MÃVIL 9744 if (mobileHeader && window.innerWidth < 1025) { 9745 const mobileRows = mobileHeader.querySelectorAll('.site-header-row-container-inner, .mobile-header-row-container-main, .site-header-row-layout-contained'); 9746 9747 if (scrollPos > 40) { 9748 mobileHeader.classList.add('suburbios-movil-sticky'); 9749 9750 if (mobileRows.length > 1) { 9751 mobileRows[0].style.display = 'none'; // Oculta la fila superior de redes/buscador/cuenta 9752 mobileRows[mobileRows.length - 1].classList.add('suburbios-movil-fila-fija'); 9753 } else if (mobileRows.length === 1) { 9754 mobileRows[0].classList.add('suburbios-movil-fila-fija'); 9755 } 9756 } else { 9757 mobileHeader.classList.remove('suburbios-movil-sticky'); 9758 mobileRows.forEach(row => { 9759 row.style.display = ''; 9760 row.classList.remove('suburbios-movil-fila-fija'); 9761 }); 9762 } 9763 } 9764 } 9765 9766 window.addEventListener('scroll', checkScrollHeader, { passive: true }); 9767 checkScrollHeader(); 9768 }); 9769 </script>
9769 9770 <style id="suburbios-ticker-style"> 9771 /* ð 2. CANDADO CSS: Ocultar aviso en cualquier página de checkout */ 9772 .woocommerce-checkout p.demo_store, 9773 .woocommerce-checkout p.woocommerce-store-notice.demo_store, 9774 body[class*="checkout"] p.demo_store { 9775 display: none !important; 9776 visibility: hidden !important; 9777 height: 0 !important; 9778 margin: 0 !important; 9779 padding: 0 !important; 9780 } 9781 9782 body { 9783 margin-bottom: 0 !important; 9784 padding-bottom: 0 !important; 9785 } 9786 9787 p.woocommerce-store-notice.demo_store { 9788 position: relative !important; 9789 top: auto !important; 9790 bottom: 0 !important; 9791 left: 0 !important; 9792 right: 0 !important; 9793 z-index: 15 !important; 9794 overflow: hidden !important; 9795 white-space: nowrap !important; 9796 margin: 0 !important; 9797 padding: 12px 0 !important; 9798 background-color: #222222 !important; 9799 color: #ffffff !important; 9800 box-sizing: border-box !important; 9801 } 9802 9803 .suburbios-ticker-wrapper { 9804 display: flex !important; 9805 width: max-content !important; 9806 white-space: nowrap !important; 9807 will-change: transform; 9808 animation: suburbiosMarqueeInfinite 45s linear infinite !important; 9809 } 9810 9811 .suburbios-ticker-block { 9812 display: flex !important; 9813 align-items: center !important; 9814 white-space: nowrap !important; 9815 } 9816 9817 .suburbios-ticker-item { 9818 font-size: 13px !important; 9819 font-weight: 700 !important; 9820 letter-spacing: 0.5px !important; 9821 } 9822 9823 /* ð ESPACIADO EXTRA PARA LOS SÃMBOLOS (â¦) Y EMOJIS */ 9824 .suburbios-separador { 9825 padding: 0 25px !important; 9826 color: #ffffff !important; 9827 opacity: 0.8; 9828 } 9829 9830 .suburbios-skate-gap { 9831 padding: 0 45px !important; 9832 } 9833 9834 p.woocommerce-store-notice.demo_store:hover .suburbios-ticker-wrapper { 9835 animation-play-state: paused !important; 9836 } 9837 9838 @keyframes suburbiosMarqueeInfinite { 9839 0% { transform: translate3d(0, 0, 0); } 9840 100% { transform: translate3d(-50%, 0, 0); } 9841 } 9842 9843 @media (max-width: 768px) { 9844 .suburbios-ticker-item { font-size: 11px !important; } 9845 .suburbios-separador { padding: 0 15px !important; } 9846 .suburbios-skate-gap { padding: 0 25px !important; } 9847 } 9848 </style> 9849 9850
9850<script> 9851 document.addEventListener("DOMContentLoaded", function() { 9852 const notice = document.querySelector('p.woocommerce-store-notice.demo_store'); 9853 9854 // ð 3. CANDADO JAVASCRIPT: Si detecta la página de Checkout, oculta de inmediato el elemento 9855 if (window.location.href.indexOf('/checkout/') !== -1 || document.body.classList.contains('woocommerce-checkout')) { 9856 if (notice) { 9857 notice.style.display = 'none'; 9858 notice.remove(); 9859 } 9860 return; 9861 } 9862 9863 if (notice) { 9864 const bloqueFrases = ` 9865 <span class="suburbios-ticker-item">ENVÃO GRATIS A TODO MX ð²ð½ AL COMPRAR $1,899 MXN + 3 MSI*</span> 9866 <span class="suburbios-separador">â¦</span> 9867 <span class="suburbios-ticker-item">APARTA-SUBU: APARTA CON EL 15% HOY</span> 9868 <span class="suburbios-separador">â¦</span> 9869 <span class="suburbios-ticker-item">RECOLECCIÃN GRATIS EN TIENDA (CDMX)</span> 9870 <span class="suburbios-separador">â¦</span> 9871 <span class="suburbios-ticker-item">ARMA TU PATINETA CON MENOS DE $2,000 MXN</span> 9872 `; 9873 9874 const htmlTicker = ` 9875 <div class="suburbios-ticker-wrapper"> 9876 <div class="suburbios-ticker-block"> 9877 ${bloqueFrases} 9878 <span class="suburbios-skate-gap">â¦</span> 9879 ${bloqueFrases} 9880 <span class="suburbios-skate-gap">â¦</span> 9881 </div> 9882 <div class="suburbios-ticker-block"> 9883 ${bloqueFrases} 9884 <span class="suburbios-skate-gap">â¦</span> 9885 ${bloqueFrases} 9886 <span class="suburbios-skate-gap">â¦</span> 9887 </div> 9888 </div> 9889 `; 9890 9891 notice.innerHTML = htmlTicker; 9892 } 9893 }); 9894 </script>
9894 9895 <style id="suburbios-floating-search-style"> 9896 /* Oculto en escritorio */ 9897 @media (min-width: 1025px) { 9898 #suburbios-float-search-container { 9899 display: none !important; 9900 } 9901 } 9902 9903 /* ð± ESTILOS PARA CELULARES */ 9904 @media (max-width: 1024px) { 9905 9906 /* Contenedor Flotante Base (Home, PDC y PDP alineados) */ 9907 #suburbios-float-search-container { 9908 position: fixed; 9909 top: 65px !important; /* Altura unificada justo debajo de la barra sticky del logo */ 9910 left: 50%; 9911 transform: translateX(-50%) translateY(-10px); 9912 width: 92%; 9913 max-width: 420px; 9914 z-index: 999999 !important; 9915 opacity: 0; 9916 visibility: hidden; 9917 transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1); 9918 pointer-events: none; 9919 } 9920 9921 /* Corrección si el administrador tiene la barra negra de WordPress iniciada */ 9922 body.admin-bar #suburbios-float-search-container { 9923 top: 110px !important; 9924 } 9925 9926 /* Estado Visible al hacer Scroll */ 9927 #suburbios-float-search-container.is-visible { 9928 opacity: 1; 9929 visibility: visible; 9930 transform: translateX(-50%) translateY(0); 9931 pointer-events: auto; 9932 } 9933 9934 /* ð BARRA DE BÃSQUEDA FLOTANTE */ 9935 .suburbios-search-box-wrap { 9936 background: #ffffff; 9937 border: 2px solid #111111; 9938 border-radius: 30px; 9939 padding: 3px 6px 3px 16px; 9940 box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15); 9941 display: flex; 9942 align-items: center; 9943 justify-content: space-between; 9944 cursor: pointer; 9945 } 9946 9947 .suburbios-fake-form { 9948 display: flex; 9949 align-items: center; 9950 width: 100%; 9951 } 9952 9953 .suburbios-search-input-fake { 9954 border: none !important; 9955 background: transparent !important; 9956 outline: none !important; 9957 font-size: 13px !important; 9958 font-weight: 600 !important; 9959 color: #888888 !important; 9960 width: 100% !important; 9961 padding: 6px 0 !important; 9962 cursor: pointer; 9963 } 9964 9965 .suburbios-btn-search { 9966 background: none; 9967 border: none; 9968 padding: 4px 8px; 9969 display: flex; 9970 align-items: center; 9971 color: #111111; 9972 cursor: pointer; 9973 } 9974 9975 .suburbios-btn-minimize { 9976 background: #111111; 9977 color: #ffffff; 9978 border: none; 9979 width: 26px; 9980 height: 26px; 9981 border-radius: 50%; 9982 display: flex; 9983 align-items: center; 9984 justify-content: center; 9985 font-size: 11px; 9986 cursor: pointer; 9987 margin-left: 6px; 9988 flex-shrink: 0; 9989 } 9990 9991 /* ð MODO MINIMIZADO: CIRCULITO CON LUPA */ 9992 #suburbios-float-search-container.is-minimized { 9993 width: auto; 9994 left: auto; 9995 right: 14px; 9996 top: 65px !important; 9997 transform: translateY(0); 9998 } 9999 10000 body.admin-bar #suburbios-float-search-container.is-minimized { 10001 top: 110px !important; 10002 } 10003 10004 #suburbios-float-search-container.is-minimized .suburbios-search-box-wrap { 10005 display: none; 10006 } 10007 10008 .suburbios-circle-trigger { 10009 display: none; 10010 width: 44px; 10011 height: 44px; 10012 background: #111111; 10013 color: #ffffff; 10014 border-radius: 50%; 10015 box-shadow: 0 6px 18px rgba(0,0,0,0.25); 10016 align-items: center; 10017 justify-content: center; 10018 cursor: pointer; 10019 border: 2px solid #ffffff; 10020 transition: transform 0.2s ease; 10021 } 10022 10023 .suburbios-circle-trigger:active { 10024 transform: scale(0.9); 10025 } 10026 10027 #suburbios-float-search-container.is-minimized .suburbios-circle-trigger { 10028 display: flex; 10029 } 10030 } 10031 </style> 10032 10033 <!-- HTML --> 10034 <div id="suburbios-float-search-container"> 10035 <div class="suburbios-search-box-wrap" id="suburbios-trigger-motive"> 10036 <div class="suburbios-fake-form"> 10037 <input type="text" class="suburbios-search-input-fake" placeholder="Buscar tablas, trucks, ropa..." readonly /> 10038 <button type="button" class="suburbios-btn-search" aria-label="Buscar"> 10039 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> 10040 </button> 10041 </div> 10042 <button id="suburbios-btn-close" class="suburbios-btn-minimize" title="Minimizar">â</button> 10043 </div> 10044 10045 <div id="suburbios-circle-open" class="suburbios-circle-trigger" title="Abrir Búsqueda"> 10046 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> 10047 </div> 10048 </div> 10049 10050
10050<script> 10051 document.addEventListener("DOMContentLoaded", function() { 10052 const floatSearch = document.getElementById('suburbios-float-search-container'); 10053 const triggerMotive = document.getElementById('suburbios-trigger-motive'); 10054 const btnClose = document.getElementById('suburbios-btn-close'); 10055 const circleOpen = document.getElementById('suburbios-circle-open'); 10056 10057 if (!floatSearch) return; 10058 10059 function abrirMotiveOverlay() { 10060 if (window.Motive && typeof window.Motive.open === 'function') { 10061 window.Motive.open(); 10062 return; 10063 } 10064 10065 const btnHeader = document.querySelector('.site-header-top-section-center button') || 10066 document.querySelector('.search-toggle-open') || 10067 document.querySelector('[data-section="kadence_customizer_header_search"] button') || 10068 document.querySelector('.motive-search-icon') || 10069 document.querySelector('.motive-search-button'); 10070 10071 if (btnHeader) { 10072 btnHeader.click(); 10073 } 10074 10075 const motiveInput = document.querySelector('.motive-search-input') || 10076 document.querySelector('.search-field') || 10077 document.querySelector('input[type="search"]'); 10078 10079 if (motiveInput) { 10080 motiveInput.focus(); 10081 motiveInput.click(); 10082 } 10083 } 10084 10085 // Mostrar u ocultar con Scroll 10086 window.addEventListener('scroll', function() { 10087 if (window.scrollY > 120) { 10088 floatSearch.classList.add('is-visible'); 10089 } else { 10090 floatSearch.classList.remove('is-visible'); 10091 } 10092 }); 10093 10094 // Trigger en la barra flotante 10095 triggerMotive.addEventListener('click', function(e) { 10096 if (e.target.closest('#suburbios-btn-close')) return; 10097 abrirMotiveOverlay(); 10098 }); 10099 10100 // Botón Minimizar â 10101 btnClose.addEventListener('click', function(e) { 10102 e.stopPropagation(); 10103 floatSearch.classList.add('is-minimized'); 10104 }); 10105 10106 // Trigger en el Circulito con Lupa 10107 circleOpen.addEventListener('click', function(e) { 10108 e.stopPropagation(); 10109 abrirMotiveOverlay(); 10110 }); 10111 }); 10112 </script>
10112 10113 <style id="suburbios-recaptcha-style"> 10114 /* ========================================================================== 10115 ð» DESKTOP: BURBUJA CIRCULAR FLOTANTE (INTACTA) 10116 ========================================================================== */ 10117 @media (min-width: 769px) { 10118 .grecaptcha-badge { 10119 width: 56px !important; 10120 height: 56px !important; 10121 overflow: hidden !important; 10122 border-radius: 50% !important; 10123 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.28) !important; 10124 transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important; 10125 background: #ffffff !important; 10126 10127 bottom: 15px !important; 10128 left: 15px !important; 10129 right: auto !important; 10130 top: auto !important; 10131 z-index: 99999 !important; 10132 opacity: 0.95 !important; 10133 transform: none !important; 10134 } 10135 10136 .grecaptcha-badge iframe { 10137 margin-left: -6px !important; 10138 margin-top: 2px !important; 10139 transform: scale(0.96) !important; 10140 transform-origin: 0 0 !important; 10141 transition: transform 0.3s ease !important; 10142 } 10143 10144 .grecaptcha-badge:hover, 10145 .grecaptcha-badge:focus-within { 10146 width: 256px !important; 10147 height: 60px !important; 10148 border-radius: 8px !important; 10149 opacity: 1 !important; 10150 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important; 10151 } 10152 10153 .grecaptcha-badge:hover iframe, 10154 .grecaptcha-badge:focus-within iframe { 10155 margin-left: 0 !important; 10156 margin-top: 0 !important; 10157 transform: scale(1) !important; 10158 } 10159 } 10160 10161 /* ========================================================================== 10162 ð± MOBILE: SOLAPA VERTICAL 90° CON OCULTADO AUTOMÃTICO A LA IZQUIERDA 10163 ========================================================================== */ 10164 @media (max-width: 768px) { 10165 div.grecaptcha-badge { 10166 position: fixed !important; 10167 top: 38% !important; 10168 left: -2px !important; 10169 right: auto !important; 10170 bottom: auto !important; 10171 10172 width: 256px !important; 10173 height: 60px !important; 10174 10175 transform-origin: top left !important; 10176 transform: rotate(-90deg) translate(-50%, 0) scale(0.48) !important; 10177 10178 border-radius: 8px 8px 0 0 !important; 10179 box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.22) !important; 10180 z-index: 99999 !important; 10181 opacity: 0.8 !important; 10182 visibility: visible !important; 10183 display: block !important; 10184 10185 /* Animación fluida para esconderse y reaparecer */ 10186 transition: left 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease !important; 10187 } 10188 10189 /* ð CLASE QUE LO ESCONDE HACIA LA IZQUIERDA */ 10190 div.grecaptcha-badge.is-hidden { 10191 left: -38px !important; /* Esconde casi todo, dejando solo un toque visible */ 10192 opacity: 0.35 !important; 10193 } 10194 10195 /* Al tocarlo o pasar el dedo cuando está oculto, vuelve a mostrarse */ 10196 div.grecaptcha-badge.is-hidden:hover, 10197 div.grecaptcha-badge.is-hidden:active { 10198 left: -2px !important; 10199 opacity: 0.9 !important; 10200 } 10201 10202 div.grecaptcha-badge iframe { 10203 width: 256px !important; 10204 height: 60px !important; 10205 margin: 0 !important; 10206 transform: none !important; 10207 } 10208 10209 div.grecaptcha-badge:hover, 10210 div.grecaptcha-badge:focus-within { 10211 width: 256px !important; 10212 height: 60px !important; 10213 } 10214 } 10215 </style> 10216 10217
10217<script> 10218 document.addEventListener("DOMContentLoaded", function() { 10219 // Ejecutar solo en dispositivos móviles 10220 if (window.innerWidth <= 768) { 10221 // Esperar a que el iframe de reCAPTCHA termine de cargarse 10222 var checkRecaptcha = setInterval(function() { 10223 var badge = document.querySelector('div.grecaptcha-badge'); 10224 if (badge) { 10225 clearInterval(checkRecaptcha); 10226 10227 // â±ï¸ Espera 5 segundos visibles y luego se retrtae hacia la izquierda 10228 setTimeout(function() { 10229 badge.classList.add('is-hidden'); 10230 }, 5000); // 5000ms = 5 segundos (puedes cambiarlo si quieres más o menos tiempo) 10231 10232 // Si el usuario lo toca, renueva el temporizador para ocultarlo de nuevo 10233 badge.addEventListener('touchstart', function() { 10234 badge.classList.remove('is-hidden'); 10235 setTimeout(function() { 10236 badge.classList.add('is-hidden'); 10237 }, 3000); 10238 }, { passive: true }); 10239 } 10240 }, 300); 10241 } 10242 }); 10243 </script>
10243 10244
10244<script> 10245 document.addEventListener("DOMContentLoaded", function() { 10246 const stickyCart = document.getElementById('wsatc-stick-cart-wrapper'); 10247 const mainAddToCartBtn = document.querySelector('.single_add_to_cart_button'); 10248 10249 if (!stickyCart || !mainAddToCartBtn) return; 10250 10251 // Ocultar inicialmente mediante clase activa 10252 stickyCart.classList.add('suburbios-sticky-oculto'); 10253 10254 window.addEventListener('scroll', function() { 10255 const btnPosition = mainAddToCartBtn.getBoundingClientRect().bottom; 10256 10257 // Si el botón principal salió de la pantalla (arriba), se muestra la barra flotante 10258 if (btnPosition < 0) { 10259 stickyCart.classList.remove('suburbios-sticky-oculto'); 10260 } else { 10261 stickyCart.classList.add('suburbios-sticky-oculto'); 10262 } 10263 }); 10264 }); 10265 </script>
10265 10266 <style> 10267 /* Estado oculto con transición suave */ 10268 #wsatc-stick-cart-wrapper.suburbios-sticky-oculto { 10269 opacity: 0 !important; 10270 visibility: hidden !important; 10271 transform: translateY(100%) !important; 10272 pointer-events: none !important; 10273 transition: all 0.3s ease-in-out !important; 10274 } 10275 #wsatc-stick-cart-wrapper { 10276 transition: all 0.3s ease-in-out !important; 10277 } 10278 </style> 10279
10279<script> 10280 document.addEventListener("DOMContentLoaded", function() { 10281 const breadcrumbs = document.querySelector('.woocommerce-breadcrumb, #kadence-breadcrumbs, nav.woocommerce-breadcrumb'); 10282 const productTitle = document.querySelector('.single-product .entry-summary h1.product_title, .single-product .summary h1'); 10283 10284 if (breadcrumbs && productTitle) { 10285 // Inyectar migas de pan inmediatamente antes del h1 del tÃtulo 10286 productTitle.parentNode.insertBefore(breadcrumbs, productTitle); 10287 } 10288 }); 10289 </script>
10289 10290 <style> 10291 /* Estilo exclusivo para migas de pan sobre el tÃtulo */ 10292 .single-product .entry-summary .woocommerce-breadcrumb, 10293 .single-product .entry-summary #kadence-breadcrumbs { 10294 display: block !important; 10295 margin-bottom: 8px !important; 10296 margin-top: 0 !important; 10297 font-family: 'Fira Sans', sans-serif !important; 10298 font-size: 11px !important; 10299 color: #666666 !important; 10300 text-align: left !important; 10301 float: none !important; 10302 clear: both !important; 10303 } 10304 .single-product .entry-summary .woocommerce-breadcrumb a, 10305 .single-product .entry-summary #kadence-breadcrumbs a { 10306 color: #333333 !important; 10307 text-decoration: none !important; 10308 } 10309 .single-product .entry-summary .woocommerce-breadcrumb a:hover, 10310 .single-product .entry-summary #kadence-breadcrumbs a:hover { 10311 color: #bf3d36 !important; 10312 } 10313 </style> 10314
10314<script> 10315 document.addEventListener("DOMContentLoaded", function() { 10316 const WISHLIST_KEY = 'suburbios_user_bookmarks'; 10317 const masthead = document.getElementById('masthead'); 10318 const mobileHeader = document.getElementById('mobile-header'); 10319 10320 function getWishlist() { 10321 return JSON.parse(localStorage.getItem(WISHLIST_KEY)) || []; 10322 } 10323 10324 function setWishlist(list) { 10325 localStorage.setItem(WISHLIST_KEY, JSON.stringify(list)); 10326 updateBookmarksUI(); 10327 } 10328 10329 function unwrapBookmarkButtons() { 10330 document.querySelectorAll('.product .suburbios-bookmark-btn').forEach(btn => { 10331 const parentLink = btn.closest('a'); 10332 if (parentLink && parentLink.parentNode) { 10333 parentLink.parentNode.insertBefore(btn, parentLink); 10334 } 10335 }); 10336 } 10337 10338 function renderAndSyncHeaderBookmark() { 10339 const list = getWishlist(); 10340 const hasItems = list.length > 0; 10341 const accountLinks = document.querySelectorAll('.header-button-inner-wrap a[href*="/mi-cuenta/"], .mobile-header-button-inner-wrap a[href*="/mi-cuenta/"]'); 10342 10343 accountLinks.forEach(function(accountEl) { 10344 let parent = accountEl.parentNode; 10345 let link = parent.querySelector('.suburbios-header-bookmark-link'); 10346 10347 if (!link) { 10348 parent.style.display = 'inline-flex'; 10349 parent.style.alignItems = 'center'; 10350 10351 link = document.createElement('a'); 10352 link.href = '/productos-guardados/'; 10353 link.className = 'suburbios-header-bookmark-link'; 10354 parent.insertBefore(link, accountEl); 10355 } 10356 10357 link.setAttribute('aria-label', 'Productos guardados'); 10358 link.setAttribute('title', 'Productos guardados'); 10359 10360 const fillColor = hasItems ? '#111111' : 'none'; 10361 10362 link.innerHTML = ` 10363 <svg viewBox="0 0 24 24" width="19" height="19" stroke="#111111" stroke-width="2" fill="${fillColor}" stroke-linecap="round" stroke-linejoin="round"> 10364 <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path> 10365 </svg> 10366 `; 10367 }); 10368 } 10369 10370 function updateBookmarksUI() { 10371 const list = getWishlist(); 10372 10373 document.querySelectorAll('.suburbios-bookmark-btn').forEach(btn => { 10374 const id = btn.getAttribute('data-product-id'); 10375 if (list.includes(id)) { 10376 btn.classList.add('saved'); 10377 } else { 10378 btn.classList.remove('saved'); 10379 } 10380 }); 10381 10382 renderAndSyncHeaderBookmark(); 10383 } 10384 10385 function showToastNotification(msg) { 10386 let toast = document.getElementById('suburbios-toast-notif'); 10387 if (!toast) { 10388 toast = document.createElement('div'); 10389 toast.id = 'suburbios-toast-notif'; 10390 document.body.appendChild(toast); 10391 } 10392 10393 const bookmarkSvg = `<svg viewBox="0 0 24 24" width="15" height="15" stroke="#ffffff" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 8px; vertical-align: -2px; display: inline-block;"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg>`; 10394 10395 toast.innerHTML = bookmarkSvg + msg; 10396 toast.classList.add('show'); 10397 10398 clearTimeout(window.suburbiosToastTimer); 10399 window.suburbiosToastTimer = setTimeout(function() { 10400 toast.classList.remove('show'); 10401 }, 2500); 10402 } 10403 10404 const pdpGallery = document.querySelector('.single-product .woocommerce-product-gallery'); 10405 const pdpBtn = document.querySelector('.suburbios-bookmark-pdp-btn'); 10406 if (pdpGallery && pdpBtn) { 10407 pdpGallery.style.position = 'relative'; 10408 pdpGallery.appendChild(pdpBtn); 10409 pdpBtn.classList.add('pdp-floated'); 10410 } 10411
10412 unwrapBookmarkButtons(); 10413 10414 document.addEventListener('click', function(e) { 10415 const btn = e.target.closest('.suburbios-bookmark-btn'); 10416 if (!btn) return; 10417 10418 e.preventDefault(); 10419 e.stopPropagation(); 10420 10421 const id = btn.getAttribute('data-product-id'); 10422 let list = getWishlist(); 10423 10424 if (list.includes(id)) { 10425 list = list.filter(item => item !== id); 10426 showToastNotification('Eliminado de tus productos guardados'); 10427 } else { 10428 list.push(id); 10429 showToastNotification('Agregado a tus productos guardados'); 10430 } 10431 10432 setWishlist(list); 10433 10434 if (document.getElementById('suburbios-wishlist-grid')) { 10435 loadWishlistProducts(); 10436 } 10437 }); 10438 10439 // ð CARGA RÃPIDA SIN PARPADEOS (ZERO-GLITCH LOAD) 10440 function loadWishlistProducts() { 10441 const grid = document.getElementById('suburbios-wishlist-grid'); 10442 if (!grid) return; 10443 10444 const list = getWishlist(); 10445 10446 const emptyHTML = ` 10447 <div class="suburbios-wishlist-empty-card"> 10448 <div class="suburbios-empty-icon">ð·ï¸</div> 10449 <h3>NO TIENES ARTÃCULOS GUARDADOS</h3> 10450 <p>Explora nuestra tienda, arma tu setup o guarda la ropa que más te lata dando clic a la banderita en cada producto.</p> 10451 <a href="/tienda/" class="suburbios-btn-empty-shop">EXPLORAR TIENDA</a> 10452 </div> 10453 `; 10454 10455 grid.classList.remove('suburbios-wishlist-loaded'); 10456 10457 if (list.length === 0) { 10458 grid.innerHTML = emptyHTML; 10459 grid.classList.add('suburbios-wishlist-loaded'); 10460 return; 10461 } 10462 10463 fetch('/wp-json/wc/store/v1/products?include=' + list.join(',')) 10464 .then(res => res.json()) 10465 .then(products => { 10466 if (!products || products.length === 0) { 10467 grid.innerHTML = emptyHTML; 10468 } else { 10469 let html = '<div class="suburbios-guardados-grid">'; 10470 products.forEach(p => { 10471 html += ` 10472 <div class="suburbios-card-guardado"> 10473 <button type="button" class="suburbios-bookmark-btn saved" data-product-id="${p.id}"> 10474 <svg class="suburbios-bookmark-icon" viewBox="0 0 24 24" width="18" height="18" stroke="currentColor" stroke-width="2" fill="none"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg> 10475 </button> 10476 <a href="${p.permalink}"> 10477 <img src="${p.images[0] ? p.images[0].src : ''}" alt="${p.name}" /> 10478 <h3>${p.name}</h3> 10479 </a> 10480 <div class="price">$${(p.prices.price / 100).toFixed(2)}</div> 10481 <a href="${p.permalink}" class="button-ver">COMPRAR â</a> 10482 </div> 10483 `; 10484 }); 10485 html += '</div>'; 10486 grid.innerHTML = html; 10487 } 10488 updateBookmarksUI(); 10489 grid.classList.add('suburbios-wishlist-loaded'); 10490 }) 10491 .catch(() => { 10492 grid.innerHTML = emptyHTML; 10493 grid.classList.add('suburbios-wishlist-loaded'); 10494 }); 10495 } 10496 10497 function checkScrollHeader() { 10498 const scrollPos = window.scrollY; 10499 10500 if (masthead && window.innerWidth >= 1025) { 10501 if (scrollPos > 80) { 10502 masthead.classList.add('suburbios-header-sticky'); 10503 } else { 10504 masthead.classList.remove('suburbios-header-sticky'); 10505 } 10506 } 10507 10508 if (mobileHeader && window.innerWidth < 1025) { 10509 const mobileRows = mobileHeader.querySelectorAll('.site-header-row-container-inner, .mobile-header-row-container-main, .site-header-row-layout-contained'); 10510 10511 if (scrollPos > 40) { 10512 mobileHeader.classList.add('suburbios-movil-sticky'); 10513 if (mobileRows.length > 1) { 10514 mobileRows[0].style.display = 'none'; 10515 mobileRows[mobileRows.length - 1].classList.add('suburbios-movil-fila-fija'); 10516 } else if (mobileRows.length === 1) { 10517 mobileRows[0].classList.add('suburbios-movil-fila-fija'); 10518 } 10519 } else { 10520 mobileHeader.classList.remove('suburbios-movil-sticky'); 10521 mobileRows.forEach(row => { 10522 row.style.display = ''; 10523 row.classList.remove('suburbios-movil-fila-fija'); 10524 }); 10525 } 10526 } 10527 } 10528 10529 window.addEventListener('scroll', checkScrollHeader, { passive: true }); 10530 checkScrollHeader(); 10531 updateBookmarksUI(); 10532 loadWishlistProducts(); 10533 }); 10534 </script>
10534 10535 10536 <style> 10537 .woocommerce-account .woocommerce-MyAccount-content::before, 10538 .woocommerce-account table::before, 10539 .woocommerce-account td::before, 10540 .woocommerce-orders-table__cell-order-number::before { 10541 content: none !important; 10542 display: none !important; 10543 } 10544 10545 ul.products li.product, 10546 .product { 10547 position: relative !important; 10548 } 10549 10550 .suburbios-bookmark-btn { 10551 position: absolute !important; 10552 top: 10px !important; 10553 right: 10px !important; 10554 z-index: 99 !important; 10555 background: rgba(255, 255, 255, 0.9) !important; 10556 border: 1px solid #111111 !important; 10557 border-radius: 50% !important; 10558 width: 32px !important; 10559 height: 32px !important; 10560 display: flex !important; 10561 align-items: center !important; 10562 justify-content: center !important; 10563 cursor: pointer !important; 10564 padding: 0 !important; 10565 outline: none !important; 10566 } 10567 10568 .suburbios-bookmark-btn.saved { 10569 background: #111111 !important; 10570 color: #ffffff !important; 10571 } 10572 10573 .suburbios-bookmark-btn.saved svg { 10574 fill: #ffffff !important; 10575 stroke: #ffffff !important; 10576 } 10577 10578 #masthead, 10579 #mobile-header, 10580 .site-header-row-container { 10581 z-index: 99999 !important; 10582 } 10583 10584 @media (min-width: 1025px) { 10585 #masthead.suburbios-header-sticky .site-main-header-wrap { 10586 position: fixed !important; 10587 top: 0 !important; 10588 left: 0 !important; 10589 width: 100% !important; 10590 z-index: 99999 !important; 10591 background-color: #ffffff !important; 10592 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important; 10593 } 10594 10595 body.admin-bar #masthead.suburbios-header-sticky .site-main-header-wrap { 10596 top: 32px !important; 10597 } 10598 } 10599 10600 @media (max-width: 1024px) { 10601 #mobile-header.suburbios-movil-sticky .site-header-row-container-top, 10602 #mobile-header.suburbios-movil-sticky .mobile-header-row-top, 10603 #mobile-header.suburbios-movil-sticky .site-header-row-container-inner:first-child:not(:last-child) { 10604 display: none !important; 10605 } 10606 10607 .suburbios-movil-fila-fija { 10608 position: fixed !important; 10609 top: 0 !important; 10610 left: 0 !important; 10611 width: 100% !important; 10612 z-index: 99999 !important; 10613 background-color: #ffffff !important; 10614 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important; 10615 } 10616 10617 body.admin-bar .suburbios-movil-fila-fija { 10618 top: 46px !important; 10619 } 10620 } 10621 10622 .suburbios-header-bookmark-link { 10623 display: inline-flex !important; 10624 align-items: center !important; 10625 justify-content: center !important; 10626 margin-right: 12px !important; 10627 margin-left: 6px !important; 10628 text-decoration: none !important; 10629 line-height: 1 !important; 10630 vertical-align: middle !important; 10631 transition: transform 0.2s ease !important; 10632 } 10633 .suburbios-header-bookmark-link svg { 10634 width: 19px !important; 10635 height: 19px !important; 10636 stroke: #111111 !important; 10637 display: block !important; 10638 } 10639 .suburbios-header-bookmark-link:hover { 10640 transform: scale(1.15) !important; 10641 } 10642 10643 #suburbios-toast-notif { 10644 visibility: hidden; 10645 min-width: 250px; 10646 background-color: #111111 !important; 10647 color: #ffffff !important; 10648 text-align: center !important; 10649 border-radius: 6px !important; 10650 padding: 12px 20px !important; 10651 position: fixed !important; 10652 z-index: 9999999 !important; 10653 left: 20px !important; 10654 bottom: 30px !important; 10655 font-family: 'Fira Sans', sans-serif !important; 10656 font-size: 13px !important; 10657 font-weight: 600 !important; 10658 box-shadow: 0 4px 15px rgba(0,0,0,0.25) !important; 10659 opacity: 0; 10660 transform: translateY(20px); 10661 transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease !important; 10662 } 10663 10664 #suburbios-toast-notif.show { 10665 visibility: visible !important; 10666 opacity: 1 !important; 10667 transform: translateY(0) !important; 10668 } 10669 10670 @media (max-width: 768px) { 10671 .suburbios-header-bookmark-link { 10672 margin-right: 8px !important; 10673 margin-left: 4px !important; 10674 } 10675 .suburbios-header-bookmark-link svg { 10676 width: 17px !important; 10677 height: 17px !important; 10678 } 10679 #suburbios-toast-notif { 10680 left: 50% !important; 10681 transform: translateX(-50%) translateY(20px) !important; 10682 bottom: 80px !important; 10683 width: 85% !important; 10684 } 10685 #suburbios-toast-notif.show { 10686 transform: translateX(-50%) translateY(0) !important; 10687 } 10688 } 10689 </style> 10690
10690<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"6557c31573e64cdc9dc38b17094333dd","r":1,"spa":2}' crossorigin="anonymous"></script>
10690 10691</body> 10692</html> 10693 10694 10695<!-- Page uncached by LiteSpeed Cache 7.9.1 on 2026-10-04 02:14:10 -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.