/* 1. Visual: curvado */
html[data-ct-theme="Cajas Redondeadas"],
.ct-preview-sandbox[data-ct-theme="Cajas Redondeadas"] {
    --ct-radius-xs: 4px;
    --ct-radius-sm: 8px;
    --ct-radius-md: 12px;
    --ct-radius-lg: 18px;
    --ct-radius-pill: 9999px;
    --ct-card-border: 1px solid var(--border-color);
    --ct-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --ct-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* 2. Visual: recto */
html[data-ct-theme="Cajas Rectas"],
.ct-preview-sandbox[data-ct-theme="Cajas Rectas"] {
    --ct-radius-xs: 0px;
    --ct-radius-sm: 2px;
    --ct-radius-md: 4px;
    --ct-radius-lg: 4px;
    --ct-radius-pill: 2px;
    --ct-card-border: 1px solid var(--border-color);
    --ct-shadow-sm: none;
    --ct-shadow-md: 0 1px 3px rgba(0, 0, 0, 0.04);
}


/* ----------- APLICA LOS THEMES MODE ---------- */
html[data-ct-theme] .layout-main-section,
html[data-ct-theme] .page-content,
html[data-ct-theme] .workspace-page,
html[data-ct-theme] .layout-main {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

html[data-ct-theme] .widget,
html[data-ct-theme] .dashboard-widget-box,
html[data-ct-theme] .links-widget-box,
html[data-ct-theme] .shortcut-widget-box,
html[data-ct-theme] .quick-list-widget-box,
html[data-ct-theme] .form-dashboard-section,
html[data-ct-theme] .frappe-card,
html[data-ct-theme] .grid-row,
html[data-ct-theme] .modal-content {
    border-radius: var(--ct-radius-md) !important;
    border: var(--ct-card-border) !important;
    box-shadow: var(--ct-shadow-md) !important;
    background-color: var(--card-bg) !important;
}

html[data-ct-theme] .form-control,
html[data-ct-theme] select.form-control,
html[data-ct-theme] .input-with-feedback,
html[data-ct-theme] .awesomplete > input {
    border-radius: var(--ct-radius-sm) !important;
    border: 1px solid var(--border-color) !important;
}

html[data-ct-theme] .btn {
    border-radius: var(--ct-radius-sm) !important;
}

html[data-ct-theme] .widget.links-widget-box .link-item,
html[data-ct-theme] .widget.shortcut-widget-box {
    border-radius: var(--ct-radius-sm) !important;
}

html[data-ct-theme] .widget.links-widget-box .link-item .indicator-pill {
    border-radius: var(--ct-radius-sm) !important;
}

html[data-ct-theme] .navbar {
    border-bottom: 1px solid var(--border-color) !important;
}

html[data-ct-theme] .modal-dialog .modal-content {
    border-radius: var(--ct-radius-lg) !important;
    overflow: hidden;
}