.elementor-541 .elementor-element.elementor-element-23dc03e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-541 .elementor-element.elementor-element-fad9aac:not(.elementor-motion-effects-element-type-background), .elementor-541 .elementor-element.elementor-element-fad9aac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-541 .elementor-element.elementor-element-fad9aac{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-541 .elementor-element.elementor-element-fad9aac > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-541 .elementor-element.elementor-element-8331f30:not(.elementor-motion-effects-element-type-background), .elementor-541 .elementor-element.elementor-element-8331f30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-541 .elementor-element.elementor-element-8331f30{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:50px 0px 50px 0px;}.elementor-541 .elementor-element.elementor-element-8331f30 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-541 .elementor-element.elementor-element-ae5cd45{text-align:center;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-2235955 */```css
/* ======================================
   MOREJUICE FEST DASHBOARD V5
====================================== */

html,
body{
    margin:0;
    padding:0;
    background:#000;
}

/* CONTENEDOR */

#mj-dashboard{

    width:100%;
    min-height:100vh;

    background:#000;
    color:#fff;

    padding:30px;

    box-sizing:border-box;

    font-family:
        Inter,
        Arial,
        sans-serif;
}

/* FULL WIDTH ELEMENTOR */

.elementor-section,
.elementor-container,
.elementor-widget-container{

    max-width:100% !important;
}

/* HEADER */

.mj-header{

    text-align:center;

    margin-bottom:40px;
}

.mj-header h1{

    font-size:72px;

    font-weight:900;

    margin:0 0 25px;

    color:#fff;

    letter-spacing:2px;
}

/* BOTONES */

.mj-actions{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:12px;
}

.mj-btn{

    background:#ff6a00;

    color:#fff;

    border:none;

    border-radius:12px;

    padding:14px 20px;

    cursor:pointer;

    font-size:14px;

    font-weight:700;

    transition:.25s ease;
}

.mj-btn:hover{

    transform:translateY(-2px);

    opacity:.92;
}

.mj-btn-secondary{

    background:#222;
}

.mj-btn-danger{

    background:#8b1f00;
}

/* KPIS */

.mj-kpis{

    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(220px,1fr));

    gap:20px;

    margin-bottom:30px;
}

.mj-card{

    background:#111;

    border:1px solid #222;

    border-radius:20px;

    padding:25px;

    text-align:center;

    transition:.3s;
}

.mj-card:hover{

    border-color:#ff6a00;
}

.mj-value{

    font-size:42px;

    font-weight:900;

    color:#ff6a00;
}

.mj-label{

    margin-top:10px;

    font-size:12px;

    letter-spacing:1px;

    color:#999;
}

/* PANEL */

.mj-panel{

    background:#111;

    border:1px solid #222;

    border-radius:20px;

    padding:25px;

    margin-bottom:25px;
}

.mj-panel h2{

    margin-top:0;

    margin-bottom:20px;

    font-size:28px;

    color:#fff;
}

/* GRID */

.mj-grid-2{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:20px;

    margin-bottom:25px;
}

/* GRAFICAS */

.chart-container{

    position:relative;

    width:100%;

    height:400px;
}

#historicoChart,
#zonasChart,
#canalesChart{

    width:100% !important;

    height:100% !important;
}

/* TABLAS */

.mj-table-wrapper{

    overflow-x:auto;
}

.mj-table{

    width:100%;

    border-collapse:collapse;
}

.mj-table th{

    background:#1c1c1c;

    color:#ff6a00;

    padding:14px;

    border:1px solid #333;

    font-size:13px;
}

.mj-table td{

    padding:14px;

    border:1px solid #333;

    text-align:center;

    color:#ddd;
}

.mj-table tbody tr:hover{

    background:#171717;
}

/* SCROLL */

.mj-table-wrapper::-webkit-scrollbar{

    height:8px;
}

.mj-table-wrapper::-webkit-scrollbar-thumb{

    background:#ff6a00;

    border-radius:10px;
}

/* RESPONSIVE TABLET */

@media(max-width:992px){

    .mj-grid-2{

        grid-template-columns:1fr;
    }

    .chart-container{

        height:340px;
    }

}

/* RESPONSIVE MOVIL */

@media(max-width:768px){

    #mj-dashboard{

        padding:15px;
    }

    .mj-header h1{

        font-size:42px;
    }

    .mj-kpis{

        grid-template-columns:
            repeat(2,1fr);
    }

    .mj-value{

        font-size:28px;
    }

    .mj-panel h2{

        font-size:22px;
    }

    .chart-container{

        height:280px;
    }

}

/* MOVIL PEQUEÑO */

@media(max-width:480px){

    .mj-kpis{

        grid-template-columns:1fr;
    }

    .mj-actions{

        flex-direction:column;
    }

    .mj-btn{

        width:100%;
    }

    .mj-header h1{

        font-size:34px;
    }

@media (max-width:768px){

    .mj-grid-2{
        display:none;
    }

}
```/* End custom CSS */