/* Fullneumáticos · estilo de la portada nueva aplicado a las páginas internas (Nexos, 01-11-2026).
   SOLO apariencia: colores, tipografía, bordes y espaciados. No cambia textos, títulos, enlaces, orden ni oculta nada.
   Todo va bajo body:not(.fnh-page) para no tocar la portada (portada-nueva.css). Cargar DESPUÉS de base.css. */

body:not(.fnh-page){font-family:"Open Sans",Arial,sans-serif;color:#17283b;background:#fff;-webkit-font-smoothing:antialiased}
body:not(.fnh-page) a{color:#006ec7}
body:not(.fnh-page) a:hover,body:not(.fnh-page) a:focus{color:#00579e}
body:not(.fnh-page) a:focus-visible,body:not(.fnh-page) button:focus-visible,body:not(.fnh-page) .btn:focus-visible{outline:3px solid #44a4ed;outline-offset:3px}
body:not(.fnh-page) h1,body:not(.fnh-page) h2,body:not(.fnh-page) h3,body:not(.fnh-page) h4{font-family:"Open Sans",Arial,sans-serif;color:#0b223b;font-weight:700;letter-spacing:-.3px}
body:not(.fnh-page) h1{font-size:24px;line-height:1.2}
body:not(.fnh-page) .subtitulo-interna{font-size:22px}
@media (min-width:768px){body:not(.fnh-page) h1{font-size:30px}body:not(.fnh-page) .subtitulo-interna{font-size:26px}}
body:not(.fnh-page) .divisor{border-bottom:1px solid #e0e7ef}
/* contacto.php trae .row dentro de .row: anula el margen doble que genera scroll horizontal en móvil */
body:not(.fnh-page) .row>.row{margin-left:0;margin-right:0}

/* ---------- Franja superior y cabecera ---------- */
body:not(.fnh-page) header{background:#fff}
body:not(.fnh-page) .menu-top{background:#0c263e;border:0}
body:not(.fnh-page) .menu-top a{color:#c7d8e5;font-size:12px}
body:not(.fnh-page) .menu-top a:hover,body:not(.fnh-page) .menu-top a:focus{color:#fff;background:#0b223b;text-decoration:none}
body:not(.fnh-page) .menu>li>a{border-left-color:#284055}
body:not(.fnh-page) .header-bottom{padding-block:12px}
body:not(.fnh-page) .fono-sucursal-header p{color:#253d55;line-height:1.45}
body:not(.fnh-page) .fono-sucursal-header small{color:#5d6b7e}
body:not(.fnh-page) .fono-sucursal-header strong{color:#006ec7}
body:not(.fnh-page) .fono-sucursal-header .fa-whatsapp{color:#238151}

/* ---------- Menú principal (barra azul oscuro como la portada) ---------- */
body:not(.fnh-page) .navbar-inverse{background:#0c263e;border:0;border-radius:0;margin-bottom:0}
body:not(.fnh-page) .navbar-inverse .navbar-nav>li>a{color:#e4edf5;font-weight:600;font-size:12px;letter-spacing:.3px}
body:not(.fnh-page) .navbar-inverse .navbar-nav>li>a:hover,body:not(.fnh-page) .navbar-inverse .navbar-nav>li>a:focus,
body:not(.fnh-page) .navbar-inverse .navbar-nav>.open>a,body:not(.fnh-page) .navbar-inverse .navbar-nav>.open>a:hover,body:not(.fnh-page) .navbar-inverse .navbar-nav>.open>a:focus{background:#0b223b;color:#72bbfa}
body:not(.fnh-page) .navbar-inverse .navbar-toggle{background:#006ec7;border-color:#006ec7;border-radius:6px}
body:not(.fnh-page) .navbar-inverse .navbar-toggle:hover,body:not(.fnh-page) .navbar-inverse .navbar-toggle:focus{background:#00579e}
body:not(.fnh-page) .navbar-inverse .navbar-collapse{border-color:#0b223b}
body:not(.fnh-page) .dropdown-menu{border:1px solid #d9e5f1;border-radius:10px;box-shadow:0 10px 30px #0b294325;padding:6px 0}
body:not(.fnh-page) .dropdown-menu>li>a{color:#253d55;font-size:13px;padding:7px 18px;border-bottom-color:#eef2f6}
body:not(.fnh-page) .dropdown-menu>li>a:hover,body:not(.fnh-page) .dropdown-menu>li>a:focus{background:#eaf4fd;color:#006ec7}
@media (max-width:767px){
  body:not(.fnh-page) .navbar-inverse .navbar-nav .open .dropdown-menu{background:#fff;border-radius:8px;margin:0 12px 8px}
  body:not(.fnh-page) .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#253d55}
  body:not(.fnh-page) .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,body:not(.fnh-page) .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#00579e;background:#eaf4fd}
}

/* ---------- Buscador de medidas (tarjeta como el buscador de la portada) ---------- */
body:not(.fnh-page) .cont-buscador{background:#f4f7fa;border-bottom:1px solid #e2e8ef;padding-block:16px}
body:not(.fnh-page) .cont-buscador .buscador{background:#fff;border:1px solid #d9e5f1;border-radius:12px;padding:14px 20px 16px;box-shadow:0 10px 30px #0b294314}
body:not(.fnh-page) .cont-buscador label,body:not(.fnh-page) .dato-buscador{color:#253d55;font-weight:600;font-size:13px}
body:not(.fnh-page) .form-control{border:1px solid #c9d6e2;border-radius:6px;box-shadow:none;color:#17283b;height:36px}
body:not(.fnh-page) textarea.form-control,body:not(.fnh-page) select[multiple].form-control{height:auto}
body:not(.fnh-page) .form-control:focus{border-color:#44a4ed;box-shadow:0 0 0 3px #44a4ed33}

/* ---------- Botones ---------- */
body:not(.fnh-page) .btn{border-radius:6px;font-weight:700;font-size:13px;padding:7px 14px;transition:background .15s}
body:not(.fnh-page) .btn-primary,body:not(.fnh-page) .btn-warning,body:not(.fnh-page) .btn-info,body:not(.fnh-page) .btn-default{background:#006ec7;border-color:#006ec7;color:#fff}
body:not(.fnh-page) .btn-warning{padding:7px 24px}
body:not(.fnh-page) .btn-primary:hover,body:not(.fnh-page) .btn-primary:focus,body:not(.fnh-page) .btn-info:hover,body:not(.fnh-page) .btn-info:focus,
body:not(.fnh-page) .btn-warning:hover,body:not(.fnh-page) .btn-warning:focus,body:not(.fnh-page) .btn-default:hover,body:not(.fnh-page) .btn-default:focus{background:#00579e!important;border-color:#00579e;color:#fff!important}
body:not(.fnh-page) .btn-success{background:#238151;border-color:#238151;color:#fff}
body:not(.fnh-page) .btn-success:hover,body:not(.fnh-page) .btn-success:focus{background:#1b6a42;border-color:#1b6a42;color:#fff}
body:not(.fnh-page) button.consultar{background:#eaf4fd;color:#006ec7;border:0;border-radius:6px;font-weight:700;padding:8px 16px}
body:not(.fnh-page) .paginador strong,body:not(.fnh-page) .paginador>a{border-radius:6px}

/* ---------- Tarjetas de producto y cajas ---------- */
body:not(.fnh-page) .contenedor-cabecera{border:0}
body:not(.fnh-page) .shadow,body:not(.fnh-page) .cajas-otros-destacados{background:#fff;border:1px solid #e0e7ef;border-radius:14px;box-shadow:none}
body:not(.fnh-page) .shadow:hover{box-shadow:0 8px 24px #0b29431a}
body:not(.fnh-page) .cabecera-ordenador-resultado~.shadow{border-radius:10px;margin-bottom:10px}
body:not(.fnh-page) .cabecera-ordenador-resultado{background:#f4f7fa;border-radius:10px;margin-bottom:10px}
body:not(.fnh-page) .cabecera-ordenador-resultado .subtitulo-interna3{color:#253d55;font-weight:600;font-size:13px}
body:not(.fnh-page) .linea-bottom,body:not(.fnh-page) .linea-right{border-color:#e6edf3}
body:not(.fnh-page) .precio{color:#0b223b;font-weight:700;letter-spacing:-.5px}
body:not(.fnh-page) .iva-inc{color:#5b6f82;font-size:12px}
body:not(.fnh-page) .tit-referencias,body:not(.fnh-page) .precio-unidad-final{color:#253d55}
body:not(.fnh-page) .circulo-oferta{background:#e9f5ff;color:#006ec7;border-radius:5px;width:auto;height:auto;padding:4px 7px;font-size:12px;font-weight:700;white-space:nowrap}
body:not(.fnh-page) .verde{color:#238151;font-weight:700}
body:not(.fnh-page) p.rojo{color:#b42318}
/* Etiquetas de oferta ("OFERTAS FULL", "OFERTA"…) como insignia redondeada. El color viene en línea desde la BD (style=);
   se conserva y se oscurece 30 % encima para que el texto blanco cumpla AA. */
body:not(.fnh-page) .franja-promocion,body:not(.fnh-page) .franja-promocion2,body:not(.fnh-page) .franja-promocion-detalle{width:auto!important;height:auto!important;display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 10px!important;border-radius:999px;background-image:linear-gradient(#0000004d,#0000004d);box-shadow:0 6px 14px #0b29432e;opacity:1}
/* la insignia va montada sobre el borde superior de la tarjeta (arriba a la izquierda), sin tapar el % de descuento */
body:not(.fnh-page) .franja-promocion,body:not(.fnh-page) .franja-promocion2{position:absolute!important;top:-12px!important;left:14px!important;margin:0!important;z-index:3}
body:not(.fnh-page) .franja-promocion-detalle{margin:14px 0 6px 14px}
body:not(.fnh-page) .img-neumatico,body:not(.fnh-page) .cajas-otros-destacados,body:not(.fnh-page) .shadow{position:relative;overflow:visible}
body:not(.fnh-page) .shadow,body:not(.fnh-page) .cajas-otros-destacados{margin-top:16px}
body:not(.fnh-page) .franja-promocion3{position:absolute!important;top:-12px!important;left:12px!important;z-index:3;width:auto!important;height:auto!important;margin:0!important;padding:5px 11px!important;border-radius:999px;background-image:linear-gradient(#0000004d,#0000004d);box-shadow:0 6px 14px #0b29432e;display:inline-block;text-align:left}
body:not(.fnh-page) .padding-shadow-tablas{position:relative;overflow:visible;margin-top:18px}
body:not(.fnh-page) .padding-shadow-tablas>[class*="col-"]:first-child{position:static}
body:not(.fnh-page) .franja-promocion::before,body:not(.fnh-page) .franja-promocion2::before,body:not(.fnh-page) .franja-promocion-detalle::before{content:"";width:12px;height:12px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E") center/contain no-repeat}
body:not(.fnh-page) .text-promocion,body:not(.fnh-page) .text-promocion2,body:not(.fnh-page) .text-promocion3{position:static!important;display:inline;padding:0!important;margin:0!important;top:auto!important;left:auto!important;font-size:11px!important;font-weight:700;letter-spacing:.9px;text-transform:uppercase;line-height:1.2;color:#fff!important;white-space:nowrap}

/* Cantidad + "Agregar": mismo botón de la portada, más alto y con sombra suave */
body:not(.fnh-page) .btn-agregar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
body:not(.fnh-page) .btn-agregar .contador-agregar{width:68px;height:44px;margin:0;border-radius:10px;font-weight:600;background-color:#f6f9fc}
body:not(.fnh-page) .agregar-carro-auto,body:not(.fnh-page) .btn-agregar .btn-primary{height:44px;padding:0 22px;border:0;border-radius:10px;background:linear-gradient(180deg,#0a7fdb,#006ec7);box-shadow:0 8px 18px #006ec738;font-size:13px;letter-spacing:.2px;display:inline-flex;align-items:center;gap:8px;transition:transform .15s,box-shadow .15s,background .15s}
body:not(.fnh-page) .agregar-carro-auto:hover,body:not(.fnh-page) .btn-agregar .btn-primary:hover{background:#00579e;transform:translateY(-1px);box-shadow:0 10px 22px #006ec74d}
body:not(.fnh-page) .cajas-otros-destacados .btn-primary,body:not(.fnh-page) .pull-right>.btn-primary{height:40px;padding:0 16px;border-radius:10px;box-shadow:0 6px 14px #006ec72e}
body:not(.fnh-page) .btn-agregar .verde{flex-basis:100%;margin:2px 0 0;display:inline-flex;align-items:center;gap:6px;font-size:12px}
body:not(.fnh-page) .btn-agregar .verde::before{content:"";width:8px;height:8px;border-radius:50%;background:#2fb26b;box-shadow:0 0 0 3px #2fb26b33}

/* "Envío a regiones": la imagen antigua se reemplaza por una insignia (el enlace se mantiene igual) */
body:not(.fnh-page) img[src*="Boton-envio-regiones"]{display:none!important}
body:not(.fnh-page) a:has(>img[src*="Boton-envio-regiones"]){display:inline-flex;align-items:center;gap:7px;margin-top:4px;padding:6px 12px 6px 10px;border:1px solid #d9e5f1;border-radius:999px;background:#f2f8fe;color:#006ec7;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
body:not(.fnh-page) a:has(>img[src*="Boton-envio-regiones"])::before{content:"";width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23006ec7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 4h14v12H1zM15 9h4l3 3v4h-7'/%3E%3Ccircle cx='5.5' cy='18.5' r='1.8'/%3E%3Ccircle cx='18.5' cy='18.5' r='1.8'/%3E%3C/svg%3E") center/contain no-repeat}
body:not(.fnh-page) a:has(>img[src*="Boton-envio-regiones"])::after{content:"Envío a regiones"}
body:not(.fnh-page) a:has(>img[src*="Boton-envio-regiones"]):hover{background:#eaf4fd;border-color:#a8c0d3;color:#00579e}

/* ---------- Columna lateral (carro) ---------- */
body:not(.fnh-page) .box-resumen-carro-compras-aside{background:#fff;border:1px solid #e0e7ef;border-radius:14px;overflow:hidden}
body:not(.fnh-page) .head-resumen-aside{background:#eaf4fd;border:0}
body:not(.fnh-page) .head-resumen-aside p,body:not(.fnh-page) .head-resumen-aside strong{color:#0b223b}
body:not(.fnh-page) .head-resumen-aside .blue{color:#006ec7}
body:not(.fnh-page) .footer-resumen-aside{background:#fff;padding:0 12px 12px}
body:not(.fnh-page) .despachos-home img{border-radius:12px}

/* ---------- Migas y tablas ---------- */
body:not(.fnh-page) .breadcrumb{background:transparent;padding-left:0;font-size:12px}
body:not(.fnh-page) .breadcrumb a{color:#536f87}
body:not(.fnh-page) .table>thead>tr>th{background:#0c263e;color:#fff;border-color:#0c263e}
body:not(.fnh-page) .table>tbody>tr>td{border-color:#e6edf3}

/* ---------- Pie (azul oscuro como la portada) ---------- */
body:not(.fnh-page) footer{background:#0c263e;border-top:0;color:#fff}
/* Sergio, 01-11-2026: las direcciones del pie no se leían; todo el texto del pie va en blanco */
body:not(.fnh-page) footer p,body:not(.fnh-page) footer span,body:not(.fnh-page) footer small,body:not(.fnh-page) footer li,body:not(.fnh-page) footer .fa,body:not(.fnh-page) .calugas-footer p,body:not(.fnh-page) .caja-sucursal-footer p,body:not(.fnh-page) .caja-sucursal-footer p *{color:#fff!important}
body:not(.fnh-page) footer a,body:not(.fnh-page) .caja-sucursal-footer a{color:#fff!important}
body:not(.fnh-page) footer a:hover,body:not(.fnh-page) footer a:focus{color:#fff}
body:not(.fnh-page) footer strong,body:not(.fnh-page) .tit-calugas-footer{color:#fff}
body:not(.fnh-page) .tit-sucursal-footer{color:#72bbfa!important}
body:not(.fnh-page) .calugas-footer,body:not(.fnh-page) .calugas-footer:last-child{border-color:#284055}
body:not(.fnh-page) .calugas-footer img{border-radius:12px}
body:not(.fnh-page) .contenido-footer{border-top:1px solid #284055}
body:not(.fnh-page) .logo-footer img,body:not(.fnh-page) .text-footer svg{background:#fff;padding:6px;border-radius:6px}
/* el pie trae col-lg-10 + col-lg-push-3 (suma 108%): se corrige el empuje a 2 columnas para que no se salga */
@media (min-width:1200px){body:not(.fnh-page) .contenido-footer .col-lg-push-3{left:16.6667%}}
body:not(.fnh-page) .padding-shadow-tablas a:has(>img[src*="Boton-envio-regiones"]){padding:5px 10px 5px 8px;font-size:11px}
/* botón "más" vacío de la lista de resultados: no se muestra mientras no tenga texto */
body:not(.fnh-page) #more:empty{display:none}