/* Cabecera comun: logo centrado y accesos de linea. No cambia los desplegables. */
.header-top.cl-header {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
    align-items: center;
    min-height: 64px;
    padding: 8px max(24px,calc((100% - 1632px)/2));
}
.cl-header > .logoppal { grid-column: 2; grid-row: 1; float: none; min-width: 0; text-align: center; }
.cl-header .logoppal > a { display: block; margin: 0; padding: 0; line-height: 1; }
.cl-header .logoppal > a > img { display: block; width: auto; height: 32px; max-height: none; max-width: 100%; margin: 0 auto; object-fit: contain; }
.cl-header > .menusup { grid-column: 3; grid-row: 1; justify-self: end; float: none; display: flex; flex-direction: row-reverse; align-items: center; gap: 8px; }
.cl-header .menusup > :is(.carritopequetop,.index_usuario_menu) { float: none; margin: 0; padding: 0; }
.cl-header :is(#dropdownMenuButton,#dropdownMenuUsuario,.cl-header-contact) {
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #111 !important;
    line-height: 1;
    text-decoration: none;
    transition: color .16s ease;
}
.cl-header .cl-header-icon { display: block; flex: none; width: 23px; height: 23px; color: inherit; fill: none; }
.cl-header .cl-header-icon * { color: inherit; }
.cl-header :is(#dropdownMenuButton,#dropdownMenuUsuario,.cl-header-contact):is(:hover,:focus-visible) { color: #0099ff !important; background: transparent; box-shadow: none; }
.cl-header :is(#dropdownMenuButton,#dropdownMenuUsuario,.cl-header-contact):focus-visible { outline: 2px solid #0099ff; outline-offset: 1px; border-radius: 4px; }
/* Mantener el nodo que actualiza el inicio de sesion, sin texto visible. */
.cl-header #nombre-usuario { display: none !important; }
.cl-header .carritopequetop .cart-count { right: -1px; bottom: 0; pointer-events: none; }
.cl-header > .index-barra-info { grid-column: 1 / -1; grid-row: 2; }
@media(max-width:991px) {
    .header-top.cl-header { min-height: 56px; padding: 6px 10px; }
    .cl-header > .menusup { gap: 0; }
    .cl-header :is(#dropdownMenuButton,#dropdownMenuUsuario,.cl-header-contact) { width: 40px; height: 40px; }
    .cl-header .logoppal > a > img { height: 30px; width: auto; max-width: min(174px,calc(100vw - 192px)); }
    .cl-header .cl-header-contact { position: absolute; left: 54px; top: 50%; transform: translateY(-50%); }
    .cl-header .carritopequetop .cart-count { right: -2px; bottom: -1px; }
    .contenedor-menu .hamburger { top: -48px; width: 40px; height: 40px; }
}
@media(prefers-reduced-motion:reduce) {
    .cl-header :is(#dropdownMenuButton,#dropdownMenuUsuario,.cl-header-contact) { transition: none; }
}