/* ==========================================================================
   OREGONS CHAT - MÓDULO: BARRA DE BÚSQUEDA DE LA PORTADA PRINCIPAL
   Estilos independientes y clasificados para evitar código espagueti
   ========================================================================== */

#buscador-portada-container {
    width: 100% !important;
    padding: 8px 16px !important;
    background-color: #1e1e1e !important; /* Mismo fondo de la portada */
    box-sizing: border-box !important;
}

/* La cajita redondeada que encierra el buscador */
.caja-buscador-portada {
    display: flex !important;
    align-items: center !important;
    background-color: #2d2d2d !important; /* Gris un poquito más claro para que resalte */
    padding: 8px 14px !important;
    border-radius: 20px !important; /* Bordes redondeados idénticos a WhatsApp */
    gap: 12px !important;
}

/* El cuadro de texto para escribir */
#input-buscador-portada {
    flex: 1 !important;
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 15px !important;
    outline: none !important;
    font-family: Arial, sans-serif !important;
}

/* Color del texto de guía "Buscar" */
#input-buscador-portada::placeholder {
    color: #858585 !important;
}