/* Estilos para el aviso de tienda personalizado */
.my-custom-store-notice {
    background-color: #4CAF50; /* Fondo verde (puedes cambiar a otro código de color si prefieres un verde diferente) */
    color: white;             /* Letra blanca */
    text-align: center;
    padding: 20px 40px;
    font-size: 18px;

    /* Posicionamiento fijo en la parte superior */
    position: fixed; /* Hace que el elemento se fije en el viewport */
    top: 0;          /* Lo pega a la parte superior de la ventana del navegador */
    left: 0;         /* Lo pega al lado izquierdo de la ventana del navegador */
    width: 100%;     /* Asegura que ocupe todo el ancho de la ventana */
    z-index: 99999;  /* Asegura que esté por encima de casi cualquier otro elemento */

    border-bottom: none; /* Quitamos el borde inferior que tenías antes */
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* Una sombra ligera para que destaque un poco */
}

.my-custom-store-notice p {
    margin: 0;
    padding: 0;
}

.my-custom-notice-dismiss {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: white; /* El botón de cerrar también será blanco */
    font-size: 22px;
    cursor: pointer;
    line-height: 1;
    padding: 5px;
    transition: color 0.2s ease-in-out;
}

.my-custom-notice-dismiss:hover {
    color: #f0f0f0; /* Un blanco ligeramente más claro al pasar el ratón */
}