/* ===== Diseño "Portada inmersiva" ===== */
:root{--bg:#fff;--alt:#eef3fb;--card:#fff;--tx:#14213d;--mut:#55627f;--pri:#0b2a7c;--acc:#c8102e;--bd:#dde5f4;--navy:#0b2a7c;--az:#0a84d6;--gr:#55ad1f;--li:#a56fdc;--btn:#0b2a7c;--shadow:0 12px 34px rgba(11,42,124,.12)}
@media (prefers-color-scheme:dark){:root{--bg:#0a1230;--alt:#101b40;--card:#121f48;--tx:#e8edf9;--mut:#a3b0d2;--pri:#8ab8ff;--bd:#25335f;--btn:#2f6fe0;--shadow:0 12px 34px rgba(0,0,0,.4)}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Carlito,Calibri,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;font-size:17.5px;background:var(--bg);color:var(--tx);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--pri)}img{max-width:100%}
.demo{background:#fff3cd;color:#664d03;text-align:center;padding:7px 16px;font-size:.85rem}
.hide{display:none!important}
.wrap{max-width:1360px;margin:auto;padding:0 40px}.wrap.narrow{max-width:860px}

/* --- Encabezado --- */
.top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
@media (prefers-color-scheme:dark){.top{background:rgba(10,18,48,.92)}}
.hin{max-width:1360px;margin:auto;display:flex;align-items:center;gap:20px;padding:11px 40px}
.logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:19.5px;color:var(--navy);text-decoration:none;margin-right:auto;min-width:0}
@media (prefers-color-scheme:dark){.logo{color:#fff}}
.logo img{width:44px;height:44px}
nav{display:flex;align-items:center;gap:3px;background:var(--alt);padding:5px;border-radius:999px}
nav>a,.ddb{display:block;white-space:nowrap;font:inherit;font-size:16.5px;color:var(--tx);background:none;border:0;padding:8px 15px;border-radius:999px;cursor:pointer;text-decoration:none}
.ddb::after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:8px;transition:transform .15s}
.dd.open>.ddb::after{transform:rotate(225deg) translateY(-1px)}
nav>a:hover,.ddb:hover,.dd.open>.ddb{background:rgba(11,42,124,.08)}
nav>a.act,.dd.act>.ddb{background:var(--navy);color:#fff;font-weight:700}
.dd{position:relative}.menu{display:none;position:absolute;top:calc(100% + 10px);left:0;min-width:250px;background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:8px;box-shadow:var(--shadow)}
.dd.open .menu{display:block}.menu a{display:block;white-space:nowrap;padding:10px 14px;border-radius:10px;color:var(--tx);text-decoration:none;font-size:16.5px}.menu a:hover{background:var(--alt);color:var(--pri)}
.hs{display:flex;align-items:center;gap:6px;margin-left:4px;padding:0 4px 0 12px;background:var(--card);border-radius:999px;border:1px solid var(--bd)}.hs svg{color:var(--mut);flex:none}
.hs input{border:0;background:none;color:var(--tx);padding:8px 8px 8px 2px;width:120px;font:inherit;font-size:16px;outline:none}
#menuBtn{display:none;background:none;border:0;color:var(--navy);cursor:pointer;padding:6px}
/* inicio: encabezado transparente sobre la foto */
.home .top{position:fixed;left:0;right:0;background:transparent;border-color:transparent;backdrop-filter:none;transition:background .25s}
.home .top:not(.sc) .logo{color:#fff}
.home .top:not(.sc) nav{background:rgba(8,20,60,.38);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.22)}
.home .top:not(.sc) nav>a,.home .top:not(.sc) .ddb{color:#fff}
.home .top:not(.sc) nav>a:hover,.home .top:not(.sc) .ddb:hover,.home .top:not(.sc) .dd.open>.ddb{background:rgba(255,255,255,.16)}
.home .top:not(.sc) nav>a.act,.home .top:not(.sc) .dd.act>.ddb{background:#fff;color:var(--navy)}
.home .top:not(.sc) #menuBtn{color:#fff}
.home .top.sc{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-color:var(--bd)}
@media (prefers-color-scheme:dark){.home .top.sc{background:rgba(10,18,48,.94)}}
@media(max-width:1200px){
 #menuBtn{display:block}.hin{padding:10px 20px;flex-wrap:wrap}
 nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--card)!important;border:0!important;border-bottom:1px solid var(--bd)!important;border-radius:0;flex-direction:column;align-items:stretch;padding:12px 20px 18px;max-height:80vh;overflow:auto;backdrop-filter:none!important}
 nav.open{display:flex}
 nav>a,.ddb,.home .top:not(.sc) nav>a,.home .top:not(.sc) .ddb{width:100%;text-align:left;color:var(--tx)!important;border-radius:12px}
 .home .top:not(.sc) nav>a.act,.home .top:not(.sc) .dd.act>.ddb,nav>a.act,.dd.act>.ddb{background:var(--navy)!important;color:#fff!important}
 .ddb{font-weight:700;display:flex;justify-content:space-between;align-items:center}
 .menu{position:static;box-shadow:none;border:0;padding:0 0 0 14px;min-width:0;background:none}
 .hs{width:100%;margin:8px 0 0}.hs input{width:100%}
}

/* --- Inicio: portada --- */
.hero2{position:relative;height:clamp(580px,46vw,700px);color:#fff;background:linear-gradient(120deg,#0b2a7c,#0a84d6);overflow:hidden}
.hs-track{position:absolute;inset:0}
.hs-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}.hs-slide.on{opacity:1}.hs-slide img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.hs-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,22,70,.97) 0%,rgba(6,22,70,.9) 40%,rgba(6,22,70,.4) 66%,rgba(6,22,70,.05) 90%),linear-gradient(to top,rgba(6,22,70,.55),transparent 35%)}
.hs-in{position:relative;z-index:2;max-width:820px;padding:clamp(130px,13vw,180px) 56px 0}
.hs-ey{display:flex;align-items:center;gap:16px;font-size:19px;opacity:.92}.hs-ey img{width:78px;height:78px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}
.hs-in h1{font-size:clamp(2.6rem,5.2vw,4.4rem);line-height:1.02;margin:20px 0 14px;letter-spacing:-.5px}
.hs-in p{font-size:clamp(1.15rem,1.7vw,1.4rem);opacity:.94;max-width:580px;line-height:1.35;margin:0}
.hs-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.b-g,.b-o{display:inline-block;padding:14px 26px;border-radius:12px;font-weight:700;font-size:18px;text-decoration:none;color:#fff}
.b-g{background:var(--gr)}.b-g:hover{filter:brightness(1.08)}.b-o{border:1.5px solid rgba(255,255,255,.65)}.b-o:hover{background:rgba(255,255,255,.14)}
.hs-cap{position:absolute;right:56px;bottom:100px;z-index:3;width:380px;background:rgba(255,255,255,.14);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:16px 20px;color:#fff}
.hs-cap small{display:block;opacity:.88;font-size:14.5px}.hs-cap a.ct-t{display:block;color:#fff;text-decoration:none;font-size:19.5px;font-weight:700;line-height:1.2;margin:4px 0 14px}.hs-cap a.ct-t:hover{text-decoration:underline}
.hs-cap .row{display:flex;align-items:center;gap:7px}.hs-cap .dot{width:9px;height:9px;border-radius:999px;border:0;padding:0;background:rgba(255,255,255,.5);cursor:pointer;transition:width .25s}.hs-cap .dot[aria-current="true"]{width:28px;background:#fff}
.hs-cap .ar{margin-left:auto;display:flex;gap:8px}.hs-cap .ar button{width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer}
/* accesos flotantes */
.qa{position:relative;z-index:5;max-width:1264px;width:calc(100% - 80px);margin:-60px auto 0;background:var(--card);border-radius:24px;box-shadow:0 20px 56px rgba(11,42,124,.2);display:grid;grid-template-columns:repeat(8,1fr);padding:12px;border:1px solid var(--bd)}
.qa a{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 4px;border-radius:16px;font-size:16px;font-weight:700;text-align:center;color:var(--navy);text-decoration:none;line-height:1.15}
@media (prefers-color-scheme:dark){.qa a{color:#fff}}
.qa a:hover{background:var(--alt)}.qa i{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:#fff}
/* secciones */
.sec{padding:72px 0 0}.sec.alt{background:none}.sec .sh{margin-bottom:24px}
.sh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
h2.t{margin:0;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.4px;color:var(--navy)}
@media (prefers-color-scheme:dark){h2.t{color:#fff}}
h2.t:after{display:none}
.sh a.btn.o{border:0;background:none;color:var(--az);padding:0;font-size:1.05rem}.sh a.btn.o:hover{text-decoration:underline}
.mag{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:22px;height:540px}
.mg{position:relative;display:block;border-radius:24px;overflow:hidden;color:#fff;text-decoration:none;background:#0b2a7c}.mg.big{grid-row:1/3}
.mg img{width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .5s}.mg:hover img{transform:scale(1.04)}
.mg:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,22,70,.92),transparent 62%)}
.mg .tx{position:absolute;left:26px;right:26px;bottom:24px;z-index:2}.mg small{opacity:.88;font-size:14.5px}.mg b{display:block;font-size:22px;line-height:1.18;margin-top:5px}.mg.big b{font-size:clamp(1.4rem,2.2vw,1.9rem)}
.band{margin-top:72px;border-radius:30px;background:linear-gradient(120deg,#0b2a7c,#0a58c2 62%,#0a84d6);color:#fff;padding:46px 54px;display:flex;align-items:center;gap:40px;flex-wrap:wrap}
.band h3{font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1.1;margin:0;max-width:440px}.band p{opacity:.92;margin:10px 0 0;max-width:440px;font-size:1.1rem}
.band .chips2{margin-left:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(640px,100%)}
.band .chips2 a{display:block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:16px;padding:14px 18px;color:#fff;text-decoration:none}.band .chips2 a:hover{background:rgba(255,255,255,.24)}.band .chips2 b{display:block;font-size:1.3rem}.band .chips2 small{opacity:.88;font-size:.95rem}

/* --- Páginas interiores --- */
.phead{background:linear-gradient(180deg,var(--alt),var(--bg));padding:44px 0 30px;margin-bottom:26px;border:0}
.phead h1{margin:0;font-size:clamp(2rem,4vw,3rem);color:var(--navy);letter-spacing:-.5px;line-height:1.08}
@media (prefers-color-scheme:dark){.phead h1{color:#fff}}
.phead p{margin:8px 0 0;color:var(--mut);font-size:1.15rem}
.blk{margin:36px 0}
.sub{color:var(--mut);margin:0 0 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:20px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:var(--shadow)}
.card .pad{padding:20px;display:flex;flex-direction:column;gap:7px;flex:1}
.card img.cv{width:100%;height:180px;object-fit:cover;background:var(--alt)}
.card h3{margin:0;font-size:1.15rem;line-height:1.25;color:var(--tx)}.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{color:var(--az)}
.card h4{margin:12px 0 2px;font-size:.95rem;color:var(--pri)}
.card p{margin:0;color:var(--mut);font-size:1rem;flex:1}.meta{font-size:.88rem;color:var(--mut)}
.card ul{margin:4px 0 0;padding-left:20px}.card li{margin:4px 0;font-size:.98rem}.card .pad>p+p{margin-top:8px}
.clk{cursor:pointer}.clk:hover{border-color:var(--az)}
.btn{display:inline-block;background:var(--btn);color:#fff;text-decoration:none;padding:9px 18px;border-radius:12px;font-size:1rem;font-weight:700;border:1.5px solid var(--btn);cursor:pointer;font-family:inherit}
.btn:hover{filter:brightness(1.12)}.btn.o{background:none;color:var(--pri);border-color:var(--bd)}.btn.o:hover{border-color:var(--az);color:var(--az);filter:none}
.btn:disabled{opacity:.5;cursor:not-allowed}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.badge{font-size:.76rem;background:var(--az);color:#fff;border-radius:999px;padding:2px 10px;align-self:flex-start;font-weight:700;display:inline-block}.badge.g{background:#2e7d32}.badge.b{background:var(--navy)}
.tag{font-size:.8rem;background:var(--alt);border:1px solid var(--bd);color:var(--mut);padding:2px 10px;border-radius:999px;display:inline-block;margin:3px 4px 0 0}
.tools{display:flex;gap:10px;margin-bottom:14px}.tools input{flex:1;max-width:460px;padding:12px 18px;border:1px solid var(--bd);border-radius:999px;background:var(--card);color:var(--tx);font:inherit;font-size:1rem;outline:none}.tools input:focus{border-color:var(--az)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.chips button{border:1px solid var(--bd);background:var(--card);color:var(--tx);padding:8px 16px;border-radius:999px;cursor:pointer;font:inherit;font-size:.98rem}.chips button:hover{border-color:var(--az)}
.chips button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.tile{background:var(--card);border:1px solid var(--bd);border-radius:20px;padding:22px 16px;text-align:center;text-decoration:none;color:var(--tx);font-weight:700;font-size:1.05rem}.tile:hover{border-color:var(--az);color:var(--az)}.tile span{display:block;font-size:2rem;color:var(--navy)}
.pub{background:var(--card);border:1px solid var(--bd);border-radius:18px;padding:16px 20px;margin-bottom:12px}.pub h3{margin:4px 0;font-size:1.1rem}.pub p{margin:2px 0;color:var(--mut);font-size:.95rem}
.prof{display:flex;gap:14px;align-items:center}.av{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--az));color:#fff;display:grid;place-items:center;font-weight:700;flex:none}
table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--bd);font-size:.95rem}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--bd)}th{background:var(--navy);color:#fff}.tw{overflow-x:auto;border-radius:16px}
.empty{display:none;text-align:center;color:var(--mut);padding:26px}
.art{max-width:800px;margin:auto;padding:36px 24px 70px}.art img{width:100%;border-radius:18px;margin:16px 0}.art h1{margin:8px 0;font-size:clamp(2rem,4vw,2.8rem);line-height:1.1;color:var(--navy)}.art p{font-size:1.12rem}
@media (prefers-color-scheme:dark){.art h1{color:#fff}}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.two .card{height:100%}
@media(max-width:760px){.two{grid-template-columns:1fr}}
dialog{border:1px solid var(--bd);border-radius:20px;max-width:640px;width:92%;background:var(--card);color:var(--tx);padding:24px}dialog::backdrop{background:rgba(5,15,50,.6)}
dialog h3{margin:14px 0 4px;font-size:1rem;color:var(--pri)}dialog ul{margin:0;padding-left:20px}
/* pie */
footer{background:#071a52;color:#cfd9f6;margin-top:90px;padding:48px 0 22px}
footer a{color:#fff;text-decoration:none;display:block;padding:3px 0;font-size:1rem}footer a:hover{text-decoration:underline}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:30px}
footer h4{margin:0 0 10px;color:#fff;font-size:1.1rem}footer p{margin:3px 0;font-size:1rem}
.copy{text-align:center;opacity:.7;font-size:.9rem;margin-top:30px}
footer a.soc{display:flex;align-items:center;gap:8px;padding:6px 0;font-weight:700}footer a.hx{display:inline;padding:0}

/* --- Adaptación a pantallas pequeñas --- */
@media(max-width:1100px){.mag{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto}.mg.big{grid-column:1/3;grid-row:auto;height:380px}.mg{height:240px}.hs-cap{display:none}}
@media(max-width:900px){.qa{grid-template-columns:repeat(4,1fr);width:calc(100% - 40px)}.band{padding:34px 26px}.band .chips2{margin-left:0}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.wrap{padding:0 20px}.hs-in{padding:118px 22px 0}.hs-ey img{width:60px;height:60px}.hs-ey{font-size:16px}.mag{grid-template-columns:1fr}.mg.big{grid-column:auto;height:300px}.mg{height:220px}.qa a{font-size:14px;padding:12px 2px}.qa i{width:42px;height:42px}.hero2{height:640px}.band .chips2{grid-template-columns:repeat(2,1fr)}.fg{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.hs-slide{transition:none}}

/* --- Componentes de otras secciones --- */
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:12px}
.filters input,.filters select{padding:10px 12px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--tx);font-size:.92rem;width:100%}
.chk{display:flex;align-items:center;gap:8px;font-size:.9rem}
.q{font-size:.68rem;padding:1px 6px;border-radius:6px;color:#fff;margin:1px;display:inline-block;white-space:nowrap}
.q1{background:#2e7d32}.q2{background:#0b3d91}.q3{background:#ef6c00}.q4{background:#8d6e63}
.pager{display:flex;gap:12px;align-items:center;justify-content:center;margin:16px 0}
td .meta{display:block}td a{font-weight:600;text-decoration:none}td a:hover{text-decoration:underline}
.rt td{vertical-align:top;font-size:.86rem}
.hx{color:inherit;text-decoration:none;cursor:default;outline:none}.art h2,.art h3{margin:1.2em 0 .3em}.art ul,.art ol{padding-left:22px}
/* --- Sobre Nosotros --- */
.blk{margin:34px 0}.blk .sh{margin-bottom:14px}
.two{align-items:stretch}.two .card{height:100%}
.card h4{margin:12px 0 2px;font-size:.9rem;color:var(--pri)}
.card ul{margin:4px 0 0;padding-left:20px}.card li{margin:4px 0;font-size:.9rem}
.card .pad>p+p{margin-top:8px}
.hin{flex-wrap:nowrap}.logo{max-width:300px}.hs input{width:120px}nav>a,.ddb{padding:8px 9px}@media(max-width:1140px){.hin{flex-wrap:wrap}}
.hin{flex-wrap:wrap}.logo{max-width:340px}.logo img{width:46px;height:46px}.hs input{width:130px}
@media(max-width:1140px){.menu{display:none}.dd.open .menu{display:block}nav>a,.ddb{width:100%;text-align:left}.hs{width:100%}}
footer a.soc{display:flex;align-items:center;gap:8px;padding:6px 0;font-weight:600}
/* --- Pruebas psicológicas --- */
.wrap.narrow{max-width:820px}
.alert{background:var(--alt);border:1px solid var(--bd);border-left:5px solid var(--pri);border-radius:10px;padding:12px 16px;margin:14px 0;font-size:.92rem}
.alert.info{border-left-color:#6b7a99}.alert.crisis{border-left-color:#c8102e;background:#fff1f2;color:#5a0b14}
@media (prefers-color-scheme:dark){.alert.crisis{background:#3b1218;color:#ffd9de}}
.qi{border:1px solid var(--bd);border-radius:12px;padding:12px 14px;margin:12px 0;background:var(--card);min-width:0}
.qi legend{font-weight:600;padding:0 6px;font-size:.96rem}.qn{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0b3d91;color:#fff;font-size:.78rem;margin-right:6px}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.opts label{cursor:pointer}.opts input{position:absolute;opacity:0;pointer-events:none}
.opts span{display:inline-block;padding:7px 12px;border:1px solid var(--bd);border-radius:999px;font-size:.88rem;background:var(--card)}
.opts input:checked+span{background:#0b3d91;color:#fff;border-color:#0b3d91}.opts input:focus-visible+span{outline:2px solid var(--pri);outline-offset:2px}
.prog{height:8px;background:var(--alt);border-radius:6px;overflow:hidden;margin:12px 0 4px;position:sticky;top:66px;z-index:3}.prog div{height:100%;width:0;background:#2e7d32;transition:width .25s}
.res .rb{padding:12px 0;border-bottom:1px solid var(--bd)}.res .rb:last-of-type{border:0}
.rbh{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.rbh h4{margin:0;font-size:.98rem;color:var(--tx)}.rv{font-size:1.6rem;font-weight:800;color:var(--pri)}.rv small{font-size:.75rem;font-weight:500;color:var(--mut)}
.bar{position:relative;height:12px;background:var(--alt);border:1px solid var(--bd);border-radius:8px;margin:8px 0}.bar i{display:block;height:100%;border-radius:8px}.bar u{position:absolute;top:-4px;width:2px;height:18px;background:var(--tx)}
.bar i.ok,.lv.ok{background:#2e7d32}.bar i.lo,.lv.lo{background:#1e88e5}.bar i.mid,.lv.mid{background:#ef6c00}.bar i.hi,.lv.hi{background:#c8102e}
.lv{display:inline-block;color:#fff;border-radius:6px;padding:2px 10px;font-size:.8rem;font-weight:600;margin-bottom:4px}
.stage{display:grid;place-items:center;height:200px;border-radius:14px;background:#fff;color:#333;border:1px solid var(--bd);font-size:3rem;font-weight:800;margin:12px 0;letter-spacing:.05em}
.kp{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0}.kp .btn{color:#fff;padding:12px 16px;font-size:.95rem}
@media print{header.top,footer,.noprint,.demo{display:none!important}.card,.alert{break-inside:avoid}}
.badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.badge{white-space:nowrap}

@media(max-width:1200px){.hin{flex-wrap:nowrap}.logo{font-size:18px}.logo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:640px){.qa{grid-template-columns:repeat(4,1fr);width:calc(100% - 24px);padding:8px 4px;margin-top:-50px}.qa a{font-size:12.5px;padding:10px 2px;gap:7px}.qa i{width:40px;height:40px;border-radius:12px}.logo{font-size:16.5px}.logo img{width:38px;height:38px}}