/* Etapa 22 — Hero homepage, visual reference Fachárna */
.facharna-hero {
 position:relative; isolation:isolate; display:flex; align-items:stretch; min-height:clamp(330px,30vw,440px);
 margin:0; overflow:hidden; background:#e8eef0;
}
.facharna-hero__background {
 position:absolute; z-index:-1; inset:0;
 background-color:#f4f5f4;
 background-image:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.90) 21%,rgba(255,255,255,.66) 36%,rgba(255,255,255,.22) 53%,rgba(255,255,255,0) 72%),url("../images/facharna-hero.jpg");
 background-position:center center,center 53%; background-size:100% 100%,cover; background-repeat:no-repeat;
}
.facharna-hero__inner { display:flex; align-items:center; width:min(100%,1560px); min-height:inherit; padding:clamp(30px,4vw,58px) var(--fa-page-gutter,clamp(1rem,3vw,2.625rem)); margin-inline:auto; }
.facharna-hero__content { width:min(100%,590px); padding-block:4px; }
.facharna-hero__eyebrow { margin:0 0 10px; color:#494949; font-size:10px; font-weight:850; letter-spacing:.13em; }
.facharna-hero__title { max-width:620px; margin:0 0 15px; color:#111; font-size:clamp(42px,5vw,70px); font-weight:950; line-height:.99; letter-spacing:-.055em; }
.facharna-hero__title>span { display:block; }
.facharna-hero__highlight { color:var(--fa-color-brand-hover,#dda000); }
.facharna-hero__description { max-width:440px; margin:0 0 18px; color:#363636; font-size:clamp(14px,1.1vw,16px); line-height:1.55; }
.facharna-hero-search { display:flex; align-items:center; width:min(100%,590px); min-height:52px; padding:4px; gap:10px; border:1px solid rgba(21,21,21,.08); border-radius:10px; background:#fff; box-shadow:0 8px 25px rgba(0,0,0,.09); }
.facharna-hero-search__icon { flex:0 0 20px; width:20px; height:20px; margin-left:9px; fill:none; stroke:#555; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.facharna-hero-search input { flex:1 1 auto; width:100%; min-width:0; min-height:42px; padding:9px 0; border:0; border-radius:0; outline:0; background:transparent; box-shadow:none; color:#171717; font-size:13px; }
.facharna-hero-search input:focus { box-shadow:none; }
.facharna-hero-search:focus-within { outline:3px solid rgba(245,180,0,.42); outline-offset:2px; }
.facharna-hero-search button { flex:0 0 auto; align-self:stretch; min-width:82px; padding:0 18px; border:0; border-radius:7px; background:var(--fa-color-brand,#f5b400); color:#171717; font-size:13px; font-weight:850; cursor:pointer; transition:background-color var(--fa-motion-fast,140ms ease),transform var(--fa-motion-fast,140ms ease); }
.facharna-hero-search button:hover { background:var(--fa-color-brand-hover,#dda000); }
.facharna-hero-search button:active { transform:translateY(1px); }
.facharna-hero__popular { display:flex; flex-wrap:wrap; align-items:center; gap:7px 10px; margin-top:13px; }
.facharna-hero__popular-label { color:#292929; font-size:11px; font-weight:800; white-space:nowrap; }
.facharna-hero__tags { display:flex; flex-wrap:wrap; gap:6px; }
.facharna-hero__tag { display:inline-flex; align-items:center; min-height:28px; padding:5px 10px; border:1px solid rgba(21,21,21,.07); border-radius:6px; background:rgba(255,255,255,.96); color:#292929; font-size:10px; font-weight:750; text-decoration:none; transition:background-color var(--fa-motion-fast,140ms ease),border-color var(--fa-motion-fast,140ms ease),transform var(--fa-motion-fast,140ms ease); }
.facharna-hero__tag:hover { transform:translateY(-1px); border-color:var(--fa-color-brand,#f5b400); background:var(--fa-color-brand-soft,#fff7df); color:#151515; }
.facharna-hero__tag:focus-visible { outline:3px solid rgba(245,180,0,.65); outline-offset:2px; }
@media (min-width:1500px) { .facharna-hero { min-height:450px; } }
@media (max-width:900px) { .facharna-hero { min-height:380px; } .facharna-hero__background { background-image:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.89) 26%,rgba(255,255,255,.58) 48%,rgba(255,255,255,.12) 100%),url("../images/facharna-hero.jpg"); background-position:center center,center 53%; background-size:100% 100%,cover; } .facharna-hero__content { width:min(100%,560px); } .facharna-hero__title { font-size:clamp(40px,7vw,60px); } }
@media (max-width:600px) { .facharna-hero { min-height:420px; } .facharna-hero__background { background-image:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 38%,rgba(255,255,255,.68) 65%,rgba(255,255,255,.20) 100%),url("../images/facharna-hero.jpg"); background-position:center center,center 58%; background-size:100% 100%,cover; } .facharna-hero__inner { align-items:flex-start; padding-block:32px 25px; } .facharna-hero__content { width:100%; } .facharna-hero__eyebrow { margin-bottom:9px; font-size:9px; } .facharna-hero__title { margin-bottom:13px; font-size:clamp(39px,10.8vw,52px); line-height:.99; } .facharna-hero__description { max-width:390px; margin-bottom:17px; font-size:14px; } .facharna-hero-search { min-height:49px; gap:7px; } .facharna-hero-search__icon { margin-left:6px; width:18px; height:18px; flex-basis:18px; } .facharna-hero-search input { font-size:12px; } .facharna-hero-search button { min-width:72px; padding-inline:12px; font-size:12px; } .facharna-hero__popular { align-items:flex-start; flex-direction:column; gap:7px; margin-top:12px; } .facharna-hero__tags { gap:5px; } .facharna-hero__tag { min-height:27px; padding-inline:8px; font-size:10px; } }
@media (max-width:380px) { .facharna-hero { min-height:440px; } .facharna-hero__title { font-size:38px; } .facharna-hero__description { font-size:13px; } .facharna-hero__popular-label { font-size:10px; } }
@media (prefers-reduced-motion:reduce) { .facharna-hero-search button,.facharna-hero__tag { transition:none; } }

/* Search results connected to the homepage hero form */
.facharna-search-page { padding-block:clamp(28px,4vw,56px); }
.facharna-search-heading { margin-bottom:24px; }
.facharna-search-heading>p:not(.section-kicker) { color:var(--fa-color-text-secondary,#626262); }
.facharna-search-results { display:grid; gap:12px; }
.facharna-search-result { margin:0; padding:20px 22px; border:1px solid var(--fa-color-border,#e7e7e4); border-radius:var(--fa-radius-lg,1rem); background:var(--fa-color-surface,#fff); transition:border-color var(--fa-motion-fast,140ms ease),background-color var(--fa-motion-fast,140ms ease); }
.facharna-search-result:hover { border-color:#e7c45e; background:#fffdf7; }
.facharna-search-result__meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:8px; color:var(--fa-color-text-muted,#777); font-size:12px; }
.facharna-search-result__type { display:inline-flex; padding:4px 8px; border-radius:5px; background:var(--fa-color-brand-soft,#fff7df); color:#4a3900; font-weight:800; }
.facharna-search-result h2 { margin:0 0 7px; font-size:clamp(18px,2vw,23px); line-height:1.25; }
.facharna-search-result h2 a { color:var(--fa-color-text,#171717); text-decoration:none; }
.facharna-search-result h2 a:hover { text-decoration:underline; text-decoration-color:var(--fa-color-brand,#f5b400); text-decoration-thickness:2px; text-underline-offset:3px; }
.facharna-search-result p { margin:0 0 10px; color:var(--fa-color-text-secondary,#626262); line-height:1.55; }
.facharna-search-result__link { color:#171717; font-size:13px; font-weight:800; text-decoration:none; }
.facharna-search-empty { padding:28px; border-radius:var(--fa-radius-lg,1rem); background:var(--fa-color-brand-soft,#fff7df); }
.facharna-search-empty form { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.facharna-search-empty input { flex:1 1 240px; min-width:0; min-height:44px; padding:10px 12px; border:1px solid var(--fa-color-border-strong,#d4d4cf); border-radius:8px; background:#fff; }
.facharna-search-empty button { min-height:44px; padding:0 16px; border:0; border-radius:8px; background:var(--fa-color-brand,#f5b400); color:#171717; font-weight:800; cursor:pointer; }