/* --- ESTILOS COMPLETOS Y VERIFICADOS --- */

/* Botón del Shortcode */
.oraculo-shortcode-button { padding: 15px 30px; font-size: 18px; font-weight: bold; color: #0A0A1A; background: linear-gradient(145deg, #B48A4F, #EAD6B8, #B48A4F); border: none; border-radius: 50px; cursor: pointer; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; }
.oraculo-shortcode-button:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); }

/* Modal y Fondo */
.oraculo-chat-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 99999; display: none; justify-content: center; align-items: center; backdrop-filter: blur(5px); }
.oraculo-chat-window { width: 80%; height: 90%; max-width: 900px; background-color: #0A0A1A; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"%3E%3Cg fill="%232D1A4D" fill-opacity="0.4"%3E%3Crect x="0" y="0" width="1" height="1" /%3E%3Crect x="20" y="20" width="1" height="1" /%3E%3Crect x="40" y="40" width="1" height="1" /%3E%3Crect x="60" y="60" width="1" height="1" /%3E%3Crect x="80" y="80" width="1" height="1" /%3E%3Crect x="10" y="50" width="1" height="1" /%3E%3Crect x="50" y="10" width="1" height="1" /%3E%3Crect x="90" y="70" width="1" height="1" /%3E%3Crect x="70" y="90" width="1" height="1" /%3E%3C/g%3E%3C/svg%3E'); border-radius: 20px; box-shadow: 0 0 40px rgba(45, 26, 77, 0.8); border: 1px solid #B48A4F; display: flex; flex-direction: column; overflow: hidden; font-family: 'Lato', sans-serif; }
.oraculo-chat-messages { flex-grow: 1; padding: 20px; overflow-y: auto; display: flex; flex-direction: column; }
.oraculo-message, .user-message { padding: 12px 18px; border-radius: 18px; margin-bottom: 10px; max-width: 70%; line-height: 1.5; opacity: 0; animation: fadeIn 0.5s forwards; }
.oraculo-message { background-color: #1a1a33; color: #EAEFFC; align-self: flex-start; border-bottom-left-radius: 4px; }
.user-message { background-color: #B48A4F; color: #0A0A1A; align-self: flex-end; margin-left: auto; border-bottom-right-radius: 4px; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* Contenedor de Inputs */
.oraculo-chat-input-container { padding: 20px; display: flex; border-top: 1px solid #B48A4F; }
.oraculo-user-input { flex-grow: 1; background-color: #1a1a33; border: 1px solid #B48A4F; border-radius: 20px; padding: 10px 15px; color: #EAEFFC; font-size: 16px; }
.oraculo-send-btn { margin-left: 10px; padding: 10px 20px; border-radius: 20px; border: none; background-color: #B48A4F; color: #0A0A1A; font-weight: bold; cursor: pointer; transition: background-color 0.3s; }
.oraculo-send-btn:hover { background-color: #EAD6B8; }

/* Inputs de Fecha y Mensajes de Error */
.oraculo-date-container { display: flex; flex-grow: 1; gap: 10px; }
.oraculo-date-input { background-color: #1a1a33; border: 1px solid #B48A4F; border-radius: 10px; padding: 10px; color: #EAEFFC; font-size: 16px; text-align: center; }
#oraculo-day-input { width: 60px; }
#oraculo-month-input { flex-grow: 1; }
#oraculo-year-input { width: 80px; }
.oraculo-date-input::-webkit-outer-spin-button, .oraculo-date-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.oraculo-date-input[type=number] { -moz-appearance: textfield; }
.oraculo-error-message { background-color: #4d1a1a !important; color: #ffdddd !important; border: 1px solid #ff5555; }

/* --- NUEVOS ESTILOS PARA LA VERSIÓN 1.1.0 --- */

/* Botón de Consentimiento y Botón Final */
.oraculo-consent-btn, .oraculo-final-btn {
    width: 100%;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: bold;
    color: #0A0A1A;
    background: linear-gradient(145deg, #B48A4F, #EAD6B8, #B48A4F);
    border: none;
    border-radius: 25px;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.oraculo-consent-btn:hover, .oraculo-final-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

/* Estilo para los mensajes de análisis */
.oraculo-message b {
    color: #EAD6B8;
    font-weight: normal;
}

/* --- NUEVOS ESTILOS PARA LA VERSIÓN 1.2.0 --- */

/* Posicionamiento relativo para el botón de cierre */
.oraculo-chat-window {
    position: relative;
}

/* Estilo del botón de cierre (X) */
.oraculo-close-btn {
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 40px;
    font-weight: 300;
    color: #B48A4F;
    cursor: pointer;
    line-height: 1;
    transition: transform 0.2s ease;
}

.oraculo-close-btn:hover {
    transform: scale(1.2);
    color: #EAD6B8;
}

/* --- NUEVOS ESTILOS PARA LA VERSIÓN 1.3.0 --- */

/* Contenedor del texto de consentimiento */
.consent-text {
    text-align: center;
    padding: 0 10%; /* Añade un poco de padding a los lados */
    margin-bottom: 15px; /* Separa el texto del botón */
    line-height: 1.6;
}