@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,600');
/* Carrusel portada: altura maxima 450 px (28/09/2026) */
#homepage-slider .bx-viewport{height:min(450px,40vw)!important}
#homeslider li img{width:100%;height:min(450px,40vw)!important;object-fit:cover}
#homeslider li img[alt="Fondos FEDER"],#homeslider li img[alt="Diseño Clip-P"]{object-fit:contain;background:#fff}

/* Bloque catalogo bajo el carrusel (28/09/2026) */
#slideshow #homepage-slider{width:100%}
#htmlcontent_top{float:none;clear:both;width:100%;max-width:none}
#htmlcontent_top ul{margin:0}
#htmlcontent_top li{width:100%!important;float:none!important;padding:0!important}

/* Galerias pagina mecanizado (28/09/2026) */
.rte .jp-galeria img,.jp-galeria img{width:100%!important;height:150px!important;object-fit:cover;margin-bottom:20px;border:1px solid #ddd}

/* Portada B2B (28/09/2026) */
.jp-home{padding:10px 0 20px}
.jp-hero{text-align:center;padding:35px 15px 30px;background:#f2f5fa;border-top:3px solid #1f4e9c;margin:15px 0 30px}
.jp-hero h2{color:#1f4e9c;font-size:28px;margin:0 0 12px;text-transform:none}
.jp-hero p{font-size:16px;color:#333;max-width:760px;margin:0 auto 18px}
.jp-btn{display:inline-block;background:#1f4e9c;color:#fff!important;padding:11px 26px;font-size:16px;border:2px solid #1f4e9c;border-radius:3px;margin:4px 6px;text-decoration:none!important}
.jp-btn:hover{background:#163a75;border-color:#163a75}
.jp-btn-sec{background:#fff;color:#1f4e9c!important}
.jp-btn-sec:hover{background:#e6ecf6}
.jp-servicios{margin-bottom:10px}
.jp-card{background:#fff;border:1px solid #dde3ec;margin-bottom:25px;transition:box-shadow .2s}
.jp-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.12)}
.jp-card img{width:100%!important;height:200px!important;object-fit:cover;display:block;max-width:none}
.jp-card h3{font-size:19px;margin:15px 15px 8px;text-transform:none}.jp-card h3 a{color:#1f4e9c}
.jp-card p{margin:0 15px 10px;font-size:14px;line-height:1.5;min-height:84px}
.jp-card p.jp-mas{margin:0 15px 15px;min-height:0;font-weight:bold}.jp-mas a{color:#1f4e9c}
.jp-cifras{background:#1f4e9c;color:#fff;margin:5px 0 30px;padding:22px 0;text-align:center}
.jp-cifras strong{display:block;font-size:30px;line-height:1.2}
.jp-cifras span{display:block;font-size:14px;opacity:.9;padding:0 5px 8px}
.jp-calidad{border-left:4px solid #1f4e9c;padding:5px 20px;margin-bottom:25px}
.jp-calidad h3{color:#1f4e9c;font-size:20px;text-transform:none}
.jp-calidad ul{padding-left:18px;list-style:disc}
@media (max-width:767px){.jp-hero h2{font-size:22px}.jp-card p{min-height:0}.jp-cifras strong{font-size:24px}}
/* Sin estrellas de valoracion en listados */
.product_list .comments_note,.product_list .star_content,.product_list .nb-comments{display:none!important}
/* Pie: quitar columnas duplicadas (Mi cuenta e Informacion repetida) */
footer .widget:has(#informations_block_left_1),footer .widget:has(a[href*="/mi-cuenta"]){display:none!important}
@media (min-width:992px){footer .widget:has(#block_various_links_footer),footer .widget:has(#block_contact_infos){width:50%}}
/* Ocultar categoria anticontagios en el bloque de categorias */
#categories_block_left li:has(> a[href*="/38-"]){display:none}
/* Carrusel debajo del bloque de presentacion (28/09/2026) */
#slideshow{display:flex;flex-direction:column}
#slideshow #htmlcontent_top{order:1}
#slideshow #homepage-slider{order:2;margin-bottom:25px}
/* Carrusel al final de la portada, debajo de calidad y distribucion (28/09/2026) */
#center_column #homepage-slider{width:100%!important;float:none!important;padding:0;margin:20px 0 30px}
/* Quitar bloque Distribucion de la portada (28/09/2026) */
.widget-html .block_content > div:has(a[href*="13-distribucion"]){display:none!important}
@media (min-width:992px){.widget-html .block_content:has(a[href*="13-distribucion"]) > div[class*="col-md-4"]{width:50%}}
/* Estilo v2 portada industrial (28/09/2026) */
.jp-v2 h2,.jp-v2 h3,.jp-v2 .jp-cifras strong,.jp-v2 .jp-valores{font-family:'Barlow Condensed',Arial Narrow,sans-serif}.jp-v2{padding:0}.jp-hero2{background:linear-gradient(rgba(12,28,58,.62),rgba(12,28,58,.62)),url(https://www.jopesa.com/img/cms/IMG_0698.jpg) center/cover no-repeat;min-height:520px;display:flex;align-items:center}.jp-hero2-in{max-width:1170px;margin:0 auto;padding:60px 30px;width:100%}.jp-hero2 h2{color:#fff!important;font-size:56px;font-weight:300;line-height:1.1;margin:0 0 18px;max-width:760px;text-transform:none}.jp-hero2 p{color:#e8edf5;font-size:17px;max-width:620px;margin:0 0 26px}.jp-ghost{display:inline-block;padding:11px 26px;border:1px solid #1f4e9c;color:#1f4e9c!important;font-size:15px;letter-spacing:.5px;margin:4px 10px 4px 0;text-decoration:none!important;transition:all .2s;background:transparent}.jp-ghost:hover{background:#1f4e9c;color:#fff!important}.jp-ghost-w{border-color:#fff;color:#fff!important}.jp-ghost-w:hover{background:#fff;color:#1f4e9c!important}.jp-valores{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 48px;padding:22px 15px;background:#f4f5f7;color:#1f4e9c;font-size:20px;letter-spacing:3px;text-transform:uppercase;font-weight:400}.jp-rows{max-width:1170px;margin:40px auto 10px;padding:0 15px}.jp-row{display:flex;align-items:stretch;margin-bottom:40px;background:#fff}.jp-rev{flex-direction:row-reverse}.jp-row-img{flex:0 0 55%}.jp-row-img img{width:100%!important;height:380px!important;object-fit:cover;display:block;max-width:none}.jp-row-txt{flex:1;padding:30px 45px;display:flex;flex-direction:column;justify-content:center}.jp-lab{color:#888;font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}.jp-row-txt h3{font-size:40px;font-weight:300;color:#1f2a3a!important;margin:0 0 14px;text-transform:none}.jp-row-txt p{font-size:15px;line-height:1.6;color:#555;margin:0 0 18px}.jp-v2 .jp-cifras{margin:10px 0 30px}.jp-v2 .jp-cifras strong{font-size:40px;font-weight:400}@media (max-width:767px){.jp-hero2{min-height:420px}.jp-hero2 h2{font-size:36px}.jp-row,.jp-rev{flex-direction:column}.jp-row-img img{height:220px!important}.jp-row-txt{padding:20px 5px}.jp-row-txt h3{font-size:30px}.jp-valores{font-size:15px;gap:6px 22px;letter-spacing:2px}}.header-container #topbar,.header-container #topbar .container{background:#fff!important}.header-container #topbar{border-bottom:1px solid #e6e8ec}body #page #topbar #contact-link a,body #page #topbar .shop-phone,body #page #topbar .shop-phone *{color:#555!important}
/* Cabecera ancha: logo a la izquierda y menu a la derecha (28/09/2026) */
@media (min-width:992px){#header-main > .container{width:100%;max-width:none;padding-left:40px;padding-right:40px}}
/* Cabecera fija al bajar: la barra superior se oculta y queda logo + menu (28/09/2026) */
@media (min-width:992px){#page{overflow:clip}#header{position:sticky;top:-52px;z-index:1000;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}}
/* Pestana portada: "Los mas vendidos" se muestra como "Mas comprados" (28/09/2026) */
#home-page-tabs a.blockbestsellers{font-size:0!important}
#home-page-tabs a.blockbestsellers::after{content:"Más comprados";font-size:14px}