/* Estilos generales */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background-color: #2c3e50;
    font-family: Arial, sans-serif;
    color: white;
}

/* Contenedor principal */
.content-wrapper {
    min-height: calc(100vh - 180px); /* Ajusta 80px según la altura del footer */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Formularios */
.form-inline {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.form-group input {
    width: 200px;
}

/* Centrado del texto debajo del formulario */
.center-container p {
    text-align: center;
}

/* Filas y columnas */
.row {
    display: flex;
    justify-content: center;
    width: 100%;
}

.col {
    flex: 1;
}

.col-1-3 {
    flex: 0 0 33.33%;
}

.col-content {
    flex: 0 0 auto;
}

/* Estilos específicos para la lista de Fibonacci */
.fibo-list {
    width: 100%;
    max-width: 600px;
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    background-color: #1c1c1c;
    border-radius: 8px;
    text-align: left;
}

.fibo-list li {
    margin-bottom: 10px;
    border-radius: 8px;
    font-weight: bold;
}

/* Estilos para los niveles de Fibonacci - Extensiones (Verde) */
.fibo-ext-0 { 
    background-color: #a8e6cf;  /* Verde muy claro */
    color: #000; /* Texto en negro para mayor contraste */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ext-1 { 
    background-color: #85d1b2;  /* Verde claro */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ext-2 { 
    background-color: #62bc96;  /* Verde medio claro */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ext-3 { 
    background-color: #46a57a;  /* Verde medio */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ext-4 { 
    background-color: #368c66;  /* Verde medio oscuro */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ext-5 { 
    background-color: #277254;  /* Verde oscuro */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ext-6 { 
    background-color: #1a5942;  /* Verde muy oscuro */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ext-7 { 
    background-color: #0f4030;  /* Verde casi negro */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ext-8 { 
    background-color: #07301f;  /* Verde profundo */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ext-9 { 
    background-color: #021f14;  /* Verde más profundo */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}

/* Estilos para los niveles de Fibonacci - Retrocesos (Rojo) */
.fibo-ret-0 { 
    background-color: #ffcccc;  /* Rojo muy claro */
    color: #000; /* Texto en negro para mayor contraste */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ret-1 { 
    background-color: rgb(255, 149, 149);  /* Rojo claro */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ret-2 { 
    background-color: #ff6666;  /* Rojo medio claro */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ret-3 { 
    background-color: #ff3333;  /* Rojo medio */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ret-4 { 
    background-color: #ff0000;  /* Rojo */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ret-5 { 
    background-color: #cc0000;  /* Rojo oscuro */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ret-6 { 
    background-color: #990000;  /* Rojo más oscuro */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ret-7 { 
    background-color: #660000;  /* Rojo muy oscuro */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ret-8 { 
    background-color: #330000;  /* Rojo casi negro */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}
.fibo-ret-9 { 
    background-color: #1a0000;  /* Rojo profundo */
    color: #fff; /* Texto en blanco */
    padding: 10px;
    border-radius: 5px;
}

/* Estilos del footer */
footer {
    height: 120px; /* Ajusta esta altura según sea necesario */
    background-color: #f8f9fa;
    color: #000;
    text-align: center;
    padding: 20px;
    position: relative;
    width: 100%;
}

/* Estilos específicos para los gráficos de TradingView */
.container-fluid {
    padding: 0;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.chart-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.tradingview-widget-container {
    height: 100%;
    width: 100%;
}