/* Navegación visual x18. Pictogramas Lucide locais + etiquetas visibles. */
.hero--practico{max-width:none;margin-bottom:28px}.hero--practico h1{font-size:clamp(1.8rem,4vw,2.6rem)}
.hero--practico p{font-size:18px;margin-top:10px}.menu-visual.wrap{padding-top:34px;padding-bottom:36px}
.menu-section{margin-top:36px;scroll-margin-top:180px}.menu-section:first-of-type{margin-top:0}
.menu-section-heading{display:flex;align-items:center;gap:12px;color:var(--x-titulo)}
.menu-section-heading>svg{width:32px;height:32px;stroke:currentColor;fill:none;flex:none}
.menu-section-heading h2{font-size:26px;line-height:1.25;margin:0}
.menu-section-note{font-size:16px;color:var(--x-texto-suave);margin:8px 0 18px}
.menu-section .menu-grid--dous{grid-template-columns:repeat(2,minmax(0,1fr))}
.menu-section .menu-grid--tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.menu-section .menu-grid.menu-grid--destacado{grid-template-columns:1fr}
.acceso-complementario{margin-top:16px}
@media(min-width:760px){
 .menu-grid--destacado .tile{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:8px 24px;align-items:center}
 .menu-visual .menu-grid--destacado .tile>.menu-desenho{grid-column:1;grid-row:1/span 3;width:120px;height:120px;margin:0}
 .menu-grid--destacado .tile>.menu-title{grid-column:2;align-self:end}.menu-grid--destacado .tile>p{grid-column:2;align-self:start;max-width:none}
 .menu-grid--destacado .tile>.mais{grid-column:3;grid-row:1/span 3;margin:0;padding:0}
}
.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.menu-grid--catro{grid-template-columns:repeat(4,minmax(0,1fr))}
.menu-visual .tile{gap:12px;padding:22px;border-radius:22px;min-width:0}
.menu-visual .tile .menu-desenho{position:relative;width:100%;height:148px;margin:0 0 6px;border-radius:18px;background:color-mix(in srgb,var(--cor) 12%,var(--x-superficie-alt));color:var(--x-titulo);display:flex;align-items:center;justify-content:center}
.menu-visual .menu-desenho>svg{width:84px;height:84px;stroke:currentColor;stroke-width:1.7;fill:none}
.menu-acento{position:absolute;right:18px;bottom:12px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--x-superficie);border:2px solid var(--x-borde);color:var(--x-titulo)}
.menu-acento svg{width:24px!important;height:24px!important;stroke:currentColor!important;fill:none}
.menu-visual .menu-title{font-family:var(--bl-fonte-titulo);font-size:24px;line-height:1.2;margin:0;color:var(--x-titulo)}
.menu-visual .tile p{font-size:16px;line-height:1.5;max-width:30ch}
.menu-visual .tile .mais{font-size:16px;padding-top:8px;gap:9px;line-height:1.4;color:var(--x-titulo)}
.menu-visual .tile .mais svg{width:22px;height:22px;flex:none}
.menu-credencial{font-size:14px;color:var(--x-texto-suave)}
.menu-target{display:flex;flex-direction:column;gap:12px;color:inherit;text-decoration:none;flex:1}.menu-target:hover{text-decoration:none}.menu-target .mais{margin-top:auto}
.menu-visual .tile-accions{margin-top:0;padding-top:12px;border-top:1px solid var(--x-borde);gap:12px}
.menu-visual .ligazon-sec{font-size:14px;display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--x-titulo)}
.menu-visual .ligazon-sec svg{width:22px;height:22px;fill:none;stroke:currentColor}
.axuda-portal{margin-top:28px;border-top:1px solid var(--x-borde);padding-top:20px;font-size:16px;color:var(--x-texto-suave);text-align:left}
.axuda-portal summary{cursor:pointer;color:var(--x-titulo);font-weight:800;padding:8px 0;min-height:44px}
.axuda-portal summary svg{width:24px;height:24px;vertical-align:middle;margin:0 8px;stroke:currentColor;fill:none}.axuda-portal p{max-width:80ch;margin:14px 0}
.recursos-breves.sec{margin-top:32px}.recursos-breves h2{font-size:24px;margin-bottom:16px}.accesos-breves{display:flex;flex-wrap:wrap;gap:12px}
.accesos-breves a{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:52px;border:1px solid var(--x-borde);border-radius:14px;background:var(--x-superficie);color:var(--x-titulo);text-decoration:none;font-weight:800;font-size:16px}
.accesos-breves svg{width:32px;height:32px;fill:none;stroke:currentColor;flex:none}
.sh-nav .nav-pictograma{width:28px;height:28px;flex:none;fill:none;stroke:currentColor}.sh-nav a{min-height:48px;font-size:16px;gap:8px;justify-content:center}
.sh-nav a[aria-current="page"]{box-shadow:inset 0 -3px currentColor}.sh-nav .cadeado{display:none}
.sh-in>.volta{display:none}.sh-burger{display:none!important}
.sh-tema{min-height:48px;min-width:48px}.visor-pechar{min-width:44px;min-height:44px}.opcions .op{min-width:44px;min-height:44px}
.con-pictograma{display:inline-flex!important;align-items:center;justify-content:center;gap:10px!important;flex-wrap:nowrap}
.con-pictograma>.pictograma-accion{width:26px;height:26px;flex:none;stroke:currentColor;fill:none}
.visual-titulo{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.visual-titulo>.pictograma-titulo{width:52px;height:52px;flex:none;fill:none;stroke:currentColor;color:var(--x-titulo,var(--titulo))}
.app-nav-visual{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:12px 16px;background:var(--superficie);border-bottom:1px solid var(--borde)}
.app-nav-visual a{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:48px;padding:8px 16px;color:var(--titulo);text-decoration:none;font-family:var(--ft);border-radius:12px;border:1px solid var(--borde);background:var(--superficie-alt);font-size:16px}
.app-nav-visual svg{width:28px;height:28px;stroke:currentColor;fill:none;flex:none}
.app-nav-visual a[aria-current="page"]{border-width:2px;font-weight:700}
.cabeceira .logo{width:60px;height:60px}.cabeceira .logo svg{width:38px;height:38px}
.cabeceira .icono{min-height:48px}.cabeceira .icono svg{width:28px;height:28px}.cabeceira .centro{font-size:12px}
.cabeceira .volta-x18 svg{width:30px;height:30px}
:is(a,button,input,textarea,summary):focus-visible{outline:3px solid var(--x-titulo,var(--titulo,#267245));outline-offset:4px}
.sh :focus-visible,.cabeceira :focus-visible{outline-color:var(--x-marca-texto,var(--marca-texto))}
.entrada a,.volver a,.zona-nota a,.axuda-portal a{color:var(--x-titulo);text-decoration:underline}
.saltar,.oculto-visual{scroll-margin-top:180px}
@media(max-width:1000px){.menu-grid--catro{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:880px){
 .menu-section .menu-grid--tres{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sh-nav{display:flex!important;flex-direction:row;order:4;width:100%;margin:6px 0 0;padding:0 0 10px;gap:8px}.sh-nav a{display:flex;flex:1;flex-direction:column;gap:5px;min-height:68px;padding:8px 4px;font-size:14px;width:auto}.sh-nav .nav-pictograma{width:28px;height:28px}
 .sh-in{flex-wrap:wrap}.sh-brand{order:1}.sh-tema{order:2;margin-left:auto}.sh-tema span{display:inline}
 .menu-grid:not(.menu-grid--catro){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
 .menu-section{margin-top:30px}.menu-section-heading{gap:10px}.menu-section-heading h2{font-size:23px}.menu-section-heading>svg{width:28px;height:28px}
 .menu-section .menu-grid--dous,.menu-section .menu-grid--tres{grid-template-columns:1fr}
 .sh-in{padding:10px 16px}.sh-tema{min-width:44px;width:44px;padding:0}.sh-tema span{display:none}
 .menu-visual.wrap{padding:24px 16px 30px}.menu-grid,.menu-grid--catro,.menu-grid:not(.menu-grid--catro){grid-template-columns:1fr;gap:14px}
 .menu-visual .tile:not(.tile--accions){display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px 16px;padding:16px;align-items:start}
 .menu-visual .tile:not(.tile--accions)>.menu-desenho{grid-column:1;grid-row:1/span 5;width:84px;height:110px;margin:0;align-self:center}
 .menu-visual .tile:not(.tile--accions)>:not(.menu-desenho){grid-column:2}
 .menu-visual .tile:not(.tile--accions) .menu-desenho>svg{width:58px;height:58px}.menu-visual .tile:not(.tile--accions) .menu-acento{width:30px;height:30px;right:-3px;bottom:0}.menu-visual .tile:not(.tile--accions) .menu-acento svg{width:18px!important;height:18px!important}
 .menu-visual .menu-title{font-size:22px}.menu-visual .tile p{font-size:16px}.menu-visual .tile .mais{font-size:16px;margin:0;padding:0}.menu-credencial{font-size:14px}
 .menu-visual .tile--accions .menu-target{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px 16px}.menu-visual .tile--accions .menu-desenho{grid-column:1;grid-row:1/span 3;height:110px;width:84px;align-self:center}.menu-visual .tile--accions .menu-desenho>svg{width:58px;height:58px}.menu-visual .tile--accions .menu-acento{width:30px;height:30px;right:-3px;bottom:0}.menu-visual .tile--accions .menu-acento svg{width:18px!important;height:18px!important}.menu-target>:not(.menu-desenho){grid-column:2}
 .accesos-breves{flex-direction:column}.app-nav-visual{gap:6px;padding:8px}.app-nav-visual a{flex:1;flex-direction:column;padding:8px 4px;font-size:14px;gap:4px}.visual-titulo>.pictograma-titulo{width:40px;height:40px}.cabeceira .acciones{width:100%}
}
@media(prefers-reduced-motion:reduce){.menu-visual .tile:hover{transform:none}}
@media print{.app-nav-visual,.axuda-portal{display:none}.menu-desenho{print-color-adjust:exact}}
