/** * Landing básica — responsive móvil (≤768px). Solo body.jkfw-landing-basic-body. * Carga al final del para pisar jkhive-index-home-responsive / jk-hive / hex-svg. * * Menú lateral: assets/docs/SIDEBAR-NAV-HONEYCOMB-CANON.md * Galerías medium/noticias: assets/css/jkhive-hex-gallery-medium-mobile.css (framework) + este archivo (padding/hover landing) * (zigzag 14/-15 + --jklp-nav-y-step acumulativo; mismo panal en index/about/gallery/contact). */ /* Desktop: ocultar toggle del menú mobile */ body.jkfw-landing-basic-body .jklp-mobile-nav-toggle { display: none !important; } @media (max-width: 768px) { body.jkfw-landing-basic-body { --jklp-lb-sidebar: 101px; --jklp-lb-pad-x: 0.5rem; /* Padding horizontal típico de secciones (.jklp-gallery-page, index, about) */ --jklp-lb-section-pad-x: clamp(0.95rem, 2vw, 1.35rem); /* Contenido a ancho completo: el menú lateral flota encima (no resta espacio) */ --jklp-lb-content-w: calc(100vw - 2 * var(--jklp-lb-pad-x) - 2 * var(--jklp-lb-section-pad-x)); --jklp-mob-hex-sm: min(90px, max(62px, calc((var(--jklp-lb-content-w) - 4px) / 3))); --jklp-mob-stagger-sm: calc((var(--jklp-mob-hex-sm) + 2px) / 2); /* Alias landing → variables framework (jkhive-hex-gallery-medium-mobile.css) */ --jklp-mob-hex-med-two-max: calc((var(--jklp-lb-content-w) - 4px) / 2); --jklp-mob-hex-med-three-bump: calc(((var(--jklp-lb-content-w) - 6px) / 3) * 1.15); --jklp-mob-hex-med: min(var(--jklp-mob-hex-med-two-max), max(80px, var(--jklp-mob-hex-med-three-bump))); --jklp-mob-stagger-med: calc((var(--jklp-mob-hex-med) + 6px) / 2); --jklp-carousel-flat: min(520px, max(100px, calc(100vw - 112px))); --jklp-nav-y-step: 1px; } /* * —— 0) Celda del logo = alto del navbar (60px) —— * Ancho del sidebar se mantiene (101px); el logo queda centrado H+V. */ body.jkfw-landing-basic-body { --jkhive-logo-square-size: 60px; } body.jkfw-landing-basic-body #jkhive-logo-square.jkhive-logo-square, body.jkfw-landing-basic-body .jkhive-logo-square { width: var(--jklp-lb-sidebar, 101px) !important; height: 60px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; /* Continúa la línea nav/body hasta el borde izquierdo (mismo trazo que el navbar) */ border-bottom: 2px solid var(--jk-elegant-shell-border, rgba(14, 165, 233, 0.3)) !important; box-sizing: border-box !important; } body.jkfw-landing-basic-body .jkhive-logo-square .jkhive-sidebar-logo, body.jkfw-landing-basic-body .jkhive-logo-square .jkhive-sidebar-logo > a { width: 100%; height: 100%; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0; } body.jkfw-landing-basic-body .jkhive-logo-square .jkhive-brand-logo--sidebar { /* CAAB wordmark 587×231 — no usar aspect del hex JK Hive */ width: auto !important; height: auto !important; max-width: calc(var(--jklp-lb-sidebar, 101px) - 16px) !important; max-height: calc(60px - 12px) !important; aspect-ratio: auto !important; margin: 0 !important; } /* * —— 0b) Sidebar flotante + contraído (pergamino) —— * Cerrado por defecto; body.jklp-mobile-nav-open lo despliega hacia abajo. */ body.jkfw-landing-basic-body #jkhive-sidebar-container { z-index: 1400 !important; /* sobre el main; bajo el navbar (1500+) */ height: 60px !important; overflow: hidden !important; transition: height 0.45s cubic-bezier(0.22, 1, 0.36, 1); } body.jkfw-landing-basic-body #jkhive-sidebar.jkhive-sidebar, body.jkfw-landing-basic-body .jkhive-sidebar { top: 60px !important; height: 0 !important; max-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(-12%) scaleY(0) !important; transform-origin: top center !important; border: none !important; transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease, max-height 0.5s cubic-bezier(0.22, 1, 0.36, 1), padding 0.45s ease, visibility 0.5s; } /* Abierto: pergamino hacia abajo */ body.jkfw-landing-basic-body.jklp-mobile-nav-open #jkhive-sidebar-container { height: 100vh !important; overflow: visible !important; } body.jkfw-landing-basic-body.jklp-mobile-nav-open #jkhive-sidebar.jkhive-sidebar, body.jkfw-landing-basic-body.jklp-mobile-nav-open .jkhive-sidebar { height: calc(100vh - 60px) !important; max-height: calc(100vh - 60px) !important; padding: calc(21px + (60px * 1.1547 - 24px)) 0 var(--jk-spacing-md, 1rem) 0 !important; overflow-x: hidden !important; overflow-y: auto !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(0) scaleY(1) !important; } body.jkfw-landing-basic-body .jkhive-main-content, body.jkfw-landing-basic-body.page-public .jkhive-main-content { margin-left: 0 !important; width: 100% !important; max-width: 100% !important; } body.jkfw-landing-basic-body.crm-layout .jkhive-footer, body.jkfw-landing-basic-body.crm-layout .jkhive-footer-crm, body.jkfw-landing-basic-body.crm-layout .jkhive-crm-footer, body.jkfw-landing-basic-body .jkhive-footer { margin-left: 0 !important; width: 100% !important; max-width: 100% !important; } /* * —— 0c) Toggle fa-bars: mismo hex que buscar, flotante bajo el logo —— * left = mismo inset que el logo (celda 101px, logo max 101-16 → 8px). */ body.jkfw-landing-basic-body .jklp-mobile-nav-toggle { display: inline-flex !important; position: fixed !important; top: calc(60px + 8px) !important; left: 8px !important; z-index: 1450 !important; width: 32px !important; min-width: 32px !important; height: calc(32px * 1.1547) !important; min-height: calc(32px * 1.1547) !important; margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; background: none !important; box-shadow: none !important; clip-path: none !important; cursor: pointer; align-items: center; justify-content: center; overflow: visible; } body.jkfw-landing-basic-body .jklp-mobile-nav-toggle .jkhive-hex-svg-btn--navbar { width: 32px !important; height: calc(32px * 1.1547) !important; /* Mismos colores que #searchIcon */ --jkhive-hex-shell-color: var(--jk-theme-highlight, #f4c430); --jkhive-hex-icon-color: var(--jk-theme-highlight, #f4c430); --jkhive-bttn-hex-inner-bg: var(--jk-tech-dark, #1e293b); } body.jkfw-landing-basic-body .jklp-mobile-nav-toggle__fa { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center; pointer-events: none; color: var(--jkhive-hex-icon-color, var(--jk-theme-highlight, #f4c430)); font-size: 0.85rem; line-height: 1; } body.jkfw-landing-basic-body .jklp-mobile-nav-toggle:hover .jkhive-hex-svg-btn, body.jkfw-landing-basic-body .jklp-mobile-nav-toggle:focus-visible .jkhive-hex-svg-btn { --jkhive-hex-shell-color: var(--jk-accent-cyan, #06b6d4); --jkhive-hex-icon-color: var(--jk-accent-cyan, #06b6d4); transform: scale(1.08); } body.jkfw-landing-basic-body .jklp-mobile-nav-toggle:hover .jklp-mobile-nav-toggle__fa, body.jkfw-landing-basic-body .jklp-mobile-nav-toggle:focus-visible .jklp-mobile-nav-toggle__fa { color: var(--jk-accent-cyan, #06b6d4); } /* Toggle activo mientras el menú está abierto */ body.jkfw-landing-basic-body.jklp-mobile-nav-open .jklp-mobile-nav-toggle .jkhive-hex-svg-btn--navbar { --jkhive-hex-shell-color: var(--jk-elegant-nav-icon-active, var(--jk-theme-highlight, #b45309)); --jkhive-hex-icon-color: var(--jk-elegant-nav-icon-active, var(--jk-theme-highlight, #b45309)); } body.jkfw-landing-basic-body.jklp-mobile-nav-open .jklp-mobile-nav-toggle__fa { color: var(--jk-elegant-nav-icon-active, var(--jk-theme-highlight, #b45309)); } /* —— 1) Navbar mobile: solo nombre de página —— */ body.jkfw-landing-basic-body .jkhive-navbar--landing-basic-search { justify-content: space-between !important; } body.jkfw-landing-basic-body .jkhive-navbar--landing-basic-search .jkhive-navbar-left { flex: 1 1 auto; min-width: 0; overflow: hidden; } /* Sin “CAAB \ ” — el logo gráfico ya identifica la marca */ body.jkfw-landing-basic-body .jkhive-navbar--landing-basic-search .jkhive-navbar-title { display: none !important; } body.jkfw-landing-basic-body .jkhive-navbar--landing-basic-search .jkhive-navbar-breadcrumb::before { content: none !important; display: none !important; } body.jkfw-landing-basic-body .jkhive-navbar--landing-basic-search .jkhive-navbar-breadcrumb { display: flex !important; flex: 1 1 auto; min-width: 0; font-size: 0.95rem; font-weight: 600; overflow: hidden; } body.jkfw-landing-basic-body .jkhive-navbar--landing-basic-search .jkhive-navbar-breadcrumb span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* * Menú lateral SVG — MISMO panal en index / about / gallery / contact. * Zigzag canónico 14/-15px (jkhive-sidebar) + subida acumulada --jklp-nav-y-step desde el 2.º ítem. */ html body.jkfw-landing-basic-body #jkhive-sidebar .jkhive-nav-item:has(.jkhive-hex-svg-btn), html body.jkfw-landing-basic-body .jkhive-sidebar .jkhive-nav-item:has(.jkhive-hex-svg-btn) { margin: -15px 0 !important; } html body.jkfw-landing-basic-body #jkhive-sidebar .jkhive-nav-item:nth-child(1):has(.jkhive-hex-svg-btn), html body.jkfw-landing-basic-body .jkhive-sidebar .jkhive-nav-item:nth-child(1):has(.jkhive-hex-svg-btn) { transform: translate(-15px, 0) !important; } html body.jkfw-landing-basic-body #jkhive-sidebar .jkhive-nav-item:nth-child(2):has(.jkhive-hex-svg-btn), html body.jkfw-landing-basic-body .jkhive-sidebar .jkhive-nav-item:nth-child(2):has(.jkhive-hex-svg-btn) { transform: translate(14px, calc(-1 * var(--jklp-nav-y-step))) !important; } html body.jkfw-landing-basic-body #jkhive-sidebar .jkhive-nav-item:nth-child(3):has(.jkhive-hex-svg-btn), html body.jkfw-landing-basic-body .jkhive-sidebar .jkhive-nav-item:nth-child(3):has(.jkhive-hex-svg-btn) { transform: translate(-15px, calc(-2 * var(--jklp-nav-y-step))) !important; } html body.jkfw-landing-basic-body #jkhive-sidebar .jkhive-nav-item:nth-child(4):has(.jkhive-hex-svg-btn), html body.jkfw-landing-basic-body .jkhive-sidebar .jkhive-nav-item:nth-child(4):has(.jkhive-hex-svg-btn) { transform: translate(14px, calc(-3 * var(--jklp-nav-y-step))) !important; } html body.jkfw-landing-basic-body #jkhive-sidebar .jkhive-nav-item:nth-child(5):has(.jkhive-hex-svg-btn), html body.jkfw-landing-basic-body .jkhive-sidebar .jkhive-nav-item:nth-child(5):has(.jkhive-hex-svg-btn) { transform: translate(-15px, calc(-4 * var(--jklp-nav-y-step))) !important; } html body.jkfw-landing-basic-body #jkhive-sidebar .jkhive-nav-item:nth-child(6):has(.jkhive-hex-svg-btn), html body.jkfw-landing-basic-body .jkhive-sidebar .jkhive-nav-item:nth-child(6):has(.jkhive-hex-svg-btn) { transform: translate(14px, calc(-5 * var(--jklp-nav-y-step))) !important; } html body.jkfw-landing-basic-body #jkhive-sidebar .jkhive-nav-item:nth-child(7):has(.jkhive-hex-svg-btn), html body.jkfw-landing-basic-body .jkhive-sidebar .jkhive-nav-item:nth-child(7):has(.jkhive-hex-svg-btn) { transform: translate(-15px, calc(-6 * var(--jklp-nav-y-step))) !important; } html body.jkfw-landing-basic-body #jkhive-sidebar .jkhive-nav-item:nth-child(8):has(.jkhive-hex-svg-btn), html body.jkfw-landing-basic-body .jkhive-sidebar .jkhive-nav-item:nth-child(8):has(.jkhive-hex-svg-btn) { transform: translate(14px, calc(-7 * var(--jklp-nav-y-step))) !important; } /* —— 2a) Carrusel servicios destacados (hex big) —— */ body.jkfw-landing-basic-body #jkfwSimpleFeaturedCarousel { --jk-simple-featured-flat: var(--jklp-carousel-flat); width: min(100%, calc(100vw - var(--jklp-lb-pad-x))); max-width: 100%; box-sizing: border-box; } body.jkfw-landing-basic-body #jkfwSimpleFeaturedCarousel .jkfw-simple-featured-window { width: var(--jklp-carousel-flat) !important; max-width: var(--jklp-carousel-flat) !important; } body.jkfw-landing-basic-body #jkfwSimpleFeaturedCarousel .jkhive-carouselitem-big, body.jkfw-landing-basic-body #jkfwSimpleFeaturedCarousel .jkhive-carouselitem-big .jkhive-hex { width: var(--jk-simple-featured-flat) !important; height: calc(var(--jk-simple-featured-flat) * 1.1547) !important; max-width: 100%; } body.jkfw-landing-basic-body #jkfwSimpleFeaturedCarousel .jkhive-carouselitem-big .jkhive-hex::after { width: calc(var(--jk-simple-featured-flat) - 8px) !important; height: calc((var(--jk-simple-featured-flat) - 8px) * 1.1547) !important; } body.jkfw-landing-basic-body #jkfwSimpleFeaturedCarousel .jkfw-simple-featured-window-xclip { min-height: calc(var(--jk-simple-featured-flat) * 1.1547 * 1.06 + clamp(56px, 12vmin, 96px)) !important; padding-block: clamp(18px, 3.5vmin, 36px) !important; } /* —— 2b) ¿Por qué elegirnos? — máx. 6, pirámide 3+2+1 —— */ body.jkfw-landing-basic-body.jkhive-index-home #ventajas .jkhive-index-ventajas-gallery.jkhive-hex-gallery-small { display: grid !important; grid-template-columns: repeat(3, var(--jklp-mob-hex-sm)) !important; justify-content: center !important; align-content: start; width: 100%; max-width: var(--jklp-lb-content-w); margin-left: auto; margin-right: auto; column-gap: 2px !important; row-gap: 1px !important; padding-top: 24px !important; padding-bottom: 12px !important; overflow: visible !important; } body.jkfw-landing-basic-body.jkhive-index-home #ventajas .jkhive-index-ventajas-gallery :is(.jkhive-itemgallery-small, .jkhive-hex-item-small):nth-child(n + 7) { display: none !important; } body.jkfw-landing-basic-body.jkhive-index-home #ventajas .jkhive-index-ventajas-gallery :is(.jkhive-itemgallery-small, .jkhive-hex-item-small) { width: var(--jklp-mob-hex-sm) !important; height: calc(var(--jklp-mob-hex-sm) * 1.1547) !important; margin: calc(var(--jklp-mob-hex-sm) * -0.29) 0 !important; max-width: var(--jklp-mob-hex-sm) !important; } body.jkfw-landing-basic-body.jkhive-index-home #ventajas .jkhive-index-ventajas-gallery :is(.jkhive-itemgallery-small, .jkhive-hex-item-small) .jkhive-hex { width: var(--jklp-mob-hex-sm) !important; height: calc(var(--jklp-mob-hex-sm) * 1.1547) !important; } body.jkfw-landing-basic-body.jkhive-index-home #ventajas .jkhive-index-ventajas-gallery :is(.jkhive-itemgallery-small, .jkhive-hex-item-small) .jkhive-hex::after { width: calc(var(--jklp-mob-hex-sm) - 4px) !important; height: calc((var(--jklp-mob-hex-sm) - 4px) * 1.1547) !important; } body.jkfw-landing-basic-body.jkhive-index-home #ventajas .jkhive-index-ventajas-gallery :is(.jkhive-itemgallery-small, .jkhive-hex-item-small):nth-child(1) { grid-row: 1; grid-column: 1; transform: none !important; } body.jkfw-landing-basic-body.jkhive-index-home #ventajas .jkhive-index-ventajas-gallery :is(.jkhive-itemgallery-small, .jkhive-hex-item-small):nth-child(2) { grid-row: 1; grid-column: 2; transform: none !important; } body.jkfw-landing-basic-body.jkhive-index-home #ventajas .jkhive-index-ventajas-gallery :is(.jkhive-itemgallery-small, .jkhive-hex-item-small):nth-child(3) { grid-row: 1; grid-column: 3; transform: none !important; } body.jkfw-landing-basic-body.jkhive-index-home #ventajas .jkhive-index-ventajas-gallery :is(.jkhive-itemgallery-small, .jkhive-hex-item-small):nth-child(4) { grid-row: 2; grid-column: 1; margin-top: 0 !important; transform: translateX(var(--jklp-mob-stagger-sm)) !important; } body.jkfw-landing-basic-body.jkhive-index-home #ventajas .jkhive-index-ventajas-gallery :is(.jkhive-itemgallery-small, .jkhive-hex-item-small):nth-child(5) { grid-row: 2; grid-column: 2; margin-top: 0 !important; transform: translateX(var(--jklp-mob-stagger-sm)) !important; } body.jkfw-landing-basic-body.jkhive-index-home #ventajas .jkhive-index-ventajas-gallery :is(.jkhive-itemgallery-small, .jkhive-hex-item-small):nth-child(6) { grid-row: 3; grid-column: 2; justify-self: center; margin-top: 0 !important; transform: none !important; } /* —— 2c) Galerías medium — layout en ../../assets/css/jkhive-hex-gallery-medium-mobile.css —— */ html body.jkfw-landing-basic-body :is(#jkfwGalleryServicesGrid, #jkfwAboutNewsGallery, #jkfwHomeNewsSpotGallery).jkhive-hex-gallery-medium { padding-top: 20px !important; padding-bottom: clamp(2.5rem, 8vw, 4rem) !important; } html body.jkfw-landing-basic-body :is(#jkfwGalleryServicesGrid, #jkfwAboutNewsGallery, #jkfwHomeNewsSpotGallery).jkhive-hex-gallery-medium .jkhive-hex-item-hover-glowV2.jkfw-home-news-spot:is(.jkhive-itemgallery-med, .jkhive-hex-item-med):hover, html body.jkfw-landing-basic-body :is(#jkfwGalleryServicesGrid, #jkfwAboutNewsGallery, #jkfwHomeNewsSpotGallery).jkhive-hex-gallery-medium .jkhive-hex-item-hover-glowV2.jkfw-home-news-spot:is(.jkhive-itemgallery-med, .jkhive-hex-item-med):focus-within { transform: none !important; } html body.jkfw-landing-basic-body :is(#jkfwGalleryServicesGrid, #jkfwAboutNewsGallery, #jkfwHomeNewsSpotGallery).jkhive-hex-gallery-medium .jkhive-hex-item-hover-glowV2.jkfw-home-news-spot:is(.jkhive-itemgallery-med, .jkhive-hex-item-med):nth-child(3n+3):hover, html body.jkfw-landing-basic-body :is(#jkfwGalleryServicesGrid, #jkfwAboutNewsGallery, #jkfwHomeNewsSpotGallery).jkhive-hex-gallery-medium[data-jkhive-med-honey="2-1"] .jkhive-hex-item-hover-glowV2.jkfw-home-news-spot:is(.jkhive-itemgallery-med, .jkhive-hex-item-med):nth-child(3n+3):hover, html body.jkfw-landing-basic-body :is(#jkfwGalleryServicesGrid, #jkfwAboutNewsGallery, #jkfwHomeNewsSpotGallery).jkhive-hex-gallery-medium[data-jkhive-med-honey="2-1"] .jkhive-hex-item-hover-glowV2.jkfw-home-news-spot:is(.jkhive-itemgallery-med, .jkhive-hex-item-med):nth-child(3n+3):focus-within { /* Mismo stagger que reposo (--jkhive-med-stagger); no usar --jklp-mob-stagger-med (viewport). */ transform: translateX(var(--jkhive-med-stagger, var(--jklp-mob-stagger-med))) !important; } body.jkfw-landing-basic-body .jkhive-page-container, body.jkfw-landing-basic-body .jkhive-content-wrap, body.jkfw-landing-basic-body .jklp-gallery-page, body.jkfw-landing-basic-body.page-about .jkhive-main-content, body.jkfw-landing-basic-body.page-gallery .jkhive-main-content { overflow-x: hidden; max-width: 100%; min-width: 0; } /* —— 2d) Nuestros clientes — strip —— */ body.jkfw-landing-basic-body.jkhive-index-home .jklp-section--clients .jklp-clients-lead { margin-top: 0.65rem !important; margin-bottom: 0.4rem !important; } body.jkfw-landing-basic-body.jkhive-index-home #jklp-nuestros-clientes { margin-bottom: 1.5rem !important; } body.jkfw-landing-basic-body.jkhive-index-home #jklpStripCarrousel.jklp-pole { margin-top: 0.5rem !important; --jklp-pole-gap: 2px; } body.jkfw-landing-basic-body.jkhive-index-home #jklpStripCarrousel .jklp-pole__track { gap: var(--jklp-pole-gap) !important; } body.jkfw-landing-basic-body.jkhive-index-home #jklpStripCarrousel .jklp-pole__cell { flex: 0 0 var(--jklp-mob-hex-sm) !important; width: var(--jklp-mob-hex-sm) !important; max-width: var(--jklp-mob-hex-sm) !important; } body.jkfw-landing-basic-body.jkhive-index-home #jklpStripCarrousel .jklp-pole__cell > :is(.jkhive-itemgallery-small, .jkhive-hex-item-small) { transform: none !important; width: var(--jklp-mob-hex-sm) !important; height: calc(var(--jklp-mob-hex-sm) * 1.1547) !important; margin: 0 !important; } body.jkfw-landing-basic-body.jkhive-index-home #jklpStripCarrousel :is(.jkhive-itemgallery-small, .jkhive-hex-item-small) .jkhive-hex { width: var(--jklp-mob-hex-sm) !important; height: calc(var(--jklp-mob-hex-sm) * 1.1547) !important; } /* —— 2e) CTA «¿Listo para comenzar?» — botones SVG (no legacy .jkhive-hex) —— */ body.jkfw-landing-basic-body #cta.jklp-cta-emphasis, body.jkfw-landing-basic-body section#cta.jklp-cta-emphasis { margin-top: clamp(2.5rem, 8vw, 3.75rem) !important; padding-top: clamp(2.75rem, 9vw, 4.25rem) !important; } html body.jkfw-landing-basic-body #cta.cta-section-hex .cta-buttons-hex { gap: 1rem !important; margin-top: 1.25rem !important; } /* —— 2f) Footer centrado (refuerzo vs jkhive-style móvil: align left) —— */ html body.jkfw-landing-basic-body .jkhive-footer.jkhive-footer--minimal { min-height: 3.75rem; padding: 0.75rem var(--jklp-lb-pad-x) calc(0.75rem + env(safe-area-inset-bottom, 0px)) !important; } html body.jkfw-landing-basic-body .jkhive-footer.jkhive-footer--minimal .jkhive-footer-inner { max-width: var(--jklp-lb-content-w); gap: 0 !important; } html body.jkfw-landing-basic-body .jkhive-footer.jkhive-footer--minimal .footer-right, html body.jkfw-landing-basic-body .jkhive-footer.jkhive-footer--minimal .footer-right .footer-corporate { align-items: center !important; justify-content: center !important; text-align: center !important; padding-top: 0 !important; padding-left: 0 !important; border-top: none !important; } html body.jkfw-landing-basic-body .jkhive-footer.jkhive-footer--minimal .footer-right .footer-corporate p, html body.jkfw-landing-basic-body .jkhive-footer.jkhive-footer--minimal .footer-right .footer-corporate p.small, html body.jkfw-landing-basic-body .jkhive-footer.jkhive-footer--minimal .footer-right .footer-corporate .small { text-align: center !important; margin: 0.2rem auto !important; } /* —— 3–4) Paginación galería hex —— */ body.jkfw-landing-basic-body .jkhive-pagination.jkhive-pagination--hex-gallery { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; max-width: var(--jklp-lb-content-w) !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding: 0.5rem 0.25rem 0.6rem !important; gap: 0.3rem 0.35rem !important; box-sizing: border-box !important; } body.jkfw-landing-basic-body .jkhive-pagination.jkhive-pagination--hex-gallery .jkhive-pagination-meta { font-size: 0.68rem !important; white-space: normal !important; flex: 1 1 100% !important; text-align: center !important; } body.jkfw-landing-basic-body .jkhive-pagination.jkhive-pagination--hex-gallery .jkhive-pagination-actions { gap: 0.22rem !important; flex-wrap: wrap !important; justify-content: center !important; width: 100% !important; } body.jkfw-landing-basic-body .jkhive-pagination.jkhive-pagination--hex-gallery .jkhive-pagination-pages { gap: 0.18rem !important; flex-wrap: wrap !important; justify-content: center !important; } body.jkfw-landing-basic-body .jkhive-pagination.jkhive-pagination--hex-gallery .jkhive-pagination-pagebtn { min-width: 1.4rem !important; min-height: 1.35rem !important; padding: 0.12rem 0.32rem !important; font-size: 0.65rem !important; line-height: 1.2 !important; } body.jkfw-landing-basic-body .jkhive-pagination.jkhive-pagination--hex-gallery .jkhive-pagination-dots { min-width: 0.75rem !important; font-size: 0.68rem !important; } body.jkfw-landing-basic-body .jkhive-pagination.jkhive-pagination--hex-gallery .jkhive-bttn-med { transform: scale(0.58) !important; transform-origin: center center !important; margin: -0.35rem 0 !important; } body.jkfw-landing-basic-body .jkhive-pagination.jkhive-pagination--hex-gallery .jkhive-bttn-med .jkhive-hex { width: 44px !important; height: calc(44px * 1.1547) !important; } /* —— 5) Buscador (input + cerrar; no el hex lupa) —— krauss-mobile (.admin-layout #searchInput) tenía más especificidad por id; usar navbar + id */ body.jkfw-landing-basic-body.jkfw-landing-basic-has-top-search-nav .jkhive-navbar--landing-basic-search .jkhive-search-wrapper.expanded .jkhive-search-expandable { width: min(118px, calc(100vw - var(--jklp-lb-sidebar, 101px) - 96px)) !important; margin-right: 3px !important; } body.jkfw-landing-basic-body.jkfw-landing-basic-has-top-search-nav .jkhive-navbar--landing-basic-search .jkhive-search-input-row { gap: 3px !important; } body.jkfw-landing-basic-body.jkfw-landing-basic-has-top-search-nav .jkhive-navbar--landing-basic-search #searchInput.jkhive-search-input { width: auto !important; max-width: none !important; min-height: 0 !important; height: 24px !important; padding: 0 6px !important; font-size: 11px !important; line-height: 1.2 !important; text-align: left !important; border-radius: 4px !important; box-shadow: none !important; } body.jkfw-landing-basic-body.jkfw-landing-basic-has-top-search-nav .jkhive-navbar--landing-basic-search #searchInput.jkhive-search-input::placeholder { font-size: 11px !important; } body.jkfw-landing-basic-body.jkfw-landing-basic-has-top-search-nav .jkhive-navbar--landing-basic-search #searchInput.jkhive-search-input:focus { box-shadow: 0 0 0 1px rgba(14, 165, 233, 0.35) !important; } body.jkfw-landing-basic-body.jkfw-landing-basic-has-top-search-nav .jkhive-navbar--landing-basic-search .jkhive-search-close { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; font-size: 12px !important; border-radius: 4px !important; line-height: 1 !important; box-shadow: 0 0 4px rgba(220, 38, 38, 0.25) !important; } body.jkfw-landing-basic-body.jkfw-landing-basic-has-top-search-nav .jkhive-navbar--landing-basic-search .jkhive-search-results { min-width: min(200px, calc(100vw - var(--jklp-lb-sidebar, 101px) - 24px)) !important; max-height: 200px !important; } body.jkfw-landing-basic-body.jkfw-landing-basic-has-top-search-nav .jkhive-navbar--landing-basic-search .jkhive-search-result-item { padding: 7px 10px !important; gap: 8px !important; } body.jkfw-landing-basic-body.jkfw-landing-basic-has-top-search-nav .jkhive-navbar--landing-basic-search .jkhive-search-result-item .result-title { font-size: 0.72rem !important; } body.jkfw-landing-basic-body.jkfw-landing-basic-has-top-search-nav .jkhive-navbar--landing-basic-search .jkhive-search-result-item .result-context { font-size: 0.62rem !important; } }