/* RESET Y ESTILOS BASE */
.wbuf-outer-container, .wbuf-embedded-container { display: inline-block; margin: 10px 0; }
.wbuf-dropdown-wrapper { position: relative; display: inline-block; font-family: sans-serif;  }

.wbuf-trigger { 
    display: flex !important; align-items: center !important; justify-content: space-between !important; 
    gap: 12px !important; padding: 10px 20px !important; background: #fff !important; 
    border: 1px solid #ddd !important; border-radius: 6px !important; cursor: pointer !important; 
    min-width: 160px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

.wbuf-label { font-weight: 700; font-size: 14px; color: #111; text-transform: uppercase; pointer-events: none; }
.wbuf-arrow { transition: transform 0.3s ease; color: #444; pointer-events: none; }

/* DROPDOWN CONTENT */
.wbuf-dropdown-content { 
    position: absolute; top: calc(100% + 8px); right: 100; 
    width: 240px; background: #fff !important; border: 1px solid #eee !important; 
    border-radius: 8px; box-shadow: 0 15px 40px rgba(0,0,0,0.2); 
    display: none; max-height: 400px; overflow-y: auto; z-index: 0 !important; 
}

.wbuf-dropdown-list { list-style: none !important; margin: 0 !important; padding: 10px 0 !important; border: none !important; }
.wbuf-dropdown-list li { border-bottom: 1px solid #f8f8f8 !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.wbuf-dropdown-list li:before { content: none !important; }
.wbuf-dropdown-list a { display: block !important; padding: 12px 20px !important; text-decoration: none !important; color: #333 !important; font-size: 14px !important; font-weight: 500 !important; border: none !important; }
.wbuf-dropdown-list a:hover { background: #f5f8ff !important; color: #000 !important; }

/* ESTADO ACTIVO */
.wbuf-dropdown-wrapper.is-active .wbuf-arrow { transform: rotate(180deg); }

/* POSICIÓN FIJA PC */
@media (min-width: 1024px) {
    .wbuf-fixed-desktop { position: fixed !important; top: 20px; right: 20px; z-index: 2147483647 !important; }
}

/* PILLS HORIZONTALES */
.wbuf-horizontal-container { display: flex; flex-wrap: wrap; gap: 8px; padding: 15px 0; justify-content: center; }
.wbuf-pill { padding: 8px 18px; background: #fff; border: 1px solid #eee; border-radius: 30px; text-decoration: none; color: #444; font-size: 13px; font-weight: 600; box-shadow: 0 2px 4px rgba(0,0,0,0.03); }