/* Estilos personalizados para CKEditor */
.cke {
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
}

.cke_top {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 8px !important;
}

.cke_bottom {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    padding: 6px 8px !important;
}

.cke_toolgroup {
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    background: white !important;
}

.cke_button {
    border-radius: 4px !important;
}

.cke_button:hover {
    background: #f1f5f9 !important;
}

.cke_button_on {
    background: #e2e8f0 !important;
}

.cke_combo_button {
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    background: white !important;
}

.cke_contents {
    min-height: 200px !important;
}

/* Para campos traducibles */
.translation-field .cke {
    margin-top: 10px;
}

/* Responsive */
@media (max-width: 768px) {
    .cke {
        width: 100% !important;
    }

    .cke_toolbar {
        display: block !important;
        width: 100% !important;
    }

    .cke_toolgroup {
        margin: 2px !important;
        display: inline-block !important;
    }
}