.top{position:fixed;inset:0 0 auto;transform:translateY(-110%);visibility:hidden;transition:transform .38s cubic-bezier(.22,1,.36,1),visibility .38s;box-shadow:0 4px 16px #0002;pointer-events:none}
.top.is-visible{transform:translateY(0);visibility:visible;pointer-events:auto}
.top .wrap{display:grid;grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);gap:16px;align-items:center}
.top-contacts{display:flex;flex-direction:column;align-items:flex-start;line-height:1.6;min-width:0}
.top-contacts a{overflow-wrap:anywhere}
.top .top-brand{display:block;grid-column:2;grid-row:1;justify-self:center;width:230px;line-height:0}
.top-brand img{display:block;width:100%;height:auto;filter:brightness(0) invert(1)}
.top .top-appointment{grid-column:3;grid-row:1;justify-self:end}
@media(max-width:760px){.top .wrap{grid-template-columns:1fr auto 1fr;gap:8px;width:calc(100% - 24px)}.top .top-brand{width:160px;grid-column:2;grid-row:1}.top .top-appointment{grid-column:3;grid-row:1;font-size:.8rem;padding:8px 10px}.top-contacts{grid-column:1 / -1;grid-row:2;flex-direction:row;justify-content:center;gap:6px 16px;flex-wrap:wrap}.top-contacts a{font-size:.75rem}.top{padding:9px 0}}
@media(max-width:360px){.top .top-brand{width:132px}.top .top-appointment{padding:8px;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.top{transition:none}}

/* Cabecera compacta exclusiva para pantallas móviles. */
@media(max-width:760px){.top .top-contacts{display:none}.top .wrap{grid-template-columns:minmax(0,1fr) auto;gap:16px}.top .top-brand{grid-column:1;grid-row:1;justify-self:start;width:180px;max-width:100%}.top .top-appointment{grid-column:2;grid-row:1;min-height:44px}}
@media(max-width:360px){.top .top-brand{width:150px}}