/* Header original del home: estructura y estilos aislados para la vista previa. */
.site-header.home-header{position:sticky;top:0;z-index:50;display:flex;height:auto;min-height:88px;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1420px)/2));border-bottom:1px solid #ded9d0;background:rgba(255,255,255,.85);box-shadow:0 12px 34px rgba(40,32,20,.075);backdrop-filter:blur(16px)}
.home-header-brand{display:flex;align-items:center;gap:10px;color:#242320;font:500 30px/1 Bebas,"Bebas Neue",Impact,sans-serif;letter-spacing:.015em}
.home-header-brand>span:last-child{display:inline-flex}.home-header-brand em{color:var(--primary);font-style:normal}
.home-header-mark{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;padding:0;border-radius:0;background:transparent;box-shadow:none}
.home-header-mark img{width:100%;height:100%;object-fit:contain}.home-header-actions{display:flex;align-items:center;gap:20px}
.home-header .jn-header__contacto{display:flex;min-height:44px;align-items:center;justify-content:center;gap:12px;padding:0 13px;border:1px solid color-mix(in srgb,var(--primary) 32%,#ded9d0);border-radius:11px;background:#fff;box-shadow:0 8px 22px rgba(40,32,20,.065);color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.045em;transition:border-color 180ms ease,box-shadow 180ms ease;white-space:nowrap}
.home-header .jn-header__flecha{display:inline-grid;place-items:center;width:23px;height:23px;flex:0 0 23px;padding:0;border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);border-radius:50%;line-height:0;transition:background 180ms ease,border-color 180ms ease,color 180ms ease}
.home-header .jn-header__flecha svg{display:block;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.home-header .jn-header__contacto:hover{background:color-mix(in srgb,var(--primary) 6%,#fff);box-shadow:0 10px 25px color-mix(in srgb,var(--primary) 13%,transparent)}
.home-header .jn-header__contacto:is(:hover,:focus-visible) .jn-header__flecha{border-color:var(--primary);background:var(--primary);color:#fff;transform:none}
.home-header .jn-header__contacto:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
@media(max-width:1100px){.site-header.home-header{min-height:74px;padding-inline:14px}.home-header-brand{gap:10px;font-size:25px}.home-header-mark{width:39px;height:39px;flex-basis:39px}.home-header .jn-header__contacto{gap:6px;padding:0 8px;font-size:12px}.home-header .jn-header__flecha{width:21px;height:21px;flex-basis:21px}}
@media(max-width:420px){.home-header-actions{gap:9px}}

/* Colores de la landing actual, manteniendo el diseño del home. */
.site-header.home-header{background:color-mix(in srgb,var(--theme-bg) 94%,transparent);border-bottom-color:var(--theme-border);box-shadow:0 12px 34px #0003;color-scheme:dark}
.home-header-brand{color:var(--theme-text)}
.home-header .jn-header__contacto{background:var(--theme-card);border-color:var(--primary);color:var(--primary);box-shadow:none}
.home-header .jn-header__flecha{border-color:var(--primary)}
.home-header .jn-header__contacto:hover{background:var(--theme-raised);box-shadow:0 6px 20px color-mix(in srgb,var(--primary) 12%,transparent)}
.home-header .jn-header__contacto:is(:hover,:focus-visible) .jn-header__flecha{background:var(--primary);border-color:var(--primary);color:var(--texto)}

/* Mismo círculo y flecha que los CTA de la página. */
.home-header .jn-header__flecha{width:25px;height:25px;flex-basis:25px;padding:4px;box-sizing:border-box}
.home-header .jn-header__flecha svg{width:100%;height:100%;stroke-width:1.8}