.convai-header-bar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 0 15px;
    margin: 0;
    position: relative;
    min-height: 0;
    background: transparent !important;
    box-shadow: none !important;
}

header,
header.container,
header .convai-header-bar,
.container.convai-header-bar {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    filter: none !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}


.site-name {
    font-size: 2.29rem !important; /* 1.76rem + 30% = 2.29rem */
    font-weight: 700;
    margin-top: 10px; /* 10px más abajo */
    margin-bottom: 0;
    margin-left: 0;
    text-align: left;
    line-height: 1;
    letter-spacing: -0.8px;
}

.convai-header-widget.whatsapp-floating {
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 1002;
    background: none;
    box-shadow: none;
    transform: none;
}

.whatsapp-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background: #25d366;
    color: #fff;
    border-radius: 50%;
    font-size: 2.2rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.16);
    transition: box-shadow 0.2s;
    text-decoration: none;
}
.whatsapp-icon:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.23);
    background: #1ebe5d;
}

/* Widget ElevenLabs forzado arriba del todo - técnicas extremas */
.widget-top-fixed,
elevenlabs-convai.widget-top-fixed,
body > elevenlabs-convai {
    position: fixed !important;
    bottom: auto !important;
    right: 15px !important;
    left: auto !important;
    top: -20px !important; /* Valor negativo aumentado para forzarlo más arriba */
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    z-index: 9999 !important;
    background: none !important;
    box-shadow: none !important;
    transform: scale(0.85) translateY(-5px) !important; /* Escala reducida y traslación negativa */
    max-height: none !important;
    min-height: 0 !important;
    transform-origin: top right !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Eliminar cualquier contenedor o elemento que pueda estar afectando */
.widget-top-fixed > *,
.widget-top-fixed::before,
.widget-top-fixed::after,
body > elevenlabs-convai > *,
body > elevenlabs-convai::before,
body > elevenlabs-convai::after {
    margin-top: -20px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
    top: -20px !important;
}

/* Forzar que el botón dentro del widget esté arriba */
.widget-top-fixed button,
.widget-top-fixed [role="button"],
.widget-top-fixed .convai-button,
body > elevenlabs-convai button,
body > elevenlabs-convai [role="button"],
body > elevenlabs-convai .convai-button {
    margin-top: -20px !important;
    top: -20px !important;
    transform: translateY(-20px) !important;
}


elevenlabs-convai {
    position: static !important;
    margin: 0 !important;
    z-index: 10 !important;
}

@media (max-width: 900px) {
    .site-name { font-size: 1.5rem !important; margin-top: 6px; }
    .convai-header-bar { padding: 0 12px; }
}
@media (max-width: 768px) {
    .site-name { font-size: 1.1rem !important; margin-top: 4px; }
    .convai-header-bar { padding: 0 4px; }
}