.elementor-kit-735{--e-global-color-primary:#D1D1D1;--e-global-color-secondary:#040404;--e-global-color-text:#8B8B8B;--e-global-color-accent:#FFFFFF;--e-global-color-e850821:#C82AEF;--e-global-color-b9ab9b6:#00000000;--e-global-color-147d839:#0E0E0E;--e-global-color-bcf4dba:#1F1F1F;--e-global-color-3ef9006:#0404047D;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.5em;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1em;--e-global-typography-1e6b325-font-family:"Plus Jakarta Sans";--e-global-typography-1e6b325-font-size:100px;--e-global-typography-1e6b325-font-weight:700;--e-global-typography-1e6b325-line-height:1.3em;--e-global-typography-c998942-font-family:"Plus Jakarta Sans";--e-global-typography-c998942-font-size:64px;--e-global-typography-c998942-font-weight:700;--e-global-typography-c998942-line-height:1.2em;--e-global-typography-be2a21e-font-family:"Plus Jakarta Sans";--e-global-typography-be2a21e-font-size:46px;--e-global-typography-be2a21e-font-weight:700;--e-global-typography-be2a21e-line-height:1.2em;--e-global-typography-b9a5205-font-family:"Plus Jakarta Sans";--e-global-typography-b9a5205-font-size:28px;--e-global-typography-b9a5205-font-weight:700;--e-global-typography-b9a5205-line-height:1.5em;--e-global-typography-a003027-font-family:"Plus Jakarta Sans";--e-global-typography-a003027-font-size:24px;--e-global-typography-a003027-font-weight:700;--e-global-typography-a003027-line-height:1.5em;--e-global-typography-f70bc22-font-family:"Plus Jakarta Sans";--e-global-typography-f70bc22-font-size:20px;--e-global-typography-f70bc22-font-weight:700;--e-global-typography-f70bc22-line-height:1.5em;--e-global-typography-a8a6ad5-font-family:"Plus Jakarta Sans";--e-global-typography-a8a6ad5-font-size:16px;--e-global-typography-a8a6ad5-font-weight:500;--e-global-typography-a8a6ad5-line-height:1.5em;--e-global-typography-61986a4-font-family:"Plus Jakarta Sans";--e-global-typography-61986a4-font-size:16px;--e-global-typography-61986a4-font-weight:700;--e-global-typography-61986a4-line-height:1.5em;background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );background-position:center center;background-repeat:no-repeat;background-size:cover;overscroll-behavior:auto;}.elementor-kit-735 button,.elementor-kit-735 input[type="button"],.elementor-kit-735 input[type="submit"],.elementor-kit-735 .elementor-button{background-color:var( --e-global-color-b9ab9b6 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-accent );border-radius:100px 100px 100px 100px;padding:20px 30px 20px 30px;}.elementor-kit-735 button:hover,.elementor-kit-735 button:focus,.elementor-kit-735 input[type="button"]:hover,.elementor-kit-735 input[type="button"]:focus,.elementor-kit-735 input[type="submit"]:hover,.elementor-kit-735 input[type="submit"]:focus,.elementor-kit-735 .elementor-button:hover,.elementor-kit-735 .elementor-button:focus{background-color:var( --e-global-color-b9ab9b6 );color:var( --e-global-color-e850821 );border-radius:100px 100px 100px 100px;}.elementor-kit-735 e-page-transition{background-color:#FFBC7D;}.elementor-kit-735 a{color:var( --e-global-color-e850821 );}.elementor-kit-735 a:hover{color:var( --e-global-color-text );}.elementor-kit-735 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-1e6b325-font-family ), Sans-serif;font-size:var( --e-global-typography-1e6b325-font-size );font-weight:var( --e-global-typography-1e6b325-font-weight );line-height:var( --e-global-typography-1e6b325-line-height );}.elementor-kit-735 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-c998942-font-family ), Sans-serif;font-size:var( --e-global-typography-c998942-font-size );font-weight:var( --e-global-typography-c998942-font-weight );line-height:var( --e-global-typography-c998942-line-height );}.elementor-kit-735 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-be2a21e-font-family ), Sans-serif;font-size:var( --e-global-typography-be2a21e-font-size );font-weight:var( --e-global-typography-be2a21e-font-weight );line-height:var( --e-global-typography-be2a21e-line-height );}.elementor-kit-735 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-b9a5205-font-family ), Sans-serif;font-size:var( --e-global-typography-b9a5205-font-size );font-weight:var( --e-global-typography-b9a5205-font-weight );line-height:var( --e-global-typography-b9a5205-line-height );}.elementor-kit-735 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-a003027-font-family ), Sans-serif;font-size:var( --e-global-typography-a003027-font-size );font-weight:var( --e-global-typography-a003027-font-weight );line-height:var( --e-global-typography-a003027-line-height );}.elementor-kit-735 h6{color:var( --e-global-color-primary );font-family:var( --e-global-typography-f70bc22-font-family ), Sans-serif;font-size:var( --e-global-typography-f70bc22-font-size );font-weight:var( --e-global-typography-f70bc22-font-weight );line-height:var( --e-global-typography-f70bc22-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(min-width:1025px){.elementor-kit-735{background-attachment:fixed;}}@media(max-width:1024px){.elementor-kit-735{--e-global-typography-primary-font-size:16px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:16px;--e-global-typography-accent-line-height:1em;--e-global-typography-1e6b325-font-size:64px;--e-global-typography-c998942-font-size:56px;--e-global-typography-be2a21e-font-size:38px;--e-global-typography-b9a5205-font-size:24px;--e-global-typography-a003027-font-size:22px;--e-global-typography-f70bc22-font-size:18px;--e-global-typography-a8a6ad5-font-size:14px;--e-global-typography-61986a4-font-size:14px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-735 h1{font-size:var( --e-global-typography-1e6b325-font-size );line-height:var( --e-global-typography-1e6b325-line-height );}.elementor-kit-735 h2{font-size:var( --e-global-typography-c998942-font-size );line-height:var( --e-global-typography-c998942-line-height );}.elementor-kit-735 h3{font-size:var( --e-global-typography-be2a21e-font-size );line-height:var( --e-global-typography-be2a21e-line-height );}.elementor-kit-735 h4{font-size:var( --e-global-typography-b9a5205-font-size );line-height:var( --e-global-typography-b9a5205-line-height );}.elementor-kit-735 h5{font-size:var( --e-global-typography-a003027-font-size );line-height:var( --e-global-typography-a003027-line-height );}.elementor-kit-735 h6{font-size:var( --e-global-typography-f70bc22-font-size );line-height:var( --e-global-typography-f70bc22-line-height );}.elementor-kit-735 button,.elementor-kit-735 input[type="button"],.elementor-kit-735 input[type="submit"],.elementor-kit-735 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );padding:17px 27px 17px 27px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:768px){.elementor-kit-735{--e-global-typography-primary-font-size:14px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;--e-global-typography-accent-line-height:1em;--e-global-typography-1e6b325-font-size:45px;--e-global-typography-c998942-font-size:40px;--e-global-typography-be2a21e-font-size:30px;--e-global-typography-b9a5205-font-size:22px;--e-global-typography-a003027-font-size:20px;--e-global-typography-f70bc22-font-size:16px;--e-global-typography-a8a6ad5-font-size:12px;--e-global-typography-61986a4-font-size:12px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-735 h1{font-size:var( --e-global-typography-1e6b325-font-size );line-height:var( --e-global-typography-1e6b325-line-height );}.elementor-kit-735 h2{font-size:var( --e-global-typography-c998942-font-size );line-height:var( --e-global-typography-c998942-line-height );}.elementor-kit-735 h3{font-size:var( --e-global-typography-be2a21e-font-size );line-height:var( --e-global-typography-be2a21e-line-height );}.elementor-kit-735 h4{font-size:var( --e-global-typography-b9a5205-font-size );line-height:var( --e-global-typography-b9a5205-line-height );}.elementor-kit-735 h5{font-size:var( --e-global-typography-a003027-font-size );line-height:var( --e-global-typography-a003027-line-height );}.elementor-kit-735 h6{font-size:var( --e-global-typography-f70bc22-font-size );line-height:var( --e-global-typography-f70bc22-line-height );}.elementor-kit-735 button,.elementor-kit-735 input[type="button"],.elementor-kit-735 input[type="submit"],.elementor-kit-735 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );padding:15px 25px 15px 25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* ========================================================= JK PERÚ MARKET CSS MAESTRO - INICIO JK MARKET Página actual: ID 1511 ========================================================= */ /* ========================================================= 01. VARIABLES GENERALES ========================================================= */ :root { --jk-bg: #030303; --jk-bg-2: #0A0A0A; --jk-card: #111111; --jk-card-2: #171717; --jk-gold: #D4AF37; --jk-gold-light: #FFD15A; --jk-white: #FFFFFF; --jk-text: #F5F5F5; --jk-muted: #A7A7A7; --jk-red: #A80D14; --jk-border: rgba(212, 175, 55, 0.38); --jk-radius: 12px; --jk-gap: 16px; } /* ========================================================= 02. LIMPIEZA DE LA PÁGINA ========================================================= */ .page-id-1511 .page-title, .page-id-1511 .wd-page-title, .page-id-1511 .title-size-small, .page-id-1511 .breadcrumbs, .page-id-1511 .yoast-breadcrumb { display: none !important; } .page-id-1511 .main-page-wrapper { padding-top: 0 !important; margin-top: 0 !important; } .page-id-1511 .site-content { padding-top: 0 !important; margin-top: 0 !important; padding-bottom: 0 !important; } .page-id-1511 .content-layout-wrapper { padding-top: 0 !important; margin-top: 0 !important; } /* ========================================================= 03. HOME GENERAL ========================================================= */ .jk-home { width: 100% !important; max-width: 1680px !important; margin: 0 auto !important; padding: 16px !important; display: flex !important; flex-direction: column !important; gap: 16px !important; background: var(--jk-bg) !important; color: var(--jk-text) !important; box-sizing: border-box !important; } .jk-home, .jk-home * { box-sizing: border-box !important; } /* ========================================================= 04. ESTRUCTURA PRINCIPAL ========================================================= */ .jk-home-grid { width: 100% !important; display: grid !important; grid-template-columns: 220px minmax(0, 1fr) 280px; gap: var(--jk-gap) !important; align-items: start !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 05. COLUMNAS ========================================================= */ .jk-sidebar, .jk-main, .jk-aside { width: 100% !important; min-width: 0 !important; margin: 0 !important; box-sizing: border-box !important; } /* ========================================================= 06. SIDEBAR ========================================================= */ .jk-sidebar { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 12px !important; padding: 12px !important; background: linear-gradient( 180deg, #11100D 0%, #070707 55%, #050505 100% ) !important; border: 1px solid var(--jk-border) !important; border-radius: var(--jk-radius) !important; overflow: hidden !important; } /* ========================================================= 07. TÍTULO DE CATEGORÍAS ========================================================= */ .jk-sidebar .elementor-heading-title { margin: 0 !important; color: var(--jk-gold) !important; font-family: Poppins, Arial, sans-serif !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.4 !important; letter-spacing: .3px !important; text-transform: uppercase !important; } /* ========================================================= 08. LISTA DE CATEGORÍAS ========================================================= */ .jk-sidebar .elementor-icon-list-items { margin: 0 !important; padding: 0 !important; list-style: none !important; } .jk-sidebar .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; line-height: 1 !important; } .jk-sidebar .elementor-icon-list-item a { display: flex !important; align-items: center !important; min-height: 31px !important; padding: 5px 6px !important; border-radius: 6px !important; color: var(--jk-white) !important; text-decoration: none !important; transition: background .25s ease, color .25s ease, transform .25s ease !important; } .jk-sidebar .elementor-icon-list-item a:hover { color: var(--jk-gold-light) !important; background: rgba(212, 175, 55, .07) !important; transform: translateX(2px) !important; } /* Iconos */ .jk-sidebar .elementor-icon-list-icon { color: var(--jk-gold) !important; font-size: 17px !important; width: 22px !important; min-width: 22px !important; margin-right: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .jk-sidebar .elementor-icon-list-item a:hover .elementor-icon-list-icon { color: var(--jk-gold-light) !important; } /* Texto */ .jk-sidebar .elementor-icon-list-text { color: inherit !important; font-family: Poppins, Arial, sans-serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.25 !important; white-space: normal !important; } /* ========================================================= 09. TARJETA PUBLICA GRATIS ========================================================= */ .jk-publish-card { width: 100% !important; display: flex !important; flex-direction: column !important; gap: 8px !important; padding: 14px !important; margin: 2px 0 0 0 !important; background: #0D0D0D !important; border: 1px solid var(--jk-gold) !important; border-radius: 8px !important; box-shadow: none !important; overflow: hidden !important; } /* Evita fondos heredados rojizos */ .jk-publish-card::before, .jk-publish-card::after { display: none !important; content: none !important; } /* Texto de la tarjeta */ .jk-publish-card .elementor-heading-title { margin: 0 !important; color: var(--jk-gold-light) !important; font-family: Poppins, Arial, sans-serif !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important; } .jk-publish-card .elementor-widget-text-editor { margin: 0 !important; } .jk-publish-card .elementor-widget-text-editor p { margin: 0 !important; color: var(--jk-muted) !important; font-family: Poppins, Arial, sans-serif !important; font-size: 10px !important; font-weight: 400 !important; line-height: 1.5 !important; } /* ========================================================= 10. BOTÓN PUBLICAR AHORA ========================================================= */ .jk-publish-card .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 36px !important; padding: 8px 12px !important; margin-top: 3px !important; border: 1px solid var(--jk-gold) !important; border-radius: 6px !important; background: var(--jk-gold) !important; color: #111111 !important; font-family: Poppins, Arial, sans-serif !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.2 !important; text-decoration: none !important; box-shadow: none !important; transition: background .25s ease, color .25s ease, transform .25s ease !important; } .jk-publish-card .elementor-button:hover { background: var(--jk-gold-light) !important; color: #111111 !important; transform: translateY(-1px) !important; box-shadow: none !important; } /* ========================================================= 11. CONTENIDO CENTRAL ========================================================= */ .jk-main { display: flex !important; flex-direction: column !important; gap: 14px !important; padding: 0 !important; background: transparent !important; } /* ========================================================= 12. BANNER ========================================================= */ .jk-banner { width: 100% !important; min-height: 360px !important; border: 1px solid var(--jk-border) !important; border-radius: var(--jk-radius) !important; overflow: hidden !important; background: radial-gradient( circle at 75% 45%, rgba(224, 140, 25, .20), transparent 30% ), linear-gradient( 120deg, #070707 0%, #0B0805 55%, #130B04 100% ) !important; } /* ========================================================= 13. FILTRO DE UBICACIÓN ========================================================= */ .jk-location-filter { width: 100% !important; padding: 12px !important; background: #0B0B0B !important; border: 1px solid var(--jk-border) !important; border-radius: var(--jk-radius) !important; } .jk-location-filter select, .jk-location-filter input { width: 100% !important; min-height: 38px !important; padding: 7px 10px !important; background: #171717 !important; color: #FFFFFF !important; border: 1px solid #404040 !important; border-radius: 7px !important; outline: none !important; } .jk-location-filter select:focus, .jk-location-filter input:focus { border-color: var(--jk-gold) !important; } /* ========================================================= 14. CHIPS DE REGIONES ========================================================= */ .jk-region-chips { width: 100% !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 8px !important; overflow-x: auto !important; padding: 2px 0 5px !important; scrollbar-width: none !important; } .jk-region-chips::-webkit-scrollbar { display: none !important; } .jk-region-chip { flex: 0 0 auto !important; padding: 7px 12px !important; border: 1px solid #3A3A3A !important; border-radius: 20px !important; background: #0B0B0B !important; color: #FFFFFF !important; font-family: Poppins, Arial, sans-serif !important; font-size: 10px !important; white-space: nowrap !important; transition: border-color .25s ease, color .25s ease, background .25s ease !important; } .jk-region-chip:hover, .jk-region-chip.active { color: var(--jk-gold-light) !important; background: #171006 !important; border-color: var(--jk-gold) !important; } /* ========================================================= 15. SECCIONES DE CONTENIDO ========================================================= */ .jk-products, .jk-companies, .jk-services-section, .jk-courses, .jk-streaming, .jk-latest { width: 100% !important; margin-top: 16px !important; } /* ========================================================= 16. TÍTULOS DE SECCIÓN ========================================================= */ .jk-products h2, .jk-products h3, .jk-companies h2, .jk-companies h3, .jk-services-section h2, .jk-services-section h3, .jk-courses h2, .jk-streaming h2, .jk-latest h2 { color: var(--jk-white) !important; font-family: Poppins, Arial, sans-serif !important; } /* ========================================================= 17. TARJETAS GENERALES ========================================================= */ .jk-card, .jk-product-card, .jk-company-card, .jk-service-card, .jk-map-card, .jk-filter-card, .jk-verified-sellers { background: var(--jk-card) !important; border: 1px solid var(--jk-border) !important; border-radius: var(--jk-radius) !important; overflow: hidden !important; box-shadow: none !important; } /* ========================================================= 18. PRODUCTOS ========================================================= */ .jk-product-card img { width: 100% !important; aspect-ratio: 1 / .78 !important; object-fit: cover !important; display: block !important; } .jk-product-location { color: var(--jk-muted) !important; font-size: 11px !important; } .jk-product-price { color: var(--jk-white) !important; font-weight: 700 !important; } .jk-product-rating { color: var(--jk-gold-light) !important; } /* ========================================================= 19. EMPRESAS ========================================================= */ .jk-company-card img { width: 100% !important; aspect-ratio: 1 / .72 !important; object-fit: cover !important; display: block !important; } .jk-company-location { color: var(--jk-muted) !important; font-size: 11px !important; } /* ========================================================= 20. COLUMNA DERECHA ========================================================= */ .jk-aside { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 14px !important; padding: 0 !important; background: transparent !important; } /* ========================================================= 21. MAPA ========================================================= */ .jk-map-card { padding: 12px !important; } .jk-map-area { width: 100% !important; min-height: 300px !important; border-radius: 9px !important; overflow: hidden !important; background: linear-gradient( 180deg, #07121C, #071018 ) !important; border: 1px solid #26323D !important; } /* ========================================================= 22. FILTROS ========================================================= */ .jk-filter-card { padding: 14px !important; } .jk-filter-card label { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 0 9px 0 !important; color: #DDDDDD !important; font-family: Poppins, Arial, sans-serif !important; font-size: 11px !important; } .jk-filter-card input[type="radio"], .jk-filter-card input[type="checkbox"] { accent-color: var(--jk-gold) !important; } /* ========================================================= 23. VENDEDORES VERIFICADOS ========================================================= */ .jk-verified-sellers { padding: 14px !important; } .jk-verified-sellers strong, .jk-verified-sellers h3 { color: var(--jk-gold) !important; } /* ========================================================= 24. PROMOCIONES DEL ASIDE ========================================================= */ .jk-aside .jk-promo-card { min-height: 125px !important; padding: 14px !important; background: radial-gradient( circle at 90% 45%, rgba(212, 175, 55, .14), transparent 32% ), #0D0D0D !important; border: 1px solid var(--jk-border) !important; border-radius: 10px !important; box-shadow: none !important; } .jk-aside .jk-promo-card h3 { margin: 0 0 7px !important; color: var(--jk-gold-light) !important; } .jk-aside .jk-promo-card p { color: var(--jk-muted) !important; font-size: 10px !important; } /* ========================================================= 25. BOTONES DEL ASIDE ========================================================= */ .jk-aside .elementor-button { border-radius: 6px !important; background: var(--jk-gold) !important; color: #111111 !important; border: 1px solid var(--jk-gold) !important; } .jk-aside .elementor-button:hover { background: var(--jk-gold-light) !important; color: #111111 !important; } /* ========================================================= 26. LINKS ========================================================= */ .jk-home a { transition: color .25s ease, background .25s ease, transform .25s ease !important; } /* ========================================================= 27. TABLET ========================================================= */ @media (max-width: 1250px) { .jk-home-grid { grid-template-columns: 190px minmax(0, 1fr) 240px; gap: 12px !important; } .jk-home { padding: 12px !important; } } @media (max-width: 1024px) { .jk-home-grid { grid-template-columns: 190px minmax(0, 1fr); gap: 12px !important; } .jk-aside { grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; } .jk-banner { min-height: 330px !important; } } /* ========================================================= 28. MÓVIL ========================================================= */ @media (max-width: 767px) { .jk-home { width: 100% !important; max-width: none !important; padding: 8px !important; gap: 12px !important; } .jk-home-grid { display: flex !important; flex-direction: column !important; gap: 12px !important; } .jk-main { order: 1 !important; } .jk-sidebar { order: 2 !important; width: 100% !important; } .jk-aside { order: 3 !important; width: 100% !important; display: flex !important; flex-direction: column !important; } .jk-banner { min-height: 300px !important; border-radius: 10px !important; } .jk-sidebar { padding: 10px !important; } .jk-sidebar .elementor-icon-list-item a { min-height: 34px !important; padding: 6px 5px !important; } .jk-sidebar .elementor-icon-list-text { font-size: 12px !important; } .jk-location-filter { padding: 10px !important; } .jk-location-filter select, .jk-location-filter input { min-height: 38px !important; } .jk-region-chips { overflow-x: auto !important; } .jk-products, .jk-companies, .jk-services-section, .jk-courses, .jk-streaming, .jk-latest { margin-top: 14px !important; } .jk-map-area { min-height: 260px !important; } } /* ========================================================= 29. MÓVILES PEQUEÑOS ========================================================= */ @media (max-width: 480px) { .jk-home { padding: 6px !important; } .jk-banner { min-height: 280px !important; } .jk-sidebar .elementor-icon-list-text { font-size: 11px !important; } .jk-region-chip { padding: 7px 10px !important; font-size: 10px !important; } } /* ========================================================= 30. SEGURIDAD CONTRA FONDOS ROJOS HEREDADOS ========================================================= */ .jk-publish-card, .jk-publish-card .e-con, .jk-publish-card .elementor-element { background-color: #0D0D0D !important; } .jk-publish-card .elementor-button, .jk-publish-button { background-color: #D4AF37 !important; border-color: #D4AF37 !important; color: #111111 !important; } /* ========================================================= FIN CSS JK PERÚ MARKET ========================================================= */ /* ========================================================= 31. CORRECCIÓN FINAL DE ANCHO Y COLUMNAS — 2026-10-11 Esta sección se coloca AL FINAL para prevalecer sobre los breakpoints anteriores. No altera los HTML internos. ========================================================= */ /* Evitar que los envoltorios de WoodMart limiten esta página. */ body.page-id-1511 .main-page-wrapper, body.page-id-1511 .site-content, body.page-id-1511 .content-layout-wrapper, body.page-id-1511 .content-layout-wrapper > .container, body.page-id-1511 .main-page-wrapper > .container, body.page-id-1511 .site-content > .container, body.page-id-1511 .elementor-location-single, body.page-id-1511 .elementor-widget-theme-post-content { width: 100% !important; max-width: none !important; } /* Neutralizar límites de ancho en el contenido Elementor de la página. */ body.page-id-1511 .elementor-1511, body.page-id-1511 .elementor-1511 > .elementor-element, body.page-id-1511 .jk-home { width: 100% !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box !important; } body.page-id-1511 .jk-home { margin-left: auto !important; margin-right: auto !important; padding: 16px clamp(12px, 2vw, 30px) !important; } /* Repartir las columnas según el espacio real del viewport. */ body.page-id-1511 .jk-home-grid { width: 100% !important; max-width: none !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(185px, 220px) minmax(0, 1fr) minmax(225px, 280px) !important; gap: 16px !important; align-items: start !important; overflow: visible !important; } body.page-id-1511 .jk-home-grid > .jk-sidebar, body.page-id-1511 .jk-home-grid > .jk-main, body.page-id-1511 .jk-home-grid > .jk-aside { display: flex !important; flex-direction: column !important; min-width: 0 !important; width: 100% !important; max-width: none !important; visibility: visible !important; opacity: 1 !important; position: relative !important; overflow: visible !important; grid-column: auto !important; } /* No ocultar el HTML de la columna derecha. */ body.page-id-1511 .jk-aside > .elementor-widget-html, body.page-id-1511 .jk-aside .elementor-widget-container, body.page-id-1511 .jk-aside .jka-aside { display: block; width: 100% !important; max-width: 100% !important; min-width: 0 !important; visibility: visible !important; opacity: 1 !important; } body.page-id-1511 .jk-aside .jka-aside { display: flex !important; flex-direction: column !important; } /* Evitar desbordamiento de los widgets de tarjetas. */ body.page-id-1511 .jk-main > *, body.page-id-1511 .jk-main .elementor-widget-html, body.page-id-1511 .jk-main .elementor-widget-container { min-width: 0 !important; max-width: 100% !important; } /* En pantallas medianas el aside pasa debajo, visible. */ @media (min-width: 850px) and (max-width: 1199px) { body.page-id-1511 .jk-home-grid { grid-template-columns: minmax(180px, 215px) minmax(0, 1fr) !important; gap: 12px !important; } body.page-id-1511 .jk-home-grid > .jk-aside { grid-column: 1 / -1 !important; display: block !important; } body.page-id-1511 .jk-aside .jka-aside { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: start !important; gap: 12px !important; } } /* Tablet estrecha y móvil: columna única sin recortes. */ @media (max-width: 849px) { body.page-id-1511 .jk-home { padding: 10px !important; } body.page-id-1511 .jk-home-grid { display: flex !important; flex-direction: column !important; gap: 12px !important; } body.page-id-1511 .jk-home-grid > .jk-main { order: 1 !important; } body.page-id-1511 .jk-home-grid > .jk-sidebar { order: 2 !important; } body.page-id-1511 .jk-home-grid > .jk-aside { order: 3 !important; } body.page-id-1511 .jk-aside .jka-aside { display: flex !important; flex-direction: column !important; } } @media (max-width: 480px) { body.page-id-1511 .jk-home { padding: 6px !important; } } /* ========================================================= 32. VISIBILIDAD Y POSICION DEL ASIDE — CORRECCION FINAL Mantiene las tres columnas a partir de 1200px. ========================================================= */ @media (min-width: 1200px) { body.page-id-1511 .jk-home-grid { grid-template-columns: minmax(185px,220px) minmax(0,1fr) minmax(225px,280px) !important; } body.page-id-1511 .jk-home-grid > .jk-aside { grid-column: 3 !important; grid-row: 1 !important; align-self: start !important; } body.page-id-1511 .jk-home-grid > .jk-main { grid-column: 2 !important; grid-row: 1 !important; } body.page-id-1511 .jk-home-grid > .jk-sidebar { grid-column: 1 !important; grid-row: 1 !important; } } body.page-id-1511 .jk-aside, body.page-id-1511 .jk-aside.elementor-element, body.page-id-1511 .jk-aside > .elementor-widget-html, body.page-id-1511 .jk-aside > .elementor-widget-html > .elementor-widget-container { visibility: visible !important; opacity: 1 !important; height: auto !important; max-height: none !important; min-height: 0 !important; overflow: visible !important; } body.page-id-1511 .jk-aside > .elementor-widget-html { display: block !important; width: 100% !important; } body.page-id-1511 .jk-aside .jka-aside { width: 100% !important; visibility: visible !important; opacity: 1 !important; } @media (min-width: 850px) and (max-width: 1199px) { body.page-id-1511 .jk-home-grid > .jk-aside { grid-column: 1 / -1 !important; grid-row: auto !important; } } @media (max-width: 849px) { body.page-id-1511 .jk-home-grid > .jk-aside { order: 3 !important; grid-row: auto !important; grid-column: auto !important; } } /* ========================================================= JK PERÚ MARKET CSS MAESTRO - INICIO JK MARKET Página actual: ID 1511 ========================================================= */ /* ========================================================= 01. VARIABLES GENERALES ========================================================= */ :root { --jk-bg: #030303; --jk-bg-2: #0A0A0A; --jk-card: #111111; --jk-card-2: #171717; --jk-gold: #D4AF37; --jk-gold-light: #FFD15A; --jk-white: #FFFFFF; --jk-text: #F5F5F5; --jk-muted: #A7A7A7; --jk-red: #A80D14; --jk-border: rgba(212, 175, 55, 0.38); --jk-radius: 12px; --jk-gap: 16px; } /* ========================================================= 02. LIMPIEZA DE LA PÁGINA ========================================================= */ .page-id-1511 .page-title, .page-id-1511 .wd-page-title, .page-id-1511 .title-size-small, .page-id-1511 .breadcrumbs, .page-id-1511 .yoast-breadcrumb { display: none !important; } .page-id-1511 .main-page-wrapper { padding-top: 0 !important; margin-top: 0 !important; } .page-id-1511 .site-content { padding-top: 0 !important; margin-top: 0 !important; padding-bottom: 0 !important; } .page-id-1511 .content-layout-wrapper { padding-top: 0 !important; margin-top: 0 !important; } /* ========================================================= 03. HOME GENERAL ========================================================= */ .jk-home { width: 100% !important; max-width: 1680px !important; margin: 0 auto !important; padding: 16px !important; display: flex !important; flex-direction: column !important; gap: 16px !important; background: var(--jk-bg) !important; color: var(--jk-text) !important; box-sizing: border-box !important; } .jk-home, .jk-home * { box-sizing: border-box !important; } /* ========================================================= 04. ESTRUCTURA PRINCIPAL ========================================================= */ .jk-home-grid { width: 100% !important; display: grid !important; grid-template-columns: 220px minmax(0, 1fr) 280px; gap: var(--jk-gap) !important; align-items: start !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 05. COLUMNAS ========================================================= */ .jk-sidebar, .jk-main, .jk-aside { width: 100% !important; min-width: 0 !important; margin: 0 !important; box-sizing: border-box !important; } /* ========================================================= 06. SIDEBAR ========================================================= */ .jk-sidebar { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 12px !important; padding: 12px !important; background: linear-gradient( 180deg, #11100D 0%, #070707 55%, #050505 100% ) !important; border: 1px solid var(--jk-border) !important; border-radius: var(--jk-radius) !important; overflow: hidden !important; } /* ========================================================= 07. TÍTULO DE CATEGORÍAS ========================================================= */ .jk-sidebar .elementor-heading-title { margin: 0 !important; color: var(--jk-gold) !important; font-family: Poppins, Arial, sans-serif !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.4 !important; letter-spacing: .3px !important; text-transform: uppercase !important; } /* ========================================================= 08. LISTA DE CATEGORÍAS ========================================================= */ .jk-sidebar .elementor-icon-list-items { margin: 0 !important; padding: 0 !important; list-style: none !important; } .jk-sidebar .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; line-height: 1 !important; } .jk-sidebar .elementor-icon-list-item a { display: flex !important; align-items: center !important; min-height: 31px !important; padding: 5px 6px !important; border-radius: 6px !important; color: var(--jk-white) !important; text-decoration: none !important; transition: background .25s ease, color .25s ease, transform .25s ease !important; } .jk-sidebar .elementor-icon-list-item a:hover { color: var(--jk-gold-light) !important; background: rgba(212, 175, 55, .07) !important; transform: translateX(2px) !important; } /* Iconos */ .jk-sidebar .elementor-icon-list-icon { color: var(--jk-gold) !important; font-size: 17px !important; width: 22px !important; min-width: 22px !important; margin-right: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .jk-sidebar .elementor-icon-list-item a:hover .elementor-icon-list-icon { color: var(--jk-gold-light) !important; } /* Texto */ .jk-sidebar .elementor-icon-list-text { color: inherit !important; font-family: Poppins, Arial, sans-serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.25 !important; white-space: normal !important; } /* ========================================================= 09. TARJETA PUBLICA GRATIS ========================================================= */ .jk-publish-card { width: 100% !important; display: flex !important; flex-direction: column !important; gap: 8px !important; padding: 14px !important; margin: 2px 0 0 0 !important; background: #0D0D0D !important; border: 1px solid var(--jk-gold) !important; border-radius: 8px !important; box-shadow: none !important; overflow: hidden !important; } /* Evita fondos heredados rojizos */ .jk-publish-card::before, .jk-publish-card::after { display: none !important; content: none !important; } /* Texto de la tarjeta */ .jk-publish-card .elementor-heading-title { margin: 0 !important; color: var(--jk-gold-light) !important; font-family: Poppins, Arial, sans-serif !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important; } .jk-publish-card .elementor-widget-text-editor { margin: 0 !important; } .jk-publish-card .elementor-widget-text-editor p { margin: 0 !important; color: var(--jk-muted) !important; font-family: Poppins, Arial, sans-serif !important; font-size: 10px !important; font-weight: 400 !important; line-height: 1.5 !important; } /* ========================================================= 10. BOTÓN PUBLICAR AHORA ========================================================= */ .jk-publish-card .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 36px !important; padding: 8px 12px !important; margin-top: 3px !important; border: 1px solid var(--jk-gold) !important; border-radius: 6px !important; background: var(--jk-gold) !important; color: #111111 !important; font-family: Poppins, Arial, sans-serif !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.2 !important; text-decoration: none !important; box-shadow: none !important; transition: background .25s ease, color .25s ease, transform .25s ease !important; } .jk-publish-card .elementor-button:hover { background: var(--jk-gold-light) !important; color: #111111 !important; transform: translateY(-1px) !important; box-shadow: none !important; } /* ========================================================= 11. CONTENIDO CENTRAL ========================================================= */ .jk-main { display: flex !important; flex-direction: column !important; gap: 14px !important; padding: 0 !important; background: transparent !important; } /* ========================================================= 12. BANNER ========================================================= */ .jk-banner { width: 100% !important; min-height: 360px !important; border: 1px solid var(--jk-border) !important; border-radius: var(--jk-radius) !important; overflow: hidden !important; background: radial-gradient( circle at 75% 45%, rgba(224, 140, 25, .20), transparent 30% ), linear-gradient( 120deg, #070707 0%, #0B0805 55%, #130B04 100% ) !important; } /* ========================================================= 13. FILTRO DE UBICACIÓN ========================================================= */ .jk-location-filter { width: 100% !important; padding: 12px !important; background: #0B0B0B !important; border: 1px solid var(--jk-border) !important; border-radius: var(--jk-radius) !important; } .jk-location-filter select, .jk-location-filter input { width: 100% !important; min-height: 38px !important; padding: 7px 10px !important; background: #171717 !important; color: #FFFFFF !important; border: 1px solid #404040 !important; border-radius: 7px !important; outline: none !important; } .jk-location-filter select:focus, .jk-location-filter input:focus { border-color: var(--jk-gold) !important; } /* ========================================================= 14. CHIPS DE REGIONES ========================================================= */ .jk-region-chips { width: 100% !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 8px !important; overflow-x: auto !important; padding: 2px 0 5px !important; scrollbar-width: none !important; } .jk-region-chips::-webkit-scrollbar { display: none !important; } .jk-region-chip { flex: 0 0 auto !important; padding: 7px 12px !important; border: 1px solid #3A3A3A !important; border-radius: 20px !important; background: #0B0B0B !important; color: #FFFFFF !important; font-family: Poppins, Arial, sans-serif !important; font-size: 10px !important; white-space: nowrap !important; transition: border-color .25s ease, color .25s ease, background .25s ease !important; } .jk-region-chip:hover, .jk-region-chip.active { color: var(--jk-gold-light) !important; background: #171006 !important; border-color: var(--jk-gold) !important; } /* ========================================================= 15. SECCIONES DE CONTENIDO ========================================================= */ .jk-products, .jk-companies, .jk-services-section, .jk-courses, .jk-streaming, .jk-latest { width: 100% !important; margin-top: 16px !important; } /* ========================================================= 16. TÍTULOS DE SECCIÓN ========================================================= */ .jk-products h2, .jk-products h3, .jk-companies h2, .jk-companies h3, .jk-services-section h2, .jk-services-section h3, .jk-courses h2, .jk-streaming h2, .jk-latest h2 { color: var(--jk-white) !important; font-family: Poppins, Arial, sans-serif !important; } /* ========================================================= 17. TARJETAS GENERALES ========================================================= */ .jk-card, .jk-product-card, .jk-company-card, .jk-service-card, .jk-map-card, .jk-filter-card, .jk-verified-sellers { background: var(--jk-card) !important; border: 1px solid var(--jk-border) !important; border-radius: var(--jk-radius) !important; overflow: hidden !important; box-shadow: none !important; } /* ========================================================= 18. PRODUCTOS ========================================================= */ .jk-product-card img { width: 100% !important; aspect-ratio: 1 / .78 !important; object-fit: cover !important; display: block !important; } .jk-product-location { color: var(--jk-muted) !important; font-size: 11px !important; } .jk-product-price { color: var(--jk-white) !important; font-weight: 700 !important; } .jk-product-rating { color: var(--jk-gold-light) !important; } /* ========================================================= 19. EMPRESAS ========================================================= */ .jk-company-card img { width: 100% !important; aspect-ratio: 1 / .72 !important; object-fit: cover !important; display: block !important; } .jk-company-location { color: var(--jk-muted) !important; font-size: 11px !important; } /* ========================================================= 20. COLUMNA DERECHA ========================================================= */ .jk-aside { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 14px !important; padding: 0 !important; background: transparent !important; } /* ========================================================= 21. MAPA ========================================================= */ .jk-map-card { padding: 12px !important; } .jk-map-area { width: 100% !important; min-height: 300px !important; border-radius: 9px !important; overflow: hidden !important; background: linear-gradient( 180deg, #07121C, #071018 ) !important; border: 1px solid #26323D !important; } /* ========================================================= 22. FILTROS ========================================================= */ .jk-filter-card { padding: 14px !important; } .jk-filter-card label { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 0 9px 0 !important; color: #DDDDDD !important; font-family: Poppins, Arial, sans-serif !important; font-size: 11px !important; } .jk-filter-card input[type="radio"], .jk-filter-card input[type="checkbox"] { accent-color: var(--jk-gold) !important; } /* ========================================================= 23. VENDEDORES VERIFICADOS ========================================================= */ .jk-verified-sellers { padding: 14px !important; } .jk-verified-sellers strong, .jk-verified-sellers h3 { color: var(--jk-gold) !important; } /* ========================================================= 24. PROMOCIONES DEL ASIDE ========================================================= */ .jk-aside .jk-promo-card { min-height: 125px !important; padding: 14px !important; background: radial-gradient( circle at 90% 45%, rgba(212, 175, 55, .14), transparent 32% ), #0D0D0D !important; border: 1px solid var(--jk-border) !important; border-radius: 10px !important; box-shadow: none !important; } .jk-aside .jk-promo-card h3 { margin: 0 0 7px !important; color: var(--jk-gold-light) !important; } .jk-aside .jk-promo-card p { color: var(--jk-muted) !important; font-size: 10px !important; } /* ========================================================= 25. BOTONES DEL ASIDE ========================================================= */ .jk-aside .elementor-button { border-radius: 6px !important; background: var(--jk-gold) !important; color: #111111 !important; border: 1px solid var(--jk-gold) !important; } .jk-aside .elementor-button:hover { background: var(--jk-gold-light) !important; color: #111111 !important; } /* ========================================================= 26. LINKS ========================================================= */ .jk-home a { transition: color .25s ease, background .25s ease, transform .25s ease !important; } /* ========================================================= 27. TABLET ========================================================= */ @media (max-width: 1250px) { .jk-home-grid { grid-template-columns: 190px minmax(0, 1fr) 240px; gap: 12px !important; } .jk-home { padding: 12px !important; } } @media (max-width: 1024px) { .jk-home-grid { grid-template-columns: 190px minmax(0, 1fr); gap: 12px !important; } .jk-aside { grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; } .jk-banner { min-height: 330px !important; } } /* ========================================================= 28. MÓVIL ========================================================= */ @media (max-width: 767px) { .jk-home { width: 100% !important; max-width: none !important; padding: 8px !important; gap: 12px !important; } .jk-home-grid { display: flex !important; flex-direction: column !important; gap: 12px !important; } .jk-main { order: 1 !important; } .jk-sidebar { order: 2 !important; width: 100% !important; } .jk-aside { order: 3 !important; width: 100% !important; display: flex !important; flex-direction: column !important; } .jk-banner { min-height: 300px !important; border-radius: 10px !important; } .jk-sidebar { padding: 10px !important; } .jk-sidebar .elementor-icon-list-item a { min-height: 34px !important; padding: 6px 5px !important; } .jk-sidebar .elementor-icon-list-text { font-size: 12px !important; } .jk-location-filter { padding: 10px !important; } .jk-location-filter select, .jk-location-filter input { min-height: 38px !important; } .jk-region-chips { overflow-x: auto !important; } .jk-products, .jk-companies, .jk-services-section, .jk-courses, .jk-streaming, .jk-latest { margin-top: 14px !important; } .jk-map-area { min-height: 260px !important; } } /* ========================================================= 29. MÓVILES PEQUEÑOS ========================================================= */ @media (max-width: 480px) { .jk-home { padding: 6px !important; } .jk-banner { min-height: 280px !important; } .jk-sidebar .elementor-icon-list-text { font-size: 11px !important; } .jk-region-chip { padding: 7px 10px !important; font-size: 10px !important; } } /* ========================================================= 30. SEGURIDAD CONTRA FONDOS ROJOS HEREDADOS ========================================================= */ .jk-publish-card, .jk-publish-card .e-con, .jk-publish-card .elementor-element { background-color: #0D0D0D !important; } .jk-publish-card .elementor-button, .jk-publish-button { background-color: #D4AF37 !important; border-color: #D4AF37 !important; color: #111111 !important; } /* ========================================================= FIN CSS JK PERÚ MARKET ========================================================= */ /* ========================================================= 31. CORRECCIÓN FINAL DE ANCHO Y COLUMNAS — 2026-10-11 Esta sección se coloca AL FINAL para prevalecer sobre los breakpoints anteriores. No altera los HTML internos. ========================================================= */ /* Evitar que los envoltorios de WoodMart limiten esta página. */ body.page-id-1511 .main-page-wrapper, body.page-id-1511 .site-content, body.page-id-1511 .content-layout-wrapper, body.page-id-1511 .content-layout-wrapper > .container, body.page-id-1511 .main-page-wrapper > .container, body.page-id-1511 .site-content > .container, body.page-id-1511 .elementor-location-single, body.page-id-1511 .elementor-widget-theme-post-content { width: 100% !important; max-width: none !important; } /* Neutralizar límites de ancho en el contenido Elementor de la página. */ body.page-id-1511 .elementor-1511, body.page-id-1511 .elementor-1511 > .elementor-element, body.page-id-1511 .jk-home { width: 100% !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box !important; } body.page-id-1511 .jk-home { margin-left: auto !important; margin-right: auto !important; padding: 16px clamp(12px, 2vw, 30px) !important; } /* Repartir las columnas según el espacio real del viewport. */ body.page-id-1511 .jk-home-grid { width: 100% !important; max-width: none !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(185px, 220px) minmax(0, 1fr) minmax(225px, 280px) !important; gap: 16px !important; align-items: start !important; overflow: visible !important; } body.page-id-1511 .jk-home-grid > .jk-sidebar, body.page-id-1511 .jk-home-grid > .jk-main, body.page-id-1511 .jk-home-grid > .jk-aside { display: flex !important; flex-direction: column !important; min-width: 0 !important; width: 100% !important; max-width: none !important; visibility: visible !important; opacity: 1 !important; position: relative !important; overflow: visible !important; grid-column: auto !important; } /* No ocultar el HTML de la columna derecha. */ body.page-id-1511 .jk-aside > .elementor-widget-html, body.page-id-1511 .jk-aside .elementor-widget-container, body.page-id-1511 .jk-aside .jka-aside { display: block; width: 100% !important; max-width: 100% !important; min-width: 0 !important; visibility: visible !important; opacity: 1 !important; } body.page-id-1511 .jk-aside .jka-aside { display: flex !important; flex-direction: column !important; } /* Evitar desbordamiento de los widgets de tarjetas. */ body.page-id-1511 .jk-main > *, body.page-id-1511 .jk-main .elementor-widget-html, body.page-id-1511 .jk-main .elementor-widget-container { min-width: 0 !important; max-width: 100% !important; } /* En pantallas medianas el aside pasa debajo, visible. */ @media (min-width: 850px) and (max-width: 1199px) { body.page-id-1511 .jk-home-grid { grid-template-columns: minmax(180px, 215px) minmax(0, 1fr) !important; gap: 12px !important; } body.page-id-1511 .jk-home-grid > .jk-aside { grid-column: 1 / -1 !important; display: block !important; } body.page-id-1511 .jk-aside .jka-aside { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: start !important; gap: 12px !important; } } /* Tablet estrecha y móvil: columna única sin recortes. */ @media (max-width: 849px) { body.page-id-1511 .jk-home { padding: 10px !important; } body.page-id-1511 .jk-home-grid { display: flex !important; flex-direction: column !important; gap: 12px !important; } body.page-id-1511 .jk-home-grid > .jk-main { order: 1 !important; } body.page-id-1511 .jk-home-grid > .jk-sidebar { order: 2 !important; } body.page-id-1511 .jk-home-grid > .jk-aside { order: 3 !important; } body.page-id-1511 .jk-aside .jka-aside { display: flex !important; flex-direction: column !important; } } @media (max-width: 480px) { body.page-id-1511 .jk-home { padding: 6px !important; } } /* ========================================================= 32. VISIBILIDAD Y POSICION DEL ASIDE — CORRECCION FINAL Mantiene las tres columnas a partir de 1200px. ========================================================= */ @media (min-width: 1200px) { body.page-id-1511 .jk-home-grid { grid-template-columns: minmax(185px,220px) minmax(0,1fr) minmax(225px,280px) !important; } body.page-id-1511 .jk-home-grid > .jk-aside { grid-column: 3 !important; grid-row: 1 !important; align-self: start !important; } body.page-id-1511 .jk-home-grid > .jk-main { grid-column: 2 !important; grid-row: 1 !important; } body.page-id-1511 .jk-home-grid > .jk-sidebar { grid-column: 1 !important; grid-row: 1 !important; } } body.page-id-1511 .jk-aside, body.page-id-1511 .jk-aside.elementor-element, body.page-id-1511 .jk-aside > .elementor-widget-html, body.page-id-1511 .jk-aside > .elementor-widget-html > .elementor-widget-container { visibility: visible !important; opacity: 1 !important; height: auto !important; max-height: none !important; min-height: 0 !important; overflow: visible !important; } body.page-id-1511 .jk-aside > .elementor-widget-html { display: block !important; width: 100% !important; } body.page-id-1511 .jk-aside .jka-aside { width: 100% !important; visibility: visible !important; opacity: 1 !important; } @media (min-width: 850px) and (max-width: 1199px) { body.page-id-1511 .jk-home-grid > .jk-aside { grid-column: 1 / -1 !important; grid-row: auto !important; } } @media (max-width: 849px) { body.page-id-1511 .jk-home-grid > .jk-aside { order: 3 !important; grid-row: auto !important; grid-column: auto !important; } }/* End custom CSS */