/* Estilos para árabe - Dirección RTL (derecha a izquierda) */
html {
    background-color: #001f3f !important;
    direction: rtl !important;
}

body {
    font-family: 'Arial', 'Tahoma', sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #001f3f !important; /* Azul marino */
    color: #f0f8ff !important; /* Blanco brillante (AliceBlue) */
    text-align: center !important;
    direction: rtl !important;
}

.about-section {
    background-color: #001f3f !important; /* Azul marino */
    padding: 40px !important;
    border-radius: 10px !important;
    margin: 100px 0 20px 0 !important; /* Mas espacio arriba */
    text-align: center !important;
    direction: rtl !important;
}

.about-section h2 {
    color: #f0f8ff !important; /* Blanco brillante */
    font-weight: bold !important;
    margin-bottom: 30px !important;
    text-align: center !important;
    direction: rtl !important;
}

.content-wrapper {
    max-width: 800px !important;
    margin: 0 auto !important;
    text-align: justify !important; /* Texto justificado */
    background-color: transparent !important;
    direction: rtl !important;
}

.about-section p {
    margin-bottom: 15px !important;
    line-height: 1.8 !important; /* Aumentado para mejor legibilidad en árabe */
    color: #f0f8ff !important; /* Blanco brillante */
    text-align: justify !important;
    direction: rtl !important;
}

.btn {
    padding: 12px 30px !important;
    background-color: rgba(240, 248, 255, 0.2) !important;
    color: #f0f8ff !important;
    border: 1px solid #f0f8ff !important;
    border-radius: 30px !important;
    text-decoration: none !important;
    font-size: 1rem !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    margin: 30px auto 0 !important;
    font-weight: bold !important;
    direction: rtl !important;
}

.btn:hover {
    background-color: #f0f8ff !important;
    color: #001f3f !important;
    border-color: #f0f8ff !important;
}