/*
 * La cabecera de salvagereseller.com (copiada el 27-10-2026 de su css/bundle.min.css y de los estilos en línea de su
 * portada, solo las reglas de .header, el menú del móvil y la barra "live-bar"). No se toca a mano: si la web cambia el
 * diseño de su cabecera, se vuelve a sacar con el script de la nota seo-seccion.md.
 *
 * Lo primero es lo que en la web hereda del <body> (letra Kanit, color, enlaces sin subrayar). Va con :where() para que
 * pese lo mismo que las reglas generales del blog (a, img, p…) y pierda ante cualquier regla con clase de la web.
 */
:where(.header, .mobile-menu, .live-bar) { font-family: Kanit, helvetica, sans-serif; font-size: 14px; font-weight: 300; line-height: 1.3; color: #393535; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media (max-width: 575.98px) { :where(.header, .mobile-menu, .live-bar) { font-size: 15px; } }
:where(.header, .mobile-menu, .live-bar) *, :where(.header, .mobile-menu, .live-bar) *::before, :where(.header, .mobile-menu, .live-bar) *::after { margin: 0; padding: 0; box-sizing: border-box; }
:where(.header, .mobile-menu, .live-bar) a { color: inherit; text-decoration: none; }
:where(.header, .mobile-menu, .live-bar) a:hover { color: inherit; }
:where(.header, .mobile-menu, .live-bar) img { display: inline; max-width: none; height: auto; vertical-align: middle; border-style: none; }
:where(.header, .mobile-menu, .live-bar) svg { display: inline; vertical-align: middle; }
:where(.header, .mobile-menu, .live-bar) button { cursor: pointer; border-radius: 0; text-transform: none; }
:where(.header, .mobile-menu, .live-bar) h1, :where(.header, .mobile-menu, .live-bar) h2, :where(.header, .mobile-menu, .live-bar) h3, :where(.header, .mobile-menu, .live-bar) h4 { font-family: inherit; letter-spacing: normal; color: inherit; line-height: inherit; }
:where(.header, .mobile-menu, .live-bar) :focus-visible { outline: 2px solid #fdb60e; outline-offset: 2px; }

/* La fila del buscador del móvil se esconde en el ordenador con la clase de Bootstrap de la web. */
@media (min-width: 992px) { .header .d-lg-none { display: none !important; } }

/* Con la barra de WordPress (solo quien entra al panel), la cabecera se pega debajo de ella. */
@media (min-width: 783px) { .admin-bar .header { top: 32px; } }

/* La regla que la web añade con su script (sin fondo en la pestaña de la página actual). */
#header .nav-item.is-active > .nav-link,#header .nav-link.is-active,#header .nav-link.active,#header .nav-link.current,#header .nav-link.selected,#header .nav-link[aria-current="page"]{background:transparent !important;}#header .nav-item.is-active > .nav-link::after,#header .nav-link.is-active::after,#header .nav-link.active::after,#header .nav-link.current::after,#header .nav-link.selected::after,#header .nav-link[aria-current="page"]::after{content:none !important;display:none !important;}#mobileMenu .mobile-menu-item.is-active,#mobileMenu .mobile-menu-item.active,#mobileMenu .mobile-menu-item.current,#mobileMenu .mobile-menu-item.selected,#mobileMenu .mobile-menu-item[aria-current="page"],#mobileMenu .mobile-sub-item.is-active,#mobileMenu .mobile-sub-item.active,#mobileMenu .mobile-sub-item.current,#mobileMenu .mobile-sub-item.selected,#mobileMenu .mobile-sub-item[aria-current="page"]{background:transparent !important;color:inherit !important;border-color:transparent !important;box-shadow:none !important;}

/* Kanit con los mismos archivos y pesos que la web (300, 400 y 600; su negrita 700 la simula el navegador). */
@font-face{font-family:Kanit;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v15/nKKS-Go6G5tXcraQI6miZaNhMQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Kanit;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v15/nKKX-Go6G5tXcraQKwKAcA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Kanit;font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v15/nKKS-Go6G5tXcraQI92kZaNhMQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr4-ORWnVaE.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v15/nKKZ-Go6G5tXcraVGwA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr5KPxWnVaE.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ─── Copia de la web ─── */
:root{--amber:#FDB60E;--amber-dark:#E5A30C;--font-body:'Inter',sans-serif;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;--green:#28a745;--radius-lg:16px;--radius-md:10px;--radius-sm:6px;--royal-blue:#1A56DB;--transition:0.3s cubic-bezier(0.4, 0, 0.2, 1);--white:#fff}
@keyframes acSlideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes megaPulse{50%{opacity:.3}}
@keyframes acSlideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
/* critico */

/* bundle */
.header,.header.scrolled{position:sticky;top:0;z-index:1000;transition:box-shadow .2s}
.header.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.15)}
.header-top{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:var(--royal-blue);width:100%}
.header-top-left{display:flex;align-items:center;gap:20px;flex-shrink:0}
.header-top-right{display:flex;align-items:center;gap:18px}
.logo{display:flex;align-items:center;gap:0;z-index:1001;flex-shrink:0}
.logo img{height:44px;width:auto}
.bbb-badge{display:flex;align-items:center;gap:4px;margin-left:12px;padding-left:12px;border-left:1px solid rgba(255,255,255,.25);height:32px}
.bbb-badge img{height:110px;width:auto}
.header-nav-row{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:48px;width:100%;background:var(--green)}
.mega-dropdown{display:grid!important;grid-template-columns:220px 1fr!important;padding:0!important;overflow:hidden!important;min-height:200px!important}
.mega-col{display:flex;flex-direction:column;min-width:0}
.mega-col-label{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:#9ca3af;margin-bottom:8px;padding-bottom:8px;border-bottom:1.5px solid #f3f4f6}
.mega-nav-link{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:13.5px;font-weight:500;color:#374151;text-decoration:none;transition:all .14s;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mega-nav-link:hover{background:#eff6ff;color:#1a56db}
.mega-nav-link .mni{font-size:14px;flex-shrink:0;width:20px;text-align:center}
.mega-see-all{display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:#1a56db;text-decoration:none;padding:5px 8px;margin-top:5px}
.mega-see-all:hover{text-decoration:underline}
.mega-live-badge{display:inline-flex;align-items:center;background:#dcfce7;color:#16a34a;font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:4px;white-space:nowrap}
.nav-item{align-self:stretch;display:flex;align-items:center}
.nav-link{align-self:stretch;display:flex;align-items:center;padding-left:14px;padding-right:14px}
.nav-link{position:relative}
.nav-item.is-active>.nav-link{background:rgba(255,255,255,.22)!important}
.nav-item.is-active>.nav-link::after{content:'';position:absolute;bottom:-2px;left:12px;right:12px;height:2px;background:var(--amber,#fdb60e);border-radius:2px}
.live-bar{background:var(--gray-900);width:100%;text-align:center;padding:8px 32px}
.live-bar-inner{font-size:13px;color:rgba(255,255,255,.85);font-weight:500}
.live-bar-inner strong{color:#fff}
.live-bar-inner a{color:var(--amber);font-weight:700;margin-left:4px}
.live-bar-inner a:hover{text-decoration:underline}
.live-bar-dot{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:6px;animation:pulse 1.2s infinite}
.live-bar.sr-shared-live-bar{display:block!important;background:var(--gray-900)!important;padding:8px 32px!important;text-align:center!important}
.live-bar.sr-shared-live-bar .live-bar-inner{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px;flex-wrap:wrap;font-size:13px!important;color:rgba(255,255,255,.85)!important;font-weight:500!important}
.live-bar.sr-shared-live-bar .live-bar-inner strong{color:#fff}
.live-bar.sr-shared-live-bar .live-bar-inner a{color:var(--amber)!important;font-weight:700;margin-left:0!important}
.live-bar.sr-shared-live-bar .live-bar-inner a:hover{text-decoration:underline}
.desktop-nav{display:flex;align-items:center;gap:2px}
.header-nav-row{position:relative}
.nav-item{position:static}
.nav-item.is-active>.nav-link{position:relative}
.nav-link{display:flex;align-items:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--white);border-radius:var(--radius-sm);transition:all var(--transition)}
.nav-link:hover{color:var(--white);background:rgba(255,255,255,.15)}
.nav-link svg{width:14px;height:14px;transition:transform .2s}
.nav-item:hover>.nav-link svg{transform:rotate(180deg)}
.mega-dropdown{position:absolute;top:100%;left:0;right:0;transform:translateY(8px);background:var(--white);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:0 20px 40px rgba(0,0,0,.15);border:1px solid var(--gray-200);border-top:none;padding:24px 40px;z-index:500;opacity:0;visibility:hidden;transition:all .25s ease;pointer-events:none}
.nav-item.is-open>.mega-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}
.nav-item:hover>.mega-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}
.header-search-wrap{flex:1;display:flex;justify-content:center;padding:0 24px;position:relative}
.header-search{display:flex;align-items:center;width:100%;max-width:520px;background:#fff;border:2px solid transparent;border-radius:56px;padding:4px 4px 4px 16px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.1)}
.mobile-menu-search .header-search{max-width:100%}
.mobile-menu-search-wrapper.d-lg-none{background:#1a56db;padding:10px}
.header-search:focus-within{box-shadow:0 4px 20px rgba(253,182,14,.3),0 0 0 3px rgba(253,182,14,.15);border-color:var(--amber);transform:scale(1.02)}
.header-search-pill-icon{width:18px;height:18px;flex-shrink:0;color:var(--gray-400);margin-right:10px;transition:color .3s}
.header-search:focus-within .header-search-pill-icon{color:var(--amber)}
.header-search input{flex:1;border:none;outline:0;background:0 0;font-family:var(--font-body);font-size:13px;color:var(--gray-800)}
.header-search input::placeholder{color:var(--gray-400);transition:color .3s}
.header-search:focus-within input::placeholder{color:var(--gray-300)}
.header-search button{padding:8px 18px;border-radius:50px;background:var(--amber);display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0;font-size:13px;font-weight:700;color:#fff;font-family:var(--font-body);border:none;cursor:pointer}
.header-search button:hover{background:var(--amber-dark)}
.header-search:focus-within button{background:var(--amber-dark);transform:scale(1.05)}
.header-phone-wrap{display:flex;flex-direction:column;align-items:flex-end}
.header-phone{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px;color:rgba(255,255,255,.9)}
.header-phone svg{width:16px;height:16px;color:rgba(255,255,255,.8)}
.header-phone:hover{color:#fff}
.header-phone-wrap .header-lang{font-size:11px;color:rgba(255,255,255,.55);margin-top:1px}
.header-divider{width:1px;height:32px;background:rgba(255,255,255,.2);flex-shrink:0}
.header-cta{background:#fff;color:var(--royal-blue);font-weight:700;font-size:14px;padding:10px 24px;border-radius:var(--radius-md);transition:all var(--transition);box-shadow:0 2px 8px rgba(0,0,0,.1)}
.header-cta:hover{background:#f0f4ff;box-shadow:0 4px 12px rgba(26,86,219,.15)}
.header-lang{font-size:13px;color:rgba(255,255,255,.7);font-weight:500}
.header-lang-toggle{display:flex;align-items:center;justify-content:center;gap:0;min-width:42px;font-size:13px;font-weight:600;color:rgba(255,255,255,.8);padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.2);transition:all var(--transition)}
.header-lang-toggle:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.4)}
.header-search{position:relative}
.search-autocomplete{position:absolute;top:calc(100% + 8px);left:-20px;right:-20px;background:#fff;border-radius:16px;box-shadow:0 25px 60px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.04);z-index:100;display:none;max-height:440px;overflow-y:auto;overflow-x:hidden;animation:acSlideIn .2s ease-out}
.search-autocomplete.active{display:block}
.mobile-toggle{display:none;width:44px;height:44px;background:var(--royal-blue);border-radius:var(--radius-sm);align-items:center;justify-content:center;z-index:1001}
.mobile-toggle .hamburger{width:20px;height:14px;position:relative}
.mobile-toggle .hamburger span{display:block;width:100%;height:2px;background:#fff;border-radius:2px;position:absolute;transition:all .4s cubic-bezier(.68,-.55,.27,1.55)}
.mobile-toggle .hamburger span:first-child{top:0}
.mobile-toggle .hamburger span:nth-child(2){top:6px}
.mobile-toggle .hamburger span:nth-child(3){top:12px}
.mobile-toggle.active .hamburger span:first-child{top:6px;transform:rotate(45deg)}
.mobile-toggle.active .hamburger span:nth-child(2){opacity:0}
.mobile-toggle.active .hamburger span:nth-child(3){top:6px;transform:rotate(-45deg)}
.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:#eef6ff;z-index:999;opacity:0;visibility:hidden;pointer-events:none;transition:all .4s ease;overflow-y:auto;padding:168px 28px 40px}
.mobile-menu.active{opacity:1;visibility:visible;pointer-events:auto}
.mobile-menu-nav{display:flex;flex-direction:column;gap:18px}
.mobile-menu-item{display:flex;align-items:center;gap:18px;padding:10px 4px;border-radius:var(--radius-md);color:#0f172a;font-size:22px;font-weight:700;transition:background .2s}
.mobile-menu-item:hover{background:0 0}
.mobile-menu-item .mi-icon{font-size:28px;width:38px;text-align:center;color:#94a3b8;filter:saturate(1.15)}
.mobile-menu-sub{padding:10px 0 0 56px;display:none}
.mobile-menu-sub.open{display:flex;flex-direction:column;gap:2px}
.mobile-menu-sub a{display:block;padding:10px 14px;color:var(--gray-700);font-size:15px;font-weight:500;border-radius:var(--radius-sm);transition:background .2s}
.mobile-menu-sub strong{color:rgba(17,24,39,.44)!important}
.mobile-menu-sub a:hover{background:rgba(253,182,14,.12);color:var(--gray-900)}
.mobile-menu-toggle-sub{margin-left:auto;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#ffd45d 0,#fdb60e 100%);color:#fff;transition:transform .3s;box-shadow:0 10px 24px rgba(253,182,14,.24)}
.mobile-menu-toggle-sub.open{transform:rotate(180deg)}
.mobile-menu-cta{display:block;text-align:center;background:var(--amber);color:var(--gray-900);font-weight:700;font-size:16px;padding:16px;border-radius:var(--radius-md);margin-top:24px}
.mobile-menu-cta.secondary-light{background:#fff;color:var(--gray-900);border:1.5px solid rgba(17,24,39,.08)}
.mobile-menu-cta.membership-light{background:linear-gradient(135deg,#fff8da 0,#ffd76a 100%);color:#7a4a00;border:1.5px solid rgba(122,74,0,.18)}
.mobile-menu-cta-group{display:flex;flex-direction:column;gap:18px;padding:28px 4px 0}
@media (max-width:1024px){.desktop-nav{display:none!important}.header-nav-row{display:none!important}.live-bar{display:block!important;padding:7px 12px!important}.live-bar-inner{font-size:12px!important;line-height:1.35!important}.live-bar.sr-shared-live-bar{display:block!important;padding:7px 12px!important}.live-bar.sr-shared-live-bar .live-bar-inner{font-size:12px!important;line-height:1.35!important}.mobile-toggle{display:flex!important;flex-shrink:0!important;min-width:44px!important;width:44px!important;height:44px!important;margin-left:8px!important;position:relative!important;z-index:1002!important}.header-phone{display:none!important}.header-search-wrap{display:none!important}.header-lang{display:none!important}.header-lang-toggle{margin-right:20px}.header-top{padding:10px 16px!important;gap:12px!important}.header-top-right{gap:0!important;flex-shrink:0;margin-left:auto!important}.header-top-left{flex-shrink:0;max-width:180px}.logo img{height:44px!important;width:auto!important}.header-phone-wrap{display:none!important}.header-divider{display:none!important}.bbb-badge{display:none!important}.header-cta{padding:8px 14px!important;font-size:13px!important;white-space:nowrap}}
@media (max-width:480px){.header-cta{padding:7px 12px!important;font-size:12px!important}.header-top-left{max-width:150px}.live-bar{padding:7px 10px!important}.live-bar-inner{font-size:11.5px!important}.live-bar.sr-shared-live-bar{padding:7px 10px!important}.live-bar.sr-shared-live-bar .live-bar-inner{font-size:11.5px!important}}
.header-top{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:var(--royal-blue);width:100%}
.header-top-left{display:flex;align-items:center;gap:20px;flex-shrink:0}
.header-top-right{display:flex;align-items:center;gap:18px}
.logo{display:flex;align-items:center;gap:0;z-index:1001;flex-shrink:0}
.logo img{height:44px;width:auto}
.bbb-badge{display:flex;align-items:center;gap:4px;margin-left:12px;padding-left:12px;border-left:1px solid rgba(255,255,255,.25);height:32px}
.bbb-badge img{height:110px;width:auto}
.header-nav-row{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:48px;width:100%;background:var(--green)}
.mega-dropdown{display:flex!important;flex-direction:column;padding:0!important;overflow:hidden!important}
.mega-body{display:flex;align-items:stretch}
.mega-cols{flex:1;display:grid;gap:0;padding:24px 14px 18px 22px;align-content:start;min-width:0;background:#fff}
.mega-cols.cols6{grid-template-columns:repeat(6,1fr)}
.mega-cols.cols3{grid-template-columns:repeat(3,1fr)}
.mega-col{display:flex;flex-direction:column;min-width:0;padding:0 18px}
.mega-col+.mega-col{border-left:1px solid #f3f4f6}
.mega-col-label{display:flex;align-items:center;gap:7px;font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#6b7280;margin-bottom:9px;padding-bottom:9px;border-bottom:1px solid #f3f4f6}
.mega-col-label svg{width:15px;height:15px;color:#1a56db;flex-shrink:0}
.mega-nav-link{display:flex;align-items:baseline;gap:8px;padding:6px 8px;border-radius:7px;font-size:13.5px;font-weight:500;color:#374151;text-decoration:none;transition:all .14s;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mega-nav-link:hover{background:#eff6ff;color:#1a56db}
.mega-count{font-style:normal;font-size:11.5px;color:#9ca3af;font-variant-numeric:tabular-nums;margin-left:auto;padding-left:8px;flex-shrink:0}
.mega-nav-link:hover .mega-count{color:#1a56db}
.mega-see-all{display:inline-flex;align-items:center;font-size:12.5px;font-weight:700;color:#1a56db;text-decoration:none;padding:8px 8px 0;margin-top:auto;border-top:1px solid #f3f4f6}
.mega-see-all:hover{text-decoration:underline}
.mega-live-badge{display:inline-flex;align-items:center;background:#dcfce7;color:#16a34a;font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:4px;white-space:nowrap}
.mega-tools{display:flex;gap:8px;flex-wrap:wrap;background:#f9fafb;border-top:1px solid #f3f4f6;padding:12px 24px}
.mega-tool{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#374151;text-decoration:none;padding:7px 13px;background:#fff;border:1px solid #e5e7eb;border-radius:100px;transition:all .14s}
.mega-tool:hover{border-color:#1a56db;color:#1a56db}
.mega-tool svg{width:13px;height:13px;color:#1a56db;flex-shrink:0}
.mega-rail{width:250px;flex-shrink:0;background:linear-gradient(160deg,#1a56db,#0f2a5e);padding:20px 18px;display:flex;flex-direction:column;color:#fff}
.mega-rail img{width:100%;height:auto;border-radius:10px;aspect-ratio:16/10;object-fit:cover}
.mega-rail-live{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fff;opacity:.85;margin:14px 0 6px}
.mega-rail-live i{width:7px;height:7px;border-radius:50%;background:#fdb60e;animation:megaPulse 1.6s infinite}
.mega-rail b{font-family:'Space Grotesk',sans-serif;font-size:18px;line-height:1.3;font-weight:700}
.mega-rail p{font-size:12px;color:rgba(255,255,255,.75);margin:6px 0 0;line-height:1.5;flex:1}
.mega-rail a{display:block;text-align:center;background:#fdb60e;color:#111827;font-size:13px;font-weight:700;text-decoration:none;padding:10px 12px;border-radius:9px;margin-top:14px;transition:background .14s}
.mega-rail a:hover{background:#e5a30c;color:#111827}
@media (max-width:1240px){.mega-cols.cols6{grid-template-columns:repeat(3,1fr);row-gap:20px}.mega-col+.mega-col{border-left:none}.mega-col:nth-child(2),.mega-col:nth-child(3),.mega-col:nth-child(5),.mega-col:nth-child(6){border-left:1px solid #f3f4f6}}
@media (max-width:1080px){.mega-rail{display:none}}
.nav-item{align-self:stretch;display:flex;align-items:center}
.nav-link{align-self:stretch;display:flex;align-items:center;padding-left:14px;padding-right:14px}
.nav-link{position:relative}
.nav-item.is-active>.nav-link{background:rgba(255,255,255,.22)!important}
.nav-item.is-active>.nav-link::after{content:'';position:absolute;bottom:-2px;left:12px;right:12px;height:2px;background:var(--amber,#fdb60e);border-radius:2px}
.live-bar{background:var(--gray-900);width:100%;text-align:center;padding:8px 32px}
.live-bar-inner{font-size:13px;color:rgba(255,255,255,.85);font-weight:500}
.live-bar-inner strong{color:#fff}
.live-bar-inner a{color:var(--amber);font-weight:700;margin-left:4px}
.live-bar-inner a:hover{text-decoration:underline}
.live-bar-dot{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:6px;animation:pulse 1.2s infinite}
.desktop-nav{display:flex;align-items:center;gap:2px}
.header-nav-row{position:relative}
.nav-item{position:static}
.nav-item.is-active>.nav-link{position:relative}
.nav-link{display:flex;align-items:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--white);border-radius:var(--radius-sm);transition:all var(--transition)}
.nav-link:hover{color:var(--white);background:rgba(255,255,255,.15)}
.nav-link svg{width:14px;height:14px;transition:transform .2s}
.nav-item:hover>.nav-link svg{transform:rotate(180deg)}
.mega-dropdown{position:absolute;top:100%;left:0;right:0;transform:translateY(8px);background:var(--white);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:0 20px 40px rgba(0,0,0,.15);border:1px solid var(--gray-200);border-top:none;padding:24px 40px;z-index:500;opacity:0;visibility:hidden;transition:all .25s ease;pointer-events:none}
.nav-item.is-open>.mega-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}
.nav-item:hover>.mega-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}
.header-search-wrap{flex:1;display:flex;justify-content:center;padding:0 24px;position:relative}
.header-search{display:flex;align-items:center;width:100%;max-width:520px;background:#fff;border:2px solid transparent;border-radius:56px;padding:4px 4px 4px 16px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.1)}
.mobile-menu-search .header-search{max-width:100%}
.mobile-menu-search-wrapper.d-lg-none{background:#1a56db;padding:10px}
.header-search:focus-within{box-shadow:0 4px 20px rgba(253,182,14,.3),0 0 0 3px rgba(253,182,14,.15);border-color:var(--amber);transform:scale(1.02)}
.header-search-pill-icon{width:18px;height:18px;flex-shrink:0;color:var(--gray-400);margin-right:10px;transition:color .3s}
.header-search:focus-within .header-search-pill-icon{color:var(--amber)}
.header-search input{flex:1;border:none;outline:0;background:0 0;font-family:var(--font-body);font-size:13px;color:var(--gray-800)}
.header-search input::placeholder{color:var(--gray-400);transition:color .3s}
.header-search:focus-within input::placeholder{color:var(--gray-300)}
.header-search button{padding:8px 18px;border-radius:50px;background:var(--amber);display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0;font-size:13px;font-weight:700;color:#fff;font-family:var(--font-body);border:none;cursor:pointer}
.header-search button:hover{background:var(--amber-dark)}
.header-search:focus-within button{background:var(--amber-dark);transform:scale(1.05)}
.header-phone-wrap{display:flex;flex-direction:column;align-items:flex-end}
.header-phone{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px;color:rgba(255,255,255,.9)}
.header-phone svg{width:16px;height:16px;color:rgba(255,255,255,.8)}
.header-phone:hover{color:#fff}
.header-phone-wrap .header-lang{font-size:13px;color:rgba(255,255,255,.55);margin-top:1px}
.header-divider{width:1px;height:32px;background:rgba(255,255,255,.2);flex-shrink:0}
.header-cta{background:#fff;color:var(--royal-blue);font-weight:700;font-size:14px;padding:10px 24px;border-radius:var(--radius-md);transition:all var(--transition);box-shadow:0 2px 8px rgba(0,0,0,.1)}
.header-cta:hover{background:#f0f4ff;box-shadow:0 4px 12px rgba(26,86,219,.15)}
.header-lang{font-size:13px;color:rgba(255,255,255,.7);font-weight:500}
.header-lang-toggle{display:flex;align-items:center;justify-content:center;gap:0;min-width:42px;font-size:13px;font-weight:600;color:rgba(255,255,255,.8);padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.2);transition:all var(--transition)}
.header-lang-toggle:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.4)}
.header-search{position:relative}
.search-autocomplete{position:absolute;top:calc(100% + 8px);left:-20px;right:-20px;background:#fff;border-radius:16px;box-shadow:0 25px 60px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.04);z-index:100;display:none;max-height:440px;overflow-y:auto;overflow-x:hidden;animation:acSlideIn .2s ease-out}
.search-autocomplete.active{display:block}
.mobile-toggle{display:none;width:44px;height:44px;background:var(--royal-blue);border-radius:var(--radius-sm);align-items:center;justify-content:center;z-index:1001}
.mobile-toggle .hamburger{width:20px;height:14px;position:relative}
.mobile-toggle .hamburger span{display:block;width:100%;height:2px;background:#fff;border-radius:2px;position:absolute;transition:all .4s cubic-bezier(.68,-.55,.27,1.55)}
.mobile-toggle .hamburger span:first-child{top:0}
.mobile-toggle .hamburger span:nth-child(2){top:6px}
.mobile-toggle .hamburger span:nth-child(3){top:12px}
.mobile-toggle.active .hamburger span:first-child{top:6px;transform:rotate(45deg)}
.mobile-toggle.active .hamburger span:nth-child(2){opacity:0}
.mobile-toggle.active .hamburger span:nth-child(3){top:6px;transform:rotate(-45deg)}
.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:#eef6ff;z-index:999;opacity:0;visibility:hidden;pointer-events:none;transition:all .4s ease;overflow-y:auto;padding:168px 28px 40px}
.mobile-menu.active{opacity:1;visibility:visible;pointer-events:auto}
.mobile-menu-nav{display:flex;flex-direction:column;gap:18px}
.mobile-menu-item{display:flex;align-items:center;gap:18px;padding:10px 4px;border-radius:var(--radius-md);color:#0f172a;font-size:22px;font-weight:700;transition:background .2s}
.mobile-menu-item:hover{background:0 0}
.mobile-menu-item .mi-icon{font-size:28px;width:38px;text-align:center;color:#94a3b8;filter:saturate(1.15)}
.mobile-menu-sub{padding:10px 0 0 56px;display:none}
.mobile-menu-sub.open{display:flex;flex-direction:column;gap:2px}
.mobile-menu-sub a{display:block;padding:10px 14px;color:var(--gray-700);font-size:15px;font-weight:500;border-radius:var(--radius-sm);transition:background .2s}
.mobile-menu-sub strong{color:rgba(17,24,39,.44)!important}
.mobile-menu-sub a:hover{background:rgba(253,182,14,.12);color:var(--gray-900)}
.mobile-menu-toggle-sub{margin-left:auto;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#ffd45d 0,#fdb60e 100%);color:#fff;transition:transform .3s;box-shadow:0 10px 24px rgba(253,182,14,.24)}
.mobile-menu-toggle-sub.open{transform:rotate(180deg)}
.mobile-menu-cta{display:block;text-align:center;background:var(--amber);color:var(--gray-900);font-weight:700;font-size:16px;padding:16px;border-radius:var(--radius-md);margin-top:24px}
.mobile-menu-cta.secondary-light{background:#fff;color:var(--gray-900);border:1.5px solid rgba(17,24,39,.08)}
.mobile-menu-cta.membership-light{background:linear-gradient(135deg,#fff8da 0,#ffd76a 100%);color:#7a4a00;border:1.5px solid rgba(122,74,0,.18)}
.mobile-menu-cta-group{display:flex;flex-direction:column;gap:18px;padding:28px 4px 0}
@media (max-width:1024px){.desktop-nav{display:none}.header-nav-row{display:none}.live-bar{display:block;padding:7px 12px}.live-bar-inner{font-size:15px;line-height:1.35}.mobile-toggle{display:flex}.header-phone{display:none}.header-search-wrap{display:none}.header-lang{display:none}.header-top{padding:10px 16px 8px;gap:10px;align-items:center}.header-top-right{gap:0}.header-phone-wrap{display:none}.header-divider{display:none}.header-top-left{gap:0;min-width:0}.logo img{height:38px;width:auto}.bbb-badge{display:none}}
@media (max-width:640px){.header-cta{padding:8px 16px;font-size:15px}.live-bar{padding:7px 10px}.live-bar-inner{font-size:15px}.header-lang-toggle{display:flex;padding:11px 8px;font-size:13px}}
.nav-link{display:block;padding:.5rem 1rem}
.nav-link:focus,.nav-link:hover{text-decoration:none}
.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}
.nav-tabs .nav-link{margin-bottom:-1px;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}
.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}
.nav-pills .nav-link{border-radius:.25rem}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}
.nav-fill .nav-item,.nav-fill>.nav-link{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}
.nav-justified .nav-item,.nav-justified>.nav-link{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}
.navbar-nav .nav-link{padding-right:0;padding-left:0}
@media (min-width:576px){.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}}
@media (min-width:768px){.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}}
@media (min-width:992px){.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}}
@media (min-width:1200px){.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}}
.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}
.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}
.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}
.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}
.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}
.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}
.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}
.navbar .navbar-nav .nav-link{color:#fff}
.navbar .navbar-nav .nav-link.register{background-color:#ca4242}
.navbar .navbar-nav .active .nav-link,.navbar .navbar-nav .nav-link:focus,.navbar .navbar-nav .nav-link:hover,.navbar .navbar-nav .show>.nav-link{color:#fff;background-color:#2b7d4d}
.navbar .navbar-nav .nav-link.register:hover{background-color:#c82333}
footer .header>a{display:none!important}
footer .footer-links .header{border-bottom:1px solid #88b3d6}
#search-inventory .nav-item a{background-color:#164988;color:#fff}
#search-inventory .nav-item a.active{background-color:#fff!important;color:#373737!important}
#search-inventory .nav-item a:hover{background-color:#0c56ad;color:#fff}
#search-inventory .nav-item:first-child a{border-radius:20px 0 0 0}
#search-inventory .nav-item:last-child a{border-radius:0 20px 0 0}
#search-inventory .nav-tabs .nav-item{flex-grow:1}
#search-inventory .nav-tabs .nav-link{border-radius:0;margin-bottom:0;text-align:center;padding:.75rem .25rem}
.vehicles-details .nav-tabs .nav-link{padding-top:0;border:0;border-bottom:2px solid #dee2e6}
.vehicles-details .nav-tabs .nav-link.active{border:0;border-bottom:2px solid #0e5db9}
.modal-login .nav-tabs .nav-item.show .nav-link,.modal-login .nav-tabs .nav-link.active{background-color:#fff}
#popular-vehicles .nav-item{border:0}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{background-color:transparent}
@media (min-width :576px){.navbar .navbar-nav .nav-link{padding:.55rem .75rem}.navbar .navbar-nav .nav-link{font-size:.85rem}.navbar .navbar-nav .nav-link.dropdown-toggle{padding-right:.4rem}}
@media (min-width :768px){footer .footer-links .header{max-width:200px}}
@media (min-width :993px){.navbar .navbar-nav .nav-link{padding:.4rem .75rem}.navbar .navbar-nav .nav-link{font-size:.9rem}.navbar .navbar-nav .nav-link.dropdown-toggle{padding-right:.5rem}}
@media (min-width:1200px){.navbar .navbar-nav .nav-link,.navbar .navbar-nav .nav-link.dropdown-toggle{padding:.4rem 1rem}footer .header>span{display:block!important}}
@media (min-width:2200px){.navbar .navbar-nav .nav-link{font-size:1rem}}
@media (max-width :1200px){#search-inventory .nav-tabs .nav-link{padding:.75rem .25rem}footer .header>a{display:flex!important}footer .header>span{display:none!important}}
@media (max-width :991.9px){#search-inventory .nav-tabs .nav-link{font-size:.9rem;padding:.75rem .5rem}}
@media (max-width :767.98px){.language .nav-link{padding-right:0!important}.language .nav-link .d-inline-block:nth-child(2){display:none!important}}
@media (max-width :575.98px){.header .navbar-collapse{border:1px solid #ccc;background-color:#fff;position:fixed;top:0;right:0;z-index:9999999;width:89%;height:100%;overflow-x:hidden;overflow-y:auto;max-width:400px}.header .en-flag,.header .es-flag{background-size:150%;width:20px;height:20px}.header .es-flag{background-position-y:-24.5px}.header .display-5{font-size:1.15rem}.header .display-6{font-size:.95rem}.header .display-10{font-size:.75rem}.navbar .navbar-nav .nav-link{font-size:1rem;color:#797b7f}.navbar .navbar-nav .nav-link{padding:.65rem 2rem;display:flex;align-items:center;justify-content:space-between}.navbar .navbar-nav .active .nav-link,.navbar .navbar-nav .active>.nav-link,.navbar .navbar-nav .nav-link:focus,.navbar .navbar-nav .nav-link:hover,.navbar .navbar-nav .show>.nav-link{color:#fff;background-color:#0076c7}.navbar .nav-item:first-child{border-top:1px solid #ebebed}.navbar .nav-item{border-bottom:1px solid #ebebed}.header .navbar li>.dropdown-toggle::after{font-family:'Line Awesome Free';font-weight:900;content:"\f107";border:0;color:#0076c7}.header .navbar li.show>.dropdown-toggle::after{content:"\f106";color:#fff}.header .navbar li.active>.dropdown-toggle::after,.header .navbar li:hover>.dropdown-toggle::after{color:#fff}}
@media print{td.header h3{font-weight:600}}

/* ─── Arreglos solo del blog (27-10-2026) ───
   En la web, por debajo de ~430 px el botón del menú queda fuera de la pantalla (empieza en x=373 con 375 de ancho) y allí
   se navega con su barra de abajo; el blog no la tiene. Aquí se esconde la bandera en esos anchos para que quepa el botón,
   y "Ver en Español" va dentro del menú del móvil (inc/cabecera.php). */
@media (max-width: 439px) { .header .header-lang-toggle { display: none; } }
/* El punto verde de la barra negra: en el blog, un plugin tiene otra animación llamada "pulse" que le ponía un halo verde
   enorme. Aquí lleva la de la web (su homepage.min.css: crece y se apaga) con nombre propio. */
@keyframes srb-pulso { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.8); opacity: 0; } }
.live-bar .live-bar-dot { animation-name: srb-pulso !important; box-shadow: none !important; }
/* Los botones de la cabecera sin el borde que pone el navegador (en la web lo quita su Bootstrap). */
:where(.header, .mobile-menu, .live-bar) button { border: 0; -webkit-appearance: none; appearance: none; }
/* El texto del buscador de vehículos llegaba hasta el botón "Search": aire antes del botón y "…" si no cabe (en el móvil
   además lleva un texto más corto, blog.js). */
.header .header-search input { padding-right: 10px; text-overflow: ellipsis; }
.mobile-menu .srb-idioma-movil { display: block; text-align: center; margin-top: 4px; padding: 10px; font-weight: 500; color: #1a56db; }