/* Estilos personalizados de MUEBLES HIERRO Y MADERA. */ @font-face { font-family: slick; font-display: swap; font-style: normal; font-weight: 400; src: url("../../../components/com_sppagebuilder/assets/fonts/slick.woff") format("woff"); } @font-face { font-family: "Font Awesome 6 Pro"; font-display: swap; font-style: normal; font-weight: 300; src: url("webfonts/fa-light-300.woff2") format("woff2"); } @font-face { font-family: "Font Awesome 6 Pro"; font-display: swap; font-style: normal; font-weight: 400; src: url("webfonts/fa-regular-400.woff2") format("woff2"); } @font-face { font-family: "Font Awesome 6 Pro"; font-display: swap; font-style: normal; font-weight: 900; src: url("webfonts/fa-solid-900.woff2") format("woff2"); } @font-face { font-family: "Font Awesome 6 Brands"; font-display: swap; font-style: normal; font-weight: 400; src: url("webfonts/fa-brands-400.woff2") format("woff2"); } #preloader { display: none !important; } .sp-pre-loader, .sppb-color-switcher-modes { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } img[src*="/images/thumbs/preloader.gif"] { display: none !important; } /* ========================================================= INICIO SHAPE INFERIOR SLIDER PAGINA DE INICIO ========================================================= */ #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec #sppb-addon-3ff7e531-426d-4d8b-a1c5-c3eb0edb3e18 .sppb-addon-single-image-container { display: block !important; width: 100% !important; height: 260px !important; background: url(/images/shapes/shape-11.webp) center center no-repeat !important; background-size: 100% 100% !important; } #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec #sppb-addon-3ff7e531-426d-4d8b-a1c5-c3eb0edb3e18 .sppb-addon-single-image-container img { display: none !important; } /* ========================================================= FIN SHAPE INFERIOR SLIDER PAGINA DE INICIO ========================================================= */ /* ========================================================= INICIO IMAGEN GROUP SHAPE SLIDER PAGINA DE INICIO ========================================================= */ #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sppb-sp-slider-image.group-shape-1 { background: none !important; } #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sppb-sp-slider-image.group-shape-1 img { display: block !important; } /* ========================================================= FIN IMAGEN GROUP SHAPE SLIDER PAGINA DE INICIO ========================================================= */ div[id^="sppb-sp-slider-"], div[id^="sppb-sp-slider-"] .sp-slider-outer-stage, div[id^="sppb-sp-slider-"] .sp-slider-item, div[id^="sppb-sp-slider-"] .sp-background { min-height: 808px; } div[id^="sppb-sp-slider-"] .sp-background { background-size: cover; background-position: center; } @media (max-width: 500px) { div[id^="sppb-sp-slider-"], div[id^="sppb-sp-slider-"] .sp-slider-outer-stage, div[id^="sppb-sp-slider-"] .sp-slider-item, div[id^="sppb-sp-slider-"] .sp-background { min-height: 640px; } } @media (min-width: 501px) and (max-width: 767px) { div[id^="sppb-sp-slider-"], div[id^="sppb-sp-slider-"] .sp-slider-outer-stage, div[id^="sppb-sp-slider-"] .sp-slider-item, div[id^="sppb-sp-slider-"] .sp-background { min-height: 780px; } } @media (min-width: 768px) and (max-width: 1023px) { div[id^="sppb-sp-slider-"], div[id^="sppb-sp-slider-"] .sp-slider-outer-stage, div[id^="sppb-sp-slider-"] .sp-slider-item, div[id^="sppb-sp-slider-"] .sp-background { min-height: 720px; } #sp-header:not(.header-sticky) #sp-logo .sp-column { height: 100px!important; } #sp-header:not(.header-sticky) #sp-logo .sp-column a { width: 168px !important; display: block !important; margin: auto !important; } #sp-header:not(.header-sticky) #sp-menu { height: 100px!important; } #sp-header:not(.header-sticky) #sp-position2 .sp-column > .sp-module #offcanvas-toggler-custom { height: 100px !important; } } @media (min-width: 1024px) and (max-width: 1199px) { div[id^="sppb-sp-slider-"], div[id^="sppb-sp-slider-"] .sp-slider-outer-stage, div[id^="sppb-sp-slider-"] .sp-slider-item, div[id^="sppb-sp-slider-"] .sp-background { min-height: 760px; } } @media (min-width: 1200px) and (max-width: 1366px) { div[id^="sppb-sp-slider-"], div[id^="sppb-sp-slider-"] .sp-slider-outer-stage, div[id^="sppb-sp-slider-"] .sp-slider-item, div[id^="sppb-sp-slider-"] .sp-background { min-height: 808px; } } @media (min-width: 1367px) and (max-width: 1599px) { div[id^="sppb-sp-slider-"], div[id^="sppb-sp-slider-"] .sp-slider-outer-stage, div[id^="sppb-sp-slider-"] .sp-slider-item, div[id^="sppb-sp-slider-"] .sp-background { min-height: 820px; } } @media (min-width: 1600px) { div[id^="sppb-sp-slider-"], div[id^="sppb-sp-slider-"] .sp-slider-outer-stage, div[id^="sppb-sp-slider-"] .sp-slider-item, div[id^="sppb-sp-slider-"] .sp-background { min-height: 860px; } } /* ========================================================= DESDE AQUI EMPIEZA LOS NUEVOS ESTILOS DONDE VA IR UNICAMENTE LOS CAMBIOS QUE VAMOS A MANEJAR EL SITIO WEB ========================================================= */ :root { --sppb-maincolor-dark-2:#3A230C!important; --sppb-maincolor-dark: #23120C!important; --sppb-maincolor: #42270D!important; --sppb-maincolor-light: #5B3C06!important; --sppb-secondcolor: #EDC587!important; } /* ========================================================= INICIO SECCIÓN BUSCAR - .view-search ========================================================= */ .view-search #sp-main-body a { color: #95610B; font-weight: bold; text-decoration: underline; } .view-search #sp-main-body a:hover { color: #000; font-weight: bold; text-decoration: none; } .view-search #sp-main-body .finder .word input { height: 50px; padding: 0 20px; } .view-search #sp-main-body .form-control { border-radius: 25px 0 0 25px; } .view-search #sp-main-body .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-radius: 0 25px 25px 0px; background: #95610B; border-color: #95610B; width: 105px; font-weight: bold; text-transform: uppercase; } .view-search #sp-main-body .me-2 { color: #000; font-weight: bold; margin-bottom: 15px; } .view-search #sp-main-body .com-finder__explained span.term, .view-search #sp-main-body .com-finder__explained span.date, .view-search #sp-main-body .com-finder__explained span.when, .view-search #sp-main-body .com-finder__explained span.branch, .view-search #sp-main-body .com-finder__explained span.node, .view-search #sp-main-body .com-finder__explained span.op { font-weight: 800; color: #95610B; } /* ========================================================= FIN SECCIÓN BUSCAR - .view-search ========================================================= */ } /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header .logo { display: none; } #sp-header.header-sticky { background: var(--sppb-maincolor-dark) !important; padding: 0px 10px !important; } #sp-header:not(.header-sticky) #sp-logo .sp-column { padding: 0px!important; } #sp-header:not(.header-sticky) #sp-logo { padding-right: 10px; } #sppb-addon-71fe4ba5-6232-4b91-a4c9-147d148c7e28 .header-bar .bar { width: 26px !important; height: 3px !important; } #sppb-addon-71fe4ba5-6232-4b91-a4c9-147d148c7e28 .header-bar .bar-1 { margin-top: -8px !important; } #sppb-addon-71fe4ba5-6232-4b91-a4c9-147d148c7e28 .header-bar .bar-3 { margin-top: 8px !important; } #sp-header.header-sticky #sp-logo a, #sp-header.header-sticky #sp-logo img { height: 60px; width: auto !important; margin: auto; } #sp-header.header-sticky .logo_pagina_de_inicio { display:none; /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* ========================================================= INICIO SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-background::after { background: url(../../../images/hierroymadera/fondo_pagina_oscuro.webp); } #sppb-addon-699b1201-3e1f-415e-865a-7e655e674a5d .sppb-addon-icons-group { display: none!important; /* ========================================================= FIN SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ } /* ========================================================= INICIO SECCIÓN DE BUSCAR ========================================================= */ .com-finder__search button[data-bs-target="#advancedSearch"] { display: none !important; /* ========================================================= FIN SECCIÓN DE BUSCAR ========================================================= */ } /* ========================================================= INICIO MODULO OFFCANVAS - #section-id-b11a310f-1933-4343-afd7-422bfbe6d19b ========================================================= */ .offcanvas-menu .offcanvas-inner { min-height: 100%; } /* ========================================================= FIN MODULO OFFCANVAS - #section-id-b11a310f-1933-4343-afd7-422bfbe6d19b ========================================================= */ /* 0px a 500px */ @media (max-width: 500px) { .no_max_500 { display:none!important; } /* ========================================================= INICIO SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-background { background: url(../../../slider_pagina_de_inicio/mesa_comedor_moderna_premium_en_hierro_y_madera_para_cocina_a_medida_en_bogota_colombia_500px.jpg) center center no-repeat!important; background-size: cover!important; /* ========================================================= FIN SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ } /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header:not(.header-sticky) #sp-logo { padding-right: 10px; padding-left: 25px; } #sp-header:not(.header-sticky) #sp-menu { padding-left: 0px; } #sp-header:not(.header-sticky) #sp-logo .sp-column { background: none!important; backdrop-filter: none!important; border-radius: unset!important; padding: unset!important; border-right: none!important; border-bottom: none!important; } #sp-header:not(.header-sticky) #sp-menu .sp-column { padding: 22px 15px 22px 0px !important; background: none!important; backdrop-filter: none!important; border-radius: unset!important; border-left: none!important; border-bottom: none!important; } #sp-header { background: rgba(255,255,255,0.02); backdrop-filter: blur(14.75px); border-radius: 0; padding: 20px 40px; border-bottom: 1.5px solid rgba(255,255,255,0.1); } #sp-header:not(.header-sticky) .hm-botones-menu { transform: scale(0.75)!important; } .hm-menu-principal-movil { margin-left: 5px!important; } #sp-header:not(.header-sticky) #sp-logo .sp-column a { width: 100% !important; display: block !important; margin: auto !important; /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ } } /* 501px a 767px */ @media (min-width: 501px) and (max-width: 767px) { .no_min_501_max_767 { display:none!important; } /* ========================================================= INICIO SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-background { background: url(../../../slider_pagina_de_inicio/mesa_comedor_moderna_premium_en_hierro_y_madera_para_cocina_a_medida_en_bogota_colombia_768px.jpg) center center no-repeat!important; background-size: cover!important; /* ========================================================= FIN SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ } } /* hasta 575px */ @media (max-width: 575px) { .no_min_575 { display:none!important; } /* ========================================================= INICIO TOP BAR - #sp-top ========================================================= */ #sp-top { display: inherit !important; /* ========================================================= FINAL TOP BAR - #sp-top ========================================================= */ } /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header #sp-menu .sp-column .sp-module { display: block !important; } #sp-header:not(.header-sticky) #sp-menu .sp-column { padding: 22px 15px 22px 20px; } #sp-header:not(.header-sticky) .hm-botones-menu__pildora--oscura, #sp-header:not(.header-sticky) .hm-botones-menu__pildora--clara { display: none; } #sp-header:not(.header-sticky) .hm-botones-menu { transform: scale(0.75); transform-origin: right center; } #sp-header.header-sticky .hm-botones-menu { transform: scale(0.8); transform-origin: center left; right: -10px; position: relative; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* hasta 379px */ @media (max-width: 379px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header:not(.header-sticky) #sp-logo { width: 48%; } #sp-header:not(.header-sticky) #sp-menu { width: 52%; } #sp-header:not(.header-sticky) .hm-botones-menu__whatsapp, #sp-header:not(.header-sticky) .hm-botones-menu a[href="/buscar-muebles-y-mobiliario-en-hierro-metal-y-madera-a-medida-para-hogar-y-negocio-en-bogota-colombia"], #sp-header:not(.header-sticky) .hm-botones-menu a[href="tel:+573142251236"] { display: none; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* hasta 469px */ @media (max-width: 469px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header:not(.header-sticky) #sp-menu .sp-column { padding: 22px 8px 22px 20px!important; } .hm-menu-principal-movil { margin-left: 11px!important; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 380px a 404px */ @media (min-width: 380px) and (max-width: 404px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header:not(.header-sticky) #sp-logo { width: 45%; } #sp-header:not(.header-sticky) #sp-menu { width: 55%; } #sp-header:not(.header-sticky) .hm-botones-menu a[href="/buscar-muebles-y-mobiliario-en-hierro-metal-y-madera-a-medida-para-hogar-y-negocio-en-bogota-colombia"], #sp-header:not(.header-sticky) .hm-botones-menu a[href^="https://www.google.com/maps/place/FAHENN+SAS"] { display: none; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 405px a 429px */ @media (min-width: 405px) and (max-width: 429px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header:not(.header-sticky) #sp-logo { width: 38%; } #sp-header:not(.header-sticky) #sp-menu { width: 62%; } #sp-header:not(.header-sticky) .hm-botones-menu a[href^="https://www.google.com/maps/place/FAHENN+SAS"] { display: none; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 430px a 469px */ @media (min-width: 430px) and (max-width: 469px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header:not(.header-sticky) #sp-logo { width: 39%; } #sp-header:not(.header-sticky) #sp-menu { width: 61%; } #sp-header:not(.header-sticky) .hm-botones-menu a[href="/buscar-muebles-y-mobiliario-en-hierro-metal-y-madera-a-medida-para-hogar-y-negocio-en-bogota-colombia"] { display: none; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 470px a 500px */ @media (min-width: 470px) and (max-width: 500px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header:not(.header-sticky) #sp-logo { width: 35%; } #sp-header:not(.header-sticky) #sp-menu { width: 65%; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 501px a 575px */ @media (min-width: 501px) and (max-width: 575px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header:not(.header-sticky) #sp-logo { width: 38%; } #sp-header:not(.header-sticky) #sp-logo .sp-column a { width: 150px !important; display: block !important; margin: auto !important; } #sp-header:not(.header-sticky) #sp-menu { width: 62%; } #sp-header:not(.header-sticky) .hm-botones-menu a[href="/buscar-muebles-y-mobiliario-en-hierro-metal-y-madera-a-medida-para-hogar-y-negocio-en-bogota-colombia"] { display: none; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 576px a 767px */ @media (min-width: 576px) and (max-width: 767px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header:not(.header-sticky) #sp-logo { width: 34%; } #sp-header:not(.header-sticky) #sp-logo .sp-column a { width: 160px !important; display: block !important; margin: auto !important; } #sp-header:not(.header-sticky) #sp-menu { width: 66%; } #sp-header:not(.header-sticky) .hm-botones-menu { transform: scale(0.8); transform-origin: right center; } #sp-header:not(.header-sticky) .hm-botones-menu__pildora--oscura, #sp-header:not(.header-sticky) .hm-botones-menu__pildora--clara { display: none; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 0px a 767px */ @media (max-width: 767px) { .no_max_767 { display:none!important; } /* ========================================================= INICIO SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ #sppb-addon-3ff7e531-426d-4d8b-a1c5-c3eb0edb3e18 .sppb-addon-single-image-container img { max-width: 150% !important; width: 150% !important; margin-left: 5% !important; /* ========================================================= FIN SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ } /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ .hm-menu-principal-movil { margin-left: 15px; } /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header:not(.header-sticky) #sp-logo .sp-column { height: 90px!important; } #sp-header:not(.header-sticky) #sp-menu { height: 90px!important; } #sp-header:not(.header-sticky) #sp-position2 .sp-column > .sp-module #offcanvas-toggler-custom { height: 90px !important; /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* hasta 575px */ @media (max-width: 575px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky .hm-botones-menu__pildora { display:none; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 490px a 575px */ @media (min-width: 490px) and (max-width: 575px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky #sp-logo { width: 34%; } #sp-header.header-sticky #sp-menu { width: 66%; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 370px a 419px */ @media (min-width: 370px) and (max-width: 419px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky #sp-logo { width: 34%; padding-right: 0px; padding-left: 13px; } #sp-header.header-sticky #sp-menu { width: 66%; } #sp-header.header-sticky .hm-botones-menu { transform: scale(0.8); transform-origin: center right; right: 0px; } #sp-header.header-sticky #sp-menu { padding-left: 0px; } #sp-header.header-sticky #sp-logo .sp-column a { width: 100% !important; display: block !important; margin: auto !important; } #sp-header.header-sticky #sp-logo a, #sp-header.header-sticky #sp-logo img { height: auto; } #sp-header.header-sticky .hm-botones-menu a[href="/buscar-muebles-y-mobiliario-en-hierro-metal-y-madera-a-medida-para-hogar-y-negocio-en-bogota-colombia"] { display: none; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 420px a 449px */ @media (min-width: 420px) and (max-width: 449px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky #sp-logo { width: 31%; padding-right: 0px; padding-left: 13px; } #sp-header.header-sticky #sp-menu { width: 69%; } #sp-header.header-sticky .hm-botones-menu { transform: scale(0.83); transform-origin: center right; right: 0px; } #sp-header.header-sticky #sp-menu { padding-left: 0px; } #sp-header.header-sticky #sp-logo .sp-column a { width: 100% !important; display: block !important; margin: auto !important; } #sp-header.header-sticky #sp-logo a, #sp-header.header-sticky #sp-logo img { height: auto; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 450px a 489px */ @media (min-width: 450px) and (max-width: 489px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky #sp-logo { width: 33%; } #sp-header.header-sticky #sp-menu { width: 67%; } #sp-header.header-sticky .hm-botones-menu { transform: scale(0.83); transform-origin: center left; right: -30px; position: relative; } #sp-header.header-sticky #sp-menu { padding-left: 0px; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* hasta 359px */ @media (max-width: 359px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky #sp-logo { width: 40%; } #sp-header.header-sticky #sp-menu { width: 60%; } #sp-header.header-sticky .hm-botones-menu { transform: scale(0.8); transform-origin: center right; right: 0px; } #sp-header.header-sticky .hm-botones-menu a[href="/buscar-muebles-y-mobiliario-en-hierro-metal-y-madera-a-medida-para-hogar-y-negocio-en-bogota-colombia"] { display: none; right: 0px; } #sp-header:not(.header-sticky) #sp-logo a, #sp-header:not(.header-sticky) #sp-logo img { height: auto !important; width: 100% !important; margin: auto; } #sp-header.header-sticky #sp-logo a, #sp-header.header-sticky #sp-logo img { height: auto !important; width: 100% !important; margin: auto; } #sp-header:not(.header-sticky) #sp-logo .sp-column { padding: 10px !important; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* hasta 369px */ @media (max-width: 369px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky .hm-botones-menu a[href^="https://www.google.com/maps/place/FAHENN+SAS"] { display: none; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 360px a 369px */ @media (min-width: 360px) and (max-width: 369px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky #sp-logo { width: 40%; } #sp-header.header-sticky #sp-menu { width: 60%; } #sp-header.header-sticky .hm-botones-menu { transform: scale(0.8); transform-origin: center right; right: 0px; } #sp-header.header-sticky .hm-botones-menu a[href="/buscar-muebles-y-mobiliario-en-hierro-metal-y-madera-a-medida-para-hogar-y-negocio-en-bogota-colombia"] { display: none; right: 0px; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 576px a 599px */ @media (min-width: 576px) and (max-width: 599px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky #sp-logo { width: 25%; } #sp-header.header-sticky #sp-menu { width: 75%; } #sp-header.header-sticky .hm-botones-menu__pildora--clara { display:none; } #sp-header.header-sticky .hm-menu-principal-movil { margin-left: 0!important; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 576px a 767px */ @media (min-width: 576px) and (max-width: 767px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky .hm-botones-menu { transform: scale(0.85); transform-origin: center center; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 600px a 689px */ @media (min-width: 600px) and (max-width: 689px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky .hm-botones-menu__pildora--clara { display:none; } #sp-header.header-sticky #sp-logo { width: 27%; } #sp-header.header-sticky #sp-menu { width: 73%; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 690px a 749px */ @media (min-width: 690px) and (max-width: 749px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky .hm-botones-menu__whatsapp { display: none; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 690px a 767px */ @media (min-width: 690px) and (max-width: 767px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky #sp-logo { width: 21%; } #sp-header.header-sticky #sp-menu { width: 79%; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 768px a 1023px */ @media (min-width: 768px) and (max-width: 1023px) { .no_min_768_max_1023 { display:none!important; } /* ========================================================= INICIO SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-background { background: url(../../../slider_pagina_de_inicio/mesa_comedor_moderna_premium_en_hierro_y_madera_para_cocina_a_medida_en_bogota_colombia_1024px.jpg) center center no-repeat!important; background-size: cover!important; /* ========================================================= FIN SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ } } /* 768px a 879px */ @media (min-width: 768px) and (max-width: 879px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky .hm-botones-menu { transform: scale(0.9); transform-origin: center left; right: -10px; position: relative; /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } } /* 880px a 991px */ @media (min-width: 880px) and (max-width: 991px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky .hm-botones-menu { transform: scale(0.9); transform-origin: center center; right: -2%; position: relative; /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } } /* 768px a 991px */ @media (min-width: 768px) and (max-width: 991px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header:not(.header-sticky) #sp-logo { width: 27.5%; } #sp-header:not(.header-sticky) #sp-menu { width: 72.5%; } #sp-header:not(.header-sticky) .hm-botones-menu { transform: scale(0.95); transform-origin: center; } #sp-header:not(.header-sticky) #sp-menu .sp-column .sp-module { transform: scale(0.9)!important; transform-origin: center; } #sp-header:not(.header-sticky) .hm-botones-menu__pildora--clara { display: none; } #sp-header.header-sticky #sp-logo { width: 23%; } #sp-header.header-sticky #sp-menu { width: 77%; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* hasta 991px */ @media (max-width: 991px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header:not(.header-sticky) #sp-menu .sp-column { border-radius: 0 0 0px 16px!important; } #sp-header.header-sticky #sp-logo a, #sp-header.header-sticky #sp-logo img { margin: unset; } #sp-header.header-sticky .hm-menu-principal-movil { margin-left: 10px; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 0px a 1023px */ @media (max-width: 1023px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky #sp-logo .sp-column { height: 70px; } #sp-header.header-sticky #sp-menu { height: 70px; } #sp-header.header-sticky #sp-position2 { height: 70px; } #sp-header.header-sticky #sp-position2 .sp-column > .sp-module #offcanvas-toggler-custom { height: 70px; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* desde min 992px hacia arriba */ @media (min-width: 992px) { .no_min_992 { display:none!important; } } /* 992px a 1023px */ @media (min-width: 992px) and (max-width: 1023px) { .no_min_992_max_1023 { display:none!important; } /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header:not(.header-sticky) #sp-logo { width: 22.2%; } #sp-header:not(.header-sticky) #sp-menu { width: 68%; } #sp-header:not(.header-sticky) #sp-position2 { width: 9.8%; } #sp-header:not(.header-sticky) .hm-botones-menu { transform: scale(0.9); transform-origin: right center; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 992px a 1199px */ @media (min-width: 992px) and (max-width: 1199px) { .no_min_992_max_1199 { display:none!important; } /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky #sp-menu { display: flex; } #sp-header #sp-menu .sp-column { margin: auto; } #sp-header.header-sticky #sp-logo .sp-column { height: 80px; } #sp-header.header-sticky #sp-menu { height: 80px; padding-right: 0px; } #sp-header.header-sticky #sp-position2 { height: 80px; } #sp-header.header-sticky #sp-position2 .sp-column > .sp-module #offcanvas-toggler-custom { height: 80px; } #sp-header.header-sticky .hm-botones-menu { transform: scale(0.95); transform-origin: center center; right: 30px; position: relative; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 1024px a 1199px */ @media (min-width: 1024px) and (max-width: 1199px) { .no_min_1024_max_1199 { display:none!important; } /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header:not(.header-sticky) #sp-logo { width: 22%; } #sp-header:not(.header-sticky) #sp-logo .sp-column { height: 110px!important; } #sp-header:not(.header-sticky) #sp-logo .sp-column a { width: 175px !important; display: block!important; margin: auto!important; } #sp-header:not(.header-sticky) #sp-menu { height: 110px!important; width: 69%; } #sp-header:not(.header-sticky) #sp-position2 { width: 9%; } #sp-header:not(.header-sticky) #sp-position2 .sp-column > .sp-module #offcanvas-toggler-custom { height: 110px !important; } #sp-header:not(.header-sticky) .hm-botones-menu { transform: scale(0.95); transform-origin: right center; } #sp-header.header-sticky #sp-menu { display: flex; } #sp-header #sp-menu .sp-column { margin: auto; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ /* ========================================================= INICIO SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-background { background: url(../../../slider_pagina_de_inicio/mesa_comedor_moderna_premium_en_hierro_y_madera_para_cocina_a_medida_en_bogota_colombia_1200px.jpg) center center no-repeat!important; background-size: cover!important; /* ========================================================= FIN SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ } } /* hasta 1199px */ @media (max-width: 1199px) { /* ========================================================= INICIO CARRUSEL MENU PRINCIPAL DESKTOP - #sp-header ========================================================= */ #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-carousel { display: none !important; } /* ========================================================= INICIO MODULO OFFCANVAS - .offcanvas-menu ========================================================= */ .offcanvas-menu .offcanvas-inner { background: none; } /* ========================================================= FIN MODULO OFFCANVAS - .offcanvas-menu ========================================================= */ /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header:not(.header-sticky) #sp-menu { padding-left: 10px; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ /* ========================================================= FIN CARRUSEL MENU PRINCIPAL DESKTOP - #sp-header ========================================================= */ } /* desde 1200px */ @media (min-width: 1200px) { .no_min_1200 { display:none!important; } /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ .pagina_interna .logo_2 img, .pagina_interna .logo_2 a { width: auto; height: 80px; } #sp-header:not(.header-sticky) #sp-logo .sp-column { padding: 0 !important; height: 146px; } #sp-header:not(.header-sticky) #sp-logo .sp-column a { width: 220px; display: block; margin: auto; } #sp-header:not(.header-sticky) #sp-menu { height: 146px; padding-left: 10px; padding-right: 10px; } #sp-header:not(.header-sticky) #sp-position2 { padding-left: 10px; } #sp-header:not(.header-sticky) #sp-position2 .sp-column > .sp-module #offcanvas-toggler-custom { height: 146px !important; } #sp-header.header-sticky #sp-logo { padding: 0; } #sp-header.header-sticky #sp-menu { padding: 0; } #sp-header.header-sticky #sp-position2 { padding: 0; } #sp-header:not(.header-sticky) .sp-megamenu-parent > li > a, #sp-header:not(.header-sticky) .sp-megamenu-parent > li > span { padding: 5px 8px; } /* ========================================================= INICIO CARRUSEL MENU PRINCIPAL DESKTOP - #sp-header ========================================================= */ #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > a::after, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > span::after { content: none !important; display: none !important; opacity: 0 !important; visibility: hidden !important; } html body > .hm-menu-dropdown-portal { padding-top: 11px; } /* ========================================================= FIN CARRUSEL MENU PRINCIPAL DESKTOP - #sp-header ========================================================= */ /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* ========================================================= INICIO CARRUSEL MENU PRINCIPAL DESKTOP - #sp-header ========================================================= */ #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav { padding-right: 24px; } /* ========================================================= FIN CARRUSEL MENU PRINCIPAL DESKTOP - #sp-header ========================================================= */ } /* 1200px a 1365px */ @media (min-width: 1200px) and (max-width: 1365px) { .no_min_1200_max_1365 { display:none!important; } /* ========================================================= INICIO SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-background { background: url(../../../slider_pagina_de_inicio/mesa_comedor_moderna_premium_en_hierro_y_madera_para_cocina_a_medida_en_bogota_colombia_1366px.jpg) center center no-repeat!important; background-size: cover!important; } /* ========================================================= FIN SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ } /* 1200px a 1599px */ @media (min-width: 1200px) and (max-width: 1599px) { .no_min_1200_max_1599 { display:none!important; } /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky #sp-logo .sp-column { height: 80px; } #sp-header.header-sticky #sp-menu { height: 80px; } #sp-header.header-sticky #sp-position2 { height: 80px; } #sp-header.header-sticky #sp-position2 .sp-column > .sp-module #offcanvas-toggler-custom { height: 80px; } #sp-header.header-sticky .sp-megamenu-parent > li > a, #sp-header.header-sticky .sp-megamenu-parent > li > span { padding: 0 8.5px; } #sp-header.header-sticky nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > a::after, #sp-header.header-sticky nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > span::after { content: none !important; display: none !important; opacity: 0 !important; visibility: hidden !important; } #sp-header.header-sticky nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > a, #sp-header.header-sticky nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > span { padding-bottom: 5px; } /* ========================================================= FINAL NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 1366px a 1599px */ @media (min-width: 1366px) and (max-width: 1599px) { .no_min_1366_max_1599 { display:none!important; } /* ========================================================= INICIO SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-background { background: url(../../../slider_pagina_de_inicio/mesa_comedor_moderna_premium_en_hierro_y_madera_para_cocina_a_medida_en_bogota_colombia_1920px.jpg) center center no-repeat!important; background-size: cover!important; } /* ========================================================= FIN SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ } /* 1366px a 1599px */ @media (min-width: 1366px) and (max-width: 1599px) { .no_min_1366_max_1599 { display:none!important; } /* ========================================================= INICIO SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-background { background: url(../../../slider_pagina_de_inicio/mesa_comedor_moderna_premium_en_hierro_y_madera_para_cocina_a_medida_en_bogota_colombia_1600px.jpg) center center no-repeat!important; background-size: cover!important; } /* ========================================================= FIN SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ } /* 1200px a 1399px */ @media (min-width: 1200px) and (max-width: 1399px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-logo { width: 23%; } #sp-menu { width: 68%; } #sp-position2 { width: 9%; } #sp-header.header-sticky #sp-logo { width: 15%; } #sp-header.header-sticky #sp-menu { width: 77.5%; } #sp-header.header-sticky #sp-position2 { width: 7.5%; } #sp-header:not(.header-sticky) .hm-botones-menu__telefono, #sp-header:not(.header-sticky) .hm-botones-menu__ubicacion, #sp-header:not(.header-sticky) .hm-botones-menu a[href="tel:+573142251236"], #sp-header:not(.header-sticky) .hm-botones-menu a[href^="https://www.google.com/maps/place/FAHENN+SAS"] { display: none; } #sp-header:not(.header-sticky) .hm-botones-menu__pildora--oscura, #sp-header:not(.header-sticky) .hm-botones-menu__pildora--clara { display: none; } #sp-header.header-sticky .hm-botones-menu__telefono, #sp-header.header-sticky .hm-botones-menu__ubicacion, #sp-header.header-sticky .hm-botones-menu a[href="tel:+573142251236"] { display: none; } #sp-header.header-sticky .hm-botones-menu__pildora--oscura { display: none; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 1400px a 1599px */ @media (min-width: 1400px) and (max-width: 1599px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-logo { width: 20%; } #sp-menu { width: 72%; } #sp-position2 { width: 8%; } #sp-header.header-sticky #sp-logo { width: 13.5%; } #sp-header.header-sticky #sp-menu { width: 80%; } #sp-header.header-sticky #sp-position2 { width: 6.5%; } #sp-header:not(.header-sticky) .hm-botones-menu__ubicacion, #sp-header:not(.header-sticky) .hm-botones-menu a[href^="https://www.google.com/maps/place/FAHENN+SAS"], #sp-header:not(.header-sticky) .hm-botones-menu__telefono, #sp-header:not(.header-sticky) .hm-botones-menu a[href="tel:+573142251236"], #sp-header:not(.header-sticky) .hm-botones-menu__pildora--clara { display: none; } #sp-header.header-sticky .hm-botones-menu__telefono, #sp-header.header-sticky .hm-botones-menu a[href="tel:+573142251236"] { display: none; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 1600px en adelante */ @media (min-width: 1600px) { .no_min_1600 { display:none!important; } /* ========================================================= INICIO SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-background { background: url(../../../slider_pagina_de_inicio/mesa_comedor_moderna_premium_en_hierro_y_madera_para_cocina_a_medida_en_bogota_colombia_1920px.jpg) center center no-repeat!important; background-size: cover!important; } /* ========================================================= FIN SLIDER PÁGINA DE INICIO - #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header:not(.header-sticky) #sp-menu .sp-column { padding: 0px 20px 2px !important; } #sp-position2 { padding-left: 10px; } #sp-header.header-sticky #sp-logo .sp-column { height: 110px; } #sp-header.header-sticky #sp-menu { height: 110px; } #sp-header.header-sticky #sp-position2 { height: 110px; } #sp-header.header-sticky #sp-position2 .sp-column > .sp-module #offcanvas-toggler-custom { height: 110px; } #sp-header.header-sticky .sp-megamenu-parent > li > a, #sp-header.header-sticky .sp-megamenu-parent > li > span { padding: 0px 6px; } #sp-header#sp-header.header-sticky nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > a::before, #sp-header#sp-header.header-sticky nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > span::before { display: block; width: 64px; height: 48px; margin-bottom: 3px; } #sp-header.header-sticky nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > a, #sp-header.header-sticky nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > span, #sp-header.header-sticky nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-two-line { font-size: 13px !important; line-height: 13px !important; } #sp-header.header-sticky nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > a::after, #sp-header.header-sticky nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > span::after { content: none !important; display: none !important; opacity: 0 !important; visibility: hidden !important; } #sp-header.header-sticky #sp-logo a, #sp-header.header-sticky #sp-logo img { height: 75px; width: auto !important; margin: auto; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 1600px a 1919px */ @media (min-width: 1600px) and (max-width: 1919px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header:not(.header-sticky) #sp-logo { width: 17.5%; } #sp-header:not(.header-sticky) #sp-menu { width: 75.5%; } #sp-header:not(.header-sticky) #sp-position2 { width: 7%; } #sp-header.header-sticky #sp-logo { width: 16%; } #sp-header.header-sticky #sp-menu { width: 74%; } #sp-header.header-sticky #sp-position2 { width: 10%; } #sp-header:not(.header-sticky) .hm-botones-menu__telefono, #sp-header:not(.header-sticky) .hm-botones-menu a[href="tel:+573142251236"], #sp-header:not(.header-sticky) .hm-botones-menu__pildora--clara { display: none; } #sp-header.header-sticky .hm-botones-menu__telefono, #sp-header.header-sticky .hm-botones-menu a[href="tel:+573142251236"] { display: none; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* 1920px en adelante */ @media (min-width: 1920px) { /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header.header-sticky #sp-logo { width: 13%; } #sp-header.header-sticky #sp-menu { width: 78.5%; } #sp-header.header-sticky #sp-position2 { width: 8.5%; } #sp-header.header-sticky .hm-botones-menu__whatsapp { width: 150px!important; height: 47px!important; border: 0; border-radius: 0; background: url("/botones_menu/boton_telefono_whatsapp_muebles_hierro_y_madera.png") center center / contain no-repeat; box-shadow: none; } #sp-header.header-sticky .hm-botones-menu__whatsapp i { display: none; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } /* ========================================================= INICIO CARRUSEL MENU PRINCIPAL DESKTOP - #sp-header ========================================================= */ @media (min-width: 992px) { #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav { flex: 1 1 auto; width: 100%; max-width: 100%; min-width: 0; overflow: visible; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-carousel { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 100%; min-width: 0; overflow: visible; gap: 18px; position: relative; z-index: 5; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport { flex: 1 1 auto; width: auto; max-width: none; min-width: 0; overflow-x: hidden; overflow-y: visible; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: smooth; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport::-webkit-scrollbar { display: none; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent { display: flex !important; flex-wrap: nowrap !important; align-items: center; width: max-content !important; min-width: max-content !important; margin: 0 !important; transform: translate3d(0, 0, 0); will-change: transform; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item { flex: 0 0 auto; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > a, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > span { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; position: relative; cursor: default; font-size: 14px !important; line-height: 14px !important; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > span::before { content: ""; display: block; width: 80px; height: 60px; margin-bottom: 4px; border-radius: 5px; background: #fff; } #sp-header.header-sticky nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > a::before, #sp-header.header-sticky nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > span::before { display: none; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_restaurantes > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_restaurantes > span::before { width: 80px; height: 60px; background-image: url("/images/hierroymadera/iconos_menu_principal/boton_mobiliario_restaurantes.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_restaurantes > a:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_restaurantes > span:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_restaurantes.hm-menu-dropdown-open > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_restaurantes.hm-menu-dropdown-open > span::before { background-image: url("/images/hierroymadera/iconos_menu_principal/boton_mobiliario_restaurantes_hover_active.jpg"); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_escritorios_bibliotecas > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_escritorios_bibliotecas > span::before { width: 80px; height: 60px; background-image: url("/images/hierroymadera/iconos_menu_principal/boton_escritorios_bibliotecas.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_escritorios_bibliotecas > a:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_escritorios_bibliotecas > span:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_escritorios_bibliotecas.hm-menu-dropdown-open > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_escritorios_bibliotecas.hm-menu-dropdown-open > span::before { background-image: url("/images/hierroymadera/iconos_menu_principal/boton_escritorios_bibliotecas_hover_active.jpg"); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_estanteria_comercial > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_estanteria_comercial > span::before { width: 80px; height: 60px; background-image: url("/images/hierroymadera/iconos_menu_principal/boton_estanteria_comercial.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_estanteria_comercial > a:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_estanteria_comercial > span:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_estanteria_comercial.hm-menu-dropdown-open > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_estanteria_comercial.hm-menu-dropdown-open > span::before { background-image: url("/images/hierroymadera/iconos_menu_principal/boton_estanteria_comercial_hover_active.jpg"); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_estanterias_decorativas > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_estanterias_decorativas > span::before { width: 80px; height: 60px; background-image: url("/images/hierroymadera/iconos_menu_principal/boton_estanterias_decorativas.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_estanterias_decorativas > a:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_estanterias_decorativas > span:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_estanterias_decorativas.hm-menu-dropdown-open > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_estanterias_decorativas.hm-menu-dropdown-open > span::before { background-image: url("/images/hierroymadera/iconos_menu_principal/boton_estanterias_decorativas_hover_active.jpg"); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mostradores_barras > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mostradores_barras > span::before { width: 80px; height: 60px; background-image: url("/images/hierroymadera/iconos_menu_principal/boton_mostradores_barras.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mostradores_barras > a:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mostradores_barras > span:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mostradores_barras.hm-menu-dropdown-open > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mostradores_barras.hm-menu-dropdown-open > span::before { background-image: url("/images/hierroymadera/iconos_menu_principal/boton_mostradores_barras_hover_active.jpg"); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_sillas_bancas > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_sillas_bancas > span::before { width: 80px; height: 60px; background-image: url("/images/hierroymadera/iconos_menu_principal/boton_sillas_bancas.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_sillas_bancas > a:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_sillas_bancas > span:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_sillas_bancas.hm-menu-dropdown-open > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_sillas_bancas.hm-menu-dropdown-open > span::before { background-image: url("/images/hierroymadera/iconos_menu_principal/boton_sillas_bancas_hover_active.jpg"); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_camas_camarotes > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_camas_camarotes > span::before { width: 80px; height: 60px; background-image: url("/images/hierroymadera/iconos_menu_principal/boton_camas_camarotes.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_camas_camarotes > a:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_camas_camarotes > span:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_camas_camarotes.hm-menu-dropdown-open > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_camas_camarotes.hm-menu-dropdown-open > span::before { background-image: url("/images/hierroymadera/iconos_menu_principal/boton_camas_camarotes_hover_active.jpg"); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_oficinas > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_oficinas > span::before { width: 80px; height: 60px; background-image: url("/images/hierroymadera/iconos_menu_principal/boton_mobiliario_oficinas.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_oficinas > a:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_oficinas > span:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_oficinas.hm-menu-dropdown-open > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_oficinas.hm-menu-dropdown-open > span::before { background-image: url("/images/hierroymadera/iconos_menu_principal/boton_mobiliario_oficinas_hover_active.jpg"); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_muebles_diseno > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_muebles_diseno > span::before { width: 80px; height: 60px; background-image: url("/images/hierroymadera/iconos_menu_principal/boton_muebles_diseno.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_muebles_diseno > a:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_muebles_diseno > span:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_muebles_diseno.hm-menu-dropdown-open > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_muebles_diseno.hm-menu-dropdown-open > span::before { background-image: url("/images/hierroymadera/iconos_menu_principal/boton_muebles_diseno_hover_active.jpg"); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_bares_cafeterias > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_bares_cafeterias > span::before { width: 80px; height: 60px; background-image: url("/images/hierroymadera/iconos_menu_principal/boton_bares_cafeterias.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_bares_cafeterias > a:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_bares_cafeterias > span:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_bares_cafeterias.hm-menu-dropdown-open > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_bares_cafeterias.hm-menu-dropdown-open > span::before { background-image: url("/images/hierroymadera/iconos_menu_principal/boton_bares_cafeterias_hover_active.jpg"); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_salas > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_salas > span::before { width: 80px; height: 60px; background-image: url("/images/hierroymadera/iconos_menu_principal/boton_mobiliario_salas.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_salas > a:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_salas > span:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_salas.hm-menu-dropdown-open > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_salas.hm-menu-dropdown-open > span::before { background-image: url("/images/hierroymadera/iconos_menu_principal/boton_mobiliario_salas_hover_active.jpg"); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_locales_comerciales > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_locales_comerciales > span::before { width: 80px; height: 60px; background-image: url("/images/hierroymadera/iconos_menu_principal/boton_locales_comerciales.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_locales_comerciales > a:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_locales_comerciales > span:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_locales_comerciales.hm-menu-dropdown-open > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_locales_comerciales.hm-menu-dropdown-open > span::before { background-image: url("/images/hierroymadera/iconos_menu_principal/boton_locales_comerciales_hover_active.jpg"); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_hogares > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_hogares > span::before { width: 80px; height: 60px; background-image: url("/images/hierroymadera/iconos_menu_principal/boton_mobiliario_hogares.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_hogares > a:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_hogares > span:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_hogares.hm-menu-dropdown-open > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_hogares.hm-menu-dropdown-open > span::before { background-image: url("/images/hierroymadera/iconos_menu_principal/boton_mobiliario_hogares_hover_active.jpg"); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_portones_exclusivos > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_portones_exclusivos > span::before { width: 80px; height: 60px; background-image: url("/images/hierroymadera/iconos_menu_principal/boton_portones_exclusivos.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_portones_exclusivos > a:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_portones_exclusivos > span:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_portones_exclusivos.hm-menu-dropdown-open > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_portones_exclusivos.hm-menu-dropdown-open > span::before { background-image: url("/images/hierroymadera/iconos_menu_principal/boton_portones_exclusivos_hover_active.jpg"); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_puertas_modernas > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_puertas_modernas > span::before { width: 80px; height: 60px; background-image: url("/images/hierroymadera/iconos_menu_principal/boton_puertas_modernas.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_puertas_modernas > a:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_puertas_modernas > span:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_puertas_modernas.hm-menu-dropdown-open > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_puertas_modernas.hm-menu-dropdown-open > span::before { background-image: url("/images/hierroymadera/iconos_menu_principal/boton_puertas_modernas_hover_active.jpg"); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mesas_hogares > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mesas_hogares > span::before { width: 80px; height: 60px; background-image: url("/images/hierroymadera/iconos_menu_principal/boton_mesas_hogares.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mesas_hogares > a:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mesas_hogares > span:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mesas_hogares.hm-menu-dropdown-open > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mesas_hogares.hm-menu-dropdown-open > span::before { background-image: url("/images/hierroymadera/iconos_menu_principal/boton_mesas_hogares_hover_active.jpg"); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_comedores > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_comedores > span::before { width: 80px; height: 60px; background-image: url("/images/hierroymadera/iconos_menu_principal/boton_mobiliario_comedores.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_comedores > a:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_comedores > span:hover::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_comedores.hm-menu-dropdown-open > a::before, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.boton_mobiliario_comedores.hm-menu-dropdown-open > span::before { background-image: url("/images/hierroymadera/iconos_menu_principal/boton_mobiliario_comedores_hover_active.jpg"); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > a:hover, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > span:hover, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item.hm-menu-dropdown-open > a, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item.hm-menu-dropdown-open > span { color: #EDC587 !important; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > a::after, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > span::after { content: none !important; display: none !important; opacity: 0 !important; visibility: hidden !important; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item.hm-menu-dropdown-open > a::after, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item.hm-menu-dropdown-open > span::after { width: 8px; height: 8px; border-right: 3px solid #EDC587; border-bottom: 3px solid #EDC587; border-radius: 0; background: none; transform: translateX(-50%) rotate(45deg); transition: all 0.12s ease; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > .sp-dropdown { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > a[data-hm-two-line-ready="1"], #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport > .sp-megamenu-parent > li.sp-menu-item > span[data-hm-two-line-ready="1"] { display: inline-flex; align-items: center; justify-content: center; line-height: 14px !important; min-height: 44px; text-align: center; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-two-line { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; white-space: nowrap; font-size: 14px !important; line-height: 14px !important; } body > .hm-menu-dropdown-portal { position: fixed !important; display: block !important; opacity: 1 !important; visibility: visible !important; z-index: 99999 !important; width: 310px !important; min-width: 310px !important; padding-top: 5px; margin-left: -5px; pointer-events: auto; } body > .hm-menu-dropdown-portal .sp-dropdown-inner { position: relative; padding: 15px 0; background: var(--sppb-white-color); border-radius: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } body > .hm-menu-dropdown-portal .sp-dropdown-inner::before { content: ""; position: absolute; left: 50%; top: -6px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid var(--sppb-white-color); transform: translateX(-50%); } @media (min-width: 1200px) and (max-width: 1599px) { body:has(#sp-header.header-sticky) > .hm-menu-dropdown-portal { margin-top: -1px; } } @media (min-width: 1600px) { body:has(#sp-header.header-sticky) > .hm-menu-dropdown-portal { margin-top: -5px; } body:has(#sp-header.header-sticky) > .hm-menu-dropdown-portal .sp-dropdown-inner::before { top: -6px; } } body > .hm-menu-dropdown-portal ul { list-style: none; margin: 0; padding: 0; } body > .hm-menu-dropdown-portal li.sp-menu-item { position: relative; } body > .hm-menu-dropdown-portal li.sp-menu-item > a, body > .hm-menu-dropdown-portal li.sp-menu-item span:not(.sp-menu-badge) { position: relative; z-index: 11; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 7px 24px; color: #383838; background: none; border-radius: 0; font-size: 15px !important; font-weight: 500; line-height: 19px !important; } body > .hm-menu-dropdown-portal li.boton_descripcion > a { justify-content: flex-start; gap: 8px; } body > .hm-menu-dropdown-portal li.boton_galeria > a, body > .hm-menu-dropdown-portal li.boton_preguntas > a { justify-content: flex-start; gap: 8px; } body > .hm-menu-dropdown-portal li.boton_descripcion > a::before { content: ""; display: inline-block; flex: 0 0 7px; width: 7px; height: 7px; align-self: flex-start; margin-top: 7px; border-radius: 50%; background: currentColor; } body > .hm-menu-dropdown-portal li.boton_preguntas > a::before { content: ""; display: inline-block; flex: 0 0 7px; width: 7px; height: 7px; align-self: flex-start; margin-top: 7px; border-radius: 50%; background: currentColor; } body > .hm-menu-dropdown-portal li.boton_galeria > a::before { content: ""; display: inline-block; flex: 0 0 7px; width: 7px; height: 7px; align-self: flex-start; margin-top: 7px; border-radius: 50%; background: currentColor; } body > .hm-menu-dropdown-portal li.sp-menu-item > a:hover, body > .hm-menu-dropdown-portal li.sp-menu-item span:not(.sp-menu-badge):hover, body > .hm-menu-dropdown-portal li.sp-menu-item.active > a { color: #383838; background: var(--sppb-secondcolor); } body > .hm-menu-dropdown-portal .sp-dropdown { position: absolute !important; top: 0; left: 100%; display: none !important; opacity: 0; visibility: hidden; } body > .hm-menu-dropdown-portal li.sp-has-child:hover > .sp-dropdown { display: block !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= INICIO NUEVO CABEZOTE - #sp-header ========================================================= */ #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-arrow { flex: 0 0 30px; width: 30px; height: 30px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.78); border-radius: 50%; background: rgba(255, 255, 255, 0.08); color: #fff; display: inline-flex; align-items: center; justify-content: center; line-height: 1; cursor: pointer; opacity: 0.95; position: relative; z-index: 6; pointer-events: auto; transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease, opacity 0.25s ease, transform 0.25s ease; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-arrow i { font-size: 13px; line-height: 1; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-arrow:hover, #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-arrow:focus { border-color: #EDC587; color: #fff; background: rgba(237, 197, 135, 0.18); opacity: 1; transform: scale(1.08); } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-carousel.hm-menu-carousel--inactive .hm-menu-arrow { display: none; } /* ========================================================= FIN NUEVO CABEZOTE - #sp-header ========================================================= */ } @media (max-width: 991px) { #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav { display: none!important; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-carousel { display: contents !important; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-viewport { display: contents !important; } #sp-header nav.sp-megamenu-wrapper.hm-menu-carousel-nav .hm-menu-arrow { display: none !important; } } @media (max-width: 1199px) { .offcanvas-menu .offcanvas-inner .hm-menu-two-line { display: inline-flex; flex-direction: column; gap: 2px; line-height: 1.12; } .offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) { margin-right: 0px; } /* ========================================================= INICIO ICONOS MENU HAMBURGUESA - .offcanvas-menu ========================================================= */ .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > a, .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > .menu-separator { display: flex !important; align-items: center; gap: 10px; width: 100%; padding-top: 12px !important; padding-bottom: 12px !important; padding-right: 34px !important; cursor: pointer; padding-left: 10px; } .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > a::before, .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > .menu-separator::before { content: ""; display: inline-block; width: 36px; height: 36px; flex: 0 0 36px; background-color: #fff; background-image: none; -webkit-mask: var(--hm-offcanvas-icon) center / contain no-repeat; mask: var(--hm-offcanvas-icon) center / contain no-repeat; } .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > .menu-separator:hover, .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > .menu-separator:focus { background: rgba(237, 197, 135, 0.10); color: #EDC587 !important; } .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > a:hover span, .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > a:focus span, .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > .menu-separator:hover span, .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > .menu-separator:focus span { color: #EDC587 !important; } .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > a:hover::before, .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > a:focus::before, .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > .menu-separator:hover::before, .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > .menu-separator:focus::before { background-color: #EDC587; } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_inicio { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_inicio.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_nosotros { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_nosotros.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_servicios { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_servicios.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_mobiliario_hogares { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_muebles_para_hogares.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_mesas_hogares { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_mesas_para_hogares.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_mobiliario_comedores { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_mobiliario_comedores.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_sillas_bancas { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_sillas_y_bancas.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_mobiliario_salas { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_mobiliario_para_salas.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_camas_camarotes { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_camas_y_camarotes.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_escritorios_bibliotecas { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_escritorios_y_biblioetcas.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_estanterias_decorativas { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_estanterias_decorativas.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_mobiliario_oficinas { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_mobiliario_para_oficinas.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_mobiliario_restaurantes { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_mobiliario_restaurantes.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_bares_cafeterias { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_bares_y_cafeterias.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_locales_comerciales { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_locales_comerciales.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_estanteria_comercial { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_estanteria_comercial.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_muebles_diseno { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_muebles_de_diseno.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_puertas_modernas { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_puertas_modernas.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_portones_exclusivos { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_portones_exclusivos.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_buscar { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_buscar.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li.boton_contactenos { --hm-offcanvas-icon: url("/images/hierroymadera/iconos_para_el_menu/icono_contactenos.png"); } .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"]:not(.boton_contactenos) { border-bottom: 1px solid rgba(255, 255, 255, 0.24); } .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"].menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"].menu-parent > .menu-separator > .menu-toggler { display: block !important; position: absolute !important; right: 0 !important; top: 50% !important; width: 100%; height: 100%; padding: 0 !important; transform: translateY(-50%) !important; color: #fff !important; opacity: 1 !important; z-index: 2; } .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"].menu-parent > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"].menu-parent > .menu-separator > .menu-toggler::after { content: "" !important; display: block !important; width: 8px; height: 8px; position: absolute; right: 10px; top: 50%; border-right: 2px solid #fff; border-bottom: 2px solid #fff; opacity: 1 !important; transform: translateY(-50%) rotate(-45deg); } .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"].menu-parent.menu-parent-open > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"].menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"].menu-parent[aria-expanded="true"] > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"].menu-parent[aria-expanded="true"] > .menu-separator > .menu-toggler::after { transform: translateY(-50%) rotate(45deg); } .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > ul.menu-child > li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.18); } .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > ul.menu-child > li > a { display: flex; align-items: flex-start; gap: 8px; padding-top: 8px; padding-bottom: 8px; } .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > ul.menu-child > li > a::before { content: ""; width: 5px; height: 5px; flex: 0 0 5px; margin-top: 7px; border-radius: 50%; background: #fff; } .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > ul.menu-child > li > a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li[class*="boton_"] > ul.menu-child > li > a:focus { background: rgba(237, 197, 135, 0.14); color: #EDC587 !important; } /* ========================================================= FIN ICONOS MENU HAMBURGUESA - .offcanvas-menu ========================================================= */ } /* ========================================================= FIN CARRUSEL MENU PRINCIPAL DESKTOP - #sp-header ========================================================= */ /* ========================================================= INICIO ALTURA PANTALLA COMPLETA SLIDER PÁGINA DE INICIO #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sppb-container-inner, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sppb-addon-sp-slider, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-slider-outer-stage, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-item, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-background { height: 100vh !important; min-height: 100vh !important; } @supports (height: 100dvh) { #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sppb-container-inner, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sppb-addon-sp-slider, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-slider-outer-stage, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-item, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-background { height: 100dvh !important; min-height: 100dvh !important; } } /* ========================================================= FIN ALTURA PANTALLA COMPLETA SLIDER PÁGINA DE INICIO #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ @media (max-width: 767px) { #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sppb-container-inner, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sppb-addon-sp-slider, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-slider-outer-stage, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-item, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-background { min-height: 780px !important; } } @media (max-width: 500px) { #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sppb-container-inner, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sppb-addon-sp-slider, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-slider-outer-stage, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-item, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-background { min-height: 700px !important; } } @media (min-width: 768px) { #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sppb-container-inner, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sppb-addon-sp-slider, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-slider-outer-stage, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-item, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-background { min-height: 768px !important; } } /* ========================================================= INICIO DOTS SLIDER PÁGINA DE INICIO #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */ #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-dots { left: 50% !important; right: auto !important; bottom: 45px !important; width: auto !important; transform: translateX(-50%) !important; } #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-dots ul { display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; } #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-dots ul li, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-dots ul li.active { width: 16px !important; height: 16px !important; margin: 0 !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.55) !important; } #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-dots ul li .dot-indicator, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-dots ul li .dot-indicator.active { width: 100% !important; height: 100% !important; border-radius: 50% !important; background: #EDC587 !important; } #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-dots ul li:hover .dot-indicator, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-dots ul li.active .dot-indicator, #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sp-dots ul li .dot-indicator.active { background: #fff !important; } @media (max-width: 1599px) { #sppb-addon-668a2cdd-178f-4e91-8a13-dcb29fec57ce div.sp-slider .sp-nav-control .nav-control { color: #fff !important; height: 50px !important; width: 50px !important; border: none !important; background: none !important; line-height: 50px !important; font-size: 14px !important; padding: 0 !important; top: 0 !important; bottom: 0 !important; } #sppb-addon-668a2cdd-178f-4e91-8a13-dcb29fec57ce div.sp-slider .sp-nav-control .nav-control:hover { background: none !important; } #sppb-addon-668a2cdd-178f-4e91-8a13-dcb29fec57ce div.sp-slider .sp-nav-control { left: 50px !important; right: 50px !important; width: 222px !important; margin-bottom: 81px !important; } #sppb-addon-668a2cdd-178f-4e91-8a13-dcb29fec57ce div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control { font-size: 28px !important; width: 50px !important; height: 50px !important; } #sppb-addon-668a2cdd-178f-4e91-8a13-dcb29fec57ce div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i { line-height: 50px !important; } } @media (max-width: 767px) { /* ========================================================= INICIO DEGRADADO MOVIL SLIDER PAGINA DE INICIO ========================================================= */ #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sppb-sp-slider-image.group-shape-1 { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; background: radial-gradient(circle at 120% 0%, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.60) 15%, rgba(0, 0, 0, 0) 32%), radial-gradient(circle at 0% 58%, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.64) 18%, rgba(0, 0, 0, 0.26) 32%, rgba(0, 0, 0, 0) 46%), linear-gradient(180deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.04) 45%, rgba(0, 0, 0, 0.28) 100%) !important; pointer-events: none !important; } #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec .sppb-sp-slider-image.group-shape-1 img { display: none !important; } /* ========================================================= FIN DEGRADADO MOVIL SLIDER PAGINA DE INICIO ========================================================= */ } /* ========================================================= FIN DOTS SLIDER PÁGINA DE INICIO #section-id-e6f1c3f1-d73c-4891-b1f8-85abab38e7ec ========================================================= */