.support-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

.support-panel {
    position: fixed;
    bottom: 80px;
    right: 20px;
    background: white;
    border: 1px solid #ccc;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}
 


/*Chat*/
.chatcontainer {
    display: flex;
    flex-direction: column; /* Cambia a columna para tener el encabezado arriba */
    height: 100vh; /* Altura completa de la ventana */
}

.chatheader {
    background-color: #d0d0d0; /* Color de fondo para el encabezado */
    padding: 10px; /* Espaciado interno */
    text-align: center; /* Centra el texto */
}

.chatcontent {
    display: flex; /* Mantiene los paneles en fila */
    flex: 1; /* Ocupa el espacio restante */
}

.chatpanel {
    flex: 1;  Cada panel toma el mismo ancho 
    /*overflow-y: auto;*/ /* Agrega scroll vertical si es necesario */
    overflow-y: hidden; /* Agrega scroll vertical si es necesario */
    padding: 10px; /* Espaciado interno */
    box-sizing: border-box; /* Incluye el padding en el tamaño total */
}

.chatleft-panel {
    height: 87vh;
    overflow-y: scroll;
    /*width: 300px;*/
    background-color: white; /* Color de fondo para el panel izquierdo */
}

.chatright-panel {
    flex-grow: 1;
    background-color: #FAF6F4; /* Color de fondo para el panel derecho */
    display: flex;
    flex-direction: column; /* Apila el contenido del panel derecho */
    height: 88vh; /* Asegúrate de que ocupa toda la altura */
}

    
.chatmain-content {
    flex: 0 0 80%;  /*Ocupa el 80% de la altura del panel derecho */
    overflow-y: auto    ;  /*Agrega scroll si el contenido es largo */
    max-height: 100%; 
}

.chatheader {
    flex: 0 0 5%; /* Ocupa el 20% de la altura del panel derecho */
    background-color: #FAF6F4; /* Color de fondo para el pie de página */
    padding: 10px; /* Espaciado interno */
    text-align: center; /* Centra el texto */
    border:ridge;
}

.chatfooter {
    display: flex;
    flex: 0 0 5%; /* Ocupa el 20% de la altura del panel derecho */
    background-color: #FAF6F4; /* Color de fondo para el pie de página */
    padding: 10px; /* Espaciado interno */
    text-align: center; /* Centra el texto */
}


/*footer pagina*/
.iniciofooter {
    background-color: #f8f9fa; /* Color de fondo */
    padding: 10px 0; /* Espaciado */
    text-align: center; /* Centrar el texto */
    position: relative; /* Posición relativa para el flujo normal del documento */
    width: 100%; /* Asegura que ocupe todo el ancho */
    bottom: 0; /* Alinea al fondo de la página */
}


.iniciofootercontainer {
    max-width: 1200px; /* Limita el ancho del contenido */
    margin: 0 auto; /* Centra el contenedor */
    padding: 0 15px; /* Espaciado horizontal */
}