#ps_topbanner_wrapper {
    width: 100%;
    box-sizing: border-box;
    /* Ajusta el margen si hay algún espacio no deseado encima del header */
    /* margin-top: -1px; */ /* Descomentar y ajustar si hay un borde extraño */
}

#ps_topbanner_wrapper .announcement-bar {
    background-color: #2196F3; /* Azul marino, similar al de tu imagen */
    color: #ffffff; /* Texto blanco */
    padding: 8px 15px; /* Un poco de padding */
    display: flex;
    justify-content: center; /* Centrar el contenido horizontalmente */
    align-items: center; /* Centrar el contenido verticalmente */
    font-size: 0.95em; /* Tamaño de fuente */
    position: relative; /* Para el botón de cierre */
    margin-bottom: 0 !important; /* Eliminar margen inferior si lo tiene */
    border-radius: 0 !important; /* Asegurar esquinas cuadradas */
    border: none; /* Sin borde */
    min-height: 35px; /* Asegurar una altura mínima si el contenido es muy corto */
}

#ps_topbanner_wrapper .announcement-bar__content {
    display: flex;
    align-items: center;
    /* Para centrar el contenido si el botón de cerrar está a un lado */
    flex-grow: 1; 
    justify-content: center;
}

#ps_topbanner_wrapper .announcement-bar__icon {
    font-size: 1.1em; /* Tamaño del icono */
    margin-right: 8px; /* Espacio entre el icono y el texto */
    color: #ffffff; /* Color del icono */
}

#ps_topbanner_wrapper .announcement-bar__text {
    font-weight: 500; /* Un poco más de grosor para el texto */
    white-space: nowrap; /* Evita que el texto se rompa en varias líneas */
    overflow: hidden; /* Oculta cualquier texto que se desborde */
    text-overflow: ellipsis; /* Añade puntos suspensivos si el texto es demasiado largo */
}

#ps_topbanner_wrapper .announcement-bar__close {
    color: #ffffff; /* Color del botón de cierre */
    opacity: 0.7; /* Transparencia */
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem; /* Tamaño de la 'x' */
    padding: 0;
    line-height: 1;
    background-color: transparent; /* Fondo transparente */
    border: none; /* Sin borde */
    cursor: pointer;
    z-index: 10; /* Asegura que el botón esté por encima de otros elementos si hay superposiciones */
}

#ps_topbanner_wrapper .announcement-bar__close:hover {
    color: #ffffff;
    opacity: 1;
}

/* Media queries para pantallas más pequeñas */
@media (max-width: 767px) {
    #ps_topbanner_wrapper .announcement-bar {
        font-size: 0.85em;
        padding-right: 40px; /* Espacio para el botón de cerrar en móviles */
    }

    #ps_topbanner_wrapper .announcement-bar__close {
        right: 10px;
        font-size: 1.2rem;
    }

    #ps_topbanner_wrapper .announcement-bar__text {
        text-align: center;
        max-width: calc(100% - 30px); /* Ajusta para que el texto no choque con el botón */
        /* Si se centra el contenido principal, quizás no sea necesario un max-width tan restrictivo aquí */
    }
}