/* V23: responsive layout and accessible interactions. */
.hero-grid>div,.identity,.identity-name{min-width:0}
.identity-name>img{display:block;width:100%!important;max-width:100%!important;height:auto!important;margin:0 auto}
.identity-name{width:100%;max-width:100%}
.specialties-grid{align-items:stretch}
.specialty-card{display:flex;flex-direction:column}
.specialty-summary{height:100%;flex:1}
.specialty-hint{margin-top:auto}
.service-focus{margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;background:transparent;color:inherit;padding:24px}
.service-focus:not([open]){display:none}
.service-focus::backdrop{background:transparent}
.service-focus-card{pointer-events:auto}
.service-focus-shade{pointer-events:none}
.service-focus.pinned .service-focus-shade{pointer-events:auto}
.service-focus[data-mode="hover"] .service-focus-close{visibility:visible}
.service-focus-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}
.service-focus-identity{min-width:0}
.service-focus-names{min-width:0;overflow-wrap:anywhere}
.service-focus-company{overflow-wrap:anywhere}
.service-focus-close{align-self:start}
.top{position:relative}
.nav-menu{display:flex;gap:24px;align-items:center}
.nav-menu>a{font-size:.87rem;font-weight:700;text-decoration:none}
.nav-menu>a:hover{color:var(--sky)}
.menu-toggle{display:none;cursor:pointer;font:inherit;font-weight:750;color:#f4f8fa;border:1px solid #688fa6;border-radius:8px;background:#102b3d;min-height:44px;padding:8px 12px}
.menu-toggle:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
@media(max-width:920px){
 .nav{gap:10px}
 .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
 .nav-menu{display:none;position:absolute;top:100%;left:18px;right:18px;z-index:50;background:#0a2234;border:1px solid #688fa6;border-radius:10px;padding:10px;box-shadow:0 12px 30px #0009}
 .nav-menu.open{display:grid;gap:0}
 .nav-menu>a{display:block;padding:12px 14px;min-height:44px}
}
@media(max-width:700px){.service-focus{padding:13px}.service-focus-card{max-height:91dvh}.service-focus-identity{gap:10px}}
@media(max-width:420px){
 .service-focus-top{grid-template-columns:minmax(0,1fr);gap:12px}
 .service-focus-close{grid-row:1;justify-self:end}
 .service-focus-company{font-size:1.12rem}
 .top .brand .brand-nombre-metal{width:clamp(105px,33vw,150px)!important;max-height:42px!important}
 .top .brand>img{width:46px;height:46px}
 .top .wrap{gap:7px}
 .nav{gap:7px}
 .menu-toggle{font-size:.85rem;padding:8px}
 .wa-top{width:46px;min-width:46px;height:46px;min-height:46px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .entrada,.entrada-contenido,.entrada-contenido::after{animation:none!important;transition:none!important}
 .entrada-contenido::after{display:none}
 .btn,.wa-top,.photo-story,.photo-preview img,.service-focus,.service-focus-card,.specialty-card{transition:none!important}
 .photo-story:hover,.photo-preview:hover img,.photo-preview:focus-visible img,.specialty-card:hover{transform:none!important}
}