/* ============================================================================
   OCULTAR ICONOS FLOTANTES DEL CHATBOT Y CARRITO
   ============================================================================ */

[class*="float"],
[class*="chat"],
[class*="widget"],
[class*="bubble"],
[id*="chat"],
[id*="chatbot"],
.fixed.bottom-right,
.fixed.right-0.bottom-0,
button[aria-label*="chat"],
button[aria-label*="carrito"],
button[aria-label*="shopping"] {
    display: none !important;
}

.rounded-full.fixed,
.rounded-full.bottom-8,
.rounded-full.right-8,
button.rounded-full.fixed,
button.w-16.h-16,
button.w-14.h-14 {
    display: none !important;
}

/* ============================================================================
   OCULTAR BOTÓN ADMIN EN MENÚ
   ============================================================================ */

/* Ocultar botón Admin de la navegación */
button[aria-label*="Admin"],
button[aria-label*="administrador"],
a[href*="/admin"],
button:has(svg) + a[href*="/admin"],
a[href*="admin/login"] {
    display: none !important;
}

/* Alternativa: Ocultar por contenido o clase */
button:contains("Admin"),
[class*="admin"],
[id*="admin-btn"] {
    display: none !important;
}

/* ============================================================================
   OCULTAR OVERLAY DE TEXTO EN TARJETAS DE NOTICIAS
   ============================================================================ */

/* Ocultar elementos con texto superpuesto en tarjetas de noticias */
/* Específicamente ocultar div absolutamente posicionado que contiene gradiente y texto */
div[class*="group"] > div[class*="absolute"],
div[class*="relative"] > div[class*="absolute"][class*="inset"],
div[class*="relative"] > div[class*="absolute"][class*="bottom"],
.bg-gradient-to-t.from-black,
.bg-gradient-to-t.from-gray,
div[class*="absolute"][class*="inset-0"] {
    display: none !important;
}

/* Alternativa: Ocultar solo si tiene texto dentro */
p[class*="text-white"][class*="absolute"],
h3[class*="absolute"],
div[class*="absolute"] > p,
div[class*="absolute"] > h3 {
    display: none !important;
}