/** Shopify CDN: Minification failed Line 2406:0 Expected "}" to go with "{" **/ /* MHESUS GLOBAL DESIGN SYSTEM V1 Shared visual layer — collection, product, search, cart, service and content templates. */ :root { --mh-blue: #4854a4; --mh-blue-hover: #39458f; --mh-charcoal: #1b2838; --mh-black: #202c68; --mh-surface: #fcfdff; --mh-soft: #f4f7fb; --mh-line: rgba(32, 44, 104, .13); --mh-line-active: rgba(72, 84, 164, .34); --mh-radius-sm: 6px; --mh-radius: 10px; --mh-radius-lg: 14px; --mh-shadow-sm: 0 6px 18px rgba(18, 28, 41, .05); --mh-shadow: 0 12px 32px rgba(18, 28, 41, .08); --mh-shadow-lift: 0 20px 40px rgba(18, 28, 41, .12); --mh-ease: cubic-bezier(.2,.7,.2,1); --mh-speed: 260ms; } body { background: var(--mh-soft); color: var(--mh-charcoal); } #MainContent { background: var(--mh-soft); } #MainContent .shopify-section:not(:has(.mhesus-search)) .section-background { background: transparent; } /* Typography and focus */ #MainContent :is(h1,h2,h3,h4,h5,h6), footer :is(h1,h2,h3,h4,h5,h6) { color: var(--mh-charcoal); font-family: var(--font-heading--family); font-weight: 700; letter-spacing: .025em; } #MainContent :is(a,button,input,select,textarea):focus-visible, footer :is(a,button,input):focus-visible { outline: 2px solid rgba(72, 84, 164,.82) !important; outline-offset: 3px !important; } /* Button family */ #MainContent .button, #MainContent button[type='submit']:not(.quantity-selector__button), #MainContent .shopify-payment-button__button, footer .button { min-height: 46px; border: 1px solid var(--mh-blue); border-radius: var(--mh-radius-sm); background: var(--mh-blue); box-shadow: 0 9px 22px rgba(72, 84, 164,.19), inset 0 1px 0 rgba(255,255,255,.18); color: #fff; font-family: var(--font-accent--family); font-weight: 700; letter-spacing: .065em; text-transform: uppercase; transition: transform var(--mh-speed) var(--mh-ease), box-shadow var(--mh-speed) var(--mh-ease), background var(--mh-speed) ease, border-color var(--mh-speed) ease; } @media (hover:hover) and (pointer:fine) { #MainContent .button:hover, #MainContent button[type='submit']:not(.quantity-selector__button):hover, footer .button:hover { transform: translateY(-2px); background: var(--mh-blue-hover); border-color: var(--mh-blue-hover); box-shadow: 0 14px 30px rgba(72, 84, 164,.28); } } #MainContent .button-secondary, #MainContent a.button.button--secondary, #MainContent .button--secondary { border-color: rgba(72, 84, 164,.38); background: transparent; box-shadow: none; color: var(--mh-blue); } @media (hover:hover) and (pointer:fine) { #MainContent .button-secondary:hover, #MainContent a.button.button--secondary:hover, #MainContent .button--secondary:hover { border-color: var(--mh-blue); background: rgba(72, 84, 164,.06); color: var(--mh-blue); box-shadow: none; } } /* Shared cards: product, category, service */ #MainContent product-card .product-card__content, #MainContent .collection-card, #MainContent .resource-card, #MainContent .predictive-search-results__card--product, #MainContent .cart-products, #MainContent .cart-summary, #MainContent .main-product-information, #MainContent .section-resource-list__content > .group-block { border: 1px solid var(--mh-line); border-radius: var(--mh-radius); background: var(--mh-surface); box-shadow: var(--mh-shadow-sm); } #MainContent product-card .product-card__content, #MainContent .collection-card, #MainContent .resource-card { overflow: hidden; transition: transform var(--mh-speed) var(--mh-ease), box-shadow var(--mh-speed) var(--mh-ease), border-color var(--mh-speed) ease; } #MainContent product-card .product-card__content { padding: 10px 10px 14px; } #MainContent .collection-card::before, #MainContent product-card .product-card__content::before { content: ''; position: absolute; top: 0; left: 0; right: 100%; height: 2px; z-index: 4; background: linear-gradient(90deg, var(--mh-blue), #7fa2ff); transition: right 340ms var(--mh-ease); } #MainContent product-card { position: relative; } #MainContent product-card .product-media-container img, #MainContent .collection-card .resource-image__image, #MainContent .resource-card img { transition: transform 360ms var(--mh-ease), filter 360ms var(--mh-ease); } @media (hover:hover) and (pointer:fine) { #MainContent product-card:hover .product-card__content, #MainContent .collection-card:hover, #MainContent .resource-card:hover { transform: translateY(-4px); border-color: var(--mh-line-active); box-shadow: var(--mh-shadow-lift); } #MainContent product-card:hover .product-card__content::before, #MainContent .collection-card:hover::before { right: 0; } #MainContent product-card:hover .product-media-container img, #MainContent .collection-card:hover .resource-image__image, #MainContent .resource-card:hover img { transform: scale(1.024); } } #MainContent product-card [ref='product-title'], #MainContent product-card .product-card__title { color: var(--mh-charcoal); font-weight: 650; } #MainContent product-card .price, #MainContent .price { color: var(--mh-charcoal); font-weight: 750; } /* Commerce page headers, filters and sorting */ #MainContent .section-resource-list__header h1, #MainContent .section-resource-list__header h2, #MainContent .section-resource-list__header h3, #MainContent .collection-title h1, #MainContent .search-header h1 { position: relative; margin-bottom: 14px; } #MainContent .section-resource-list__header h1::after, #MainContent .section-resource-list__header h2::after, #MainContent .collection-title h1::after, #MainContent .search-header h1::after { content: ''; display: block; width: 48px; height: 2px; margin-top: 11px; background: linear-gradient(90deg, var(--mh-blue), transparent); } #MainContent .facets, #MainContent .sorting, #MainContent .filter-drawer, #MainContent .filters { border-color: var(--mh-line); color: var(--mh-charcoal); } #MainContent :is(.facets__form, .sorting select, .filter-group__item, .disclosure__button) { border-radius: var(--mh-radius-sm); } #MainContent select, #MainContent input[type='search'], #MainContent input[type='text'], #MainContent input[type='number'] { border-color: var(--mh-line); background: #fff; box-shadow: none; transition: border-color var(--mh-speed) ease, box-shadow var(--mh-speed) ease; } #MainContent select:focus, #MainContent input[type='search']:focus, #MainContent input[type='text']:focus, #MainContent input[type='number']:focus { border-color: rgba(72, 84, 164,.55); box-shadow: 0 0 0 3px rgba(72, 84, 164,.08); } /* Product page: technical hierarchy */ #MainContent .product-information, #MainContent .product-details { color: var(--mh-charcoal); } #MainContent .product-information h1, #MainContent .product-details h1 { font-size: clamp(1.85rem, 3vw, 3rem); line-height: .96; letter-spacing: .018em; } #MainContent .product-information .price, #MainContent .product-details .price { font-size: 1.45rem; color: var(--mh-blue); } #MainContent .product-inventory, #MainContent .product-sku, #MainContent [data-product-sku] { border-left: 2px solid var(--mh-blue); padding-left: 10px; color: #52606e; font-size: .84rem; letter-spacing: .025em; } #MainContent .variant-picker, #MainContent variant-picker, #MainContent .quantity-selector { border-radius: var(--mh-radius-sm); } #MainContent .variant-picker input:checked + label, #MainContent .variant-picker label:hover { border-color: var(--mh-blue); color: var(--mh-blue); background: rgba(72, 84, 164,.055); } #MainContent .quantity-selector { border-color: var(--mh-line); background: #fff; } #MainContent .product-media-container, #MainContent .product-media-gallery { border-radius: var(--mh-radius); } /* Cart and empty states */ #MainContent .cart-products, #MainContent .cart-summary { padding: clamp(16px,2vw,28px); } #MainContent .cart-summary { position: relative; } #MainContent .cart-summary::before { content: ''; position:absolute; inset:0 auto auto 0; width:100%; height:2px; background: linear-gradient(90deg,var(--mh-blue),transparent 62%); } #MainContent .cart-item { border-bottom-color: var(--mh-line); } #MainContent .cart-empty, #MainContent .predictive-search-empty-state, #MainContent .search-results__empty { border: 1px dashed rgba(72, 84, 164,.28); border-radius: var(--mh-radius); background: #fff; } /* Services and informational pages */ #MainContent .main-page .section, #MainContent .shopify-section:has(.contact-form) .section { background: transparent; } #MainContent .contact-form, #MainContent form[action*='/contact'] { border: 1px solid var(--mh-line); border-radius: var(--mh-radius); background: #fff; box-shadow: var(--mh-shadow-sm); padding: clamp(18px,3vw,32px); } /* Footer */ footer { background: var(--mh-black); color: rgba(255,255,255,.72); border-top: 2px solid var(--mh-blue); } footer .section-background { background: var(--mh-black) !important; } footer :is(h1,h2,h3,h4,h5,h6) { color: #fff; } footer a { color: rgba(255,255,255,.72); } @media (hover:hover) and (pointer:fine) { footer a:hover { color: #9bb5ff; } } /* Mobile-first safeguards */ @media screen and (max-width: 749px) { #MainContent product-card .product-card__content { padding: 8px 8px 11px; border-radius: var(--mh-radius-sm); } #MainContent .collection-card { border-radius: var(--mh-radius-sm); } #MainContent .product-information h1, #MainContent .product-details h1 { font-size: 2rem; } #MainContent .button, #MainContent button[type='submit']:not(.quantity-selector__button) { min-height: 48px; } #MainContent .cart-products, #MainContent .cart-summary { border-radius: var(--mh-radius-sm); padding: 16px; } #MainContent .contact-form, #MainContent form[action*='/contact'] { padding: 18px; border-radius: var(--mh-radius-sm); } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; } } /* Semantic page modes, activated by the lightweight global snippet */ .mhesus-template-collection #MainContent, .mhesus-template-product #MainContent, .mhesus-template-cart #MainContent, .mhesus-template-search #MainContent, .mhesus-page-servicios #MainContent, .mhesus-page-agendar-cita #MainContent { background: var(--mh-soft); } /* Services: editorial introduction plus restrained technical service panels */ .mhesus-page-servicios #MainContent > .shopify-section:first-child:not(:has(.mh-svc)) .section-background { background: linear-gradient(130deg, #0b111b 0%, #152336 62%, #0b111b 100%) !important; } .mhesus-page-servicios #MainContent > .shopify-section:first-child:not(:has(.mh-svc)) .section { min-height: clamp(280px, 34vw, 430px) !important; } .mhesus-page-servicios #MainContent > .shopify-section:first-child:not(:has(.mh-svc)) :is(p,h1,h2,h3) { color: #fff !important; } .mhesus-page-servicios #MainContent > .shopify-section:first-child:not(:has(.mh-svc)) p:first-child { color: #9bb5ff !important; font-family: var(--font-accent--family); font-size: .72rem !important; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; } .mhesus-page-servicios #MainContent > .shopify-section:first-child:not(:has(.mh-svc)) p:last-child { color: rgba(255,255,255,.76) !important; } .mhesus-page-servicios #MainContent > .shopify-section:not(:first-child) { margin-inline: auto; } .mhesus-page-servicios #MainContent > .shopify-section:not(:first-child) .custom-section-content { overflow: hidden; border: 1px solid var(--mh-line); border-radius: var(--mh-radius-lg); background: #fff; box-shadow: var(--mh-shadow-sm); } .mhesus-page-servicios #MainContent > .shopify-section:not(:first-child) .custom-section-content > .layout-panel-flex { gap: clamp(22px,4vw,56px) !important; } .mhesus-page-servicios #MainContent > .shopify-section:not(:first-child) a.button { margin-top: 8px; } .mhesus-page-agendar-cita #MainContent > .shopify-section:first-child .section-background { background: linear-gradient(130deg, rgba(72, 84, 164,.08), transparent 52%) !important; } /* Footer assistance panel inherits the same button language */ footer .button-secondary, footer a.button-secondary { border-color: rgba(255,255,255,.34); background: transparent; box-shadow: none; color: #fff; } @media (hover:hover) and (pointer:fine) { footer .button-secondary:hover, footer a.button-secondary:hover { background: rgba(72, 84, 164,.28); border-color: #7fa2ff; color: #fff; } } @media screen and (max-width:749px) { .mhesus-page-servicios #MainContent > .shopify-section:first-child:not(:has(.mh-svc)) .section { min-height: 260px !important; } .mhesus-page-servicios #MainContent > .shopify-section:not(:first-child) .custom-section-content { border-radius: var(--mh-radius); } } .mhesus-page-servicios #MainContent > .shopify-section:first-child:not(:has(.mh-svc)) { background: linear-gradient(130deg, #0b111b 0%, #152336 62%, #0b111b 100%) !important; } .mhesus-page-servicios #MainContent > .shopify-section:first-child:not(:has(.mh-svc)) p:first-child { font-family: var(--font-heading--family) !important; font-size: clamp(2.1rem, 4vw, 3.5rem) !important; font-weight: 700 !important; line-height: .96 !important; letter-spacing: .025em !important; text-transform: uppercase; } .mhesus-page-servicios #MainContent > .shopify-section:first-child:not(:has(.mh-svc)) p:last-child { max-width: 560px; font-family: var(--font-paragraph--family) !important; font-size: clamp(1rem, 1.5vw, 1.15rem) !important; font-weight: 400 !important; line-height: 1.5 !important; letter-spacing: normal !important; text-transform: none !important; } /* ========================================================= MHESUS HOME — GLOBAL REDESIGN V2 Extends the approved hero language through the lower home and the shared assistance/footer close. ========================================================= */ /* Home rhythm: one visual system from commerce into service */ html.mhesus-home-v6 #MainContent { background: linear-gradient(180deg, #f7f8fb 0%, #f5f7fa 66%, #07111d 66%, #07111d 100%); } html.mhesus-home-v6 [id*="collection_list_azgRQf"], html.mhesus-home-v6 [id*="product_list_LdwfF7"], html.mhesus-home-v6 [id*="product_list_fa6P9H"] { position: relative; } html.mhesus-home-v6 [id*="product_list_fa6P9H"] { padding-bottom: clamp(18px, 3vw, 38px); } /* SERVICES — continuous premium technical band */ html.mhesus-home-v6 [id*="section_xfzP6w"], html.mhesus-home-v6 [id*="section_FDJYae"], html.mhesus-home-v6 [id*="section_BmL7Fw"] { position: relative; overflow: hidden; background: #07111d !important; } html.mhesus-home-v6 [id*="section_xfzP6w"]::before { content: ""; position: absolute; inset: 0 0 auto; height: 520px; pointer-events: none; opacity: .65; background: radial-gradient(circle at 74% 12%, rgba(72, 84, 164,.20), transparent 34%), linear-gradient(rgba(91,132,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(91,132,255,.045) 1px, transparent 1px); background-size: auto, 64px 64px, 64px 64px; } html.mhesus-home-v6 [id*="section_xfzP6w"] .section-background, html.mhesus-home-v6 [id*="section_FDJYae"] .section-background, html.mhesus-home-v6 [id*="section_BmL7Fw"] .section-background, html.mhesus-home-v6 [id*="section_xfzP6w"] > .section, html.mhesus-home-v6 [id*="section_FDJYae"] > .section, html.mhesus-home-v6 [id*="section_BmL7Fw"] > .section { background: transparent !important; } html.mhesus-home-v6 [id*="section_xfzP6w"] > .section { padding-top: 0 !important; } html.mhesus-home-v6 [id*="section_xfzP6w"] .section-content-wrapper { min-height: 150px; padding-block: 46px 20px !important; } html.mhesus-home-v6 [id*="section_xfzP6w"] .text-block { position: relative; z-index: 1; padding: 0 !important; } html.mhesus-home-v6 [id*="section_xfzP6w"] .text-block::before { content: "CUIDADO TÉCNICO INTEGRAL"; display: block; margin-bottom: 10px; color: #89a6ff; font-family: var(--font-accent--family); font-size: 10px; font-weight: 700; letter-spacing: .16em; } html.mhesus-home-v6 [id*="section_xfzP6w"] .text-block::after { content: ""; display: block; width: 58px; height: 2px; margin: 15px auto 0; background: linear-gradient(90deg, transparent, #3970ff, transparent); box-shadow: 0 0 18px rgba(72, 84, 164,.48); } html.mhesus-home-v6 [id*="section_xfzP6w"] .text-block :is(p,h2,h3) { margin: 0; color: #fff !important; font-family: var(--font-heading--family) !important; font-size: clamp(2rem, 3.4vw, 3.1rem) !important; font-weight: 700 !important; line-height: .95 !important; letter-spacing: .045em !important; } html.mhesus-home-v6 [id*="section_FDJYae"] .section-content-wrapper { gap: 18px !important; padding-block: 16px 22px !important; } html.mhesus-home-v6 [id*="section_FDJYae"] .section-content-wrapper > .group-block { position: relative; min-height: 224px; padding: 0 !important; overflow: hidden; border: 1px solid rgba(129,160,255,.17) !important; border-radius: 10px !important; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 32px rgba(0,0,0,.13); transition: transform 280ms var(--mh-ease), border-color 280ms ease, background 280ms ease, box-shadow 280ms var(--mh-ease); } html.mhesus-home-v6 [id*="section_FDJYae"] .section-content-wrapper > .group-block::before { content: ""; position: absolute; inset: 0 100% auto 0; height: 2px; z-index: 2; background: linear-gradient(90deg, #4854a4, #7fa2ff); transition: right 340ms var(--mh-ease); } html.mhesus-home-v6 [id*="section_FDJYae"] .section-content-wrapper > .group-block > .group-block-content { min-height: 224px; justify-content: center !important; padding: 28px 25px !important; } html.mhesus-home-v6 [id*="section_FDJYae"] .icon-block { display: grid; width: 52px; height: 52px; place-items: center; margin-bottom: 6px; border: 1px solid rgba(86,127,247,.25); border-radius: 8px; background: rgba(72, 84, 164,.08); transition: transform 280ms var(--mh-ease), background 280ms ease; } html.mhesus-home-v6 [id*="section_FDJYae"] .icon-block svg { width: 27px; height: 27px; color: #4b78f4 !important; } html.mhesus-home-v6 [id*="section_FDJYae"] .group-block-content > div.text-block :is(p,h2,h3) { color: #fff !important; font-family: var(--font-heading--family) !important; font-size: 1.14rem !important; font-weight: 700 !important; line-height: 1.05 !important; letter-spacing: .055em !important; } html.mhesus-home-v6 [id*="section_FDJYae"] rte-formatter p { max-width: 360px; margin-inline: auto; color: rgba(255,255,255,.68) !important; font-family: var(--font-body--family) !important; font-size: .93rem !important; line-height: 1.5 !important; } @media (hover:hover) and (pointer:fine) { html.mhesus-home-v6 [id*="section_FDJYae"] .section-content-wrapper > .group-block:hover { transform: translateY(-5px); border-color: rgba(79,122,246,.48) !important; background: linear-gradient(145deg, rgba(72, 84, 164,.11), rgba(255,255,255,.025)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 20px 42px rgba(0,0,0,.20); } html.mhesus-home-v6 [id*="section_FDJYae"] .section-content-wrapper > .group-block:hover::before { right: 0; } html.mhesus-home-v6 [id*="section_FDJYae"] .section-content-wrapper > .group-block:hover .icon-block { transform: translateY(-2px); background: rgba(72, 84, 164,.15); } } html.mhesus-home-v6 [id*="section_BmL7Fw"] { border-bottom: 1px solid rgba(70,112,238,.55); } html.mhesus-home-v6 [id*="section_BmL7Fw"] .section-content-wrapper { padding-block: 20px 46px !important; } html.mhesus-home-v6 [id*="section_BmL7Fw"] a { position: relative; min-height: 46px; overflow: hidden; border: 1px solid rgba(126,160,255,.46) !important; border-radius: 5px !important; background: rgba(72, 84, 164,.10) !important; color: #fff !important; box-shadow: none !important; } html.mhesus-home-v6 [id*="section_BmL7Fw"] a::after { content: "→"; margin-left: 10px; transition: transform 240ms var(--mh-ease); } @media (hover:hover) and (pointer:fine) { html.mhesus-home-v6 [id*="section_BmL7Fw"] a:hover { transform: translateY(-2px); border-color: #668cff !important; background: #4854a4 !important; box-shadow: 0 12px 28px rgba(72, 84, 164,.26) !important; } html.mhesus-home-v6 [id*="section_BmL7Fw"] a:hover::after { transform: translateX(4px); } } /* SHARED HELP CTA — a conversion panel, not another generic section */ [id*="section_TLPMk3"] { position: relative; overflow: hidden; background: #080d14 !important; } [id*="section_TLPMk3"] .section-background { background: radial-gradient(circle at 18% 38%, rgba(72, 84, 164,.16), transparent 34%), linear-gradient(120deg, #080d14 0%, #101a28 54%, #080d14 100%) !important; } [id*="section_TLPMk3"] > .section { padding-block: clamp(28px, 4vw, 50px); background: transparent !important; } [id*="section_TLPMk3"] .custom-section-content { position: relative; max-width: 1220px; margin-inline: auto; overflow: hidden; border: 1px solid rgba(119,151,245,.22) !important; border-radius: 12px !important; background: radial-gradient(circle at 88% 10%, rgba(72, 84, 164,.20), transparent 30%), rgba(255,255,255,.025); box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 24px 54px rgba(0,0,0,.18); } [id*="section_TLPMk3"] .custom-section-content::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(180deg, #6f94ff, #4854a4 65%, transparent); } [id*="section_TLPMk3"] .section-content-wrapper { display: grid !important; grid-template-columns: minmax(0,1fr) auto auto; grid-template-rows: auto auto; gap: 8px 12px !important; align-items: center !important; padding: clamp(28px, 4vw, 46px) !important; } [id*="section_TLPMk3"] .section-content-wrapper > .text-block { grid-column: 1; width: 100% !important; max-width: 660px !important; padding: 0 !important; text-align: left !important; } [id*="section_TLPMk3"] .section-content-wrapper > .text-block:first-of-type { align-self: end; } [id*="section_TLPMk3"] .section-content-wrapper > .text-block:first-of-type::before { content: "ASESORÍA MHESUS"; display: block; margin-bottom: 8px; color: #8ba8ff; font-family: var(--font-accent--family); font-size: 10px; font-weight: 700; letter-spacing: .16em; } [id*="section_TLPMk3"] .section-content-wrapper > .text-block:first-of-type :is(p,h2,h3) { margin: 0; color: #fff !important; font-family: var(--font-heading--family) !important; font-size: clamp(1.8rem, 3vw, 2.75rem) !important; font-weight: 700 !important; line-height: .98 !important; letter-spacing: .025em !important; } [id*="section_TLPMk3"] rte-formatter p { margin: 0; color: rgba(255,255,255,.68) !important; font-size: .97rem !important; line-height: 1.5 !important; } [id*="section_TLPMk3"] .section-content-wrapper > a { grid-row: 1 / 3; min-height: 48px; margin: 0 !important; white-space: nowrap; border-radius: 5px !important; transition: transform 260ms var(--mh-ease), box-shadow 260ms var(--mh-ease), background 260ms ease, border-color 260ms ease !important; } [id*="section_TLPMk3"] .section-content-wrapper > a:first-of-type { grid-column: 2; box-shadow: 0 12px 28px rgba(72, 84, 164,.22); } [id*="section_TLPMk3"] .section-content-wrapper > a:last-of-type { grid-column: 3; border-color: rgba(255,255,255,.34) !important; background: rgba(6,12,20,.18) !important; } @media (hover:hover) and (pointer:fine) { [id*="section_TLPMk3"] .section-content-wrapper > a:hover { transform: translateY(-3px); } [id*="section_TLPMk3"] .section-content-wrapper > a:first-of-type:hover { box-shadow: 0 17px 36px rgba(72, 84, 164,.34); } [id*="section_TLPMk3"] .section-content-wrapper > a:last-of-type:hover { border-color: #7999f5 !important; background: rgba(72, 84, 164,.12) !important; } } /* FOOTER — clearer hierarchy and useful interaction */ [id*="footer_m9NzUG"] { position: relative; background: #05080d !important; } [id*="footer_m9NzUG"] .section-background, [id*="footer_m9NzUG"] > .section { background: #05080d !important; } [id*="footer_m9NzUG"] > .section { padding-block: 34px 18px; } [id*="footer_m9NzUG"] .footer-content > .group-block > .group-block-content { gap: clamp(34px, 6vw, 88px) !important; } [id*="footer_m9NzUG"] .logo-block { padding-top: 0 !important; } [id*="footer_m9NzUG"] .logo-block__image-wrapper { max-width: 190px; } [id*="footer_m9NzUG"] rte-formatter p { color: rgba(255,255,255,.62) !important; font-size: .92rem !important; line-height: 1.55 !important; } [id*="footer_m9NzUG"] summary, [id*="footer_m9NzUG"] .footer-menu__heading, [id*="footer_m9NzUG"] h2, [id*="footer_m9NzUG"] h3, [id*="footer_m9NzUG"] h4 { color: #fff !important; font-family: var(--font-accent--family) !important; font-size: .78rem !important; font-weight: 700 !important; letter-spacing: .12em !important; } [id*="footer_m9NzUG"] nav a, [id*="footer_m9NzUG"] menu a, [id*="footer_m9NzUG"] .menu-list__link, [id*="footer_m9NzUG"] li a { display: inline-flex; align-items: center; min-height: 30px; color: rgba(255,255,255,.66) !important; text-decoration: none !important; transition: color 220ms ease, transform 220ms var(--mh-ease); } [id*="footer_m9NzUG"] nav a::before, [id*="footer_m9NzUG"] menu a::before, [id*="footer_m9NzUG"] .menu-list__link::before, [id*="footer_m9NzUG"] li a::before { content: ""; width: 0; height: 1px; margin-right: 0; background: #4c78f4; transition: width 220ms var(--mh-ease), margin-right 220ms var(--mh-ease); } @media (hover:hover) and (pointer:fine) { [id*="footer_m9NzUG"] nav a:hover, [id*="footer_m9NzUG"] menu a:hover, [id*="footer_m9NzUG"] .menu-list__link:hover, [id*="footer_m9NzUG"] li a:hover { color: #fff !important; transform: translateX(3px); } [id*="footer_m9NzUG"] nav a:hover::before, [id*="footer_m9NzUG"] menu a:hover::before, [id*="footer_m9NzUG"] .menu-list__link:hover::before, [id*="footer_m9NzUG"] li a:hover::before { width: 14px; margin-right: 7px; } } [id*="footer_utilities"] { background: #05080d !important; } [id*="footer_utilities"] .section-background, [id*="footer_utilities"] > .section { background: #05080d !important; } [id*="footer_utilities"] > .section { border-top-color: rgba(255,255,255,.10) !important; } @media screen and (max-width: 749px) { html.mhesus-home-v6 [id*="product_list_fa6P9H"] { padding-bottom: 12px; } html.mhesus-home-v6 [id*="section_xfzP6w"] .section-content-wrapper { min-height: 122px; padding-block: 34px 14px !important; } html.mhesus-home-v6 [id*="section_xfzP6w"] .text-block :is(p,h2,h3) { font-size: 2rem !important; } html.mhesus-home-v6 [id*="section_FDJYae"] .section-content-wrapper { gap: 12px !important; padding: 12px 16px 16px !important; } html.mhesus-home-v6 [id*="section_FDJYae"] .section-content-wrapper > .group-block, html.mhesus-home-v6 [id*="section_FDJYae"] .section-content-wrapper > .group-block > .group-block-content { min-height: 0; } html.mhesus-home-v6 [id*="section_FDJYae"] .section-content-wrapper > .group-block > .group-block-content { padding: 24px 20px !important; } html.mhesus-home-v6 [id*="section_FDJYae"] .icon-block { width: 46px; height: 46px; } html.mhesus-home-v6 [id*="section_BmL7Fw"] .section-content-wrapper { padding-block: 14px 34px !important; } [id*="section_TLPMk3"] > .section { padding: 22px 16px !important; } [id*="section_TLPMk3"] .custom-section-content { border-radius: 10px !important; } [id*="section_TLPMk3"] .section-content-wrapper { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important; padding: 28px 20px !important; } [id*="section_TLPMk3"] .section-content-wrapper > .text-block { text-align: left !important; } [id*="section_TLPMk3"] .section-content-wrapper > .text-block:first-of-type { margin-bottom: 2px; } [id*="section_TLPMk3"] .section-content-wrapper > .text-block:first-of-type :is(p,h2,h3) { font-size: 1.85rem !important; } [id*="section_TLPMk3"] .section-content-wrapper > rte-formatter { margin-bottom: 10px; } [id*="section_TLPMk3"] .section-content-wrapper > a { width: 100% !important; min-height: 50px; } [id*="footer_m9NzUG"] > .section { padding-block: 24px 12px; } [id*="footer_m9NzUG"] .footer-content > .group-block > .group-block-content { gap: 24px !important; } [id*="footer_m9NzUG"] .footer-content > .group-block > .group-block-content > .group-block { padding-bottom: 18px !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; } [id*="footer_m9NzUG"] .footer-content > .group-block > .group-block-content > .group-block:last-child { padding-bottom: 0 !important; border-bottom: 0 !important; } } @media (prefers-reduced-motion: reduce) { html.mhesus-home-v6 [id*="section_FDJYae"] *, html.mhesus-home-v6 [id*="section_BmL7Fw"] *, [id*="section_TLPMk3"] *, [id*="footer_m9NzUG"] * { transition: none !important; transform: none !important; } } /* V2 visual QA corrections: paragraph typography and CTA alignment */ html.mhesus-home-v6 [id*="section_FDJYae"] rte-formatter p { color: rgba(255,255,255,.68) !important; font-family: var(--font-paragraph--family), Inter, sans-serif !important; font-size: .93rem !important; font-weight: 400 !important; line-height: 1.5 !important; letter-spacing: 0 !important; } html.mhesus-home-v6 [id*="section_BmL7Fw"] a { display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; } [id*="section_TLPMk3"] .section-content-wrapper > .text-block::before { content: none !important; } [id*="section_TLPMk3"] .section-content-wrapper > .text-block:nth-child(1)::before { content: "ASESORÍA MHESUS" !important; display: block; margin-bottom: 8px; color: #8ba8ff; font-family: var(--font-accent--family); font-size: 10px; font-weight: 700; letter-spacing: .16em; } [id*="section_TLPMk3"] .section-content-wrapper > .text-block:nth-child(1) :is(p,h2,h3) { margin: 0; color: #fff !important; font-family: var(--font-heading--family) !important; font-size: clamp(1.8rem, 3vw, 2.75rem) !important; font-weight: 700 !important; line-height: .98 !important; letter-spacing: .025em !important; } [id*="section_TLPMk3"] .section-content-wrapper > rte-formatter, [id*="section_TLPMk3"] .section-content-wrapper > .text-block:nth-child(2) { grid-column: 1; width: 100% !important; max-width: 640px !important; padding: 0 !important; text-align: left !important; } [id*="section_TLPMk3"] .section-content-wrapper > rte-formatter p, [id*="section_TLPMk3"] .section-content-wrapper > .text-block:nth-child(2) p { margin: 0 !important; color: rgba(255,255,255,.68) !important; font-family: var(--font-paragraph--family), Inter, sans-serif !important; font-size: .97rem !important; font-weight: 400 !important; line-height: 1.5 !important; letter-spacing: 0 !important; } [id*="footer_m9NzUG"] rte-formatter p { font-family: var(--font-paragraph--family), Inter, sans-serif !important; font-weight: 400 !important; } /* ========================================================= MHESUS COLLECTION SYSTEM V2 Compact technical header, commerce toolbar, filters drawer and pagination. Collection templates only. ========================================================= */ html.mhesus-template-collection { --mh-collection-line: rgba(31,41,51,.12); --mh-collection-blue-line: rgba(72, 84, 164,.30); --mh-collection-panel: #fff; } html.mhesus-template-collection #MainContent { background: #f5f7fa !important; } /* Compact contextual collection header */ html.mhesus-template-collection #MainContent > .shopify-section:first-child { position: relative; overflow: hidden; border-bottom: 1px solid rgba(31,41,51,.08); background: #f8faff !important; } html.mhesus-template-collection #MainContent > .shopify-section:first-child::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .72; background: radial-gradient(circle at 82% 18%, rgba(72, 84, 164,.11), transparent 30%), linear-gradient(rgba(72, 84, 164,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(72, 84, 164,.035) 1px, transparent 1px); background-size: auto, 52px 52px, 52px 52px; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 42%, #000 100%); mask-image: linear-gradient(90deg, transparent 0%, #000 42%, #000 100%); } html.mhesus-template-collection #MainContent > .shopify-section:first-child .section-background, html.mhesus-template-collection #MainContent > .shopify-section:first-child > .section { background: transparent !important; } html.mhesus-template-collection #MainContent > .shopify-section:first-child .section-content-wrapper { position: relative; z-index: 1; width: 100%; max-width: 1280px; min-height: 168px; margin-inline: auto; align-items: flex-start !important; justify-content: center !important; gap: 7px !important; padding: 24px 0 28px !important; } html.mhesus-template-collection .mh-collection-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; min-height: 24px; margin-bottom: 2px; color: #788493; font-family: var(--font-accent--family); font-size: 10px; font-weight: 700; letter-spacing: .11em; line-height: 1; text-transform: uppercase; } html.mhesus-template-collection .mh-collection-nav a { color: #5f6c7a; text-decoration: none; transition: color 220ms ease; } html.mhesus-template-collection .mh-collection-nav a:first-child::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: #4854a4; box-shadow: 0 0 0 4px rgba(72, 84, 164,.09); vertical-align: 1px; } html.mhesus-template-collection .mh-collection-nav [aria-current="page"] { color: #4854a4; } @media (hover:hover) and (pointer:fine) { html.mhesus-template-collection .mh-collection-nav a:hover { color: #4854a4; } } html.mhesus-template-collection #MainContent > .shopify-section:first-child .text-block { width: 100% !important; max-width: 720px !important; padding: 0 !important; text-align: left !important; } html.mhesus-template-collection #MainContent > .shopify-section:first-child h1 { margin: 0 !important; color: #1f2933 !important; font-family: var(--font-heading--family) !important; font-size: clamp(2.25rem, 3.8vw, 3.45rem) !important; font-weight: 700 !important; line-height: .92 !important; letter-spacing: .025em !important; text-transform: uppercase; } html.mhesus-template-collection #MainContent > .shopify-section:first-child h1::after { content: ""; display: block; width: 58px; height: 2px; margin-top: 12px; background: linear-gradient(90deg,#4854a4,rgba(72, 84, 164,0)); box-shadow: 0 0 14px rgba(72, 84, 164,.25); } html.mhesus-template-collection #MainContent > .shopify-section:first-child .text-block p { max-width: 640px; margin: 6px 0 0 !important; color: #667382 !important; font-family: var(--font-paragraph--family), Inter, sans-serif !important; font-size: .96rem !important; font-weight: 400 !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* Results area and compact MHESUS toolbar */ html.mhesus-template-collection .product-grid-container { padding-top: 18px !important; background: #f5f7fa !important; } html.mhesus-template-collection .facets-block-wrapper--horizontal { position: relative; z-index: 6; margin: 0 0 24px !important; padding: 0; border: 1px solid var(--mh-collection-line); border-radius: 10px; background: rgba(255,255,255,.94); box-shadow: 0 8px 24px rgba(18,28,41,.055), inset 0 1px 0 rgba(255,255,255,.8); } html.mhesus-template-collection .facets-block-wrapper--horizontal::before { content: ""; position: absolute; inset: -1px auto -1px -1px; width: 3px; border-radius: 10px 0 0 10px; background: linear-gradient(180deg,#6c91ff,#4854a4 66%,transparent); } html.mhesus-template-collection .facets-block-wrapper--horizontal .facets--horizontal { padding: 10px 12px !important; } html.mhesus-template-collection .facets--horizontal .facets__form { min-height: 48px; align-items: center; gap: 10px; } html.mhesus-template-collection .mh-facets-trigger { display: inline-flex; min-width: 128px; min-height: 42px; align-items: center; justify-content: center; gap: 9px; padding: 0 16px; border: 1px solid rgba(72, 84, 164,.30); border-radius: 6px; color: #4854a4; background: rgba(72, 84, 164,.055); font-family: var(--font-accent--family); font-size: 12px; font-weight: 700; letter-spacing: .075em; cursor: pointer; transition: transform 240ms var(--mh-ease), border-color 240ms ease, background 240ms ease, box-shadow 240ms var(--mh-ease); } html.mhesus-template-collection .mh-facets-trigger .svg-wrapper { width: 18px; height: 18px; } html.mhesus-template-collection .mh-facets-trigger__count { display: grid; min-width: 20px; height: 20px; place-items: center; padding-inline: 5px; border-radius: 999px; color: #fff; background: #4854a4; font-size: 10px; line-height: 1; } @media (hover:hover) and (pointer:fine) { html.mhesus-template-collection .mh-facets-trigger:hover { transform: translateY(-2px); border-color: #4854a4; background: rgba(72, 84, 164,.10); box-shadow: 0 8px 18px rgba(72, 84, 164,.12); } } @media screen and (min-width:750px) { html.mhesus-template-collection .facets--horizontal .facets__filters-wrapper { display: none !important; } html.mhesus-template-collection .facets--horizontal .facets-remove { display: none !important; } html.mhesus-template-collection .facets--horizontal .facets-remove:has(facet-remove-component) { display: flex !important; max-width: min(48vw,620px); align-items: center; flex-wrap: wrap; gap: 6px; margin: 0 !important; padding: 0 !important; } html.mhesus-template-collection .facets--horizontal .facets-horizontal-remove { display: none !important; } } html.mhesus-template-collection .facets-remove__pill { min-height: 32px; padding: 5px 10px !important; border: 1px solid rgba(72, 84, 164,.20) !important; border-radius: 999px !important; color: #3159c7 !important; background: rgba(72, 84, 164,.055) !important; font-family: var(--font-paragraph--family), Inter, sans-serif !important; font-size: 11px !important; font-weight: 600 !important; transition: color 200ms ease, border-color 200ms ease, background 200ms ease; } @media (hover:hover) and (pointer:fine) { html.mhesus-template-collection .facets-remove__pill:hover { border-color: #4854a4 !important; color: #fff !important; background: #4854a4 !important; } } html.mhesus-template-collection .facets__clear-all-link { min-height: 30px; color: #6d7784 !important; font-family: var(--font-accent--family); font-size: 10px !important; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; text-decoration: underline; text-decoration-color: rgba(72, 84, 164,.32); text-underline-offset: 4px; } html.mhesus-template-collection .products-count-wrapper { min-height: 34px; margin-left: auto; display: inline-flex; align-items: center; padding: 0 12px; border-left: 1px solid rgba(31,41,51,.09); color: #6b7684; font-family: var(--font-accent--family); font-size: 11px; font-weight: 700; letter-spacing: .07em; white-space: nowrap; text-transform: uppercase; } html.mhesus-template-collection .sorting-filter__horizontal { flex: 0 0 auto; } html.mhesus-template-collection .sorting-filter__horizontal > accordion-custom > .facets__panel > .facets__summary, html.mhesus-template-collection .sorting-filter__horizontal .facets__summary { min-height: 42px; min-width: 122px; justify-content: center; gap: 9px; padding: 0 14px !important; border: 1px solid rgba(31,41,51,.14); border-radius: 6px; color: #1f2933; background: #fff; font-family: var(--font-accent--family); font-size: 12px; font-weight: 700; letter-spacing: .065em; transition: border-color 220ms ease, color 220ms ease, background 220ms ease; } html.mhesus-template-collection .sorting-filter__horizontal .facets__panel[open] > .facets__summary, html.mhesus-template-collection .sorting-filter__horizontal .facets__summary:hover { border-color: rgba(72, 84, 164,.48); color: #4854a4; background: rgba(72, 84, 164,.035); } html.mhesus-template-collection .sorting-filter__options, html.mhesus-template-collection .facets__panel-content.color-custom-popover { overflow: hidden; border: 1px solid rgba(31,41,51,.13) !important; border-radius: 8px !important; background: #fff !important; box-shadow: 0 18px 44px rgba(18,28,41,.16) !important; } html.mhesus-template-collection .sorting-filter__option { min-height: 42px; color: #4c5967; font-family: var(--font-paragraph--family), Inter, sans-serif; font-size: 13px; transition: color 180ms ease, background 180ms ease; } html.mhesus-template-collection .sorting-filter__option:hover, html.mhesus-template-collection .sorting-filter__option[aria-selected="true"] { color: #4854a4; background: rgba(72, 84, 164,.06); } /* Premium shared filter drawer */ html.mhesus-template-collection #filters-drawer .theme-drawer__dialog { width: min(460px,100vw); max-width: 460px; color: #1f2933; background: #f7f9fc; box-shadow: -22px 0 64px rgba(5,12,23,.22); } html.mhesus-template-collection #filters-drawer .theme-drawer__header { position: relative; min-height: 78px; padding: 20px 24px; border-bottom: 1px solid rgba(91,130,244,.25); color: #fff; background: radial-gradient(circle at 84% 0%, rgba(72, 84, 164,.28), transparent 42%), linear-gradient(125deg,#0a111b,#152337); } html.mhesus-template-collection #filters-drawer .theme-drawer__header::after { content: ""; position: absolute; inset: auto 24px 0; height: 1px; background: linear-gradient(90deg,#4854a4,transparent); } html.mhesus-template-collection #filters-drawer .theme-drawer__title { margin: 0; color: #fff !important; font-family: var(--font-heading--family) !important; font-size: 1.5rem !important; font-weight: 700 !important; letter-spacing: .07em !important; } html.mhesus-template-collection #filters-drawer .theme-drawer__title::before { content: "PRECISIÓN DE BÚSQUEDA"; display: block; margin-bottom: 4px; color: #8eabff; font-family: var(--font-accent--family); font-size: 9px; font-weight: 700; letter-spacing: .15em; } html.mhesus-template-collection #filters-drawer .theme-drawer__close-button { width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.18); border-radius: 6px; color: #fff; background: rgba(255,255,255,.045); } html.mhesus-template-collection #filters-drawer .facets-drawer__filters { padding: 10px 22px 24px; background: #f7f9fc; } html.mhesus-template-collection #filters-drawer .facets__item { display: block; border-bottom: 1px solid rgba(31,41,51,.09); } html.mhesus-template-collection #filters-drawer .facets__summary { min-height: 58px; padding: 0 2px !important; color: #1f2933; font-family: var(--font-accent--family); font-size: 13px; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; } html.mhesus-template-collection #filters-drawer .facets__panel[open] > .facets__summary { color: #4854a4; } html.mhesus-template-collection #filters-drawer .facets__panel-content { position: static !important; width: 100%; padding: 0 0 18px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } html.mhesus-template-collection #filters-drawer .facets__inputs-list { display: grid; gap: 6px; } html.mhesus-template-collection #filters-drawer .checkbox__label { min-height: 44px; padding: 10px 12px; border: 1px solid rgba(31,41,51,.10); border-radius: 6px; color: #4b5866; background: #fff; font-family: var(--font-paragraph--family), Inter, sans-serif; font-size: 13px; transition: border-color 200ms ease, color 200ms ease, background 200ms ease; } html.mhesus-template-collection #filters-drawer .checkbox__input:checked + .checkbox__label { border-color: rgba(72, 84, 164,.42); color: #4854a4; background: rgba(72, 84, 164,.055); } html.mhesus-template-collection #filters-drawer .price-facet__inputs-wrapper { gap: 10px; } html.mhesus-template-collection #filters-drawer .price-facet__field { min-height: 48px; overflow: hidden; border: 1px solid rgba(31,41,51,.13); border-radius: 6px; background: #fff; } html.mhesus-template-collection #filters-drawer .price-facet__input { font-family: var(--font-paragraph--family), Inter, sans-serif; } html.mhesus-template-collection #filters-drawer .price-facet__highest-price { margin-top: 10px; color: #75808d; font-family: var(--font-paragraph--family), Inter, sans-serif; font-size: 12px; } html.mhesus-template-collection #filters-drawer .sorting-filter__container { margin-top: 18px; } html.mhesus-template-collection #filters-drawer .sorting-filter__select-wrapper { min-height: 48px; border: 1px solid rgba(31,41,51,.13); border-radius: 6px; background: #fff; } html.mhesus-template-collection #filters-drawer .sorting-filter__select { font-family: var(--font-paragraph--family), Inter, sans-serif; font-size: 13px; } html.mhesus-template-collection #filters-drawer .facets__drawer-actions { position: sticky; bottom: 0; z-index: 2; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 10px; padding: 14px 20px calc(14px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(31,41,51,.10); background: rgba(255,255,255,.96); box-shadow: 0 -12px 30px rgba(18,28,41,.07); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } html.mhesus-template-collection #filters-drawer .facets__clear-all, html.mhesus-template-collection #filters-drawer .facets__see-results { min-height: 50px; border-radius: 6px !important; font-family: var(--font-accent--family); font-size: 12px; font-weight: 700; letter-spacing: .055em; } html.mhesus-template-collection #filters-drawer .facets__clear-all { padding-inline: 14px; border-color: rgba(31,41,51,.16) !important; color: #5a6572 !important; background: #fff !important; } html.mhesus-template-collection #filters-drawer .facets__see-results { color: #fff !important; background: #4854a4 !important; box-shadow: 0 10px 24px rgba(72, 84, 164,.20); } /* Pagination */ html.mhesus-template-collection .pagination { margin-top: clamp(28px,4vw,50px); padding-top: 22px; border-top: 1px solid rgba(31,41,51,.09); } html.mhesus-template-collection .pagination__list { gap: 7px; } html.mhesus-template-collection .pagination__link { display: grid; min-width: 42px; height: 42px; place-items: center; border: 1px solid rgba(31,41,51,.12); border-radius: 6px; color: #53606d; background: #fff; font-family: var(--font-accent--family); font-size: 12px; font-weight: 700; text-decoration: none; transition: transform 220ms var(--mh-ease), color 220ms ease, border-color 220ms ease, background 220ms ease; } html.mhesus-template-collection .pagination__link--current { border-color: #4854a4; color: #fff; background: #4854a4; box-shadow: 0 8px 20px rgba(72, 84, 164,.18); } html.mhesus-template-collection .pagination__link--disabled { opacity: .38; background: #f2f4f7; } @media (hover:hover) and (pointer:fine) { html.mhesus-template-collection a.pagination__link:hover { transform: translateY(-2px); border-color: #4854a4; color: #4854a4; } } /* Mobile commerce controls */ @media screen and (max-width:749px) { html.mhesus-template-collection #MainContent > .shopify-section:first-child .section-content-wrapper { min-height: 142px; padding: 18px 0 21px !important; } html.mhesus-template-collection .mh-collection-nav { font-size: 9px; letter-spacing: .085em; } html.mhesus-template-collection #MainContent > .shopify-section:first-child h1 { font-size: 2rem !important; line-height: .94 !important; } html.mhesus-template-collection #MainContent > .shopify-section:first-child h1::after { width: 46px; margin-top: 9px; } html.mhesus-template-collection #MainContent > .shopify-section:first-child .text-block p { margin-top: 3px !important; font-size: .88rem !important; line-height: 1.45 !important; } html.mhesus-template-collection .product-grid-container { padding-top: 12px !important; } html.mhesus-template-collection .facets-block-wrapper--horizontal { display: none !important; } html.mhesus-template-collection .facets-toggle { min-height: 58px !important; margin: 0 16px 16px !important; padding: 6px !important; border: 1px solid rgba(31,41,51,.11); border-radius: 9px; background: #fff; box-shadow: 0 7px 20px rgba(18,28,41,.05); } html.mhesus-template-collection .facets-toggle__wrapper, html.mhesus-template-collection .facets-mobile-wrapper { width: calc(50% - 4px); margin: 0; } html.mhesus-template-collection .facets-toggle__button { display: flex !important; width: 100%; min-height: 46px; justify-content: center; gap: 8px; padding: 0 12px; border: 1px solid rgba(72, 84, 164,.25) !important; border-radius: 6px !important; color: #4854a4 !important; background: rgba(72, 84, 164,.045) !important; font-family: var(--font-accent--family); font-size: 12px; font-weight: 700; letter-spacing: .055em; } html.mhesus-template-collection .facets-mobile-wrapper facets-form-component, html.mhesus-template-collection .facets-mobile-wrapper form, html.mhesus-template-collection .facets-mobile-wrapper .sorting-filter, html.mhesus-template-collection .facets-mobile-wrapper .sorting-filter__container, html.mhesus-template-collection .facets-mobile-wrapper .sorting-filter__select-wrapper { width: 100%; } html.mhesus-template-collection .facets-mobile-wrapper .sorting-filter__container { display: block !important; min-height: 46px; margin: 0; border: 1px solid rgba(31,41,51,.13); border-radius: 6px; background: #fff; } html.mhesus-template-collection .facets-mobile-wrapper .sorting-filter__container > .facets__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } html.mhesus-template-collection .facets-mobile-wrapper .sorting-filter__select-wrapper { min-height: 46px; border: 0; } html.mhesus-template-collection .facets-mobile-wrapper .sorting-filter__select { min-height: 46px; padding-inline: 13px 34px; color: #1f2933; background: transparent; font-family: var(--font-accent--family); font-size: 12px; font-weight: 700; letter-spacing: .045em; text-transform: uppercase; } html.mhesus-template-collection #filters-drawer .theme-drawer__dialog { width: 100vw; max-width: 100vw; } html.mhesus-template-collection #filters-drawer .theme-drawer__header { min-height: 72px; padding: 17px 18px; } html.mhesus-template-collection #filters-drawer .facets-drawer__filters { padding-inline: 18px; } html.mhesus-template-collection #filters-drawer .facets__drawer-actions { padding-inline: 14px; } html.mhesus-template-collection #filters-drawer .facets__clear-all { font-size: 10px; } html.mhesus-template-collection #filters-drawer .facets__see-results { font-size: 11px; } html.mhesus-template-collection .pagination { margin-top: 28px; padding-top: 18px; } html.mhesus-template-collection .pagination__link { min-width: 40px; height: 40px; } } @media (prefers-reduced-motion:reduce) { html.mhesus-template-collection .mh-collection-nav a, html.mhesus-template-collection .mh-facets-trigger, html.mhesus-template-collection .facets-remove__pill, html.mhesus-template-collection .sorting-filter__option, html.mhesus-template-collection .pagination__link { transition: none !important; transform: none !important; } } /* MHESUS — ALINEACIÓN CABECERA DE COLECCIONES */ @media screen and (min-width: 750px) { html.mhesus-template-collection #MainContent > .shopify-section:first-child .section-content-wrapper { padding: 24px 56px 28px !important; } } /* MHESUS — AJUSTE ÓPTICO DE ENCABEZADOS DE COLECCIÓN */ @media screen and (min-width: 750px) { html.mhesus-template-collection #MainContent > .shopify-section:first-child .text-block { transform: translateX(56px); } } /* Mantener el título de colección en su eje original */ @media screen and (min-width: 750px) { html.mhesus-template-collection #MainContent > .shopify-section:first-child .text-block:has(h1) { transform: none; } } /* Ajuste final: título original; descripción y acento desplazados */ @media screen and (min-width: 750px) { html.mhesus-template-collection #MainContent > .shopify-section:first-child .text-block:has(h1) { transform: translateX(56px); } html.mhesus-template-collection #MainContent > .shopify-section:first-child h1 { transform: translateX(-56px); } html.mhesus-template-collection #MainContent > .shopify-section:first-child h1::after { transform: translateX(56px); } } /* MHESUS — CTA compacto de tarjeta de producto */ #MainContent product-card :is(button[type='submit'], .quick-add__button, .button) { min-height: 34px !important; padding: 0 12px !important; border: 1px solid rgba(31,41,51,.20) !important; border-radius: 5px !important; background: #fff !important; box-shadow: 0 3px 8px rgba(18,28,41,.05) !important; color: #1f2933 !important; font-family: var(--font-accent--family) !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .055em !important; } /* MHESUS — barra premium de filtros y ordenamiento (búsqueda + colecciones) */ @media screen and (min-width: 750px) { html:is(.mhesus-template-search, .mhesus-template-collection) .facets-block-wrapper--horizontal { position: relative; z-index: 12; margin: 0 0 26px !important; padding: 0 !important; overflow: visible; border: 1px solid #dfe4eb; border-radius: 14px; background: rgba(255, 255, 255, .96); box-shadow: 0 12px 34px rgba(18, 28, 41, .07), inset 0 1px 0 #fff; } html:is(.mhesus-template-search, .mhesus-template-collection) .facets-block-wrapper--horizontal::before { content: ""; position: absolute; inset: -1px auto -1px -1px; width: 3px; border-radius: 14px 0 0 14px; background: linear-gradient(180deg, #7fa0ff 0%, #4854a4 58%, #173fae 100%); } html:is(.mhesus-template-search, .mhesus-template-collection) .facets-block-wrapper--horizontal .facets--horizontal { padding: 10px 12px !important; } html:is(.mhesus-template-search, .mhesus-template-collection) .facets--horizontal .facets__form { min-height: 46px; align-items: center; gap: 8px; } html.mhesus-template-search .facets--horizontal .facets__filters-wrapper { display: flex !important; flex: 0 1 auto; max-width: min(46vw, 540px) !important; align-items: center; margin: 0 !important; } html.mhesus-template-search .facets__overflow-list { width: 100%; } html.mhesus-template-search .mh-facets-inline-list { display: flex; width: 100%; min-width: 0; align-items: center; gap: 8px; overflow: visible; } html.mhesus-template-search .mh-facets-inline-list > accordion-custom { flex: 0 0 auto; } html.mhesus-template-search .facets__overflow-list::part(list) { gap: 8px; align-items: center; } html.mhesus-template-search .facets__overflow-list::part(more) { min-height: 42px; border-radius: 9px; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-trigger { position: relative; display: inline-flex; flex: 0 0 auto; min-width: 122px; min-height: 44px; align-items: center; justify-content: center; gap: 9px; padding: 0 16px; overflow: hidden; border: 1px solid #17243a; border-radius: 9px; color: #fff; background: linear-gradient(135deg, #101a2a 0%, #182842 100%); box-shadow: 0 8px 18px rgba(15, 28, 48, .14), inset 0 1px 0 rgba(255, 255, 255, .08); font-family: var(--font-accent--family); font-size: 11px; font-weight: 700; line-height: 1; letter-spacing: .095em; text-transform: uppercase; cursor: pointer; transition: transform 220ms var(--mh-ease), border-color 220ms ease, box-shadow 220ms ease; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-trigger::after { content: ""; position: absolute; inset: auto 14px 0; height: 2px; border-radius: 2px 2px 0 0; background: linear-gradient(90deg, transparent, #5c83f7, transparent); opacity: .9; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-trigger .svg-wrapper { width: 17px; height: 17px; } html:is(.mhesus-template-search, .mhesus-template-collection) .facets__filters-wrapper .facets__summary { min-width: 142px; min-height: 44px; height: 44px !important; align-items: center; justify-content: space-between; gap: 12px; padding: 0 14px !important; border: 1px solid #dce2e9; border-radius: 9px; color: #263343; background: linear-gradient(180deg, #fff 0%, #fafbfd 100%); box-shadow: 0 3px 10px rgba(18, 28, 41, .035); font-family: var(--font-accent--family); font-size: 11px; font-weight: 700; line-height: 1; letter-spacing: .07em; text-transform: uppercase; opacity: 1 !important; transition: color 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease; } html:is(.mhesus-template-search, .mhesus-template-collection) .facets__filters-wrapper .facets__panel[open] > .facets__summary, html:is(.mhesus-template-search, .mhesus-template-collection) .facets__filters-wrapper .facets__summary:hover { border-color: rgba(72, 84, 164, .48); color: #4854a4; background: #f7f9ff; box-shadow: 0 7px 18px rgba(72, 84, 164, .09); } html:is(.mhesus-template-search, .mhesus-template-collection) .facets__filters-wrapper .facets__summary .icon-caret, html:is(.mhesus-template-search, .mhesus-template-collection) .sorting-filter__horizontal .facets__summary .icon-caret { width: 11px; height: 11px; margin: 0; color: currentColor; opacity: .68; } html:is(.mhesus-template-search, .mhesus-template-collection) .facets__panel-content.color-custom-popover, html:is(.mhesus-template-search, .mhesus-template-collection) .sorting-filter__options { margin-top: 8px; overflow: hidden; border: 1px solid #dce2e9 !important; border-radius: 12px !important; background: rgba(255, 255, 255, .985) !important; box-shadow: 0 20px 48px rgba(18, 28, 41, .16) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); } html:is(.mhesus-template-search, .mhesus-template-collection) .products-count-wrapper { position: relative; display: inline-flex; flex: 0 0 auto; min-height: 44px; align-items: center; margin-left: auto; padding: 0 13px 0 26px; border: 0; color: #697584; font-family: var(--font-accent--family); font-size: 10px; font-weight: 700; line-height: 1; letter-spacing: .085em; white-space: nowrap; text-transform: uppercase; } html:is(.mhesus-template-search, .mhesus-template-collection) .products-count-wrapper::before { content: ""; position: absolute; left: 12px; width: 6px; height: 6px; border-radius: 50%; background: #4854a4; box-shadow: 0 0 0 4px rgba(72, 84, 164, .09); } html:is(.mhesus-template-search, .mhesus-template-collection) .sorting-filter__horizontal { flex: 0 0 auto; } html:is(.mhesus-template-search, .mhesus-template-collection) .sorting-filter__horizontal .facets__summary { min-width: 128px; min-height: 44px; height: 44px !important; align-items: center; justify-content: space-between; gap: 12px; padding: 0 14px !important; border: 1px solid #dce2e9; border-radius: 9px; color: #263343; background: #fff; font-family: var(--font-accent--family); font-size: 11px; font-weight: 700; line-height: 1; letter-spacing: .07em; text-transform: uppercase; transition: color 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease; } html:is(.mhesus-template-search, .mhesus-template-collection) .sorting-filter__horizontal .facets__panel[open] > .facets__summary, html:is(.mhesus-template-search, .mhesus-template-collection) .sorting-filter__horizontal .facets__summary:hover { border-color: rgba(72, 84, 164, .48); color: #4854a4; background: #f7f9ff; box-shadow: 0 7px 18px rgba(72, 84, 164, .09); } } @media (hover: hover) and (pointer: fine) { html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-trigger:hover { transform: translateY(-1px); border-color: #4854a4; box-shadow: 0 11px 24px rgba(18, 40, 78, .2), 0 0 0 3px rgba(72, 84, 164, .07); } } @media screen and (min-width: 750px) and (max-width: 1099px) { html.mhesus-template-search .facets--horizontal .facets__form { gap: 6px; } html.mhesus-template-search .mh-facets-trigger { min-width: 108px; padding-inline: 12px; } html.mhesus-template-search .facets--horizontal .facets__filters-wrapper { max-width: min(48vw, 370px) !important; } html.mhesus-template-search .facets__filters-wrapper .facets__summary { min-width: 124px; padding-inline: 12px !important; } html.mhesus-template-search .products-count-wrapper { display: none; } html.mhesus-template-search .sorting-filter__horizontal .facets__summary { min-width: 112px; padding-inline: 12px !important; } } @media screen and (max-width: 749px) { html:is(.mhesus-template-search, .mhesus-template-collection) .facets-toggle { min-height: 62px !important; margin: 0 16px 18px !important; padding: 7px !important; gap: 8px; border: 1px solid #dfe4eb; border-radius: 12px; background: #fff; box-shadow: 0 9px 24px rgba(18, 28, 41, .065); } html:is(.mhesus-template-search, .mhesus-template-collection) .facets-toggle__wrapper, html:is(.mhesus-template-search, .mhesus-template-collection) .facets-mobile-wrapper { width: calc(50% - 4px); margin: 0; } html:is(.mhesus-template-search, .mhesus-template-collection) .facets-toggle__button { display: flex !important; width: 100%; min-height: 46px; align-items: center; justify-content: center; gap: 8px; padding: 0 12px; border: 1px solid #17243a !important; border-radius: 8px !important; color: #fff !important; background: linear-gradient(135deg, #101a2a, #182842) !important; box-shadow: none !important; font-family: var(--font-accent--family); font-size: 11px; font-weight: 700; letter-spacing: .08em; } html:is(.mhesus-template-search, .mhesus-template-collection) .facets-toggle__button .svg-wrapper { width: 17px; height: 17px; } html:is(.mhesus-template-search, .mhesus-template-collection) .facets-mobile-wrapper facets-form-component, html:is(.mhesus-template-search, .mhesus-template-collection) .facets-mobile-wrapper form, html:is(.mhesus-template-search, .mhesus-template-collection) .facets-mobile-wrapper .sorting-filter, html:is(.mhesus-template-search, .mhesus-template-collection) .facets-mobile-wrapper .sorting-filter__container, html:is(.mhesus-template-search, .mhesus-template-collection) .facets-mobile-wrapper .sorting-filter__select-wrapper { width: 100%; } html:is(.mhesus-template-search, .mhesus-template-collection) .facets-mobile-wrapper .sorting-filter__container { display: block !important; min-height: 46px; margin: 0; padding: 0; overflow: hidden; border: 1px solid #dce2e9; border-radius: 8px; background: #fff; } html:is(.mhesus-template-search, .mhesus-template-collection) .facets-mobile-wrapper .sorting-filter__container > .facets__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } html:is(.mhesus-template-search, .mhesus-template-collection) .facets-mobile-wrapper .sorting-filter__select-wrapper { min-height: 46px; padding: 0; border: 0; border-radius: 0; } html:is(.mhesus-template-search, .mhesus-template-collection) .facets-mobile-wrapper .sorting-filter__select { min-height: 46px; padding: 0 34px 0 13px; color: #263343; background: transparent; font-family: var(--font-accent--family); font-size: 11px; font-weight: 700; letter-spacing: .055em; text-align: left; text-align-last: left; text-transform: uppercase; } html:is(.mhesus-template-search, .mhesus-template-collection) .facets-mobile-wrapper .sorting-filter__select-wrapper > .icon-caret { position: absolute; top: 50%; right: 12px; width: 10px; height: 10px; transform: translateY(-50%); pointer-events: none; } html:is(.mhesus-template-search, .mhesus-template-collection) .filter-count-bubble { width: 19px; border: 0; color: #14223a; background: #fff; } } @media (prefers-reduced-motion: reduce) { html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-trigger, html:is(.mhesus-template-search, .mhesus-template-collection) .facets__summary { transition: none !important; transform: none !important; } } /* MHESUS — desplegables premium de filtros */ @media screen and (min-width: 750px) { html:is(.mhesus-template-search, .mhesus-template-collection) .facets--horizontal .facets__panel[open] { z-index: 20; } html:is(.mhesus-template-search, .mhesus-template-collection) .facets--horizontal .facets__panel-content.color-custom-popover, html:is(.mhesus-template-search, .mhesus-template-collection) .sorting-filter__horizontal .sorting-filter__options { top: calc(100% + 8px); margin-top: 0; border: 1px solid #d9e0e8 !important; border-radius: 12px !important; color: #263343; background: linear-gradient(180deg, rgba(72, 84, 164, .025), transparent 34px), rgba(255, 255, 255, .99) !important; box-shadow: 0 22px 52px rgba(15, 27, 45, .17), 0 3px 10px rgba(15, 27, 45, .06) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } html:is(.mhesus-template-search, .mhesus-template-collection) .facets--horizontal .facets__panel-content.color-custom-popover::before, html:is(.mhesus-template-search, .mhesus-template-collection) .sorting-filter__horizontal .sorting-filter__options::before { content: ""; position: absolute; inset: 0 14px auto; height: 2px; border-radius: 0 0 2px 2px; background: linear-gradient(90deg, transparent, rgba(72, 84, 164, .78), transparent); } /* Disponibilidad y otros filtros de lista */ html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .facets__panel-content.color-custom-popover { min-width: 252px; max-width: 320px; max-height: 320px; padding: 10px !important; overflow-y: auto; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .facets__panel-content > facet-inputs-component { display: block; width: 100%; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .facets__inputs-wrapper { margin: 0 !important; padding: 0 !important; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .facets__inputs-list { gap: 4px !important; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .facets__inputs-list-item { width: 100%; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .checkbox { width: 100%; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .checkbox__label { width: 100%; min-height: 44px; align-items: center; padding: 9px 10px; border: 1px solid transparent; border-radius: 8px; color: #4f5c6a; background: transparent; font-family: var(--font-paragraph--family), Inter, sans-serif; font-size: 13px; line-height: 1.25; transition: color 180ms ease, border-color 180ms ease, background 180ms ease; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .checkbox .icon-checkmark { width: 18px; height: 18px; border: 1px solid #b9c3cf; border-radius: 5px; background: #fff; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .checkbox__input:checked + .checkbox__label { border-color: rgba(72, 84, 164, .22); color: #193b9e; background: rgba(72, 84, 164, .065); } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .checkbox__input:checked + .checkbox__label .icon-checkmark { border-color: #4854a4; background: #4854a4; box-shadow: 0 0 0 3px rgba(72, 84, 164, .09); } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .checkbox__label-text { padding-inline-start: 10px; color: inherit !important; } /* Precio */ html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .facets__panel:has(> .facets__summary[data-testid='price-filter']) > .facets__panel-content { min-width: 370px; max-width: 370px; padding: 18px 16px 12px !important; overflow: visible; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .price-facet--horizontal { min-width: 0; width: 100%; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .price-facet__inputs-wrapper { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 9px; align-items: center; padding: 0; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .price-facet__field { min-height: 48px; overflow: hidden; border: 1px solid #d7dee7; border-radius: 8px; background: #fbfcfe; transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .price-facet__field:focus-within { border-color: rgba(72, 84, 164, .62); background: #fff; box-shadow: 0 0 0 3px rgba(72, 84, 164, .08); } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .price-facet__input { min-height: 46px; padding: 0 12px 0 34px; border: 0 !important; color: #263343; background: transparent !important; box-shadow: none !important; font-family: var(--font-paragraph--family), Inter, sans-serif; font-size: 13px; text-align: left; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .price-facet__label { top: 50%; left: 11px; padding: 0; color: #778392; font-size: 12px; transform: translateY(-50%); } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .price-facet__separator { color: #9aa5b2; font-size: 12px; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .price-facet__highest-price { margin: 0; padding: 10px 2px 2px; color: #7a8694; font-family: var(--font-paragraph--family), Inter, sans-serif; font-size: 11px; line-height: 1.35; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .facets__clear { padding: 8px 0 0; } html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list .clear-filter.button, html:is(.mhesus-template-search, .mhesus-template-collection) .mh-facets-inline-list facet-clear-component.clear-filter { min-height: 30px !important; padding: 0 2px !important; border: 0 !important; color: #4854a4 !important; background: transparent !important; box-shadow: none !important; font-family: var(--font-accent--family); font-size: 10px !important; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; } /* Ordenar */ html:is(.mhesus-template-search, .mhesus-template-collection) .sorting-filter__horizontal .sorting-filter__options { right: 0; width: 270px; min-width: 270px; } html:is(.mhesus-template-search, .mhesus-template-collection) .sorting-filter__horizontal .sorting-filter__options-inner { gap: 3px; padding: 9px; } html:is(.mhesus-template-search, .mhesus-template-collection) .sorting-filter__horizontal .sorting-filter__option { grid-template-columns: 18px minmax(0, 1fr); min-width: 0; max-width: none; min-height: 42px; gap: 9px; padding: 9px 11px; border: 1px solid transparent; border-radius: 8px; color: #4c5967; background: transparent; font-family: var(--font-paragraph--family), Inter, sans-serif; font-size: 12px; line-height: 1.25; transition: color 170ms ease, border-color 170ms ease, background 170ms ease; } html:is(.mhesus-template-search, .mhesus-template-collection) .sorting-filter__horizontal .sorting-filter__option:hover { border-color: rgba(72, 84, 164, .14); color: #4854a4; background: rgba(72, 84, 164, .045); } html:is(.mhesus-template-search, .mhesus-template-collection) .sorting-filter__horizontal .sorting-filter__option[aria-selected='true'] { border-color: rgba(72, 84, 164, .22); color: #193b9e; background: rgba(72, 84, 164, .075); font-weight: 600; } html:is(.mhesus-template-search, .mhesus-template-collection) .sorting-filter__horizontal .sorting-filter__checkmark { display: grid; width: 18px; height: 18px; place-items: center; border: 1px solid #d1d9e3; border-radius: 50%; color: #fff;