/* ========================================================================== 
   Dalu Studio v0.6.0 · Tema del ESTUDIO (no modifica el tema del funnel)
   Claro / Oscuro persistente para panel, constructor, drawers y configuración.
   ========================================================================== */
:root{--studio-transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
html{color-scheme:light}
html[data-studio-theme="dark"]{color-scheme:dark;--dalu-canvas:#0b1119;--dalu-surface:#111923;--dalu-surface-strong:#151f2b;--dalu-line:#263240;--dalu-muted:#94a0af;--dalu-soft:#718094;--dalu-navy-ink:#eaf0f7;--dalu-shadow:0 14px 38px rgba(0,0,0,.20);--navy:#eaf0f7;--ink:#e7edf5;--muted:#8f9cad;--line:#283442;--soft:#121a24}
body.app-body,.app-topbar,.page-content,.dashboard-hero,.stat-row article,.funnel-card,.idea-strip>div,.settings-card,.tracking-card,.library-item,.workspace-card,.modal-card,.form-stack input,.settings-form input,.custom-select-btn,.segmented,.endpoint-box,.rule-list>div{transition:var(--studio-transition)}

/* Control de tema */
.studio-theme-toggle{overflow:hidden;isolation:isolate}
.studio-theme-toggle .theme-icon{display:grid;place-items:center;position:absolute;inset:0;transition:opacity .16s ease,transform .2s ease}
.studio-theme-toggle .theme-icon svg{width:18px;height:18px}
.studio-theme-toggle .theme-icon-sun{opacity:0;transform:rotate(-35deg) scale(.72)}
.studio-theme-toggle .theme-icon-moon{opacity:1;transform:rotate(0) scale(1)}
html[data-studio-theme="dark"] .studio-theme-toggle .theme-icon-sun{opacity:1;transform:rotate(0) scale(1)}
html[data-studio-theme="dark"] .studio-theme-toggle .theme-icon-moon{opacity:0;transform:rotate(35deg) scale(.72)}

/* ============================= PANEL GENERAL · OSCURO ============================= */
html[data-studio-theme="dark"] body.app-body{background:radial-gradient(circle at 96% 0,rgba(109,74,255,.08),transparent 28rem),radial-gradient(circle at 55% 110%,rgba(37,168,106,.055),transparent 32rem),#0b1119;color:#e7edf5}
html[data-studio-theme="dark"] .app-topbar{background:rgba(11,17,25,.88);border-bottom-color:#222e3a;box-shadow:0 8px 30px rgba(0,0,0,.08)}
html[data-studio-theme="dark"] .topbar-title strong{color:#eaf0f7}
html[data-studio-theme="dark"] .icon-btn{background:#121b26;border-color:#293542;color:#a9b6c5;box-shadow:none}
html[data-studio-theme="dark"] .icon-btn:hover{background:#172331;border-color:#3b4b5c;color:#fff}
html[data-studio-theme="dark"] .notification-dot{border-color:#121b26}
html[data-studio-theme="dark"] .top-avatar{background:linear-gradient(145deg,#1d3150,#31263c);color:#f2f6fa;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
html[data-studio-theme="dark"] .page-heading h1,html[data-studio-theme="dark"] .section-title-row h2,html[data-studio-theme="dark"] .funnel-title-row h3,html[data-studio-theme="dark"] .workspace-card-head h2,html[data-studio-theme="dark"] .workspace-stats strong{color:#eef3f8}
html[data-studio-theme="dark"] .page-heading p,html[data-studio-theme="dark"] .section-title-row p{color:#8d9aab}
html[data-studio-theme="dark"] .dashboard-hero{border-color:#263342;background:radial-gradient(circle at 96% 15%,rgba(109,74,255,.16),transparent 31%),radial-gradient(circle at 73% 125%,rgba(37,168,106,.11),transparent 42%),linear-gradient(135deg,#111923 0%,#101923 58%,#10201c 100%);box-shadow:0 18px 55px rgba(0,0,0,.18)}
html[data-studio-theme="dark"] .hero-copy strong{color:#eef3f8}
html[data-studio-theme="dark"] .hero-copy p{color:#9aa6b4}
html[data-studio-theme="dark"] .hero-signals span{background:#151f2b!important;border-color:#2b3847!important;color:#b9c5d2!important}
html[data-studio-theme="dark"] .hero-art:after{background:#16202c;border-color:#2d3947;box-shadow:0 13px 34px rgba(0,0,0,.22)}
html[data-studio-theme="dark"] .stat-row article,html[data-studio-theme="dark"] .tracking-kpis article{background:#111923;border-color:#283442;box-shadow:0 9px 26px rgba(0,0,0,.12)}
html[data-studio-theme="dark"] .stat-row strong,html[data-studio-theme="dark"] .tracking-kpis strong{color:#eef3f8}
html[data-studio-theme="dark"] .stat-row small{color:#788698}
html[data-studio-theme="dark"] .funnel-card{background:linear-gradient(180deg,#121b26 0%,#101821 100%);border-color:#293541;box-shadow:0 12px 34px rgba(0,0,0,.14)}
html[data-studio-theme="dark"] .funnel-card:hover{border-color:rgba(122,98,255,.42);box-shadow:0 18px 44px rgba(0,0,0,.22)}
html[data-studio-theme="dark"] .funnel-card-body{background:#111923;color:#e8eef5}
html[data-studio-theme="dark"] .funnel-title-row p,html[data-studio-theme="dark"] .funnel-card-updated small{color:#748295}
html[data-studio-theme="dark"] .funnel-metrics,html[data-studio-theme="dark"] .funnel-metrics span{border-color:#27323e}
html[data-studio-theme="dark"] .funnel-metrics strong{color:#eaf0f7}
html[data-studio-theme="dark"] .funnel-metrics small{color:#708095}
html[data-studio-theme="dark"] .funnel-card-footer-v4{border-color:#26313d!important}
html[data-studio-theme="dark"] .funnel-icon-action{background:#151e29!important;border-color:#2c3947!important;color:#98a7b8!important}
html[data-studio-theme="dark"] .funnel-icon-action:hover{background:#1a2734!important;color:#fff!important}
html[data-studio-theme="dark"] .idea-strip{background:#26313d;border-color:#26313d}
html[data-studio-theme="dark"] .idea-strip>div{background:#111923}
html[data-studio-theme="dark"] .idea-strip strong{color:#e7edf5}
html[data-studio-theme="dark"] .idea-strip small{color:#7d8b9d}
html[data-studio-theme="dark"] .empty-state{background:#111923!important;border-color:#293541!important;color:#e7edf5!important}

/* Configuración / biblioteca / tracking / espacios */
html[data-studio-theme="dark"] .settings-card,html[data-studio-theme="dark"] .tracking-card,html[data-studio-theme="dark"] .workspace-card{background:#111923;border-color:#283442;box-shadow:0 9px 28px rgba(0,0,0,.14)}
html[data-studio-theme="dark"] .settings-card-head h2,html[data-studio-theme="dark"] .settings-form label,html[data-studio-theme="dark"] .toggle-row strong,html[data-studio-theme="dark"] .rule-list strong,html[data-studio-theme="dark"] .card-title h2,html[data-studio-theme="dark"] .visitor-row strong,html[data-studio-theme="dark"] .step-card h3{color:#e8eef5}
html[data-studio-theme="dark"] .settings-card-head p,html[data-studio-theme="dark"] .settings-form label small,html[data-studio-theme="dark"] .toggle-row small,html[data-studio-theme="dark"] .rule-list small,html[data-studio-theme="dark"] .card-title p,html[data-studio-theme="dark"] .visitor-row small{color:#7f8d9f}
html[data-studio-theme="dark"] .form-stack input,html[data-studio-theme="dark"] .settings-form input{background:#0d151e;border-color:#2b3744;color:#eaf0f7}
html[data-studio-theme="dark"] .form-stack input::placeholder,html[data-studio-theme="dark"] .settings-form input::placeholder{color:#5e6c7c}
html[data-studio-theme="dark"] .toggle-row{border-color:#26313d}
html[data-studio-theme="dark"] .switch span{background:#344250}
html[data-studio-theme="dark"] .endpoint-box{background:#0e1620;border-color:#263340}
html[data-studio-theme="dark"] .endpoint-box small{color:#718094}
html[data-studio-theme="dark"] .endpoint-box code{color:#b7c6d8}
html[data-studio-theme="dark"] .rule-list>div{background:#0f1721;border-color:#273440}
html[data-studio-theme="dark"] .connection-badge{background:#1a2430;color:#8998aa}
html[data-studio-theme="dark"] .connection-badge.connected{background:rgba(24,177,107,.14);color:#50d695}
html[data-studio-theme="dark"] .segmented{background:#0f1721}
html[data-studio-theme="dark"] .segmented button{color:#8290a2}
html[data-studio-theme="dark"] .segmented button.is-active{background:#1b2734;color:#f1f5f9;box-shadow:none}
html[data-studio-theme="dark"] .library-item{background:#111923;border-color:#283442}
html[data-studio-theme="dark"] .library-thumb{background:#0d151e;color:#7f90a4}
html[data-studio-theme="dark"] .library-item strong{color:#e7edf5}
html[data-studio-theme="dark"] .library-item small{color:#748296}
html[data-studio-theme="dark"] .custom-select-btn{background:#111923;border-color:#293542;color:#98a7b9}
html[data-studio-theme="dark"] .step-card{background:#0f1721;border-color:#293541}
html[data-studio-theme="dark"] .progress{background:#26323e}
html[data-studio-theme="dark"] .visitor-row{border-color:#25303b}
html[data-studio-theme="dark"] .visitor-step,html[data-studio-theme="dark"] .visitor-row time{color:#718094}
html[data-studio-theme="dark"] .insight-card{background:linear-gradient(145deg,#151526,#19172e);border-color:#3c315f}
html[data-studio-theme="dark"] .insight-card h2{color:#f0f3f8}
html[data-studio-theme="dark"] .insight-card p{color:#919caf}
html[data-studio-theme="dark"] .workspace-card.is-current{border-color:#375c4d;box-shadow:0 10px 30px rgba(0,0,0,.16)}
html[data-studio-theme="dark"] .workspace-card-head p,html[data-studio-theme="dark"] .workspace-stats small{color:#7b899c}
html[data-studio-theme="dark"] .workspace-stats,html[data-studio-theme="dark"] .workspace-stats span+span{border-color:#27323e}
html[data-studio-theme="dark"] .modal{background:rgba(0,0,0,.58)}
html[data-studio-theme="dark"] .modal-card{background:#111923;border-color:#2b3744;color:#e7edf5;box-shadow:0 30px 90px rgba(0,0,0,.45)}
html[data-studio-theme="dark"] .modal-card h2{color:#f0f4f8}
html[data-studio-theme="dark"] .modal-card p{color:#8c99aa}
html[data-studio-theme="dark"] .modal-close{background:#151f2b!important;border-color:#2d3946!important;color:#98a6b7!important}

/* =============================== EDITOR · OSCURO =============================== */
html[data-studio-theme="dark"] body.editor-body{background:#0b1119;color:#e6edf5}
html[data-studio-theme="dark"] .editor-app{background:#0b1119}
html[data-studio-theme="dark"] .editor-workspace{background:#0f151d;--ed-bg:#0f151d;--ed-panel:#151d27;--ed-panel2:#111820;--ed-line:#2b3642;--ed-text:#e5edf5;--ed-muted:#7f8ea1}
html[data-studio-theme="dark"] .element-panel{background:#111923;border-right-color:#2a3541;color:#e6edf5}
html[data-studio-theme="dark"] .panel-head{border-bottom-color:#283440}
html[data-studio-theme="dark"] .panel-head strong{color:#eef3f8}
html[data-studio-theme="dark"] .element-group>small{color:#718096}
html[data-studio-theme="dark"] .element-button{background:#151f2a;border-color:#2e3a47;color:#dce5ee;box-shadow:none}
html[data-studio-theme="dark"] .element-button svg{color:#8e7aff}
html[data-studio-theme="dark"] .element-button:hover{background:#1a2632;border-color:#4d486f;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.14)}
html[data-studio-theme="dark"] .builder-canvas{background:radial-gradient(circle at 50% 0,rgba(109,74,255,.07),transparent 28%),#0f151d;scrollbar-color:#34404d transparent}
html[data-studio-theme="dark"] .builder-topline{background:rgba(15,21,29,.94);border-bottom-color:#293541;color:#e7edf5;box-shadow:none}
html[data-studio-theme="dark"] .builder-topline span{color:#8c99aa}
html[data-studio-theme="dark"] .builder-topline b{background:#1b2632;color:#8997a8}
html[data-studio-theme="dark"] .builder-secondary-actions button{color:#8d9bad}
html[data-studio-theme="dark"] .builder-secondary-actions button:hover{background:#17222e;color:#a991ff}
html[data-studio-theme="dark"] .builder-secondary-actions svg{color:#8e7aff}
html[data-studio-theme="dark"] .editor-kpis{background:#131c26;border-color:#2b3744;box-shadow:0 8px 28px rgba(0,0,0,.16)}
html[data-studio-theme="dark"] .editor-kpis>span{border-right-color:#293541}
html[data-studio-theme="dark"] .editor-kpis b{color:#e8eef5}
html[data-studio-theme="dark"] .editor-kpis small{color:#718095}
html[data-studio-theme="dark"] .flow-block{background:#151e28;border-color:#2c3844;box-shadow:0 3px 12px rgba(0,0,0,.14)}
html[data-studio-theme="dark"] .flow-block:hover{border-color:#3a4755}
html[data-studio-theme="dark"] .flow-block.is-active{border-color:#7c67f2;box-shadow:0 0 0 1px rgba(124,103,242,.13),0 10px 26px rgba(0,0,0,.2)}
html[data-studio-theme="dark"] .drag-handle{color:#5f6e80}
html[data-studio-theme="dark"] .block-type-icon{background:#223047;color:#8fb6ec}
html[data-studio-theme="dark"] .block-head strong{color:#e7edf5}
html[data-studio-theme="dark"] .block-head small{color:#657589}
html[data-studio-theme="dark"] .block-head-actions button{color:#67778a}
html[data-studio-theme="dark"] .block-head-actions button:hover{background:#202b37;color:#d9e2ec}
html[data-studio-theme="dark"] .block-editor{background:#121a24;border-top-color:#293541}
html[data-studio-theme="dark"] .editor-field>label,html[data-studio-theme="dark"] .field-label{color:#8a98aa}
html[data-studio-theme="dark"] .editor-field input,html[data-studio-theme="dark"] .editor-field textarea{background:#0d151e;border-color:#2d3947;color:#e6edf5}
html[data-studio-theme="dark"] .editor-field input:focus,html[data-studio-theme="dark"] .editor-field textarea:focus{border-color:#806bf1;box-shadow:0 0 0 3px rgba(109,74,255,.10)}
html[data-studio-theme="dark"] .rich-toolbar{background:#101821;border-color:#2d3947}
html[data-studio-theme="dark"] .rich-toolbar button{color:#7e8da0}
html[data-studio-theme="dark"] .rich-toolbar button:hover{background:#211f37;color:#a995ff}
html[data-studio-theme="dark"] .variable-chip{background:#182d28;border-color:#285343;color:#58d69c}
html[data-studio-theme="dark"] .option-row button,html[data-studio-theme="dark"] .add-option{background:#111a24;border-color:#2d3946;color:#8593a6}
html[data-studio-theme="dark"] .media-picker{background:#101821;border-color:#2d3946;color:#8694a6}
html[data-studio-theme="dark"] .segmented-dark{background:#0d151e;border-color:#293542}
html[data-studio-theme="dark"] .segmented-dark button{color:#77869a}
html[data-studio-theme="dark"] .segmented-dark button.is-active{background:#202c3a;color:#edf2f7;box-shadow:none}
html[data-studio-theme="dark"] .add-between-bottom{background:#111923;border-color:#34404d;color:#8f7cff}
html[data-studio-theme="dark"] .preview-panel{background:#0e151d;border-left-color:#293541}
html[data-studio-theme="dark"] .preview-head{background:#111923;border-bottom-color:#293541;color:#e8eef5}
html[data-studio-theme="dark"] .preview-head>span{color:#96a4b5}
html[data-studio-theme="dark"] .preview-actions button{color:#758599}
html[data-studio-theme="dark"] .preview-actions button:hover{background:#1c2733;color:#a991ff}
html[data-studio-theme="dark"] .phone-stage{background:radial-gradient(circle at 50% 26%,#1b2632 0,#111820 54%,#0b1119 100%)}
html[data-studio-theme="dark"] .preview-foot{background:#111923;border-top-color:#293541;color:#768598}
html[data-studio-theme="dark"] .preview-foot span:first-child{color:#8b99aa}
html[data-studio-theme="dark"] .editor-drawer{background:rgba(3,7,12,.68);backdrop-filter:blur(10px)}
html[data-studio-theme="dark"] .drawer-card{background:#111923;color:#e5edf5;border-left-color:#2a3643;box-shadow:-18px 0 46px rgba(0,0,0,.28)}
html[data-studio-theme="dark"] .drawer-head{background:#111923;border-bottom-color:#2a3642}
html[data-studio-theme="dark"] .drawer-head h2{color:#edf2f7}
html[data-studio-theme="dark"] .drawer-close{background:#17222d;border-color:#303c49;color:#8f9cad}
html[data-studio-theme="dark"] .drawer-body{background:#111923;scrollbar-color:#384553 #111923}
html[data-studio-theme="dark"] .drawer-section,html[data-studio-theme="dark"] .drawer-section.appearance-section{background:#151e28;border-color:#2c3845;box-shadow:none}
html[data-studio-theme="dark"] .drawer-section>strong,html[data-studio-theme="dark"] .drawer-section-title strong{color:#e8eef5}
html[data-studio-theme="dark"] .drawer-section-title small,html[data-studio-theme="dark"] .drawer-help{color:#7b899c}
html[data-studio-theme="dark"] .appearance-color-card,html[data-studio-theme="dark"] .combination-preview,html[data-studio-theme="dark"] .assistant-profile-row{background:#101821;border-color:#2c3845}
html[data-studio-theme="dark"] .appearance-color-main input{color:#eef3f8!important}
html[data-studio-theme="dark"] .appearance-color-main small{color:#7c8b9d}
html[data-studio-theme="dark"] .wallpaper-option.rich,html[data-studio-theme="dark"] .style-option.rich{background:#111923;border-color:#2d3946}
html[data-studio-theme="dark"] .wallpaper-copy strong,html[data-studio-theme="dark"] .style-option.rich>strong{color:#e3ebf3}
html[data-studio-theme="dark"] .wallpaper-copy small,html[data-studio-theme="dark"] .style-option.rich>small{color:#758497}
html[data-studio-theme="dark"] .assistant-profile-row>div>strong{color:#e7edf5}
html[data-studio-theme="dark"] .drawer-input label{color:#8997a8}
html[data-studio-theme="dark"] .drawer-input input{background:#0d151e;border-color:#2c3845;color:#e6edf5}
html[data-studio-theme="dark"] .drawer-toggle-row{border-color:#283440}
html[data-studio-theme="dark"] .drawer-toggle-row strong{color:#e0e8f0}
html[data-studio-theme="dark"] .drawer-toggle-row small{color:#748397}
html[data-studio-theme="dark"] .media-card{background:#111923;border-color:#2c3845;color:#e6edf5}
html[data-studio-theme="dark"] .media-toolbar{border-bottom-color:#293541}
html[data-studio-theme="dark"] .media-tabs button{color:#7d8c9e}
html[data-studio-theme="dark"] .media-tabs button.is-active{background:#211f37;color:#a995ff}
html[data-studio-theme="dark"] .media-dropzone{border-color:#33404e;color:#7d8c9e}
html[data-studio-theme="dark"] .media-item{background:#151e28;border-color:#2d3946;color:#e4ebf3}
html[data-studio-theme="dark"] .media-item-thumb{background:#0d151e}

/* El topbar del editor siempre conserva la identidad oscura; el botón indica el tema activo. */
.editor-theme-toggle{width:38px;height:38px}
html[data-studio-theme="dark"] .editor-theme-toggle{background:#1a2632!important;border-color:#354250!important;color:#f3c879!important}
html[data-studio-theme="light"] .editor-theme-toggle{color:#a9b5c5}

/* =============================== EDITOR · CLARO MÓVIL =============================== */
@media(max-width:860px){
  html[data-studio-theme="light"] body.editor-body{background:#f7f5f1;color:#172234}
  html[data-studio-theme="light"] .editor-workspace{background:#f7f5f1;--ed-bg:#f7f5f1;--ed-panel:#fffefb;--ed-panel2:#fff;--ed-line:#e8e2da;--ed-text:#172234;--ed-muted:#7f8792}
  html[data-studio-theme="light"] .element-panel{background:#fffefb;border-right-color:#e8e2da;color:#172234}
  html[data-studio-theme="light"] .panel-head{border-bottom-color:#eee8e1}
  html[data-studio-theme="light"] .panel-head strong{color:#152032}
  html[data-studio-theme="light"] .element-group>small{color:#87909a}
  html[data-studio-theme="light"] .element-button{background:#fff;border-color:#e4ded7;color:#263449;box-shadow:0 2px 6px rgba(42,32,22,.025)}
  html[data-studio-theme="light"] .element-button svg{color:#7559ff}
  html[data-studio-theme="light"] .builder-canvas{background:radial-gradient(circle at 50% 0,rgba(109,74,255,.035),transparent 28%),#faf9f6}
  html[data-studio-theme="light"] .builder-topline{background:rgba(255,254,251,.95);border-bottom-color:#ece6df;color:#152032}
  html[data-studio-theme="light"] .editor-kpis{background:#fffefb;border-color:#e6dfd7;box-shadow:0 8px 28px rgba(68,53,38,.045)}
  html[data-studio-theme="light"] .editor-kpis>span{border-right-color:#eee7df}
  html[data-studio-theme="light"] .editor-kpis b{color:#172234}
  html[data-studio-theme="light"] .editor-kpis small{color:#8a929c}
  html[data-studio-theme="light"] .flow-block{background:#fffefb;border-color:#e5dfd7;box-shadow:0 3px 12px rgba(56,42,30,.035)}
  html[data-studio-theme="light"] .block-head strong{color:#1e293a}
  html[data-studio-theme="light"] .block-type-icon{background:#f0edff;color:#6d4aff}
  html[data-studio-theme="light"] .block-editor{background:#fff;border-top-color:#ede6de}
  html[data-studio-theme="light"] .editor-field>label,html[data-studio-theme="light"] .field-label{color:#717b88}
  html[data-studio-theme="light"] .editor-field input,html[data-studio-theme="light"] .editor-field textarea{background:#fbfaf8;border-color:#e1dcd5;color:#1d2938}
  html[data-studio-theme="light"] .rich-toolbar{background:#f7f5f2;border-color:#e1dcd5}
  html[data-studio-theme="light"] .variable-chip{background:#f4f1ff;border-color:#ddd5ff;color:#694df0}
  html[data-studio-theme="light"] .add-between-bottom{background:#fffefb;border-color:#d9d1ca;color:#7b6ee1}
  html[data-studio-theme="light"] .preview-panel{background:#f7f5f1;border-left-color:#e5ded6}
  html[data-studio-theme="light"] .preview-head{background:#fffefb;border-bottom-color:#ece5dd;color:#172234}
  html[data-studio-theme="light"] .phone-stage{background:radial-gradient(circle at 50% 26%,#fff 0,#f2ede7 52%,#ece5dc 100%)}
  html[data-studio-theme="light"] .preview-foot{background:#fffefb;border-top-color:#ece5dd;color:#8c929a}
  html[data-studio-theme="light"] .mobile-editor-nav{background:rgba(255,254,251,.97)!important;border-top-color:#e6dfd7!important;box-shadow:0 -10px 28px rgba(44,34,23,.10)!important}
  html[data-studio-theme="light"] .mobile-editor-nav button{color:#8a919a!important}
  html[data-studio-theme="light"] .mobile-editor-nav button.is-active{color:#ff7a4d!important}
  html[data-studio-theme="light"] .drawer-card{background:#fffefb;color:#172234;border-color:#e8e1d9}
  html[data-studio-theme="light"] .drawer-head{background:#fffefb;border-bottom-color:#ebe4dc}
  html[data-studio-theme="light"] .drawer-head h2{color:#172234}
  html[data-studio-theme="light"] .drawer-body{background:#fffefb}
  html[data-studio-theme="light"] .drawer-section{background:#fff;border-color:#e5ded6}
  html[data-studio-theme="light"] .drawer-section>strong,html[data-studio-theme="light"] .drawer-section-title strong{color:#1d2938}
  html[data-studio-theme="light"] .drawer-input input{background:#fbfaf8;border-color:#e0dad2;color:#1f2b3b}
  html[data-studio-theme="light"] .media-card{background:#fffefb;border-color:#e2dbd3;color:#172234}
  html[data-studio-theme="light"] .editor-actions>.studio-theme-toggle{display:grid!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important}
}

/* En móvil oscuro también queremos acceso al cambio de tema desde el editor. */
@media(max-width:860px){
  .editor-actions>.studio-theme-toggle{display:grid!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important}
}
@media(max-width:380px){
  .editor-actions>.studio-theme-toggle{width:32px!important;height:32px!important;min-width:32px!important}
}

/* v0.6.3 · el selector debe ser visible incluso si reglas previas del topbar ocultan acciones */
.studio-theme-toggle{
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  flex:0 0 auto!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  padding:0!important;
  border-radius:12px!important;
}
.app-topbar .topbar-actions>.studio-theme-toggle{display:grid!important}
.editor-actions>.studio-theme-toggle{display:grid!important;order:-20!important}
html[data-studio-theme="light"] .app-topbar .studio-theme-toggle{background:#fff!important;border:1px solid #e7e0d8!important;color:#52647c!important;box-shadow:0 3px 10px rgba(37,48,64,.05)!important}
html[data-studio-theme="dark"] .app-topbar .studio-theme-toggle{background:#16222e!important;border:1px solid #31404e!important;color:#f3c879!important}
@media(max-width:860px){
  .app-topbar .topbar-actions>.studio-theme-toggle,
  .editor-actions>.studio-theme-toggle{display:grid!important;width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important}
}
@media(max-width:390px){
  .app-topbar .topbar-actions>.studio-theme-toggle,
  .editor-actions>.studio-theme-toggle{width:34px!important;height:34px!important;min-width:34px!important}
}

/* Dalu Studio v0.6.13 · Meta Pixel · modo oscuro */
html[data-studio-theme="dark"] .meta-health{background:#111923;border-color:#2b3744;color:#8594a7}html[data-studio-theme="dark"] .meta-health.is-ready{background:rgba(18,183,106,.10);border-color:#285241;color:#4fd492}html[data-studio-theme="dark"] .meta-hero{background:radial-gradient(circle at 92% 20%,rgba(111,91,255,.14),transparent 31%),linear-gradient(135deg,#111923,#131a24);border-color:#293541}html[data-studio-theme="dark"] .meta-brand-mark{background:linear-gradient(145deg,#1b2540,#261f3d);border-color:#353154;color:#9b8bff}html[data-studio-theme="dark"] .meta-hero-copy h2{color:#edf2f7}html[data-studio-theme="dark"] .meta-hero-copy p{color:#7d8b9d}html[data-studio-theme="dark"] .meta-pixel-chip{background:#0b121b;border:1px solid #273340;box-shadow:none}html[data-studio-theme="dark"] .meta-advanced{background:#0e1620;border-color:#293541}html[data-studio-theme="dark"] .meta-advanced summary>span{background:#211e38;color:#a491ff}html[data-studio-theme="dark"] .meta-advanced summary>div strong{color:#e6edf5}html[data-studio-theme="dark"] .meta-advanced summary>div small,html[data-studio-theme="dark"] .meta-advanced summary>svg{color:#768598}html[data-studio-theme="dark"] .meta-advanced-body{background:#101821;border-color:#293541}html[data-studio-theme="dark"] .meta-last-test{background:#0d151e;border-color:#293541}html[data-studio-theme="dark"] .meta-last-test small{color:#758497}html[data-studio-theme="dark"] .meta-event-list article{background:#0f1721;border-color:#293541}html[data-studio-theme="dark"] .meta-event-list article.is-purchase{background:#10221c;border-color:#28513f}html[data-studio-theme="dark"] .meta-event-list strong{color:#e5ecf4}html[data-studio-theme="dark"] .meta-event-list small{color:#748397}html[data-studio-theme="dark"] .meta-event-list b{background:#1b2632;color:#8d9bad}html[data-studio-theme="dark"] .meta-event-list .is-purchase b{background:#173629;color:#54d99a}html[data-studio-theme="dark"] .meta-info-box{background:#18172a;border-color:#373152;color:#a391ff}html[data-studio-theme="dark"] .meta-info-box p{color:#8e88ad}

/* Dalu v0.6.18 · Recorrido visual en tema oscuro */
html[data-studio-theme="dark"] .editor-app[data-editor-mode="journey"] .builder-canvas,
html[data-studio-theme="dark"] .journey-map{background:#0e151d!important;color:#e8eef5}
html[data-studio-theme="dark"] .journey-map:before{background-image:radial-gradient(circle,#2d3947 1.05px,transparent 1.1px);opacity:.68}
html[data-studio-theme="dark"] .journey-map:after{background:radial-gradient(circle,rgba(109,74,255,.12),rgba(109,74,255,0) 68%)}
html[data-studio-theme="dark"] .journey-map-heading,
html[data-studio-theme="dark"] .journey-map-controls,
html[data-studio-theme="dark"] .journey-map-hint{background:rgba(17,25,35,.92);border-color:#2b3744;box-shadow:0 12px 34px rgba(0,0,0,.18)}
html[data-studio-theme="dark"] .journey-map-heading>strong{color:#edf2f7}html[data-studio-theme="dark"] .journey-map-heading>small{color:#768598}
html[data-studio-theme="dark"] .journey-map-controls button{background:#17222d;color:#91a0b1}html[data-studio-theme="dark"] .journey-map-controls button:hover{background:#25213d;color:#ad9cff}html[data-studio-theme="dark"] .journey-map-controls>span b{color:#e5edf5}html[data-studio-theme="dark"] .journey-map-controls .fit{background:#25213d;color:#ad9cff}
html[data-studio-theme="dark"] .journey-node{background:rgba(18,27,38,.97)!important;border-color:#2d3947!important;color:#e7edf5!important;box-shadow:0 12px 30px rgba(0,0,0,.17)!important}
html[data-studio-theme="dark"] .journey-node:hover{border-color:#405064!important;box-shadow:0 16px 38px rgba(0,0,0,.24)!important}html[data-studio-theme="dark"] .journey-node.is-selected{border-color:#806bf1!important;box-shadow:0 0 0 3px rgba(128,107,241,.12),0 16px 38px rgba(0,0,0,.22)!important}html[data-studio-theme="dark"] .journey-node.is-start{border-color:#2cbf80!important}
html[data-studio-theme="dark"] .journey-node.is-delivery{background:linear-gradient(180deg,#121b26,#171b21)!important}
html[data-studio-theme="dark"] .journey-node-head strong{color:#e7edf5!important}html[data-studio-theme="dark"] .journey-node-head small{color:#718095!important}html[data-studio-theme="dark"] .journey-node>p{color:#8795a6}html[data-studio-theme="dark"] .journey-node>button{color:#58d69c}html[data-studio-theme="dark"] .journey-node>button:hover{color:#aa97ff}
html[data-studio-theme="dark"] .journey-node-icon{background:#24213b;color:#a995ff}html[data-studio-theme="dark"] .journey-kind-interactive .journey-node-icon{background:#173129;color:#51d49a}html[data-studio-theme="dark"] .journey-kind-payment .journey-node-icon{background:#35241e;color:#ff946f}html[data-studio-theme="dark"] .journey-kind-media .journey-node-icon{background:#192b3f;color:#78aef0}html[data-studio-theme="dark"] .journey-kind-wait .journey-node-icon{background:#262a30;color:#a3a9b0}
html[data-studio-theme="dark"] .journey-lock{background:#35241e;color:#ff946f}html[data-studio-theme="dark"] .journey-node-port{border-color:#121b26;background:#8974ff}html[data-studio-theme="dark"] .journey-node.is-start .journey-node-port.out{background:#2cbf80}
html[data-studio-theme="dark"] .journey-branches span{background:#151e28;border-color:#303c49;color:#8d9aac;box-shadow:none}html[data-studio-theme="dark"] .journey-map-hint{color:#79889a}
html[data-studio-theme="dark"] .journey-empty{color:#8290a2}html[data-studio-theme="dark"] .journey-empty>span,html[data-studio-theme="dark"] .journey-empty button{background:#111923;border-color:#2b3744;color:#a995ff}html[data-studio-theme="dark"] .journey-empty strong{color:#edf2f7}

/* v0.6.19 · Recorrido interactivo oscuro */
html[data-studio-theme="dark"] .journey-node.is-dragging{box-shadow:0 18px 44px rgba(0,0,0,.34)!important}
html[data-studio-theme="dark"] .journey-node.is-connect-source{border-color:#8f7bff!important;box-shadow:0 0 0 4px rgba(143,123,255,.13),0 16px 38px rgba(0,0,0,.22)!important}
html[data-studio-theme="dark"] .journey-node.is-connect-target{border-color:#42cf91!important;box-shadow:0 0 0 4px rgba(66,207,145,.12),0 16px 38px rgba(0,0,0,.22)!important}
html[data-studio-theme="dark"] .journey-map-controls .layout{background:#17222d;color:#91a0b1}
html[data-studio-theme="dark"] .journey-map-controls .layout:hover{background:#173129;color:#58d69c}
html[data-studio-theme="dark"] .journey-link.is-manual,html[data-studio-theme="dark"] .journey-link-preview{stroke:#9d89ff}

/* ========================================================================== 
   Dalu v0.6.32 · Personalizar coherente en claro/oscuro + selector de color
   Corrige superficies móviles heredadas que quedaban oscuras en tema claro.
   ========================================================================== */
/* La X sigue el tema, sin botón negro incrustado en claro. */
html[data-studio-theme="light"] .drawer-head .drawer-close,
html:not([data-studio-theme="dark"]) .drawer-head .drawer-close{
  background:#faf8f5!important;border-color:#e3ddd6!important;color:#7d858e!important;
  box-shadow:0 2px 8px rgba(41,32,24,.04)!important
}
html[data-studio-theme="light"] .drawer-head .drawer-close:hover,
html:not([data-studio-theme="dark"]) .drawer-head .drawer-close:hover{background:#f2eeea!important;color:#382f49!important}
html[data-studio-theme="dark"] .drawer-head .drawer-close{background:#17222d!important;border-color:#303c49!important;color:#9aa8b9!important;box-shadow:none!important}

/* Selector Dalu en tema claro. */
html[data-studio-theme="light"] .dalu-color-picker,
html:not([data-studio-theme="dark"]) .dalu-color-picker{background:#fffefb;border-color:#ddd6ce;box-shadow:0 16px 34px rgba(52,39,27,.10)}
html[data-studio-theme="light"] .dalu-color-picker-head strong,
html:not([data-studio-theme="dark"]) .dalu-color-picker-head strong{color:#263141}
html[data-studio-theme="light"] .dalu-color-picker-head small,
html:not([data-studio-theme="dark"]) .dalu-color-picker-head small{color:#8a929b}
html[data-studio-theme="light"] .dalu-color-picker-head>button,
html:not([data-studio-theme="dark"]) .dalu-color-picker-head>button{background:#f8f5f1;border-color:#dfd8d0;color:#79828d}
html[data-studio-theme="light"] .dalu-color-picker-foot>span,
html:not([data-studio-theme="dark"]) .dalu-color-picker-foot>span{background:#fbfaf8;border-color:#ddd6ce;color:#263141}
html[data-studio-theme="light"] .dalu-color-picker-foot>button,
html:not([data-studio-theme="dark"]) .dalu-color-picker-foot>button{background:#f6f3ff;border-color:#d7ceff;color:#624aef}
html[data-studio-theme="light"] .dalu-color-hex,
html:not([data-studio-theme="dark"]) .dalu-color-hex{background:#fbfaf8;border-color:#ddd6ce}
html[data-studio-theme="light"] .dalu-color-hex>span,
html:not([data-studio-theme="dark"]) .dalu-color-hex>span{border-color:#ddd6ce;color:#8a929b}
html[data-studio-theme="light"] .dalu-color-hex>input,
html:not([data-studio-theme="dark"]) .dalu-color-hex>input{color:#263141!important}
html[data-studio-theme="light"] .dalu-color-eyedropper,
html:not([data-studio-theme="dark"]) .dalu-color-eyedropper{background:#f8f5f1;border-color:#dfd8d0;color:#596473}
html[data-studio-theme="light"] .dalu-color-eyedropper:hover,
html:not([data-studio-theme="dark"]) .dalu-color-eyedropper:hover{background:#f3efff;border-color:#cfc5ff;color:#624aef}
html[data-studio-theme="light"] .color-presets .color-custom-trigger:before,
html:not([data-studio-theme="dark"]) .color-presets .color-custom-trigger:before{background:#fff}
html[data-studio-theme="light"] .color-presets .color-custom-trigger:after,
html:not([data-studio-theme="dark"]) .color-presets .color-custom-trigger:after{color:#313b48}

@media(max-width:860px){
  /* CLARO: una sola familia crema/blanco, sin tarjetas negras heredadas. */
  html[data-studio-theme="light"] .editor-drawer,
  html:not([data-studio-theme="dark"]) .editor-drawer{background:#fffefb!important}
  html[data-studio-theme="light"] .drawer-card,
  html:not([data-studio-theme="dark"]) .drawer-card{background:#fffefb!important;color:#172234!important}
  html[data-studio-theme="light"] .drawer-head,
  html:not([data-studio-theme="dark"]) .drawer-head{background:#fffefb!important;border-bottom-color:#ebe4dc!important}
  html[data-studio-theme="light"] .drawer-body,
  html:not([data-studio-theme="dark"]) .drawer-body{background:#fffefb!important;scrollbar-color:#d4cdc4 #fffefb!important}
  html[data-studio-theme="light"] .drawer-section,
  html[data-studio-theme="light"] .drawer-section.appearance-section,
  html:not([data-studio-theme="dark"]) .drawer-section,
  html:not([data-studio-theme="dark"]) .drawer-section.appearance-section{background:#fff!important;border-color:#e5ded6!important;box-shadow:0 3px 12px rgba(50,37,25,.025)!important}
  html[data-studio-theme="light"] .drawer-section-title strong,
  html:not([data-studio-theme="dark"]) .drawer-section-title strong{color:#1d2938!important}
  html[data-studio-theme="light"] .drawer-section-title small,
  html:not([data-studio-theme="dark"]) .drawer-section-title small{color:#87909b!important}
  html[data-studio-theme="light"] .appearance-color-card,
  html:not([data-studio-theme="dark"]) .appearance-color-card{background:#fffefb!important;border-color:#e3dcd4!important;color:#263141!important}
  html[data-studio-theme="light"] .appearance-color-main input,
  html:not([data-studio-theme="dark"]) .appearance-color-main input{color:#202b3a!important}
  html[data-studio-theme="light"] .appearance-color-main small,
  html:not([data-studio-theme="dark"]) .appearance-color-main small{color:#7c8793!important}
  html[data-studio-theme="light"] .appearance-color-card p,
  html:not([data-studio-theme="dark"]) .appearance-color-card p{color:#7f8995!important}
  html[data-studio-theme="light"] .color-presets button,
  html:not([data-studio-theme="dark"]) .color-presets button{border-color:#fff!important;box-shadow:0 0 0 1px #d8d1c9!important}
  html[data-studio-theme="light"] .combination-preview,
  html:not([data-studio-theme="dark"]) .combination-preview{background:#fbfaf8!important;border-color:#e4ddd5!important}
  html[data-studio-theme="light"] .combination-preview p strong,
  html:not([data-studio-theme="dark"]) .combination-preview p strong{color:#263141!important}
  html[data-studio-theme="light"] .combination-preview p small,
  html:not([data-studio-theme="dark"]) .combination-preview p small{color:#8d939a!important}
  html[data-studio-theme="light"] .wallpaper-option.rich,
  html[data-studio-theme="light"] .style-option.rich,
  html:not([data-studio-theme="dark"]) .wallpaper-option.rich,
  html:not([data-studio-theme="dark"]) .style-option.rich{background:#fffefb!important;border-color:#e3ddd6!important;color:#263141!important}
  html[data-studio-theme="light"] .wallpaper-copy strong,
  html[data-studio-theme="light"] .style-option.rich>strong,
  html:not([data-studio-theme="dark"]) .wallpaper-copy strong,
  html:not([data-studio-theme="dark"]) .style-option.rich>strong{color:#263141!important}
  html[data-studio-theme="light"] .wallpaper-copy small,
  html[data-studio-theme="light"] .style-option.rich>small,
  html:not([data-studio-theme="dark"]) .wallpaper-copy small,
  html:not([data-studio-theme="dark"]) .style-option.rich>small{color:#8a929b!important}
  html[data-studio-theme="light"] .wallpaper-radio,
  html:not([data-studio-theme="dark"]) .wallpaper-radio{border-color:#aaa39c!important;box-shadow:inset 0 0 0 3px #fff!important}
  html[data-studio-theme="light"] .assistant-profile-row,
  html:not([data-studio-theme="dark"]) .assistant-profile-row{background:#fbfaf8!important;border-color:#e3ddd5!important}
  html[data-studio-theme="light"] .assistant-profile-row>div>strong,
  html:not([data-studio-theme="dark"]) .assistant-profile-row>div>strong{color:#1d2938!important}
  html[data-studio-theme="light"] .assistant-photo-actions button,
  html:not([data-studio-theme="dark"]) .assistant-photo-actions button{background:#fff!important;border-color:#dfd8d0!important;color:#65707e!important}
  html[data-studio-theme="light"] .assistant-photo-actions button:first-child,
  html:not([data-studio-theme="dark"]) .assistant-photo-actions button:first-child{background:#f8f6ff!important;border-color:#d9d0ff!important;color:#644cf0!important}
  html[data-studio-theme="light"] .drawer-toggle-row,
  html:not([data-studio-theme="dark"]) .drawer-toggle-row{border-color:#eee8e1!important}
  html[data-studio-theme="light"] .drawer-toggle-row strong,
  html:not([data-studio-theme="dark"]) .drawer-toggle-row strong{color:#273242!important}
  html[data-studio-theme="light"] .drawer-toggle-row small,
  html:not([data-studio-theme="dark"]) .drawer-toggle-row small{color:#89919a!important}
  html[data-studio-theme="light"] .mobile-settings-links>button,
  html:not([data-studio-theme="dark"]) .mobile-settings-links>button{background:#fbfaf8!important;border-color:#e3ddd5!important;color:#273242!important}
  html[data-studio-theme="light"] .mobile-settings-links small,
  html:not([data-studio-theme="dark"]) .mobile-settings-links small{color:#8a929b!important}

  /* OSCURO: todas las mismas capas vuelven a la familia grafito, sin blancos aislados. */
  html[data-studio-theme="dark"] .editor-drawer{background:#111923!important}
  html[data-studio-theme="dark"] .drawer-card,html[data-studio-theme="dark"] .drawer-head,html[data-studio-theme="dark"] .drawer-body{background:#111923!important}
  html[data-studio-theme="dark"] .drawer-section,html[data-studio-theme="dark"] .drawer-section.appearance-section{background:#151e28!important;border-color:#2c3845!important;box-shadow:none!important}
  html[data-studio-theme="dark"] .appearance-color-card,html[data-studio-theme="dark"] .combination-preview,html[data-studio-theme="dark"] .assistant-profile-row{background:#101821!important;border-color:#2c3845!important}
  html[data-studio-theme="dark"] .wallpaper-option.rich,html[data-studio-theme="dark"] .style-option.rich,html[data-studio-theme="dark"] .mobile-settings-links>button{background:#111923!important;border-color:#2d3946!important}
  html[data-studio-theme="dark"] .dalu-color-picker{background:#0e1620!important;border-color:#384655!important}
}

@media(max-width:860px){
  .editor-actions>.studio-theme-toggle{display:grid!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important}
  html[data-studio-theme="dark"] .editor-actions>.studio-theme-toggle{background:#1a2632!important;border-color:#354250!important;color:#f3c879!important}
  html[data-studio-theme="light"] .editor-actions>.studio-theme-toggle,
  html:not([data-studio-theme="dark"]) .editor-actions>.studio-theme-toggle{background:#1a222d!important;border-color:#2a3441!important;color:#a9b5c5!important}
}


/* ========================================================================== 
   Dalu v0.7.27 · Preview integrado al modo oscuro
   El contenido de la landing conserva su apariencia; solo oscurece el escenario.
   ========================================================================== */
html[data-studio-theme="dark"] .editor-app .preview-panel{
  background:#0b1119!important;border-left-color:#26313d!important;
}
html[data-studio-theme="dark"] .editor-app .preview-panel>.phone-stage{
  background:radial-gradient(circle at 50% 24%,#1b2632 0%,#101821 52%,#0b1119 100%)!important;
}
@media(max-width:860px){
  html[data-studio-theme="dark"] .editor-app .editor-workspace[data-pane="preview"] .preview-panel,
  html[data-studio-theme="dark"] .editor-app .editor-workspace[data-pane="preview"] .phone-stage{
    background:radial-gradient(circle at 50% 23%,#1b2632 0%,#101821 54%,#0b1119 100%)!important;
  }
}

/* Dalu v0.8.6 · Tutoriales en modo oscuro */
html[data-studio-theme="dark"] .tutorial-admin-control,
html[data-studio-theme="dark"] .tutorial-card,
html[data-studio-theme="dark"] .tutorial-empty,
html[data-studio-theme="dark"] .tutorial-admin-summary span,
html[data-studio-theme="dark"] .tutorial-form-card,
html[data-studio-theme="dark"] .tutorial-delete-card,
html[data-studio-theme="dark"] .tutorial-player-card{background:#111923!important;border-color:#2b3744!important;box-shadow:none!important}
html[data-studio-theme="dark"] .tutorial-admin-control.is-on{background:linear-gradient(135deg,#111923,#102019)!important;border-color:#244738!important}
html[data-studio-theme="dark"] .tutorial-admin-control-copy strong,
html[data-studio-theme="dark"] .tutorial-card-body h2,
html[data-studio-theme="dark"] .tutorial-empty h2,
html[data-studio-theme="dark"] .tutorial-publish-choice strong,
html[data-studio-theme="dark"] .tutorial-player-copy h2{color:#edf3f8!important}
html[data-studio-theme="dark"] .tutorial-admin-control-copy p,
html[data-studio-theme="dark"] .tutorial-card-body p,
html[data-studio-theme="dark"] .tutorial-empty p,
html[data-studio-theme="dark"] .tutorial-player-copy p{color:#7f8da0!important}
html[data-studio-theme="dark"] .tutorial-admin-summary span{color:#7f8da0!important}html[data-studio-theme="dark"] .tutorial-admin-summary strong{color:#dbe4ee!important}
html[data-studio-theme="dark"] .tutorial-card-actions{background:#0f1720!important;border-color:#26313d!important}.tutorial-card-actions .tutorial-action{}
html[data-studio-theme="dark"] .tutorial-action{background:#151f2a!important;border-color:#2c3845!important;color:#94a2b2!important}
html[data-studio-theme="dark"] .tutorial-action:hover{background:#211d35!important;border-color:#4b3c77!important;color:#af9cff!important}
html[data-studio-theme="dark"] .tutorial-card-watch button{background:#211d35!important;color:#ad9aff!important}
html[data-studio-theme="dark"] .tutorial-form textarea,
html[data-studio-theme="dark"] .tutorial-form input{background:#0f1720!important;border-color:#2c3845!important;color:#edf3f8!important}
html[data-studio-theme="dark"] .tutorial-file-drop,
html[data-studio-theme="dark"] .tutorial-publish-choice{background:#0f1720!important;border-color:#2f3b48!important}
html[data-studio-theme="dark"] .tutorial-file-drop strong,
html[data-studio-theme="dark"] .tutorial-publish-choice strong{color:#dce5ef!important}
html[data-studio-theme="dark"] .tutorial-file-drop small,
html[data-studio-theme="dark"] .tutorial-publish-choice small{color:#778698!important}
html[data-studio-theme="dark"] .tutorial-delete-icon{background:#311a20!important;color:#ff7b87!important}

/* ========================================================================== 
   Dalu v0.8.14 · Limpieza visual real
   - Una sola jerarquía de título en ventanas/drawers.
   - Cierres SVG sin cajas decorativas en claro y oscuro.
   - Tipografía más legible y consistente, sin inflar el panel.
   ========================================================================== */

:root{
  --dalu-clean-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* Tipografía del estudio: misma familia en panel, formularios y constructor. */
html body.app-body,
html body.editor-body,
html body.app-body button,
html body.app-body input,
html body.app-body textarea,
html body.app-body select,
html body.editor-body button,
html body.editor-body input,
html body.editor-body textarea,
html body.editor-body select{
  font-family:var(--dalu-clean-font)!important;
}

/* Escala un poco más cómoda, sin convertir Dalu en una interfaz gigante. */
html body.app-body{font-size:14px!important;line-height:1.46}
html body.app-body .sidebar-item{font-size:13.5px!important;font-weight:650!important}
html body.app-body .topbar-title strong{font-size:13.5px!important;font-weight:700!important}
html body.app-body .page-heading h1,
html body.app-body .library-titlebar h1{letter-spacing:-.035em!important;font-weight:800!important}
html body.app-body .page-heading p,
html body.app-body .library-titlebar p{font-size:13px!important;line-height:1.55!important}
html body.app-body .modal-card h2{font-weight:800!important;letter-spacing:-.028em!important}
html body.app-body .modal-card>p{font-size:12.5px!important;line-height:1.55!important}
html body.app-body .form-stack label,
html body.app-body .settings-form label{font-size:11.5px!important;line-height:1.38!important}
html body.app-body .form-stack input,
html body.app-body .settings-form input,
html body.app-body .tutorial-form textarea{font-size:13.5px!important}

/* --------------------------------------------------------------------------
   Ventanas limpias: no repetir kicker / marca / título / descripción.
   El h2 queda como único título principal. Las descripciones útiles permanecen.
   -------------------------------------------------------------------------- */
html .modal .modal-card>.eyebrow,
html .modal .tutorial-player-copy>.eyebrow,
html .modal .meta-window-head>div>small:first-child,
html .modal .settings-config-window .meta-window-head>div>small:first-child,
html body.editor-body .editor-drawer .drawer-head .eyebrow{
  display:none!important;
}

/* Cuando desaparece el kicker, el encabezado no debe conservar espacio fantasma. */
html .modal .modal-card>h2:first-of-type{margin-top:0!important}
html .modal .meta-window-head h2{margin-top:1px!important}
html body.editor-body .editor-drawer .drawer-head>div{display:flex!important;align-items:center!important;min-width:0!important}
html body.editor-body .editor-drawer .drawer-head h2{margin:0!important}

/* --------------------------------------------------------------------------
   Todos los cierres visuales son solo el SVG. Sin borde, fondo ni sombra.
   Conservamos un área táctil cómoda, pero invisible.
   -------------------------------------------------------------------------- */
html button.modal-close,
html button.drawer-close,
html button.billing-reminder-close,
html button.tracking-date-close,
html button[data-color-picker-close],
html button[data-option-color-picker-close],
html button[data-pdf-task-card-close]{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#748297!important;
  display:grid!important;
  place-items:center!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
html button.modal-close svg,
html button.drawer-close svg,
html button.billing-reminder-close svg,
html button.tracking-date-close svg,
html button[data-color-picker-close] svg,
html button[data-option-color-picker-close] svg,
html button[data-pdf-task-card-close] svg{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
}
html button.modal-close:hover,
html button.drawer-close:hover,
html button.billing-reminder-close:hover,
html button.tracking-date-close:hover,
html button[data-color-picker-close]:hover,
html button[data-option-color-picker-close]:hover,
html button[data-pdf-task-card-close]:hover{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#253a56!important;
  opacity:.72;
}
html button.modal-close:focus-visible,
html button.drawer-close:focus-visible,
html button.billing-reminder-close:focus-visible,
html button.tracking-date-close:focus-visible,
html button[data-color-picker-close]:focus-visible,
html button[data-option-color-picker-close]:focus-visible,
html button[data-pdf-task-card-close]:focus-visible{
  outline:2px solid rgba(108,77,255,.48)!important;
  outline-offset:3px!important;
  border-radius:6px!important;
}

/* Editor: gana incluso frente a editor-premium.css y sus reglas !important. */
html body.editor-body .editor-app .editor-drawer .drawer-head button.drawer-close,
html body.editor-body .editor-app .media-modal .drawer-head button.drawer-close{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#7c8999!important;
}
html body.editor-body .editor-app .editor-drawer .drawer-head button.drawer-close:hover,
html body.editor-body .editor-app .media-modal .drawer-head button.drawer-close:hover{
  border:0!important;
  background:transparent!important;
  color:#3b4a5d!important;
}

/* Dark mode: ningún cierre ni acción de cabecera hereda fondos blancos. */
html[data-studio-theme="dark"] button.modal-close,
html[data-studio-theme="dark"] button.drawer-close,
html[data-studio-theme="dark"] button.billing-reminder-close,
html[data-studio-theme="dark"] button.tracking-date-close,
html[data-studio-theme="dark"] button[data-color-picker-close],
html[data-studio-theme="dark"] button[data-option-color-picker-close],
html[data-studio-theme="dark"] button[data-pdf-task-card-close],
html[data-studio-theme="dark"] body.editor-body .editor-app .editor-drawer .drawer-head button.drawer-close,
html[data-studio-theme="dark"] body.editor-body .editor-app .media-modal .drawer-head button.drawer-close{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#9aa8b9!important;
}
html[data-studio-theme="dark"] button.modal-close:hover,
html[data-studio-theme="dark"] button.drawer-close:hover,
html[data-studio-theme="dark"] button.billing-reminder-close:hover,
html[data-studio-theme="dark"] button.tracking-date-close:hover,
html[data-studio-theme="dark"] button[data-color-picker-close]:hover,
html[data-studio-theme="dark"] button[data-option-color-picker-close]:hover,
html[data-studio-theme="dark"] button[data-pdf-task-card-close]:hover,
html[data-studio-theme="dark"] body.editor-body .editor-app .editor-drawer .drawer-head button.drawer-close:hover,
html[data-studio-theme="dark"] body.editor-body .editor-app .media-modal .drawer-head button.drawer-close:hover{
  border:0!important;
  background:transparent!important;
  color:#f0f4f8!important;
  opacity:.76;
}

/* Iconos secundarios oscuros: superficie tonal, nunca blanco puro. */
html[data-studio-theme="dark"] :is(
  .library-icon-action,
  .library-text-action,
  .tutorial-action,
  .funnel-url-copy,
  .preview-actions button,
  .assistant-photo-actions button,
  .pdf-dalu-select-trigger
){
  box-shadow:none!important;
  border-color:#2c3845!important;
}

@media(max-width:820px){
  html body.app-body .page-heading p,
  html body.app-body .library-titlebar p{font-size:12.5px!important}
  html button.modal-close,
  html button.drawer-close,
  html button.tracking-date-close{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
}

/* ========================================================================== 
   Dalu v0.8.25 · Precios internacionales · local + USD
   ========================================================================== */
.settings-launch-icon.is-world{background:linear-gradient(145deg,#eef9ff,#eff2ff);color:#4e75ea;border-color:#dae7ff}
.international-pricing-window{width:min(720px,100%)}
.international-pricing-form{display:grid;gap:14px}
.pricing-master-toggle{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 48px;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e2e8ef;border-radius:16px;background:#fbfcfe;color:#24354b;text-align:left;transition:.18s ease}
.pricing-master-toggle:hover{border-color:#d3dceb;background:#fff}
.pricing-master-toggle.is-on{border-color:#cfe9dc;background:linear-gradient(135deg,#f7fff9,#f8fbff);box-shadow:0 8px 22px rgba(24,150,91,.055)}
.pricing-master-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#edf3ff;color:#5077ec;border:1px solid #dce7ff}
.pricing-master-icon svg{width:20px;height:20px}
.pricing-master-toggle>span:nth-child(2) strong,.pricing-master-toggle>span:nth-child(2) small{display:block}
.pricing-master-toggle>span:nth-child(2) strong{font-size:11px;color:#23364d}
.pricing-master-toggle>span:nth-child(2) small{margin-top:3px;font-size:9px;line-height:1.4;color:#7d8998;font-weight:600}
.pricing-switch{width:44px;height:25px;padding:3px;border-radius:999px;background:#d8dfe7;display:block;justify-self:end;transition:.18s ease;box-shadow:inset 0 0 0 1px rgba(35,55,78,.05)}
.pricing-switch b{display:block;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(34,48,66,.18);transition:transform .2s ease}
.pricing-master-toggle.is-on .pricing-switch{background:#22b878}.pricing-master-toggle.is-on .pricing-switch b{transform:translateX(19px)}
.pricing-settings-body{display:grid;gap:12px;animation:pricingReveal .18s ease both}@keyframes pricingReveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.pricing-currency-pair{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:8px;align-items:stretch}
.pricing-pair-arrow{display:grid;place-items:center;color:#9aa6b5}.pricing-pair-arrow svg{width:16px}
.pricing-currency-card{position:relative;min-height:116px;padding:14px;border:1px solid #e1e7ee;border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.pricing-currency-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-34px;top:-40px;background:radial-gradient(circle,rgba(91,116,255,.10),transparent 68%)}
.pricing-currency-card.is-local{border-color:#d9e6ff;background:linear-gradient(150deg,#fcfdff,#f7faff)}
.pricing-currency-card.is-usd{border-color:#d9eee3;background:linear-gradient(150deg,#fcfffd,#f6fcf8)}
.pricing-currency-kicker{font-size:7px;font-weight:900;letter-spacing:.12em;color:#8b97a7}
.pricing-currency-card>div strong,.pricing-currency-card>div small{display:block;position:relative;z-index:1}.pricing-currency-card>div strong{font-size:21px;line-height:1;color:#172d48;letter-spacing:-.03em}.pricing-currency-card>div small{margin-top:4px;font-size:8.5px;color:#758499;font-weight:650}
.pricing-currency-card>button{position:relative;z-index:2;margin-top:auto;width:max-content;display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;padding:0;color:#5c67d9;font-size:8px;font-weight:850}.pricing-currency-card>button svg{width:12px;height:12px}
.pricing-locked{position:relative;z-index:1;margin-top:auto;width:max-content;padding:4px 7px;border-radius:999px;background:#e8f7ef;color:#15945a;font-size:7px;font-weight:900}
.pricing-currency-picker{padding:13px;border:1px solid #e2e7ee;border-radius:16px;background:#fff;box-shadow:0 12px 26px rgba(34,49,67,.055)}
.pricing-picker-head strong,.pricing-picker-head small{display:block}.pricing-picker-head strong{font-size:10px;color:#263a52}.pricing-picker-head small{margin-top:2px;font-size:8px;color:#8290a1}
.pricing-currency-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}
.pricing-currency-option{min-height:48px;padding:7px 9px;border:1px solid #e4e9ef;border-radius:11px;background:#fbfcfd;color:#32465f;text-align:left;transition:.15s ease}.pricing-currency-option span,.pricing-currency-option small{display:block}.pricing-currency-option span{font-size:10px;font-weight:900}.pricing-currency-option small{margin-top:2px;font-size:7px;color:#8b96a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pricing-currency-option:hover{border-color:#cdd8e6;background:#fff}.pricing-currency-option.is-active{border-color:#7564ef;background:#f4f1ff;color:#654ee5;box-shadow:0 0 0 2px rgba(109,77,255,.06)}
.pricing-flow-preview{padding:13px 14px;border:1px solid #e4e8ef;border-radius:16px;background:linear-gradient(135deg,#fafbff,#fbfefc)}
.pricing-flow-head{display:flex;align-items:center;gap:9px}.pricing-flow-head>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#f0edff;color:#7156ed}.pricing-flow-head>span svg{width:15px}.pricing-flow-head strong,.pricing-flow-head small{display:block}.pricing-flow-head strong{font-size:9.5px;color:#273a51}.pricing-flow-head small{margin-top:2px;font-size:7.7px;color:#8793a2}
.pricing-flow-rows{display:grid;gap:0;margin-top:10px;border-top:1px solid #e9edf2}.pricing-flow-rows>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;border-bottom:1px solid #edf0f4;font-size:8px}.pricing-flow-rows>div:last-child{border-bottom:0}.pricing-flow-rows span{color:#7c8999}.pricing-flow-rows strong{color:#33465d;text-align:right}
.pricing-safe-note{margin:0;display:flex;gap:7px;align-items:flex-start;padding:9px 10px;border-radius:12px;background:#f7f8fa;color:#788595;font-size:7.7px!important;line-height:1.45!important;font-weight:650!important}.pricing-safe-note svg{width:13px;height:13px;flex:0 0 13px;margin-top:1px;color:#697a8f}
html[data-studio-theme="dark"] .settings-launch-icon.is-world{background:#172337;border-color:#2a3b57;color:#8eabff}
html[data-studio-theme="dark"] .pricing-master-toggle{background:#0f171f;border-color:#293641;color:#e8eef6}html[data-studio-theme="dark"] .pricing-master-toggle:hover{background:#121c26;border-color:#364453}html[data-studio-theme="dark"] .pricing-master-toggle.is-on{background:linear-gradient(135deg,#101c18,#101925);border-color:#28523d}
html[data-studio-theme="dark"] .pricing-master-toggle>span:nth-child(2) strong{color:#e8eef5}html[data-studio-theme="dark"] .pricing-master-toggle>span:nth-child(2) small{color:#7e8c9d}html[data-studio-theme="dark"] .pricing-master-icon{background:#16233a;border-color:#293c5d;color:#8ca9ff}
html[data-studio-theme="dark"] .pricing-currency-card{background:#101820;border-color:#2a3541}html[data-studio-theme="dark"] .pricing-currency-card.is-local{background:linear-gradient(150deg,#101824,#101a22);border-color:#293c59}html[data-studio-theme="dark"] .pricing-currency-card.is-usd{background:linear-gradient(150deg,#101c18,#101923);border-color:#294438}html[data-studio-theme="dark"] .pricing-currency-card>div strong{color:#e9eef5}html[data-studio-theme="dark"] .pricing-currency-card>div small,html[data-studio-theme="dark"] .pricing-currency-kicker{color:#7c8a9b}
html[data-studio-theme="dark"] .pricing-currency-picker{background:#0f171f;border-color:#2b3743}html[data-studio-theme="dark"] .pricing-picker-head strong{color:#e6edf5}html[data-studio-theme="dark"] .pricing-picker-head small{color:#7d8a99}html[data-studio-theme="dark"] .pricing-currency-option{background:#121b24;border-color:#2d3945;color:#dbe5ef}html[data-studio-theme="dark"] .pricing-currency-option small{color:#788697}html[data-studio-theme="dark"] .pricing-currency-option.is-active{background:#1b1830;border-color:#6d58d9;color:#a995ff}
html[data-studio-theme="dark"] .pricing-flow-preview{background:linear-gradient(135deg,#101821,#101a18);border-color:#293541}html[data-studio-theme="dark"] .pricing-flow-head strong,html[data-studio-theme="dark"] .pricing-flow-rows strong{color:#dfe7ef}html[data-studio-theme="dark"] .pricing-flow-head small,html[data-studio-theme="dark"] .pricing-flow-rows span{color:#7c8998}html[data-studio-theme="dark"] .pricing-flow-rows,html[data-studio-theme="dark"] .pricing-flow-rows>div{border-color:#26313c}html[data-studio-theme="dark"] .pricing-safe-note{background:#0d151d;color:#778697}
@media(max-width:560px){.international-pricing-window{padding:18px!important}.pricing-master-toggle{grid-template-columns:36px minmax(0,1fr) 44px;padding:12px}.pricing-master-icon{width:36px;height:36px;border-radius:11px}.pricing-master-toggle>span:nth-child(2) strong{font-size:10.5px}.pricing-currency-pair{grid-template-columns:1fr 22px 1fr}.pricing-currency-card{min-height:108px;padding:11px}.pricing-currency-card>div strong{font-size:18px}.pricing-currency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-flow-rows>div{align-items:flex-start;flex-direction:column;gap:2px;padding:7px 0}.pricing-flow-rows strong{text-align:left}}

/* ========================================================================== 
   Dalu 0.9.23 · Controles del editor coherentes con claro / oscuro
   Corrige componentes especiales que conservaban superficies oscuras en el
   estudio claro. Solo afecta al panel del constructor; no toca runtime público.
   ========================================================================== */

/* Tema claro · superficies especiales dentro de los bloques */
html[data-studio-theme="light"] .social-icon-grid-clean .social-icon-choice{
  background:#fff!important;
  border-color:#ded8d1!important;
  color:#596777!important;
  box-shadow:0 2px 7px rgba(48,38,27,.035)!important;
}
html[data-studio-theme="light"] .social-icon-grid-clean .social-icon-choice:hover{
  background:#f7f4ff!important;
  border-color:#c7bbff!important;
  color:#6d4aff!important;
}
html[data-studio-theme="light"] .social-icon-grid-clean .social-icon-choice.is-active{
  background:#f1edff!important;
  border-color:#7357ff!important;
  color:#6d4aff!important;
  box-shadow:0 0 0 2px rgba(115,87,255,.10)!important;
}

html[data-studio-theme="light"] .sticker-route-editor{
  background:linear-gradient(180deg,#fff,#fbfaf8)!important;
  border-color:#ddd7cf!important;
  box-shadow:0 4px 14px rgba(51,40,29,.035)!important;
}
html[data-studio-theme="light"] .sticker-route-head strong{color:#263448!important}
html[data-studio-theme="light"] .sticker-route-head small{color:#89929d!important}
html[data-studio-theme="light"] .sticker-route-head>span{
  background:#f0ecff!important;
  color:#6d4aff!important;
}
html[data-studio-theme="light"] .sticker-route-grid button{
  background:#fff!important;
  border-color:#dfd9d2!important;
  color:#586577!important;
  box-shadow:0 2px 7px rgba(48,38,27,.025)!important;
}
html[data-studio-theme="light"] .sticker-route-grid button:hover{
  background:#f8f5ff!important;
  border-color:#c9beff!important;
  color:#6d4aff!important;
}
html[data-studio-theme="light"] .sticker-route-grid button.is-active{
  background:#f0ecff!important;
  border-color:#7357ff!important;
  color:#6248e7!important;
  box-shadow:0 0 0 2px rgba(115,87,255,.09)!important;
}

html[data-studio-theme="light"] .button-advanced-routing{
  background:#fbfaf8!important;
  border-color:#e0dad3!important;
}
html[data-studio-theme="light"] .button-advanced-routing>summary{color:#667282!important}
html[data-studio-theme="light"] .button-advanced-routing>summary small{color:#999fa7!important}
html[data-studio-theme="light"] .button-advanced-routing[open]>summary{
  color:#263448!important;
  border-bottom-color:#e6e0d9!important;
}

html[data-studio-theme="light"] .color-field{
  background:#fbfaf8!important;
  border-color:#dfd9d2!important;
  color:#263448!important;
}
html[data-studio-theme="light"] .color-field input:not([type=color]){color:#263448!important}
html[data-studio-theme="light"] .color-field span{color:#737d89!important}

html[data-studio-theme="light"] .payment-editor-callout{
  background:#f8fafc!important;
  border-color:#e0e6ed!important;
}
html[data-studio-theme="light"] .payment-editor-callout>span{
  background:#eef4fb!important;
  color:#587fb5!important;
}
html[data-studio-theme="light"] .payment-editor-callout strong{color:#263448!important}
html[data-studio-theme="light"] .payment-editor-callout small{color:#7e8997!important}

html[data-studio-theme="light"] .amount-editor-row{
  background:#fbfaf8!important;
  border-color:#e0dad3!important;
}
html[data-studio-theme="light"] .amount-editor-row>span,
html[data-studio-theme="light"] .amount-editor-row button{color:#7d8793!important}

html[data-studio-theme="light"] .sticker-commerce-editor{
  background:#fbfaf8!important;
  border-color:#e0dad3!important;
}
html[data-studio-theme="light"] .sticker-lock-details{border-top-color:#e5dfd8!important}
html[data-studio-theme="light"] .sticker-lock-details>summary{color:#6d7785!important}
html[data-studio-theme="light"] .sticker-lock-color-trigger{
  background:#fff!important;
  border-color:#dfd9d2!important;
  color:#334155!important;
}

/* Tema oscuro · mantener contraste explícito de los mismos componentes. */
html[data-studio-theme="dark"] .social-icon-grid-clean .social-icon-choice{
  background:#151c26!important;
  border-color:#303b4a!important;
  color:#8492a5!important;
}
html[data-studio-theme="dark"] .social-icon-grid-clean .social-icon-choice:hover{
  background:#1d2632!important;
  border-color:#48576b!important;
  color:#eaf0f7!important;
}
html[data-studio-theme="dark"] .social-icon-grid-clean .social-icon-choice.is-active{
  background:rgba(115,87,255,.14)!important;
  border-color:#7357ff!important;
  color:#fff!important;
}
html[data-studio-theme="dark"] .sticker-route-editor{
  background:linear-gradient(180deg,rgba(25,33,44,.9),rgba(20,27,36,.9))!important;
  border-color:#303a49!important;
}
html[data-studio-theme="dark"] .sticker-route-head strong{color:#e9eef6!important}
html[data-studio-theme="dark"] .sticker-route-head small{color:#718095!important}
html[data-studio-theme="dark"] .sticker-route-grid button{
  background:#121923!important;
  border-color:#344050!important;
  color:#8795a7!important;
}
html[data-studio-theme="dark"] .sticker-route-grid button.is-active{
  background:rgba(115,87,255,.14)!important;
  border-color:#7357ff!important;
  color:#fff!important;
}
html[data-studio-theme="dark"] .button-advanced-routing{background:#141b24!important;border-color:#2c3745!important}
html[data-studio-theme="dark"] .color-field{background:#111820!important;border-color:#34404d!important}
html[data-studio-theme="dark"] .color-field input:not([type=color]){color:#dce5ef!important}
html[data-studio-theme="dark"] .payment-editor-callout{background:#121b24!important;border-color:#344657!important}
html[data-studio-theme="dark"] .payment-editor-callout strong{color:#e5edf5!important}
html[data-studio-theme="dark"] .payment-editor-callout small{color:#7f8fa0!important}
html[data-studio-theme="dark"] .amount-editor-row{background:#121922!important;border-color:#303d4b!important}
html[data-studio-theme="dark"] .sticker-commerce-editor{background:#141b24!important;border-color:#2a3441!important}
html[data-studio-theme="dark"] .sticker-lock-color-trigger{background:#111720!important;border-color:#303b49!important;color:#cbd4df!important}

/* ========================================================================== 
   Dalu 0.9.24 · Tema claro completo en controles especiales del constructor
   Cierra superficies heredadas del CSS oscuro base que aún aparecían negras
   en el estudio claro. Solo afecta UI del editor; no toca runtime público.
   ========================================================================== */
html[data-studio-theme="light"] .button-style-card,
html[data-studio-theme="light"] .text-style-card,
html[data-studio-theme="light"] .upsell-badge-style-card{
  background:#fbfaf8!important;
  border-color:#dfd9d2!important;
  color:#263448!important;
  box-shadow:0 2px 8px rgba(48,38,27,.025)!important;
}
html[data-studio-theme="light"] .button-style-card .editor-field>label,
html[data-studio-theme="light"] .text-style-card .editor-field>label,
html[data-studio-theme="light"] .upsell-badge-style-card .editor-field>label,
html[data-studio-theme="light"] .button-style-card .field-label,
html[data-studio-theme="light"] .text-style-card .field-label,
html[data-studio-theme="light"] .upsell-badge-style-card .field-label{
  color:#707b88!important;
}
html[data-studio-theme="light"] .dalu-compact-color-trigger{
  background:#fff!important;
  border-color:#ddd7d0!important;
  color:#27364a!important;
  box-shadow:0 1px 4px rgba(48,38,27,.025)!important;
}
html[data-studio-theme="light"] .dalu-compact-color-trigger:hover{
  background:#f9f7ff!important;
  border-color:#c9beff!important;
}
html[data-studio-theme="light"] .dalu-compact-color-trigger b{color:#27364a!important}
html[data-studio-theme="light"] .smart-recommended-intensity>div small,
html[data-studio-theme="light"] .smart-recommended-intensity label{color:#6f7a87!important}
html[data-studio-theme="light"] .smart-recommended-intensity>small{color:#939ba5!important}

/* Controles reutilizables del editor que tenían una base oscura por defecto. */
html[data-studio-theme="light"] .segmented-dark{
  background:#f4f1ed!important;
  border-color:#dfd9d2!important;
}
html[data-studio-theme="light"] .segmented-dark button{color:#727d89!important}
html[data-studio-theme="light"] .segmented-dark button.is-active{
  background:#fff!important;
  color:#263448!important;
  box-shadow:0 1px 4px rgba(43,35,27,.07)!important;
}
html[data-studio-theme="light"] .option-row button{
  background:#fff!important;
  border-color:#dfd9d2!important;
  color:#7d8793!important;
}
html[data-studio-theme="light"] .media-picker{
  background:#fbfaf8!important;
  border-color:#dcd6cf!important;
  color:#7f8995!important;
}
html[data-studio-theme="light"] .add-option{
  background:#fff!important;
  border-color:#d8d1ca!important;
  color:#7568cf!important;
}

/* Inputs/rich toolbar también deben respetar claro en escritorio, no solo móvil. */
html[data-studio-theme="light"] .block-editor .editor-field>label,
html[data-studio-theme="light"] .block-editor .field-label{color:#717b88!important}
html[data-studio-theme="light"] .block-editor .editor-field input,
html[data-studio-theme="light"] .block-editor .editor-field textarea{
  background:#fbfaf8!important;
  border-color:#e1dcd5!important;
  color:#1d2938!important;
}
html[data-studio-theme="light"] .block-editor .rich-toolbar{
  background:#f7f5f2!important;
  border-color:#e1dcd5!important;
}
html[data-studio-theme="light"] .block-editor .rich-toolbar button{color:#667282!important}
html[data-studio-theme="light"] .block-editor .rich-toolbar button:hover{
  background:#eee9ff!important;
  color:#6d4aff!important;
}

/* ========================================================================== 
   Dalu 0.9.27 · piel nativa de Opciones Sticker IA en claro / oscuro
   ========================================================================== */
html[data-studio-theme="light"] .sticker-options-routing-shell{
  background:#fbfaf8!important;
  border-color:#e2dcd5!important;
  box-shadow:0 3px 12px rgba(48,38,27,.025)!important;
}
html[data-studio-theme="light"] .sticker-options-routing-intro strong{color:#27364a!important}
html[data-studio-theme="light"] .sticker-options-routing-intro small{color:#818b97!important}
html[data-studio-theme="light"] .sticker-options-routing-intro>b{
  color:#6d4aff!important;
  background:#f1edff!important;
  border-color:#ddd5ff!important;
}
html[data-studio-theme="light"] .sticker-routing-option-card{
  background:#fff!important;
  border-color:#dfd8d0!important;
  box-shadow:0 3px 10px rgba(48,38,27,.03)!important;
}
html[data-studio-theme="light"] .sticker-routing-option-card .smart-option-body{
  background:#fffdfb!important;
  border-top-color:#ebe4dc!important;
}
html[data-studio-theme="light"] .sticker-option-appearance{border-top-color:#ece5de!important}
html[data-studio-theme="light"] .sticker-option-appearance-head strong{color:#344257!important}
html[data-studio-theme="light"] .sticker-option-appearance-head small{color:#8a939f!important}
html[data-studio-theme="light"] .sticker-routing-option-card .sticker-route-editor{border-top-color:#ece5de!important}
html[data-studio-theme="light"] .sticker-routing-add{
  background:#f8f5ff!important;
  border:1px dashed #c8bcff!important;
  color:#684ee8!important;
  box-shadow:none!important;
}
html[data-studio-theme="light"] .sticker-routing-add:hover{
  background:#f2edff!important;
  border-color:#9f8cff!important;
  color:#5f43df!important;
}
html[data-studio-theme="light"] .sticker-routing-add>span{background:#eee8ff!important;color:#6d4aff!important}
html[data-studio-theme="light"] .sticker-routing-wait-note{
  background:#f4fbf7!important;
  border-color:#d4eee0!important;
}
html[data-studio-theme="light"] .sticker-routing-wait-note strong{color:#355847!important}
html[data-studio-theme="light"] .sticker-routing-wait-note small{color:#789084!important}

html[data-studio-theme="dark"] .sticker-options-routing-shell{
  background:#111821!important;
  border-color:#2f3b49!important;
  box-shadow:none!important;
}
html[data-studio-theme="dark"] .sticker-options-routing-intro strong{color:#eef2f8!important}
html[data-studio-theme="dark"] .sticker-options-routing-intro small{color:#77869a!important}
html[data-studio-theme="dark"] .sticker-routing-option-card{background:#111923!important;border-color:#34414f!important}
html[data-studio-theme="dark"] .sticker-routing-option-card .smart-option-body{background:#0f1720!important;border-top-color:#2b3744!important}
html[data-studio-theme="dark"] .sticker-option-appearance{border-top-color:#2b3744!important}
html[data-studio-theme="dark"] .sticker-option-appearance-head strong{color:#dfe7f0!important}
html[data-studio-theme="dark"] .sticker-option-appearance-head small{color:#748396!important}
html[data-studio-theme="dark"] .sticker-routing-option-card .sticker-route-editor{border-top-color:#2b3744!important}
html[data-studio-theme="dark"] .sticker-routing-add{
  background:#151d28!important;
  border:1px dashed #425064!important;
  color:#a69aff!important;
}
html[data-studio-theme="dark"] .sticker-routing-add:hover{background:#1b2431!important;border-color:#6655c9!important;color:#c1b8ff!important}
html[data-studio-theme="dark"] .sticker-routing-add>span{background:#221f3b!important;color:#a995ff!important}
html[data-studio-theme="dark"] .sticker-routing-wait-note{background:#11221b!important;border-color:#274f3c!important}
html[data-studio-theme="dark"] .sticker-routing-wait-note strong{color:#dce8e2!important}
html[data-studio-theme="dark"] .sticker-routing-wait-note small{color:#71847a!important}

/* 0.9.46.9 · Centro de descargas · paridad visual con modo oscuro del Studio */
html[data-studio-theme="dark"] .download-center-pdf-row{
  background:#111923;
  border-color:#2d3947;
  color:#e6edf5;
  opacity:.68;
}
html[data-studio-theme="dark"] .download-center-pdf-row.is-active{
  background:#141d28;
  border-color:rgba(124,103,242,.48);
  opacity:1;
}
html[data-studio-theme="dark"] .download-center-pdf-check{
  background:#0d151e;
  border-color:#344150;
  color:transparent;
}
html[data-studio-theme="dark"] .download-center-pdf-check.is-on{
  background:#6d4aff;
  border-color:#6d4aff;
  color:#fff;
}
html[data-studio-theme="dark"] .download-center-pdf-row strong{color:#e6edf5}
html[data-studio-theme="dark"] .download-center-pdf-row small{color:#7f8ea1}
html[data-studio-theme="dark"] .download-center-pdf-row input{
  background:#0d151e;
  border-color:#2d3947;
  color:#e6edf5;
}
html[data-studio-theme="dark"] .download-center-pdf-row input::placeholder{color:#5f6f82}
html[data-studio-theme="dark"] .download-center-pdf-row input:focus{
  border-color:#806bf1;
  box-shadow:0 0 0 3px rgba(109,74,255,.10);
  outline:0;
}
html[data-studio-theme="dark"] .download-center-empty{
  background:#111923;
  border-color:#344150;
}
html[data-studio-theme="dark"] .download-center-empty strong{color:#dfe7f0}
html[data-studio-theme="dark"] .download-center-empty small{color:#7f8ea1}


/* v0.9.46.11 · Nueva campaña / reinicio no destructivo de métricas */
.campaign-reset-all{min-height:34px!important;border-radius:999px!important;padding-inline:12px!important;font-size:9px!important;gap:6px!important}
.campaign-reset-all svg{width:13px!important;height:13px!important}
.campaign-reset-trigger{color:#6d4aff!important}
.campaign-reset-trigger:hover{background:#f5f1ff!important;border-color:#d8ceff!important}
.funnel-card-meta-row>span{display:grid;gap:2px}
.funnel-card-meta-row .campaign-reset-stamp{text-align:right}
.funnel-card-meta-row .campaign-reset-stamp strong{color:#6d4aff!important}
.campaign-reset-modal-card{width:min(430px,100%)!important;text-align:left}
.campaign-reset-modal-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#f1ecff;color:#6d4aff;margin-bottom:13px}
.campaign-reset-modal-icon svg{width:19px;height:19px}
.campaign-reset-safe{display:flex;gap:10px;align-items:flex-start;border:1px solid #dfeee6;background:#f5fbf8;border-radius:14px;padding:12px;margin:16px 0 18px}
.campaign-reset-safe>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#e5f7ed;color:#10a861;flex:0 0 30px}
.campaign-reset-safe>span svg{width:15px;height:15px}
.campaign-reset-safe strong,.campaign-reset-safe small{display:block}.campaign-reset-safe strong{font-size:10px;color:#244338}.campaign-reset-safe small{font-size:8.5px;line-height:1.45;color:#6e827a;margin-top:2px}
.campaign-reset-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:8px}
.tracking-campaign-scope{display:inline-flex;align-items:center;gap:6px;min-height:27px;padding:0 8px;border:1px solid #e1dafd;border-radius:999px;background:#faf8ff;color:#6d4aff;font-size:8px;font-weight:800}
.tracking-campaign-scope svg{width:12px;height:12px}.tracking-campaign-scope b{font-weight:900}.tracking-campaign-scope a{padding-left:6px;border-left:1px solid #ddd4ff;color:#5d43d7;text-decoration:none}.tracking-campaign-scope.is-history{background:#f6f8fb;color:#677487;border-color:#e1e6ed}.tracking-campaign-scope.is-history a{border-color:#dde3ea;color:#4b607a}
html[data-studio-theme="dark"] .campaign-reset-trigger{color:#9f8cff!important}
html[data-studio-theme="dark"] .campaign-reset-trigger:hover{background:#211c3a!important;border-color:#4c3d7c!important}
html[data-studio-theme="dark"] .funnel-card-meta-row .campaign-reset-stamp strong{color:#a996ff!important}
html[data-studio-theme="dark"] .campaign-reset-modal-card{background:#121c27!important;border:1px solid #293746!important}
html[data-studio-theme="dark"] .campaign-reset-modal-icon{background:#211c3a;color:#a996ff}
html[data-studio-theme="dark"] .campaign-reset-safe{background:#12251d;border-color:#254536}
html[data-studio-theme="dark"] .campaign-reset-safe>span{background:#19392a;color:#42d591}
html[data-studio-theme="dark"] .campaign-reset-safe strong{color:#d8efe4}
html[data-studio-theme="dark"] .campaign-reset-safe small{color:#879a91}
html[data-studio-theme="dark"] .tracking-campaign-scope{background:#211c3a;border-color:#40336a;color:#ab9aff}
html[data-studio-theme="dark"] .tracking-campaign-scope a{border-color:#4b3c79;color:#c0b4ff}
html[data-studio-theme="dark"] .tracking-campaign-scope.is-history{background:#17212c;border-color:#2b3948;color:#91a0b0}
html[data-studio-theme="dark"] .tracking-campaign-scope.is-history a{border-color:#344455;color:#b6c3d0}
@media(max-width:760px){.section-title-row{align-items:flex-end}.campaign-reset-all{min-height:31px!important;padding-inline:9px!important}.campaign-reset-actions{grid-template-columns:1fr}.tracking-campaign-scope{width:100%;justify-content:space-between;border-radius:12px;padding:7px 9px}}

/* v0.9.46.12 · campaña reversible + inicio por fecha */
.campaign-reset-stamp{appearance:none;border:0;background:transparent;padding:0;display:grid;gap:2px;text-align:right;cursor:pointer;font:inherit}
.campaign-reset-stamp:hover strong{text-decoration:underline;text-underline-offset:2px}
.campaign-reset-when{display:grid;gap:8px;margin:15px 0 0}
.campaign-reset-label{font-size:8px;font-weight:900;color:#6b7787}
.campaign-reset-segmented{display:grid!important;grid-template-columns:repeat(3,1fr);padding:4px!important;border-radius:13px!important}
.campaign-reset-segmented button{min-height:35px;border:0;border-radius:10px;background:transparent;font-size:8.5px;font-weight:900;cursor:pointer}
.campaign-date-panel{border:1px solid #e1e7ee;background:#fff;border-radius:14px;padding:11px;margin-top:1px}
.campaign-date-panel[hidden]{display:none!important}
.campaign-calendar-nav{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;margin-bottom:8px}
.campaign-calendar-nav strong{text-align:center;font-size:9px;color:#213753}
.campaign-calendar-nav button{width:32px;height:32px;border:1px solid #e0e6ed;background:#f6f8fb;border-radius:10px;display:grid;place-items:center;color:#728196;cursor:pointer}
.campaign-calendar-nav button:first-child svg{transform:rotate(180deg)}
.campaign-calendar-nav button svg{width:13px;height:13px}.campaign-calendar-nav button:disabled{opacity:.28;cursor:not-allowed}
.campaign-calendar-week,.campaign-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.campaign-calendar-week span{text-align:center;color:#8b98a8;font-size:6.5px;font-weight:900;padding:2px 0 4px}
.campaign-calendar-grid>span,.campaign-calendar-grid button{height:31px}
.campaign-calendar-grid button{border:0;border-radius:9px;background:transparent;color:#263b56;font-size:8px;font-weight:900;cursor:pointer}
.campaign-calendar-grid button:hover{background:#f3f0ff;color:#6d4aff}.campaign-calendar-grid button.is-active{background:#6d4aff;color:#fff;box-shadow:0 6px 14px rgba(109,74,255,.20)}
.campaign-calendar-grid button.is-today:not(.is-active){color:#6d4aff}.campaign-calendar-grid button:disabled{opacity:.22;cursor:not-allowed;background:transparent}
.campaign-date-picked{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0f4;margin-top:8px;padding-top:8px}
.campaign-date-picked small{font-size:7.5px;color:#8794a4}.campaign-date-picked strong{font-size:9px;color:#6d4aff}
.campaign-reset-restore{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #f0dfce;background:#fff9f2;border-radius:13px;padding:10px 11px;margin:10px 0 14px}
.campaign-reset-restore[hidden]{display:none!important}.campaign-reset-restore>div{min-width:0}.campaign-reset-restore strong,.campaign-reset-restore small{display:block}.campaign-reset-restore strong{font-size:8.5px;color:#64472d}.campaign-reset-restore small{font-size:7.5px;color:#94775d;margin-top:2px;line-height:1.35}.campaign-reset-restore .btn{flex:0 0 auto;min-height:32px!important;font-size:7.5px!important;padding-inline:10px!important}
html[data-studio-theme="dark"] .campaign-reset-label{color:#7f8ea1}
html[data-studio-theme="dark"] .campaign-date-panel{background:#0f1721;border-color:#293746}
html[data-studio-theme="dark"] .campaign-calendar-nav strong{color:#dce5ee}
html[data-studio-theme="dark"] .campaign-calendar-nav button{background:#17212d;border-color:#2d3a48;color:#91a0b1}
html[data-studio-theme="dark"] .campaign-calendar-grid button{color:#c7d1dc}
html[data-studio-theme="dark"] .campaign-calendar-grid button:hover{background:#211c3a;color:#a996ff}
html[data-studio-theme="dark"] .campaign-calendar-grid button.is-active{background:#7d63f2;color:#fff}
html[data-studio-theme="dark"] .campaign-calendar-grid button.is-today:not(.is-active){color:#a996ff}
html[data-studio-theme="dark"] .campaign-date-picked{border-color:#293746}.campaign-date-picked strong{color:#8b74f6}
html[data-studio-theme="dark"] .campaign-reset-restore{background:#241d17;border-color:#493726}
html[data-studio-theme="dark"] .campaign-reset-restore strong{color:#efd8c1}html[data-studio-theme="dark"] .campaign-reset-restore small{color:#a98f78}
@media(max-width:560px){.campaign-reset-segmented{grid-template-columns:1fr!important}.campaign-reset-restore{align-items:stretch;flex-direction:column}.campaign-reset-restore .btn{width:100%}.campaign-calendar-grid>span,.campaign-calendar-grid button{height:35px}}

/* Dalu 0.9.46.14 · Editar móvil como icono limpio, sin botón verde */
.funnel-edit-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;white-space:nowrap;overflow:hidden}
.funnel-edit-icon{display:grid;place-items:center;flex:0 0 auto;color:#ff7146}
.funnel-edit-icon svg{display:block;width:18px;height:18px}
@media (max-width:720px){
  .funnel-card-footer-v4 .funnel-quick-actions{min-width:0}
  .funnel-card-footer-v4 .funnel-edit-button{
    width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;
    padding:0!important;margin:0!important;flex:0 0 48px!important;
    background:transparent!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;color:#ff6d43!important;
  }
  .funnel-card-footer-v4 .funnel-edit-button:hover,
  .funnel-card-footer-v4 .funnel-edit-button:focus,
  .funnel-card-footer-v4 .funnel-edit-button:active{
    background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;
  }
  .funnel-card-footer-v4 .funnel-edit-button .funnel-edit-label{display:none!important}
  .funnel-card-footer-v4 .funnel-edit-button .funnel-edit-icon{color:#ff6d43!important}
  .funnel-card-footer-v4 .funnel-edit-button .funnel-edit-icon svg{width:25px;height:25px;stroke-width:1.85}
}

/* ========================================================================== 
   Dalu 0.9.46.17 · Responsive real del Studio + acciones compactas
   - Escritorio: Editar vuelve a texto limpio, sin icono.
   - La barra lateral puede desplazarse verticalmente cuando el zoom reduce
     la altura útil del navegador.
   - Breakpoints intermedios para portátiles/zoom 110–120%.
   - Ventanas y tarjetas nunca deben desbordar el viewport.
   ========================================================================== */

/* La navegación no puede quedar cortada por la altura del navegador. */
.app-sidebar{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-width:none;
}
.app-sidebar::-webkit-scrollbar{width:0;height:0}
.sidebar-spacer{min-height:12px}

/* Todas las zonas principales aceptan encogerse sin empujar el viewport. */
.app-shell,.app-main,.page-content,.funnel-grid,.funnel-card,.funnel-card-body,
.settings-grid,.tracking-dashboard-v2,.library-grid{min-width:0!important}
.page-content{max-width:100%!important}
.funnel-card{max-width:100%!important}

/* Escritorio: el CTA Editar es solo texto. El lápiz queda reservado a móvil. */
@media (min-width:721px){
  .funnel-card-footer-v4 .funnel-edit-button .funnel-edit-icon{display:none!important}
  .funnel-card-footer-v4 .funnel-edit-button{
    min-width:62px!important;
    min-height:30px!important;
    padding:0 12px!important;
    gap:0!important;
    font-size:9.5px!important;
    border-radius:999px!important;
  }
  .funnel-card-footer-v4 .funnel-edit-button .funnel-edit-label{display:inline!important}
  .funnel-card-footer-v4 .funnel-quick-actions{gap:4px!important;flex-wrap:nowrap!important}
  .funnel-card-footer-v4 .funnel-icon-action{
    width:29px!important;height:29px!important;flex:0 0 29px!important
  }
  .funnel-card-footer-v4 .funnel-icon-action svg{width:13px!important;height:13px!important}
}

/* 1366px / portátiles: gana aire sin convertir todavía la app en móvil. */
@media (max-width:1320px) and (min-width:1025px){
  .app-shell{grid-template-columns:210px minmax(0,1fr)!important}
  .app-sidebar{width:210px!important;padding-left:11px!important;padding-right:11px!important}
  .app-main{grid-column:2!important}
  .page-content{padding-left:22px!important;padding-right:22px!important}
  .sidebar-item{padding-left:10px!important;padding-right:10px!important;gap:10px!important}
  .funnel-grid-v4{gap:13px!important}
}

/* En ancho intermedio no forzamos tres tarjetas apretadas. */
@media (max-width:1180px) and (min-width:1025px){
  .funnel-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Portátiles pequeños o zoom alto: pasa al shell compacto con menú lateral. */
@media (max-width:1024px){
  .app-shell{display:block!important}
  .app-main{width:100%!important;min-width:0!important}
  .app-sidebar{
    width:min(280px,86vw)!important;
    transform:translateX(-105%);
    transition:transform .25s ease!important;
  }
  .app-sidebar.is-open{transform:none!important}
  .mobile-menu{display:grid!important}
  .app-topbar{padding-left:16px!important;padding-right:16px!important}
  .page-content{padding-left:16px!important;padding-right:16px!important}
  .funnel-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Cuando ya no caben dos tarjetas, una sola columna real. */
@media (max-width:760px){
  .funnel-grid-v4{grid-template-columns:minmax(0,1fr)!important}
}

/* Modales/ventanas: jamás quedar fuera del viewport al usar zoom. */
.modal-card,
.settings-config-window,
.meta-config-window,
.campaign-reset-modal-card{
  max-width:calc(100vw - 24px)!important;
  max-height:calc(100dvh - 24px)!important;
  overflow-y:auto;
  overscroll-behavior:contain;
}

/* Contenedores horizontales conservan contenido mediante scroll local,
   nunca ensanchando la aplicación completa. */
.filter-row,
.funnel-table,
.tracking-simple-table,
.tracking-kpis-v2,
.tracking-kpis-intelligence{
  max-width:100%!important;
}

/* A 100%/110% las acciones de una tarjeta nunca deben escaparse por los lados. */
.funnel-card-footer-v4{min-width:0!important}
.funnel-card-footer-v4 .funnel-quick-actions{max-width:100%!important;min-width:0!important}

/* En alturas pequeñas (muy común con zoom 120%) compactamos el sidebar sin
   ocultar entradas: sigue teniendo scroll si todavía no entra completo. */
@media (max-height:760px) and (min-width:1025px){
  .app-sidebar{padding-top:10px!important;padding-bottom:10px!important}
  .sidebar-brand{height:40px!important;margin-bottom:9px!important}
  .workspace-switch{height:42px!important;margin-bottom:10px!important}
  .sidebar-nav{gap:2px!important}
  .sidebar-item{min-height:38px!important}
  .sidebar-user{padding-top:8px!important;padding-bottom:8px!important}
}

/* ========================================================================== 
   Dalu 0.9.46.120 · Lectura cómoda + tarjetas estables al usar zoom
   ========================================================================== */

/* El zoom del navegador ya no decide bruscamente entre tres y dos tarjetas.
   En equipos con mouse conservamos la densidad y dejamos que cada tarjeta
   reorganice su interior cuando su contenedor se estrecha. */
.funnel-grid-v4{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start;
}
.funnel-card-v4{container-type:inline-size}
.funnel-preview-v4{height:clamp(132px,13vw,176px)!important}
.funnel-chat-mini{
  width:min(220px,62%)!important;
  height:auto!important;
  aspect-ratio:206/148;
  margin-top:0!important;
}

@media (min-width:1580px){
  .funnel-grid-v4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* Portátiles y zoom de escritorio: mantenemos una barra compacta y tres
   columnas; así aumentar el texto no convierte cada landing en un bloque
   de media pantalla. */
@media (max-width:1024px) and (min-width:701px) and (pointer:fine){
  .app-shell{display:grid!important;grid-template-columns:190px minmax(0,1fr)!important}
  .app-sidebar{width:190px!important;transform:none!important;padding-left:10px!important;padding-right:10px!important}
  .app-main{grid-column:2!important;width:auto!important}
  .mobile-menu{display:none!important}
  .page-content{padding-left:16px!important;padding-right:16px!important}
  .sidebar-item{padding-inline:9px!important;gap:9px!important}
  .funnel-grid-v4{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
}

/* En pantallas táctiles respetamos tarjetas más amplias; en escritorio con
   zoom alto todavía caben dos sin inflarlas a todo el ancho. */
@media (max-width:1024px) and (pointer:coarse){
  .funnel-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:760px) and (pointer:coarse){
  .funnel-grid-v4{grid-template-columns:minmax(0,1fr)!important}
}
@media (max-width:700px) and (pointer:fine){
  .funnel-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:520px){
  .funnel-grid-v4{grid-template-columns:minmax(0,1fr)!important}
}

/* Cuando una tarjeta se estrecha, el CTA ocupa su propia línea y los iconos
   siguen siendo cómodos sin escaparse por los lados. */
@container (max-width:330px){
  .funnel-card-v4 .funnel-card-body{padding:14px!important}
  .funnel-card-v4 .funnel-card-footer-v4{display:block!important}
  .funnel-card-v4 .funnel-quick-actions{display:grid!important;grid-template-columns:repeat(7,minmax(29px,1fr));gap:5px 4px!important;width:100%!important}
  .funnel-card-v4 .funnel-icon-action{justify-self:center}
  .funnel-card-v4 .funnel-edit-button{grid-column:1/-1;width:100%!important;margin-top:4px}
}

/* En compactación extrema, los datos pasan a dos filas y las acciones a una
   matriz de cuatro columnas. No se recorta ningún texto ni botón. */
@container (max-width:260px){
  .funnel-card-v4 .funnel-metrics-v4{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-block:8px!important}
  .funnel-card-v4 .funnel-metrics-v4 span{padding:7px 3px!important}
  .funnel-card-v4 .funnel-metrics-v4 span:nth-child(2){border-right:0!important}
  .funnel-card-v4 .funnel-metrics-v4 span:nth-child(n+3){border-top:1px solid #eef0f4}
  .funnel-card-v4 .funnel-card-meta-row{align-items:flex-start;flex-wrap:wrap;padding-block:5px;row-gap:7px}
  .funnel-card-v4 .campaign-reset-stamp{text-align:left}
  .funnel-card-v4 .funnel-quick-actions{display:grid!important;grid-template-columns:repeat(4,minmax(29px,1fr));gap:5px 4px!important;width:100%!important}
  html[data-studio-theme="dark"] .funnel-card-v4 .funnel-metrics-v4 span:nth-child(n+3){border-top-color:#26313d}
}

/* Escala base legible del panel principal. Las miniaturas conservan su escala
   porque son una representación visual, no contenido que el usuario deba leer. */
.section-title-row p{font-size:11.5px!important;line-height:1.4}
.stat-row small{font-size:10.5px!important;line-height:1.3}
.funnel-card-v4 .status-pill{font-size:9.5px!important;line-height:1.2}
.funnel-card-v4 .funnel-title-row h3{font-size:16px!important;line-height:1.25}
.funnel-card-v4 .funnel-title-row p{font-size:10.5px!important;line-height:1.35}
.funnel-card-v4 .funnel-metrics-v4 strong{font-size:13.5px!important;line-height:1.2}
.funnel-card-v4 .funnel-metrics-v4 small{font-size:9.5px!important;line-height:1.3;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.funnel-card-v4 .funnel-card-meta-row small{font-size:9px!important;line-height:1.25!important}
.funnel-card-v4 .funnel-card-meta-row strong{font-size:10px!important;line-height:1.25!important}
.funnel-card-v4 .funnel-edit-button{font-size:10.5px!important}
.idea-strip strong{font-size:12px!important;line-height:1.3}
.idea-strip small{font-size:10px!important;line-height:1.4}

/* Control Aa: aumenta únicamente el texto del panel. Es la alternativa a
   ampliar toda la página y conserva la preferencia en el navegador. */
.studio-text-toggle>span{
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.07em;
}
.studio-text-toggle[aria-pressed="true"]{
  border-color:rgba(109,74,255,.34)!important;
  background:#f2efff!important;
  color:#6848f4!important;
  box-shadow:0 0 0 3px rgba(109,74,255,.07);
}
html[data-studio-theme="dark"] .studio-text-toggle[aria-pressed="true"]{
  border-color:#59488c!important;
  background:#211d35!important;
  color:#b5a5ff!important;
}

html[data-studio-text="large"] .topbar-title strong{font-size:15px!important}
html[data-studio-text="large"] .workspace-switch span:nth-child(2){font-size:14px!important}
html[data-studio-text="large"] .sidebar-item{font-size:14.5px!important}
html[data-studio-text="large"] .sidebar-user strong{font-size:13px!important}
html[data-studio-text="large"] .sidebar-user small{font-size:11px!important}
html[data-studio-text="large"] .page-heading p{font-size:14px!important;line-height:1.5}
html[data-studio-text="large"] .section-title-row p{font-size:13px!important}
html[data-studio-text="large"] .stat-row small{font-size:12px!important}
html[data-studio-text="large"] .funnel-card-v4 .status-pill{font-size:10.5px!important}
html[data-studio-text="large"] .funnel-card-v4 .funnel-title-row h3{font-size:17px!important}
html[data-studio-text="large"] .funnel-card-v4 .funnel-title-row p{font-size:12px!important}
html[data-studio-text="large"] .funnel-card-v4 .funnel-metrics-v4 strong{font-size:15px!important}
html[data-studio-text="large"] .funnel-card-v4 .funnel-metrics-v4 small{font-size:11px!important}
html[data-studio-text="large"] .funnel-card-v4 .funnel-card-meta-row small{font-size:10.5px!important}
html[data-studio-text="large"] .funnel-card-v4 .funnel-card-meta-row strong{font-size:11.5px!important}
html[data-studio-text="large"] .funnel-card-v4 .funnel-edit-button{font-size:11.5px!important}
html[data-studio-text="large"] .idea-strip strong{font-size:13px!important}
html[data-studio-text="large"] .idea-strip small{font-size:11.5px!important}

@media (max-width:560px){
  .topbar-actions{gap:7px!important}
  .topbar-actions .icon-btn{width:36px;height:36px}
}