:root{
    --bg:#080706;
    --panel:#11100e;
    --line:rgba(255,255,255,.09);
    --orange:#f49a62;
    --text:#fffaf6;
    --muted:#b6a59c;
}

*{
    box-sizing:border-box;
}

html,body{
    margin:0;
    min-height:100%;
    color:var(--text);
    background:
        radial-gradient(
            circle at 78% -5%,
            rgba(244,154,98,.11),
            transparent 32%
        ),
        var(--bg);
    font-family:
        Inter,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
}

a{
    color:inherit;
}

.biz-topbar{
    width:min(1400px,calc(100% - 48px));
    min-height:100px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid var(--line);
}

.biz-logo img{
    width:145px;
    display:block;
}

.biz-topbar nav{
    display:flex;
    gap:9px;
    align-items:center;
}

.biz-topbar nav a{
    padding:12px 15px;
    border-radius:11px;
    color:#c8b9b0;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
}

.biz-topbar .biz-nav-primary{
    color:#fff;
    border:1px solid rgba(244,154,98,.3);
    background:rgba(244,154,98,.08);
}

main{
    width:min(1280px,calc(100% - 48px));
    margin:auto;
    padding:64px 0 100px;
}

.biz-eyebrow{
    color:var(--orange);
    font-size:10px;
    font-weight:950;
    letter-spacing:.18em;
}

.biz-hero{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);
    gap:55px;
    align-items:end;
    margin-bottom:48px;
}

.biz-hero h1{
    max-width:800px;
    margin:10px 0 16px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(58px,7vw,96px);
    font-weight:400;
    line-height:.9;
    letter-spacing:-.055em;
}

.biz-hero h1 em{
    display:block;
    color:var(--orange);
    font-style:normal;
}

.biz-hero > div > p{
    max-width:680px;
    margin:0;
    color:#c9bab1;
    font-size:16px;
    line-height:1.7;
}

.biz-hero aside{
    padding:25px;
    border:1px solid rgba(244,154,98,.2);
    border-radius:22px;
    background:
        linear-gradient(
            145deg,
            rgba(244,154,98,.08),
            rgba(255,255,255,.015)
        );
}

.biz-hero aside small{
    display:block;
    margin-bottom:10px;
    color:var(--orange);
    font-size:9px;
    font-weight:900;
    letter-spacing:.16em;
}

.biz-hero aside strong{
    display:block;
    font-family:Georgia,serif;
    font-size:25px;
    font-weight:500;
}

.biz-hero aside p{
    margin:10px 0 0;
    color:var(--muted);
    line-height:1.6;
}

.biz-alerts{
    display:grid;
    gap:8px;
    margin-bottom:18px;
}

.biz-alert{
    padding:14px 16px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#15110e;
}

.biz-alert.error{
    color:#ffcaca;
    border-color:rgba(220,73,73,.35);
}

.biz-alert.success{
    color:#bdeecf;
    border-color:rgba(71,190,118,.35);
}

.biz-auth{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:34px;
    align-items:center;
    padding:32px;
    border:1px solid rgba(244,154,98,.23);
    border-radius:24px;
    background:
        linear-gradient(
            135deg,
            rgba(244,154,98,.085),
            rgba(255,255,255,.02)
        );
}

.biz-auth h2{
    max-width:650px;
    margin:8px 0;
    font-family:Georgia,serif;
    font-size:35px;
    font-weight:500;
}

.biz-auth p{
    max-width:690px;
    margin:0;
    color:var(--muted);
    line-height:1.65;
}

.biz-auth-buttons{
    min-width:235px;
    display:grid;
    gap:9px;
}

.biz-button{
    min-height:50px;
    display:grid;
    place-items:center;
    padding:0 18px;
    border-radius:12px;
    text-decoration:none;
    font-size:13px;
    font-weight:900;
}

.biz-button.primary{
    color:#1d0d05;
    background:
        linear-gradient(
            135deg,
            #ffb17d,
            #ef8c52
        );
}

.biz-button.secondary{
    color:#fff;
    border:1px solid var(--line);
    background:rgba(255,255,255,.04);
}

.biz-benefits{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin-top:18px;
}

.biz-benefits article{
    padding:23px;
    border:1px solid var(--line);
    border-radius:18px;
    background:rgba(255,255,255,.02);
}

.biz-benefits article > span{
    color:var(--orange);
    font-family:Georgia,serif;
}

.biz-benefits h3{
    margin:18px 0 8px;
    font-family:Georgia,serif;
    font-size:23px;
    font-weight:500;
}

.biz-benefits p{
    margin:0;
    color:var(--muted);
    font-size:13px;
    line-height:1.6;
}

.biz-account{
    margin-bottom:16px;
    padding:17px 21px;
    border:1px solid var(--line);
    border-radius:15px;
    background:rgba(255,255,255,.025);
}

.biz-account span,
.biz-account strong,
.biz-account small{
    display:block;
}

.biz-account span{
    color:var(--orange);
    font-size:9px;
    font-weight:900;
    letter-spacing:.16em;
}

.biz-account strong{
    margin-top:5px;
    font-family:Georgia,serif;
    font-size:24px;
}

.biz-account small{
    margin-top:3px;
    color:var(--muted);
}

.biz-form{
    display:grid;
    gap:15px;
}

.biz-card{
    display:grid;
    grid-template-columns:58px minmax(230px,.65fr) minmax(0,1.35fr);
    gap:22px;
    padding:27px;
    border:1px solid var(--line);
    border-radius:22px;
    background:rgba(255,255,255,.025);
}

.biz-step{
    width:43px;
    height:43px;
    display:grid;
    place-items:center;
    border:1px solid rgba(244,154,98,.26);
    border-radius:50%;
    color:var(--orange);
    font-family:Georgia,serif;
}

.biz-card-copy h2{
    margin:7px 0;
    font-family:Georgia,serif;
    font-size:29px;
    font-weight:500;
}

.biz-card-copy p{
    max-width:370px;
    margin:0;
    color:var(--muted);
    font-size:12px;
    line-height:1.65;
}

.biz-fields{
    display:grid;
    gap:13px;
}

.biz-fields.two{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.biz-fields.three{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.biz-fields .full{
    grid-column:1/-1;
}

.biz-fields label > span{
    display:block;
    margin-bottom:7px;
    color:#c8b8af;
    font-size:11px;
    font-weight:800;
}

.biz-fields input,
.biz-fields select,
.biz-fields textarea,
.biz-hour input{
    width:100%;
    color:#fff;
    background:#0b0907;
    border:1px solid rgba(255,255,255,.12);
    border-radius:11px;
    outline:0;
    font:inherit;
}

.biz-fields input,
.biz-fields select{
    height:47px;
    padding:0 13px;
}

.biz-fields textarea{
    padding:13px;
    resize:vertical;
}

.biz-fields input:focus,
.biz-fields select:focus,
.biz-fields textarea:focus,
.biz-hour input:focus{
    border-color:rgba(244,154,98,.75);
    box-shadow:0 0 0 3px rgba(244,154,98,.08);
}

.biz-photo-layout{
    display:grid;
    grid-template-columns:220px 1fr;
    gap:20px;
    align-items:center;
}

.biz-photo-picker input{
    display:none;
}

.biz-photo-preview{
    width:220px;
    aspect-ratio:1;
    display:grid;
    place-items:center;
    overflow:hidden;
    color:var(--orange);
    background:#0b0907;
    border:1px dashed rgba(244,154,98,.45);
    border-radius:18px;
    cursor:pointer;
}

.biz-photo-preview img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.biz-muted{
    color:var(--muted);
}

.biz-location{
    min-width:0;
}

.biz-location-actions{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:12px;
}

.biz-location-actions button{
    min-height:42px;
    padding:0 14px;
    color:#fff;
    background:rgba(244,154,98,.08);
    border:1px solid rgba(244,154,98,.3);
    border-radius:10px;
    font-weight:850;
    cursor:pointer;
}

.biz-location-actions span{
    color:var(--muted);
    font-size:12px;
}

.biz-map{
    min-height:360px;
    overflow:hidden;
    background:#0b0907;
    border:1px solid var(--line);
    border-radius:17px;
}

.biz-hours{
    display:grid;
    gap:5px;
}

.biz-hour{
    display:grid;
    grid-template-columns:105px 92px 115px 18px 115px;
    gap:8px;
    align-items:center;
    padding:8px 0;
    border-bottom:1px solid rgba(255,255,255,.055);
}

.biz-hour strong{
    font-size:12px;
}

.biz-hour input[type="time"]{
    height:38px;
    padding:0 7px;
}

.biz-closed{
    display:flex;
    align-items:center;
    gap:6px;
    color:var(--muted);
    font-size:11px;
}

.biz-closed input{
    width:auto;
}

.biz-submit{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:28px;
    padding:28px;
    border:1px solid rgba(244,154,98,.23);
    border-radius:22px;
    background:
        linear-gradient(
            135deg,
            rgba(244,154,98,.085),
            rgba(255,255,255,.015)
        );
}

.biz-submit strong{
    display:block;
    margin-top:7px;
    font-family:Georgia,serif;
    font-size:24px;
    font-weight:500;
}

.biz-submit p{
    max-width:590px;
    margin:7px 0 0;
    color:var(--muted);
}

.biz-submit button{
    min-height:54px;
    padding:0 22px;
    color:#1b0c05;
    background:
        linear-gradient(
            135deg,
            #ffb17d,
            #ef8c52
        );
    border:0;
    border-radius:13px;
    font:inherit;
    font-weight:950;
    cursor:pointer;
}

.owner-hero{
    max-width:760px;
    margin-bottom:36px;
}

.owner-hero h1{
    margin:8px 0;
    font-family:Georgia,serif;
    font-size:clamp(46px,6vw,75px);
    font-weight:400;
    letter-spacing:-.045em;
}

.owner-hero p{
    color:var(--muted);
}

.owner-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:15px;
}

.owner-card,
.owner-empty{
    overflow:hidden;
    padding:23px;
    background:rgba(255,255,255,.025);
    border:1px solid var(--line);
    border-radius:20px;
}

.owner-card-top{
    display:flex;
    justify-content:space-between;
    gap:12px;
    color:var(--muted);
    font-size:12px;
}

.owner-photo{
    width:100%;
    aspect-ratio:16/10;
    margin-top:18px;
    object-fit:cover;
    border-radius:14px;
}

.owner-card h2,
.owner-empty h2{
    margin:17px 0 8px;
    font-family:Georgia,serif;
    font-size:28px;
    font-weight:500;
}

.owner-card p,
.owner-empty p{
    color:var(--muted);
    line-height:1.6;
}

.owner-card footer{
    margin-top:20px;
    padding-top:17px;
    border-top:1px solid var(--line);
}

.owner-card footer a,
.owner-empty a{
    color:var(--orange);
    text-decoration:none;
    font-weight:850;
}

.owner-status{
    padding:5px 8px;
    border-radius:999px;
    font-size:10px;
}

.owner-status.pending{
    color:#ffd09a;
    background:rgba(255,178,94,.1);
}

.owner-status.live{
    color:#b5efca;
    background:rgba(69,194,120,.1);
}

.owner-status.draft{
    color:#c6b7af;
    background:rgba(255,255,255,.06);
}


@media(max-width:900px){

    .biz-hero{
        grid-template-columns:1fr;
        gap:22px;
    }

    .biz-auth{
        grid-template-columns:1fr;
    }

    .biz-auth-buttons{
        min-width:0;
    }

    .biz-benefits{
        grid-template-columns:1fr;
    }

    .biz-card{
        grid-template-columns:48px 1fr;
    }

    .biz-card > :nth-child(n+3){
        grid-column:1/-1;
    }

    .biz-fields.three{
        grid-template-columns:1fr;
    }
}


@media(max-width:640px){

    .biz-topbar{
        width:calc(100% - 28px);
        min-height:80px;
    }

    .biz-logo img{
        width:110px;
    }

    .biz-topbar nav > a:first-child{
        display:none;
    }

    main{
        width:calc(100% - 28px);
        padding-top:40px;
    }

    .biz-hero h1{
        font-size:55px;
    }

    .biz-auth{
        padding:22px;
    }

    .biz-auth h2{
        font-size:28px;
    }

    .biz-card{
        padding:19px;
        border-radius:17px;
    }

    .biz-fields.two{
        grid-template-columns:1fr;
    }

    .biz-photo-layout{
        grid-template-columns:1fr;
    }

    .biz-photo-preview{
        width:100%;
        max-width:320px;
    }

    .biz-location-actions{
        flex-direction:column;
        align-items:flex-start;
    }

    .biz-hour{
        grid-template-columns:1fr auto;
        padding:12px 0;
    }

    .biz-submit{
        flex-direction:column;
        align-items:stretch;
    }

    .biz-submit button{
        width:100%;
    }
}


/******************************************************************************
KUNI BUSINESS EXPERIENCE V20
******************************************************************************/

:root{
    --business-bg:#f4f6fa;
    --business-surface:#ffffff;
    --business-surface-soft:#fafbfc;
    --business-ink:#101828;
    --business-muted:#667085;
    --business-line:#e4e7ec;
    --business-orange:#f39a61;
    --business-orange-dark:#d9783f;
    --business-shadow:
        0 18px 60px rgba(16,24,40,.08);
}


/******************************************************************************
PUBLIC GATEWAY
******************************************************************************/

.business-gateway-body{
    margin:0;
    min-height:100vh;
    color:var(--business-ink);
    background:
        radial-gradient(
            circle at 83% 4%,
            rgba(243,154,97,.14),
            transparent 25%
        ),
        var(--business-bg);
    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

.business-gateway-nav{
    width:min(1440px,calc(100% - 56px));
    min-height:92px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid var(--business-line);
}

.business-gateway-logo img{
    width:118px;
    display:block;
}

.business-gateway-nav nav{
    display:flex;
    align-items:center;
    gap:9px;
}

.business-gateway-nav nav a{
    padding:11px 15px;
    border-radius:11px;
    color:#475467;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
}

.business-gateway-nav .gateway-login{
    color:var(--business-ink);
    border:1px solid var(--business-line);
    background:#fff;
}

.business-gateway{
    width:min(1320px,calc(100% - 56px));
    margin:auto;
    padding:74px 0 90px;
}

.gateway-hero{
    min-height:600px;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
    gap:70px;
    align-items:center;
}

.gateway-eyebrow,
.gateway-benefits header > span,
.gateway-process > div > span,
.gateway-final > span{
    color:var(--business-orange-dark);
    font-size:11px;
    font-weight:950;
    letter-spacing:.16em;
}

.gateway-copy h1{
    max-width:790px;
    margin:14px 0 23px;
    color:var(--business-ink);
    font-size:clamp(58px,6vw,88px);
    line-height:.91;
    letter-spacing:-.06em;
    font-weight:720;
}

.gateway-copy h1 strong{
    display:block;
    color:var(--business-orange-dark);
    font-weight:720;
}

.gateway-copy > p{
    max-width:670px;
    margin:0;
    color:var(--business-muted);
    font-size:17px;
    line-height:1.75;
}

.gateway-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:31px;
}

.gateway-primary,
.gateway-secondary{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 21px;
    border-radius:13px;
    text-decoration:none;
    font-size:14px;
    font-weight:900;
}

.gateway-primary{
    color:#271006;
    background:
        linear-gradient(
            135deg,
            #ffb381,
            var(--business-orange)
        );
    box-shadow:
        0 13px 30px
        rgba(231,128,68,.20);
}

.gateway-secondary{
    color:var(--business-ink);
    border:1px solid var(--business-line);
    background:#fff;
}

.gateway-account-note{
    margin-top:18px!important;
    font-size:12px!important;
    color:#98a2b3!important;
}

.gateway-visual{
    position:relative;
    min-height:520px;
}

.gateway-orbit{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(243,154,97,.18);
}

.gateway-orbit-one{
    width:440px;
    height:440px;
    right:5%;
    top:7%;
}

.gateway-orbit-two{
    width:330px;
    height:330px;
    right:17%;
    top:18%;
}

.gateway-feature-card{
    position:absolute;
    z-index:3;
    padding:27px;
    border:1px solid rgba(243,154,97,.25);
    border-radius:24px;
    background:
        linear-gradient(
            145deg,
            #16110e,
            #090807
        );
    box-shadow:
        0 30px 80px
        rgba(16,24,40,.20);
}

.gateway-feature-main{
    width:min(420px,78%);
    right:9%;
    top:23%;
}

.gateway-feature-card span{
    color:#f8a36a;
    font-size:10px;
    font-weight:950;
    letter-spacing:.16em;
}

.gateway-feature-card strong{
    display:block;
    margin-top:12px;
    color:#fff;
    font-size:29px;
    line-height:1.16;
}

.gateway-feature-card p{
    margin:13px 0 0;
    color:#c5b9b2;
    font-size:13px;
    line-height:1.65;
}

.gateway-mini-stat{
    position:absolute;
    z-index:4;
    min-width:180px;
    padding:16px 18px;
    border:1px solid var(--business-line);
    border-radius:15px;
    background:rgba(255,255,255,.94);
    box-shadow:var(--business-shadow);
}

.gateway-mini-stat strong,
.gateway-mini-stat span{
    display:block;
}

.gateway-mini-stat strong{
    color:var(--business-orange-dark);
    font-size:12px;
}

.gateway-mini-stat span{
    margin-top:5px;
    color:var(--business-ink);
    font-size:12px;
    font-weight:850;
}

.stat-one{
    left:1%;
    top:12%;
}

.stat-two{
    right:0;
    bottom:17%;
}

.stat-three{
    left:7%;
    bottom:4%;
}

.gateway-benefits{
    padding:70px 0;
    border-top:1px solid var(--business-line);
}

.gateway-benefits header{
    max-width:700px;
}

.gateway-benefits h2,
.gateway-process h2,
.gateway-final h2{
    margin:8px 0 0;
    color:var(--business-ink);
    font-size:clamp(38px,4vw,57px);
    line-height:1;
    letter-spacing:-.045em;
}

.gateway-benefit-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:38px;
}

.gateway-benefit-grid article{
    min-height:230px;
    padding:24px;
    border:1px solid var(--business-line);
    border-radius:19px;
    background:#fff;
    box-shadow:
        0 12px 35px
        rgba(16,24,40,.035);
}

.gateway-benefit-grid article > div{
    color:var(--business-orange-dark);
    font-size:12px;
    font-weight:950;
}

.gateway-benefit-grid h3{
    margin:34px 0 8px;
    color:var(--business-ink);
    font-size:22px;
}

.gateway-benefit-grid p{
    margin:0;
    color:var(--business-muted);
    font-size:13px;
    line-height:1.65;
}

.gateway-process{
    display:grid;
    grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);
    gap:70px;
    padding:75px 0;
    border-top:1px solid var(--business-line);
}

.gateway-process ol{
    margin:0;
    padding:0;
    list-style:none;
    counter-reset:business-step;
}

.gateway-process li{
    position:relative;
    min-height:91px;
    padding:0 0 22px 72px;
    border-bottom:1px solid var(--business-line);
    counter-increment:business-step;
}

.gateway-process li + li{
    padding-top:22px;
}

.gateway-process li::before{
    content:
        "0"
        counter(business-step);
    position:absolute;
    left:0;
    top:0;
    width:47px;
    height:47px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:var(--business-orange-dark);
    border:1px solid rgba(243,154,97,.35);
    background:#fff;
    font-size:11px;
    font-weight:900;
}

.gateway-process strong{
    color:var(--business-ink);
    font-size:17px;
}

.gateway-process p{
    margin:5px 0 0;
    color:var(--business-muted);
    font-size:13px;
}

.gateway-final{
    padding:68px;
    border-radius:28px;
    text-align:center;
    background:
        radial-gradient(
            circle at 50% 0,
            rgba(243,154,97,.19),
            transparent 38%
        ),
        #101010;
}

.gateway-final h2{
    max-width:780px;
    margin:12px auto 28px;
    color:#fff;
}

.gateway-final a{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    padding:0 23px;
    border-radius:13px;
    color:#271006;
    background:#f5a069;
    text-decoration:none;
    font-weight:900;
}


/******************************************************************************
OWNER FORM + OWNER DASHBOARD
******************************************************************************/

body:not(.business-gateway-body){
    color:var(--business-ink);
    background:
        radial-gradient(
            circle at 78% -5%,
            rgba(243,154,97,.10),
            transparent 27%
        ),
        var(--business-bg);
}

body:not(.business-gateway-body) .biz-topbar{
    border-bottom-color:var(--business-line);
}

body:not(.business-gateway-body) .biz-topbar nav a{
    color:#667085;
}

body:not(.business-gateway-body) .biz-topbar .biz-nav-primary{
    color:var(--business-ink);
    border-color:var(--business-line);
    background:#fff;
}

body:not(.business-gateway-body) .biz-hero h1,
body:not(.business-gateway-body) .biz-card-copy h2,
body:not(.business-gateway-body) .owner-hero h1,
body:not(.business-gateway-body) .owner-card h2,
body:not(.business-gateway-body) .owner-empty h2{
    color:var(--business-ink);
    font-family:
        Inter,
        system-ui,
        sans-serif;
    font-weight:750;
}

body:not(.business-gateway-body) .biz-hero h1 em{
    color:var(--business-orange-dark);
}

body:not(.business-gateway-body) .biz-hero > div > p,
body:not(.business-gateway-body) .biz-card-copy p,
body:not(.business-gateway-body) .owner-hero p,
body:not(.business-gateway-body) .owner-card p,
body:not(.business-gateway-body) .owner-empty p,
body:not(.business-gateway-body) .biz-muted{
    color:var(--business-muted);
}

body:not(.business-gateway-body) .biz-hero aside,
body:not(.business-gateway-body) .biz-account,
body:not(.business-gateway-body) .biz-card,
body:not(.business-gateway-body) .owner-card,
body:not(.business-gateway-body) .owner-empty,
body:not(.business-gateway-body) .biz-submit{
    border-color:var(--business-line);
    background:#fff;
    box-shadow:
        0 12px 40px
        rgba(16,24,40,.04);
}

body:not(.business-gateway-body) .biz-hero aside strong,
body:not(.business-gateway-body) .biz-account strong,
body:not(.business-gateway-body) .biz-photo-layout strong,
body:not(.business-gateway-body) .biz-submit strong{
    color:var(--business-ink);
}

body:not(.business-gateway-body) .biz-fields label > span,
body:not(.business-gateway-body) .biz-hour strong{
    color:#344054;
}

body:not(.business-gateway-body) .biz-fields input,
body:not(.business-gateway-body) .biz-fields select,
body:not(.business-gateway-body) .biz-fields textarea,
body:not(.business-gateway-body) .biz-hour input{
    color:var(--business-ink);
    border-color:#d0d5dd;
    background:#fff;
}

body:not(.business-gateway-body) .biz-photo-preview,
body:not(.business-gateway-body) .biz-map{
    background:#f8fafc;
}

body:not(.business-gateway-body) .biz-photo-preview{
    color:var(--business-orange-dark);
}

body:not(.business-gateway-body) .biz-location-actions button{
    color:var(--business-ink);
    background:#fff7f1;
}

body:not(.business-gateway-body) .biz-submit button{
    color:#271006;
}

body:not(.business-gateway-body) .owner-card footer{
    border-top-color:var(--business-line);
}


/******************************************************************************
RESPONSIVE
******************************************************************************/

@media(max-width:900px){

    .business-gateway{
        width:calc(100% - 32px);
        padding-top:45px;
    }

    .gateway-hero{
        min-height:0;
        grid-template-columns:1fr;
        gap:44px;
    }

    .gateway-visual{
        min-height:470px;
    }

    .gateway-benefit-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .gateway-process{
        grid-template-columns:1fr;
        gap:35px;
    }

}


@media(max-width:600px){

    .business-gateway-nav{
        width:calc(100% - 28px);
    }

    .business-gateway-logo img{
        width:100px;
    }

    .business-gateway-nav nav > a:first-child{
        display:none;
    }

    .business-gateway{
        width:calc(100% - 28px);
        padding-top:36px;
    }

    .gateway-copy h1{
        font-size:49px;
    }

    .gateway-actions{
        display:grid;
    }

    .gateway-primary,
    .gateway-secondary{
        width:100%;
    }

    .gateway-visual{
        min-height:440px;
    }

    .gateway-feature-main{
        width:86%;
        right:2%;
    }

    .gateway-benefit-grid{
        grid-template-columns:1fr;
    }

    .gateway-final{
        padding:42px 20px;
    }

}


/******************************************************************************
KUNI BUSINESS CANONICAL BRAND V21

Canonical sources:
- Kuni public identity
- Kuni Admin
- Mi Kuni

Palette:
#070504 / #080706 / #100b08 / #11100e
#f5eee9 / #fffaf6
#9d8f86 / #b6a59c
#ef9a65 / #f49a62
******************************************************************************/

:root{
    --kuni-bg:#070504;
    --kuni-bg-soft:#080706;
    --kuni-panel:#100b08;
    --kuni-panel-2:#15100d;
    --kuni-text:#f5eee9;
    --kuni-text-warm:#fffaf6;
    --kuni-muted:#9d8f86;
    --kuni-muted-warm:#b6a59c;
    --kuni-accent:#ef9a65;
    --kuni-accent-2:#f49a62;
    --kuni-line:rgba(239,154,101,.19);
}


/* --------------------------------------------------------------------------
   PUBLIC LANDING
-------------------------------------------------------------------------- */

.business-gateway-body{
    color:var(--kuni-text)!important;

    background:
        radial-gradient(
            circle at 83% 7%,
            rgba(239,154,101,.10),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            #070504,
            #0b0705 56%,
            #080504
        )!important;

    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif!important;
}


.business-gateway-nav{
    border-bottom-color:
        rgba(239,154,101,.16)!important;
}


.business-gateway-nav nav a{
    color:#c9bbb2!important;
}


.business-gateway-nav nav a:hover{
    color:#fff8f3!important;
}


.business-gateway-nav .gateway-login{
    color:#eaded6!important;

    border:
        1px solid
        rgba(239,154,101,.22)!important;

    background:
        rgba(255,255,255,.025)!important;
}


.gateway-eyebrow,
.gateway-benefits header > span,
.gateway-process > div > span,
.gateway-final > span{
    color:
        var(--kuni-accent)!important;
}


.gateway-copy h1{
    color:
        var(--kuni-text-warm)!important;

    font-family:
        Georgia,
        "Times New Roman",
        serif!important;

    font-weight:
        500!important;

    letter-spacing:
        -.045em!important;

    line-height:
        .95!important;
}


.gateway-copy h1 strong{
    color:
        var(--kuni-accent)!important;

    font-family:
        inherit!important;

    font-weight:
        500!important;
}


.gateway-copy > p{
    color:
        var(--kuni-muted-warm)!important;
}


.gateway-primary{
    color:#190d07!important;

    border:
        1px solid
        rgba(255,177,126,.38)!important;

    background:
        linear-gradient(
            135deg,
            #ffb17e,
            #ef9a65
        )!important;

    box-shadow:
        0 12px 32px
        rgba(239,154,101,.16)!important;
}


.gateway-secondary{
    color:#eaded6!important;

    border:
        1px solid
        rgba(239,154,101,.22)!important;

    background:
        rgba(255,255,255,.025)!important;
}


.gateway-account-note{
    color:#887a72!important;
}


.gateway-orbit{
    border-color:
        rgba(239,154,101,.16)!important;
}


.gateway-feature-card{
    border-color:
        rgba(239,154,101,.27)!important;

    background:
        linear-gradient(
            145deg,
            #15100d,
            #090604
        )!important;

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.42)!important;
}


.gateway-feature-card span{
    color:#f4a16e!important;
}


.gateway-feature-card strong{
    color:#fff8f3!important;
}


.gateway-feature-card p{
    color:#b8aaa1!important;
}


.gateway-mini-stat{
    border:
        1px solid
        rgba(239,154,101,.18)!important;

    background:
        rgba(16,11,8,.96)!important;

    box-shadow:
        0 16px 42px
        rgba(0,0,0,.28)!important;
}


.gateway-mini-stat strong{
    color:#ef9a65!important;
}


.gateway-mini-stat span{
    color:#eaded6!important;
}


.gateway-benefits,
.gateway-process{
    border-top-color:
        rgba(239,154,101,.14)!important;
}


.gateway-benefits h2,
.gateway-process h2,
.gateway-final h2{
    color:#fff8f3!important;

    font-family:
        Georgia,
        "Times New Roman",
        serif!important;

    font-weight:
        500!important;

    letter-spacing:
        -.035em!important;
}


.gateway-benefit-grid article{
    border:
        1px solid
        rgba(239,154,101,.16)!important;

    background:
        linear-gradient(
            145deg,
            #100b08,
            #0b0806
        )!important;

    box-shadow:
        0 12px 35px
        rgba(0,0,0,.22)!important;
}


.gateway-benefit-grid article > div{
    color:#ef9a65!important;
}


.gateway-benefit-grid h3{
    color:#f5eee9!important;
}


.gateway-benefit-grid p{
    color:#9d8f86!important;
}


.gateway-process li{
    border-bottom-color:
        rgba(239,154,101,.14)!important;
}


.gateway-process li::before{
    color:#ef9a65!important;

    border:
        1px solid
        rgba(239,154,101,.31)!important;

    background:#100b08!important;
}


.gateway-process strong{
    color:#f5eee9!important;
}


.gateway-process p{
    color:#9d8f86!important;
}


.gateway-final{
    border:
        1px solid
        rgba(239,154,101,.18)!important;

    background:
        radial-gradient(
            circle at 50% 0,
            rgba(239,154,101,.17),
            transparent 40%
        ),
        #100b08!important;
}


.gateway-final a{
    color:#190d07!important;
    background:#ef9a65!important;
}


/* --------------------------------------------------------------------------
   OWNER CREATE + OWNER DASHBOARD
-------------------------------------------------------------------------- */

body:not(.business-gateway-body){
    color:
        var(--kuni-text)!important;

    background:
        radial-gradient(
            circle at 78% -5%,
            rgba(239,154,101,.08),
            transparent 29%
        ),
        #070504!important;
}


body:not(.business-gateway-body) .biz-topbar{
    border-bottom-color:
        rgba(239,154,101,.16)!important;
}


body:not(.business-gateway-body) .biz-topbar nav a{
    color:#ad9e95!important;
}


body:not(.business-gateway-body) .biz-topbar .biz-nav-primary{
    color:#f5eee9!important;

    border-color:
        rgba(239,154,101,.22)!important;

    background:
        rgba(255,255,255,.025)!important;
}


body:not(.business-gateway-body) .biz-hero h1,
body:not(.business-gateway-body) .biz-card-copy h2,
body:not(.business-gateway-body) .owner-hero h1,
body:not(.business-gateway-body) .owner-card h2,
body:not(.business-gateway-body) .owner-empty h2{
    color:#fff8f3!important;

    font-family:
        Georgia,
        "Times New Roman",
        serif!important;

    font-weight:
        500!important;
}


body:not(.business-gateway-body) .biz-hero h1 em{
    color:#ef9a65!important;
}


body:not(.business-gateway-body) .biz-hero > div > p,
body:not(.business-gateway-body) .biz-card-copy p,
body:not(.business-gateway-body) .owner-hero p,
body:not(.business-gateway-body) .owner-card p,
body:not(.business-gateway-body) .owner-empty p,
body:not(.business-gateway-body) .biz-muted{
    color:#9d8f86!important;
}


body:not(.business-gateway-body) .biz-hero aside,
body:not(.business-gateway-body) .biz-account,
body:not(.business-gateway-body) .biz-card,
body:not(.business-gateway-body) .owner-card,
body:not(.business-gateway-body) .owner-empty,
body:not(.business-gateway-body) .biz-submit{
    color:#f5eee9!important;

    border-color:
        rgba(239,154,101,.17)!important;

    background:
        #100b08!important;

    box-shadow:
        0 15px 45px
        rgba(0,0,0,.22)!important;
}


body:not(.business-gateway-body) input,
body:not(.business-gateway-body) select,
body:not(.business-gateway-body) textarea{
    color:#f5eee9!important;

    border-color:
        rgba(239,154,101,.20)!important;

    background:#0b0806!important;
}


body:not(.business-gateway-body) input::placeholder,
body:not(.business-gateway-body) textarea::placeholder{
    color:#75675f!important;
}


body:not(.business-gateway-body) label,
body:not(.business-gateway-body) .biz-field > span{
    color:#d4c6bd!important;
}


body:not(.business-gateway-body) .biz-primary,
body:not(.business-gateway-body) button[type="submit"]{
    color:#190d07!important;

    border-color:#ef9a65!important;

    background:#ef9a65!important;
}



/******************************************************************************
KUNI BUSINESS ACCOUNTS V1
******************************************************************************/

.business-auth-body,
.business-panel-body{
    min-height:100vh;
    margin:0;
    color:#f5eee9;

    background:
        radial-gradient(
            circle at 82% 4%,
            rgba(239,154,101,.10),
            transparent 28%
        ),
        #070504;

    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}


.business-auth-shell{
    width:min(
        1180px,
        calc(100% - 40px)
    );

    min-height:100vh;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(360px,.75fr);

    gap:72px;

    align-items:center;

    padding:70px 0;
}


.business-auth-brand > span,
.business-auth-card-head > span{
    display:block;
    margin-bottom:17px;

    color:#ef9a65;

    font-size:12px;
    font-weight:900;
    letter-spacing:.17em;
}


.business-auth-logo{
    display:inline-flex;
    margin-bottom:60px;
}


.business-auth-logo img{
    width:150px;
    height:auto;
}


.business-auth-brand h1{
    max-width:650px;
    margin:0;

    color:#fff8f3;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            48px,
            6vw,
            88px
        );

    line-height:.95;
    font-weight:500;
    letter-spacing:-.045em;
}


.business-auth-brand h1 em{
    color:#ef9a65;
    font-style:normal;
}


.business-auth-brand p{
    max-width:590px;
    margin:30px 0 0;

    color:#a9988e;

    font-size:18px;
    line-height:1.7;
}


.business-auth-card{
    padding:38px;

    border:
        1px solid
        rgba(239,154,101,.20);

    border-radius:28px;

    background:
        linear-gradient(
            145deg,
            #120c09,
            #0b0705
        );

    box-shadow:
        0 30px 90px
        rgba(0,0,0,.35);
}


.business-auth-card-head h2{
    margin:0;

    color:#fff8f3;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:38px;
    font-weight:500;
}


.business-auth-card-head p{
    color:#9d8f86;
    line-height:1.6;
}


.business-auth-form{
    display:grid;
    gap:20px;
    margin-top:30px;
}


.business-auth-form label{
    display:grid;
    gap:9px;
}


.business-auth-form label > span{
    color:#d4c6bd;
    font-size:13px;
    font-weight:800;
}


.business-auth-form input{
    box-sizing:border-box;

    width:100%;
    min-height:54px;

    padding:0 16px;

    color:#f5eee9;

    border:
        1px solid
        rgba(239,154,101,.20);

    border-radius:14px;

    outline:none;

    background:#090604;

    font:inherit;
}


.business-auth-form input:focus{
    border-color:
        rgba(239,154,101,.65);

    box-shadow:
        0 0 0 3px
        rgba(239,154,101,.08);
}


.business-password-field{
    position:relative;
}


.business-password-field input{
    padding-right:58px;
}


.business-password-toggle{
    position:absolute;

    top:50%;
    right:8px;

    transform:
        translateY(-50%);

    width:42px;
    height:42px;

    border:0;
    border-radius:10px;

    color:#ef9a65;

    background:transparent;

    cursor:pointer;

    font-size:18px;
}


.business-auth-submit{
    min-height:56px;
    margin-top:5px;

    border:
        1px solid
        #ef9a65;

    border-radius:14px;

    color:#190d07;

    background:
        linear-gradient(
            135deg,
            #ffb17e,
            #ef9a65
        );

    font:inherit;
    font-weight:900;

    cursor:pointer;
}


.business-auth-footer{
    margin-top:28px;

    padding-top:24px;

    border-top:
        1px solid
        rgba(239,154,101,.12);

    color:#8f8077;

    text-align:center;
}


.business-auth-footer a{
    margin-left:5px;

    color:#ef9a65;

    font-weight:800;

    text-decoration:none;
}


/* BUSINESS DASHBOARD */

.business-panel-topbar{
    min-height:92px;

    padding:
        0
        max(
            28px,
            calc(
                (100vw - 1320px)
                /
                2
            )
        );

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:25px;

    border-bottom:
        1px solid
        rgba(239,154,101,.14);

    background:
        rgba(7,5,4,.92);
}


.business-panel-logo{
    display:flex;

    align-items:center;

    gap:15px;

    color:#ef9a65;

    text-decoration:none;

    font-size:12px;
    font-weight:900;
    letter-spacing:.16em;
}


.business-panel-logo img{
    width:100px;
    height:auto;
}


.business-panel-account{
    display:flex;

    align-items:center;

    gap:22px;
}


.business-panel-account > div{
    display:grid;
    text-align:right;
}


.business-panel-account strong{
    color:#f5eee9;
}


.business-panel-account span{
    color:#8f8077;
    font-size:12px;
}


.business-panel-account button{
    padding:11px 16px;

    border:
        1px solid
        rgba(239,154,101,.20);

    border-radius:12px;

    color:#d6c7be;

    background:#100b08;

    cursor:pointer;
}


.business-panel{
    box-sizing:border-box;

    width:min(
        1320px,
        calc(100% - 40px)
    );

    margin:0 auto;

    padding:60px 0 90px;
}


.business-panel-hero{
    display:flex;

    justify-content:space-between;

    align-items:end;

    gap:35px;
}


.business-panel-hero h1{
    margin:10px 0;

    color:#fff8f3;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:58px;
    font-weight:500;
    letter-spacing:-.04em;
}


.business-panel-hero p{
    color:#9d8f86;
}


.business-panel-kpis{
    margin-top:38px;

    display:grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap:15px;
}


.business-panel-kpis article{
    padding:24px;

    border:
        1px solid
        rgba(239,154,101,.14);

    border-radius:19px;

    background:#100b08;
}


.business-panel-kpis span{
    display:block;

    color:#ef9a65;

    font-size:11px;
    font-weight:900;
    letter-spacing:.14em;
}


.business-panel-kpis strong{
    display:block;

    margin:10px 0 5px;

    color:#fff8f3;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:38px;
    font-weight:500;
}


.business-panel-kpis small{
    color:#85776e;
}


.business-panel-list{
    margin-top:28px;

    display:grid;

    gap:16px;
}


.business-panel-card,
.business-panel-empty{
    padding:28px;

    border:
        1px solid
        rgba(239,154,101,.14);

    border-radius:22px;

    background:#0b0806;
}


.business-panel-card-head{
    display:flex;

    align-items:center;

    gap:17px;
}


.business-panel-card-icon{
    width:52px;
    height:52px;

    display:grid;

    place-items:center;

    flex:none;

    border:
        1px solid
        rgba(239,154,101,.18);

    border-radius:15px;

    background:#15100d;

    font-size:22px;
}


.business-panel-card-head span,
.business-panel-empty > span{
    color:#ef9a65;

    font-size:11px;
    font-weight:900;
    letter-spacing:.13em;
}


.business-panel-card h2,
.business-panel-empty h2{
    margin:4px 0 0;

    color:#f5eee9;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:28px;
    font-weight:500;
}


.business-panel-card > p,
.business-panel-empty p{
    color:#9d8f86;
    line-height:1.6;
}


.business-panel-status{
    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin:18px 0;
}


.status-pill{
    padding:7px 10px;

    border:
        1px solid
        rgba(239,154,101,.15);

    border-radius:999px;

    color:#b5a59c;

    background:#120c09;

    font-size:11px;
    font-weight:800;

    text-transform:uppercase;
}


.status-approved,
.status-published{
    color:#b9e7c4;

    border-color:
        rgba(80,180,100,.22);

    background:
        rgba(30,90,45,.13);
}


.status-pending,
.status-draft{
    color:#efb58e;
}


.status-rejected,
.status-suspended{
    color:#e7a0a0;
}


.business-panel-card footer{
    display:flex;

    justify-content:space-between;

    flex-wrap:wrap;

    gap:12px;

    padding-top:18px;

    border-top:
        1px solid
        rgba(255,255,255,.05);

    color:#75675f;

    font-size:12px;
}


.business-panel-card footer a{
    color:#ef9a65;

    font-weight:800;

    text-decoration:none;
}


@media(max-width:800px){

    .business-auth-shell{
        grid-template-columns:
            minmax(0,1fr);

        gap:42px;

        padding:35px 0 60px;
    }


    .business-auth-logo{
        margin-bottom:35px;
    }


    .business-auth-brand h1{
        font-size:
            clamp(
                46px,
                14vw,
                72px
            );
    }


    .business-auth-card{
        padding:25px;

        border-radius:22px;
    }


    .business-panel-topbar{
        padding:16px 20px;

        align-items:flex-start;
    }


    .business-panel-account > div{
        display:none;
    }


    .business-panel{
        width:
            calc(
                100% - 28px
            );

        padding-top:38px;
    }


    .business-panel-hero{
        align-items:flex-start;

        flex-direction:column;
    }


    .business-panel-hero h1{
        font-size:46px;
    }


    .business-panel-kpis{
        grid-template-columns:
            minmax(0,1fr);
    }

}



/******************************************************************************
KUNI BUSINESS OWNER EDIT V1
******************************************************************************/

.business-edit-shell{
    width:min(980px,calc(100% - 32px));
    margin:0 auto;
    padding:60px 0 100px;
}

.business-edit-head h1{
    margin:10px 0 12px;
    color:#fff8f3;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(42px,7vw,68px);
    font-weight:500;
    letter-spacing:-.04em;
}

.business-edit-head p,
.business-edit-muted{
    color:#9d8f86;
    line-height:1.65;
}

.business-edit-form{
    display:grid;
    gap:18px;
    margin-top:34px;
}

.business-edit-card{
    padding:28px;
    border:1px solid rgba(239,154,101,.14);
    border-radius:22px;
    background:#0d0906;
}

.business-edit-card h2{
    margin:0 0 22px;
    color:#f5eee9;
    font-family:Georgia,"Times New Roman",serif;
    font-weight:500;
}

.business-edit-card label{
    display:grid;
    gap:8px;
    margin-top:18px;
}

.business-edit-card label span{
    color:#cdbcaf;
    font-size:13px;
    font-weight:800;
}

.business-edit-card input,
.business-edit-card select,
.business-edit-card textarea{
    box-sizing:border-box;
    width:100%;
    min-height:50px;
    padding:12px 14px;
    color:#f5eee9;
    border:1px solid rgba(239,154,101,.18);
    border-radius:13px;
    background:#090604;
    font:inherit;
}

.business-edit-card textarea{
    resize:vertical;
}

.business-edit-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.business-hours-edit{
    display:grid;
    gap:10px;
}

.business-hour-edit-row{
    display:grid;
    grid-template-columns:130px 110px 1fr 20px 1fr;
    gap:12px;
    align-items:center;
    padding:13px 0;
    border-bottom:1px solid rgba(255,255,255,.05);
}

.business-hour-closed{
    display:flex !important;
    align-items:center;
    margin:0 !important;
}

.business-hour-closed input{
    width:auto;
    min-height:0;
}

.business-edit-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:14px;
}

.business-edit-cancel,
.business-edit-back{
    color:#d2c1b6;
    text-decoration:none;
}

@media(max-width:720px){

    .business-edit-grid{
        grid-template-columns:1fr;
    }

    .business-hour-edit-row{
        grid-template-columns:1fr 1fr;
    }

    .business-hour-edit-row > strong{
        grid-column:1/-1;
    }

    .business-hour-edit-row > span{
        display:none;
    }

}



/******************************************************************************
KUNI BUSINESS MODERATION HISTORY V1
******************************************************************************/

.business-rejection-notice{
    margin:18px 0 22px;
    padding:18px 20px;

    border:
        1px solid
        rgba(228,119,119,.30);

    border-radius:17px;

    background:
        rgba(120,30,30,.12);
}

.business-rejection-notice > span{
    display:block;

    margin-bottom:8px;

    color:#e7a0a0;

    font-size:10px;
    font-weight:900;
    letter-spacing:.14em;
}

.business-rejection-notice strong{
    color:#f5eee9;
}

.business-rejection-notice p{
    margin:8px 0 13px;

    color:#c9b7ae;

    line-height:1.55;
}

.business-rejection-notice a{
    color:#ef9a65;

    text-decoration:none;

    font-weight:850;
}

.status-pill{
    text-transform:none;
}



/******************************************************************************
KUNI BUSINESS OWNER DASHBOARD V2
******************************************************************************/

.business-panel-v2{
    padding-top:54px;
}


.business-panel-kpis-v2{
    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );
}


.business-kpi-attention{
    border-color:
        rgba(228,119,119,.30)
        !important;

    background:
        linear-gradient(
            145deg,
            rgba(120,30,30,.16),
            #100b08
        )
        !important;
}


.business-analytics-section,
.business-action-section{
    margin-top:42px;
}


.business-analytics-section > header,
.business-action-section > header{
    margin-bottom:18px;
}


.business-analytics-section h2,
.business-action-section h2{
    margin:7px 0 5px;

    color:#fff8f3;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            31px,
            4vw,
            44px
        );

    font-weight:500;

    letter-spacing:-.03em;
}


.business-analytics-section header p{
    margin:0;

    color:#8f8077;
}


.business-analytics-grid{
    display:grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap:14px;
}


.business-analytics-grid article{
    min-height:150px;

    padding:22px;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    border:
        1px solid
        rgba(239,154,101,.13);

    border-radius:19px;

    background:
        linear-gradient(
            145deg,
            #100b08,
            #0b0806
        );
}


.business-analytics-grid article > span{
    margin-bottom:auto;

    color:#8f8077;

    font-size:10px;
    font-weight:900;

    letter-spacing:.13em;
}


.business-analytics-grid article strong{
    display:block;

    margin-top:18px;

    color:#fff8f3;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:34px;
    font-weight:500;
}


.business-analytics-grid article small{
    margin-top:4px;

    color:#76685f;
}


.business-analytics-wide{
    grid-column:
        span 3;

    min-height:125px
        !important;
}


.business-action-section{
    padding:26px;

    border:
        1px solid
        rgba(228,119,119,.25);

    border-radius:22px;

    background:
        rgba(96,26,26,.09);
}


.business-action-list{
    display:grid;

    gap:10px;
}


.business-action-list article{
    padding:18px;

    display:flex;

    align-items:center;

    justify-content:
        space-between;

    gap:24px;

    border:
        1px solid
        rgba(228,119,119,.18);

    border-radius:16px;

    background:#0d0907;
}


.business-action-list article span{
    color:#e7a0a0;

    font-size:10px;
    font-weight:900;

    letter-spacing:.12em;
}


.business-action-list article h3{
    margin:4px 0 5px;

    color:#f5eee9;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:22px;
    font-weight:500;
}


.business-action-list article p{
    max-width:780px;

    margin:0;

    color:#b7a59c;

    line-height:1.55;
}


.business-action-list article > a{
    flex:none;

    color:#ef9a65;

    font-weight:850;

    text-decoration:none;
}


.business-panel-card{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        190px;

    gap:30px;
}


.business-panel-card-main{
    min-width:0;
}


.business-card-performance{
    padding-left:24px;

    display:grid;

    align-content:start;

    gap:13px;

    border-left:
        1px solid
        rgba(255,255,255,.05);
}


.business-card-performance > span{
    color:#7e6f67;

    font-size:10px;
    font-weight:900;

    letter-spacing:.13em;
}


.business-card-performance > div{
    padding:13px 0;

    border-bottom:
        1px solid
        rgba(255,255,255,.04);
}


.business-card-performance strong{
    display:block;

    color:#f5eee9;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:25px;
    font-weight:500;
}


.business-card-performance small{
    color:#786a62;
}


.business-panel-actions{
    display:flex;

    flex-wrap:wrap;

    gap:14px;
}


@media(max-width:900px){

    .business-panel-kpis-v2{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }


    .business-analytics-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }


    .business-analytics-wide{
        grid-column:
            span 2;
    }


    .business-panel-card{
        grid-template-columns:
            minmax(0,1fr);
    }


    .business-card-performance{
        padding:
            18px 0 0;

        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );

        border-left:0;

        border-top:
            1px solid
            rgba(255,255,255,.05);
    }


    .business-card-performance > span{
        grid-column:
            1 / -1;
    }

}


@media(max-width:600px){

    .business-panel-v2{
        padding-top:32px;
    }


    .business-panel-kpis-v2{
        grid-template-columns:
            minmax(0,1fr);
    }


    .business-analytics-grid{
        grid-template-columns:
            minmax(0,1fr);
    }


    .business-analytics-wide{
        grid-column:auto;
    }


    .business-action-section{
        padding:19px;
    }


    .business-action-list article{
        align-items:flex-start;

        flex-direction:column;
    }


    .business-panel-card{
        padding:21px;
    }


    .business-card-performance{
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );

        gap:7px;
    }


    .business-card-performance > div{
        min-width:0;
    }


    .business-card-performance strong{
        font-size:22px;
    }

}

/* KUNI BUSINESS SOCIAL CONTACT V1 */

.biz-contact-field{
    display:block;
}

.biz-field-label{
    display:flex;
    align-items:center;
    gap:.65rem;
    margin-bottom:.48rem;
}

.biz-social-icon{
    width:2rem;
    height:2rem;
    flex:0 0 2rem;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border-radius:999px;

    color:#ef9a65;

    background:
        rgba(239,154,101,.075);

    border:
        1px solid
        rgba(239,154,101,.22);
}

.biz-social-icon svg{
    width:1.08rem;
    height:1.08rem;
    display:block;
}

.biz-field-label > span:last-child{
    font-weight:750;
}

/* KUNI BUSINESS DASHBOARD C6R2 — MOBILE + CONTRAST */

/* -------------------------------------------------------------------------
   HIGHER CONTRAST
------------------------------------------------------------------------- */

.business-panel-hero p,
.business-panel-card > p,
.business-panel-card-main > p,
.business-panel-empty p,
.business-panel-kpis small,
.business-panel-account span,
.business-card-performance small{
    color:#d2c3ba !important;
}


.business-panel-hero h1,
.business-panel-card h2,
.business-panel-card h3,
.business-panel-empty h2,
.business-panel-card strong,
.business-panel-account strong{
    color:#fff8f3 !important;
}


.business-panel-kpis article small{
    color:#c8b8ae !important;
}


.business-panel-card footer,
.business-panel-card footer a,
.business-panel-actions a{
    color:#f1e4dc !important;
}


/* -------------------------------------------------------------------------
   CREATE COMPANY PAGE
------------------------------------------------------------------------- */

.biz-hero h1,
.biz-hero h2,
.biz-hero strong,
.biz-card h2,
.biz-card h3,
.biz-account strong,
.biz-auth h2{
    color:#fff8f3 !important;
}


.biz-hero p,
.biz-hero aside p,
.biz-card-copy p,
.biz-card p,
.biz-benefits p,
.biz-account small,
.biz-auth p{
    color:#d3c4bb !important;
}


/*
   Screenshot showed this title almost invisible.
*/
.biz-hero aside strong{
    color:#fff8f3 !important;
}


.biz-hero aside small,
.biz-eyebrow{
    color:#f5a06a !important;
}


.biz-form label > span,
.biz-field-label > span:last-child{
    color:#f0e3db !important;
}


.biz-form input,
.biz-form select,
.biz-form textarea{
    color:#fffaf6 !important;
}


.biz-form input::placeholder,
.biz-form textarea::placeholder{
    color:#b3a39a !important;
    opacity:1;
}


/* -------------------------------------------------------------------------
   INTERACTIVE ELEMENTS
------------------------------------------------------------------------- */

.business-panel-actions a{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}


.business-panel a[href="/negocios/nuevo"]{
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}


.biz-button{
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}


.biz-button.primary{
    color:#190d07 !important;
    font-weight:800;
}


/* -------------------------------------------------------------------------
   MOBILE
------------------------------------------------------------------------- */

@media(max-width:700px){

    .business-panel{
        padding-left:18px !important;
        padding-right:18px !important;
    }


    .business-panel-hero{
        gap:18px !important;
    }


    .business-panel-hero > a[href="/negocios/nuevo"]{
        width:100% !important;
        min-height:54px;
        padding:0 20px;
        font-size:1rem;
    }


    .business-panel-empty a[href="/negocios/nuevo"]{
        width:100%;
        min-height:54px;
    }


    .business-panel-actions{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
    }


    .business-panel-actions a{
        width:100% !important;
        min-height:48px;
    }


    .business-panel-kpis-v2{
        grid-template-columns:1fr 1fr !important;
    }


    .biz-auth-buttons{
        display:grid !important;
        grid-template-columns:1fr !important;
        width:100%;
        gap:10px;
    }


    .biz-auth-buttons .biz-button{
        width:100%;
        min-height:52px;
    }


    .biz-hero aside strong{
        color:#fff8f3 !important;
    }


    .biz-hero aside p,
    .biz-hero p,
    .biz-card-copy p{
        color:#d6c7be !important;
    }

}


@media(max-width:430px){

    .business-panel-kpis-v2{
        grid-template-columns:1fr !important;
    }


    .business-panel-hero h1{
        font-size:clamp(2.65rem,15vw,4.2rem) !important;
    }

}


/* ==========================================================================
   KUNI BUSINESS OWNER GALLERY V1
   ========================================================================== */

.biz-owner-gallery{
    margin-top:34px;
    padding-top:32px;
    border-top:1px solid rgba(255,255,255,.09);
}


.biz-owner-gallery-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:22px;
    margin-bottom:22px;
}


.biz-owner-gallery-head h2{
    margin:6px 0 6px;
    color:#fff8f3;
    font-family:Georgia,serif;
    font-size:clamp(2rem,5vw,3.2rem);
    line-height:.98;
}


.biz-owner-gallery-head p{
    max-width:620px;
    margin:0;
    color:#d3c4bb;
    line-height:1.55;
}


.biz-gallery-count{
    flex:0 0 auto;
    min-width:92px;
    padding:12px 16px;
    border:1px solid rgba(239,154,101,.30);
    border-radius:16px;
    background:rgba(239,154,101,.07);
    text-align:center;
}


.biz-gallery-count strong{
    color:#fff8f3;
    font-size:1.5rem;
}


.biz-gallery-count span{
    color:#cdbdb4;
    font-size:.78rem;
}


.biz-owner-gallery-grid{
    display:grid;
    grid-template-columns:
        repeat(5,minmax(0,1fr));
    gap:14px;
}


.biz-owner-gallery-slot{
    min-width:0;
}


.biz-owner-gallery-image{
    position:relative;
    overflow:hidden;
    aspect-ratio:1;
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    background:#100e0c;
}


.biz-owner-gallery-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}


.biz-owner-gallery-empty{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:12px;
    text-align:center;
    color:#d7c8bf;
}


.biz-gallery-plus{
    color:#ef9a65;
    font-size:2.5rem;
    line-height:.8;
    font-weight:300;
}


.biz-owner-gallery-empty strong{
    color:#fff8f3;
    font-size:.82rem;
}


.biz-gallery-cover-badge{
    position:absolute;
    top:10px;
    left:10px;
    z-index:2;
    padding:5px 8px;
    border-radius:999px;
    background:rgba(9,7,6,.84);
    border:1px solid rgba(239,154,101,.34);
    color:#f5a06a;
    font-size:.64rem;
    font-weight:800;
    letter-spacing:.08em;
}


.biz-owner-gallery-actions{
    display:grid;
    gap:7px;
    margin-top:8px;
}


.biz-gallery-upload,
.biz-gallery-delete{
    width:100%;
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    font:inherit;
    font-size:.78rem;
    font-weight:700;
    cursor:pointer;
}


.biz-gallery-upload{
    border:1px solid rgba(239,154,101,.30);
    color:#f5a06a;
    background:rgba(239,154,101,.06);
}


.biz-gallery-delete{
    border:1px solid rgba(255,255,255,.10);
    color:#d7c8bf;
    background:rgba(255,255,255,.035);
}


/* CROPPER */

body.biz-crop-open{
    overflow:hidden;
}


.biz-owner-cropper{
    position:fixed;
    inset:0;
    z-index:9999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(4,3,3,.88);
    backdrop-filter:blur(14px);
}


.biz-owner-cropper[hidden]{
    display:none !important;
}


.biz-owner-crop-dialog{
    width:min(560px,100%);
    max-height:calc(100dvh - 32px);
    overflow:auto;
    padding:18px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:24px;
    background:#11100e;
    box-shadow:0 30px 90px rgba(0,0,0,.52);
}


.biz-owner-crop-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
}


.biz-owner-crop-head strong{
    display:block;
    margin-top:4px;
    color:#fff8f3;
    font-family:Georgia,serif;
    font-size:1.55rem;
}


.biz-owner-crop-head button{
    width:42px;
    height:42px;
    flex:0 0 42px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:50%;
    background:rgba(255,255,255,.04);
    color:#fff8f3;
    font-size:1.5rem;
    cursor:pointer;
}


.biz-owner-crop-stage{
    position:relative;
    overflow:hidden;
    width:100%;
    aspect-ratio:1;
    border-radius:18px;
    background:#050403;
    cursor:grab;
    touch-action:none;
    user-select:none;
}


.biz-owner-crop-stage:active{
    cursor:grabbing;
}


.biz-owner-crop-stage img{
    position:absolute;
    top:50%;
    left:50%;
    max-width:none;
    max-height:none;
    transform-origin:center center;
    pointer-events:none;
    user-select:none;
}


.biz-owner-crop-grid{
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(
            to right,
            transparent 33.1%,
            rgba(255,255,255,.25) 33.2%,
            rgba(255,255,255,.25) 33.5%,
            transparent 33.6%,
            transparent 66.4%,
            rgba(255,255,255,.25) 66.5%,
            rgba(255,255,255,.25) 66.8%,
            transparent 66.9%
        ),
        linear-gradient(
            to bottom,
            transparent 33.1%,
            rgba(255,255,255,.25) 33.2%,
            rgba(255,255,255,.25) 33.5%,
            transparent 33.6%,
            transparent 66.4%,
            rgba(255,255,255,.25) 66.5%,
            rgba(255,255,255,.25) 66.8%,
            transparent 66.9%
        );
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.22);
}


.biz-owner-crop-controls{
    display:grid;
    gap:16px;
    margin-top:16px;
}


.biz-owner-crop-controls label{
    display:grid;
    gap:8px;
    color:#e9dcd4;
    font-size:.8rem;
    font-weight:700;
}


.biz-owner-crop-controls input[type="range"]{
    width:100%;
    accent-color:#ef9a65;
}


.biz-owner-crop-controls > div{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}


.biz-owner-crop-controls button{
    min-height:48px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    background:rgba(255,255,255,.04);
    color:#f1e5dd;
    font:inherit;
    font-weight:750;
    cursor:pointer;
}


.biz-owner-crop-controls button.primary{
    background:#ef9a65;
    border-color:#ef9a65;
    color:#190d07;
}


@media(max-width:900px){

    .biz-owner-gallery-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


@media(max-width:600px){

    .biz-owner-gallery-head{
        align-items:flex-start;
        flex-direction:column;
    }


    .biz-gallery-count{
        min-width:0;
    }


    .biz-owner-gallery-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
        gap:12px;
    }


    .biz-owner-gallery-grid
    .biz-owner-gallery-slot:first-child{
        grid-column:span 2;
    }


    .biz-owner-gallery-grid
    .biz-owner-gallery-slot:first-child
    .biz-owner-gallery-image{
        width:min(100%,330px);
        margin-inline:auto;
    }


    .biz-owner-cropper{
        padding:8px;
        align-items:flex-end;
    }


    .biz-owner-crop-dialog{
        width:100%;
        max-height:94dvh;
        border-radius:24px 24px 12px 12px;
        padding:14px;
    }


    .biz-owner-crop-controls > div{
        grid-template-columns:1fr;
    }


    .biz-owner-crop-controls button{
        min-height:52px;
    }

}


/* ==========================================================================
   KUNI NEGOCIOS
   CREATE EXPERIENCE V1

   Scoped exclusively to:
       business_publish.html
       body.business-create-body
   ========================================================================== */


body.business-create-body{
    --create-bg:#050403;
    --create-panel:#0c0806;
    --create-panel-2:#110c09;
    --create-panel-3:#17100c;

    --create-text:#fff8f3;
    --create-text-soft:#eaded6;
    --create-muted:#c2afa4;

    --create-accent:#ef9a65;
    --create-accent-bright:#ffad78;

    --create-line:rgba(239,154,101,.22);
    --create-line-strong:rgba(239,154,101,.42);

    min-height:100vh;

    color:var(--create-text);

    background:
        radial-gradient(
            circle at 16% 4%,
            rgba(239,154,101,.10),
            transparent 26%
        ),
        radial-gradient(
            circle at 91% 23%,
            rgba(239,154,101,.055),
            transparent 31%
        ),
        linear-gradient(
            180deg,
            #080504 0%,
            #050403 100%
        )!important;
}


/* --------------------------------------------------------------------------
   Page atmosphere
   -------------------------------------------------------------------------- */

body.business-create-body .biz-shell{
    max-width:1380px;
    margin:auto;
    padding-left:28px;
    padding-right:28px;
}


body.business-create-body .biz-hero{
    padding-bottom:34px!important;
}


body.business-create-body .biz-hero h1{
    max-width:900px;

    color:var(--create-text)!important;

    font-size:
        clamp(
            48px,
            6vw,
            80px
        )!important;

    line-height:.95!important;
}


body.business-create-body .biz-hero p,
body.business-create-body .biz-hero aside,
body.business-create-body .biz-hero aside p{
    color:var(--create-muted)!important;
}


/* --------------------------------------------------------------------------
   THE INTERNAL WINDOW
   -------------------------------------------------------------------------- */

body.business-create-body form{
    position:relative;

    max-width:1250px;
    margin:
        0 auto
        90px;

    overflow:hidden;

    border:
        1px solid
        rgba(239,154,101,.27)!important;

    border-radius:
        28px!important;

    background:
        linear-gradient(
            180deg,
            rgba(18,12,9,.985),
            rgba(7,5,4,.995)
        )!important;

    box-shadow:
        0 38px 120px
            rgba(0,0,0,.56),
        0 0 0 1px
            rgba(255,255,255,.018)
            inset!important;
}


/* --------------------------------------------------------------------------
   Window title bar
   -------------------------------------------------------------------------- */

.business-create-windowbar{
    min-height:78px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;

    padding:
        18px
        26px;

    border-bottom:
        1px solid
        rgba(255,255,255,.07);

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.034),
            rgba(255,255,255,.012)
        );
}


.business-create-windowbar-left{
    display:flex;
    align-items:center;
    gap:18px;
}


.business-create-window-dots{
    display:flex;
    gap:7px;
}


.business-create-window-dots i{
    width:9px;
    height:9px;

    display:block;

    border-radius:50%;

    background:
        rgba(239,154,101,.29);

    box-shadow:
        0 0 0 1px
        rgba(239,154,101,.30);
}


.business-create-window-dots i:first-child{
    background:#ef9a65;
}


.business-create-windowbar-left > div{
    display:grid;
    gap:3px;
}


.business-create-window-kicker{
    color:#a89286;

    font-size:10px;
    font-weight:900;

    letter-spacing:.16em;
}


.business-create-windowbar strong{
    color:var(--create-text)!important;

    font-size:17px;
    font-weight:750;
}


.business-create-draft{
    min-height:32px;

    display:inline-flex;
    align-items:center;

    padding:0 12px;

    border:
        1px solid
        rgba(239,154,101,.32);

    border-radius:999px;

    color:#f3b28b;

    background:
        rgba(239,154,101,.07);

    font-size:10px;
    font-weight:900;

    letter-spacing:.13em;
}


/* --------------------------------------------------------------------------
   Progress rail
   -------------------------------------------------------------------------- */

.business-create-progress{
    display:grid;

    grid-template-columns:
        repeat(
            5,
            minmax(0,1fr)
        );

    border-bottom:
        1px solid
        rgba(239,154,101,.16);

    background:#090604;
}


.business-create-progress span{
    min-height:64px;

    display:flex;
    align-items:center;
    gap:10px;

    padding:
        0
        18px;

    color:#c7b6ac;

    border-right:
        1px solid
        rgba(255,255,255,.045);

    font-size:12px;
    font-weight:800;
}


.business-create-progress span:last-child{
    border-right:0;
}


.business-create-progress b{
    color:var(--create-accent);

    font-size:10px;

    letter-spacing:.08em;
}


/* --------------------------------------------------------------------------
   Sections become part of one workspace instead of independent floating cards
   -------------------------------------------------------------------------- */

body.business-create-body form > .biz-card{
    position:relative;

    margin:0!important;

    padding:
        48px
        48px!important;

    border:0!important;
    border-radius:0!important;

    border-bottom:
        1px solid
        rgba(239,154,101,.14)!important;

    background:
        transparent!important;

    box-shadow:
        none!important;
}


body.business-create-body form > .biz-card:last-of-type{
    border-bottom:0!important;
}


body.business-create-body .biz-step{
    color:var(--create-accent)!important;

    border-color:
        rgba(239,154,101,.35)!important;

    background:
        rgba(239,154,101,.055)!important;
}


body.business-create-body .biz-card-copy .biz-eyebrow{
    color:var(--create-accent)!important;
}


body.business-create-body .biz-card-copy h2{
    color:var(--create-text)!important;
}


body.business-create-body .biz-card-copy p{
    color:var(--create-muted)!important;
}


/* --------------------------------------------------------------------------
   ALL FORM LABELS — restore readable Kuni contrast
   -------------------------------------------------------------------------- */

body.business-create-body .biz-fields label > span,
body.business-create-body .biz-field-label,
body.business-create-body .biz-photo-layout strong,
body.business-create-body .biz-hour strong{
    color:var(--create-text-soft)!important;
}


body.business-create-body .biz-muted,
body.business-create-body .biz-location-actions span,
body.business-create-body .biz-closed{
    color:var(--create-muted)!important;
}


/* --------------------------------------------------------------------------
   Inputs
   -------------------------------------------------------------------------- */

body.business-create-body .biz-fields input,
body.business-create-body .biz-fields select,
body.business-create-body .biz-fields textarea,
body.business-create-body .biz-hour input[type="time"]{
    color:var(--create-text)!important;

    border:
        1px solid
        rgba(239,154,101,.22)!important;

    background:
        #090604!important;

    box-shadow:
        0 1px 0
        rgba(255,255,255,.018)
        inset!important;

    color-scheme:dark;
}


body.business-create-body .biz-fields input::placeholder,
body.business-create-body .biz-fields textarea::placeholder{
    color:#8f7e74!important;
    opacity:1!important;
}


body.business-create-body .biz-fields input:focus,
body.business-create-body .biz-fields select:focus,
body.business-create-body .biz-fields textarea:focus,
body.business-create-body .biz-hour input[type="time"]:focus{
    border-color:
        rgba(239,154,101,.72)!important;

    box-shadow:
        0 0 0 3px
        rgba(239,154,101,.075)!important;
}


/* --------------------------------------------------------------------------
   PHOTO — remove the alien white card
   -------------------------------------------------------------------------- */

body.business-create-body .biz-photo-layout{
    align-items:center;
}


body.business-create-body .biz-photo-preview{
    position:relative;

    width:240px;

    color:
        var(--create-accent-bright)!important;

    border:
        1px dashed
        rgba(239,154,101,.56)!important;

    background:
        radial-gradient(
            circle at 50% 30%,
            rgba(239,154,101,.10),
            transparent 48%
        ),
        #0a0705!important;

    box-shadow:
        inset 0 0 0 1px
        rgba(255,255,255,.018),
        0 20px 55px
        rgba(0,0,0,.22);
}


body.business-create-body .biz-photo-preview::before{
    content:"";

    position:absolute;
    inset:12px;

    pointer-events:none;

    border:
        1px solid
        rgba(255,255,255,.035);

    border-radius:12px;
}


body.business-create-body .biz-photo-preview span{
    position:relative;
    z-index:2;

    color:
        var(--create-accent-bright)!important;

    font-weight:750;
}


body.business-create-body .biz-photo-layout strong{
    display:block;

    margin-bottom:9px;

    color:var(--create-text)!important;

    font-size:18px;
}


/* --------------------------------------------------------------------------
   LOCATION
   -------------------------------------------------------------------------- */

body.business-create-body .biz-location-actions button{
    min-height:46px;

    padding:
        0
        18px;

    color:#1b0d07!important;

    border:
        1px solid
        var(--create-accent)!important;

    background:
        linear-gradient(
            135deg,
            #ffae79,
            #ef9a65
        )!important;

    box-shadow:
        0 10px 26px
        rgba(239,154,101,.13);

    font-weight:900;
}


body.business-create-body .biz-map{
    min-height:390px;

    overflow:hidden;

    border:
        1px solid
        rgba(239,154,101,.25)!important;

    border-radius:
        20px!important;

    background:
        radial-gradient(
            circle at 35% 40%,
            rgba(239,154,101,.07),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            #0e0907,
            #070504
        )!important;

    box-shadow:
        inset 0 0 0 1px
        rgba(255,255,255,.02),
        0 20px 60px
        rgba(0,0,0,.16);
}


/* Mapbox itself */

body.business-create-body .mapboxgl-map{
    background:#090604!important;
}


body.business-create-body .mapboxgl-ctrl-group{
    overflow:hidden;

    border:
        1px solid
        rgba(239,154,101,.20);

    background:
        rgba(12,8,6,.92)!important;

    box-shadow:
        0 8px 30px
        rgba(0,0,0,.35)!important;
}


body.business-create-body .mapboxgl-ctrl-group button{
    filter:
        invert(.88)
        sepia(.16);
}


/* --------------------------------------------------------------------------
   HOURS
   -------------------------------------------------------------------------- */

body.business-create-body .biz-hours{
    gap:0;

    overflow:hidden;

    border:
        1px solid
        rgba(239,154,101,.17);

    border-radius:18px;

    background:
        rgba(8,5,4,.68);
}


body.business-create-body .biz-hour{
    min-height:66px;

    padding:
        10px
        16px!important;

    border-bottom:
        1px solid
        rgba(255,255,255,.055)!important;
}


body.business-create-body .biz-hour:last-child{
    border-bottom:0!important;
}


body.business-create-body .biz-hour strong{
    color:
        #f1e4dc!important;

    font-size:
        13px!important;

    font-weight:
        800;
}


body.business-create-body .biz-closed{
    color:
        #cab9af!important;
}


body.business-create-body .biz-closed input{
    accent-color:
        var(--create-accent);
}


body.business-create-body .biz-hour > span{
    color:
        #bca99e!important;
}


body.business-create-body .biz-hour input[type="time"]{
    height:42px!important;

    color:
        #fff8f3!important;

    border:
        1px solid
        rgba(239,154,101,.25)!important;

    background:
        #0a0705!important;

    border-radius:
        11px!important;

    color-scheme:
        dark!important;
}


/* --------------------------------------------------------------------------
   Final review / submit
   -------------------------------------------------------------------------- */

body.business-create-body .biz-submit{
    margin:0!important;

    padding:
        34px
        48px
        40px!important;

    border:0!important;
    border-radius:0!important;

    background:
        linear-gradient(
            180deg,
            rgba(239,154,101,.035),
            rgba(239,154,101,.075)
        )!important;
}


body.business-create-body .biz-submit strong{
    color:var(--create-text)!important;
}


body.business-create-body .biz-submit p{
    color:var(--create-muted)!important;
}


body.business-create-body .biz-submit button{
    min-height:52px;

    color:#1b0c06!important;

    border:
        1px solid
        rgba(255,177,126,.44)!important;

    background:
        linear-gradient(
            135deg,
            #ffb17e,
            #ef9a65
        )!important;

    box-shadow:
        0 16px 42px
        rgba(239,154,101,.17)!important;

    font-weight:900;
}


/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width:900px){

    body.business-create-body .biz-shell{
        padding-left:14px;
        padding-right:14px;
    }


    body.business-create-body form{
        border-radius:22px!important;
    }


    .business-create-progress{
        grid-template-columns:
            repeat(
                5,
                minmax(
                    120px,
                    1fr
                )
            );

        overflow-x:auto;
    }


    .business-create-progress span{
        min-width:120px;
    }


    body.business-create-body form > .biz-card{
        padding:
            34px
            24px!important;
    }


    body.business-create-body .biz-photo-preview{
        width:100%;
        max-width:330px;
    }


    body.business-create-body .biz-map{
        min-height:310px;
    }


    body.business-create-body .biz-submit{
        padding:
            28px
            24px
            32px!important;
    }

}


@media (max-width:620px){

    .business-create-windowbar{
        min-height:70px;

        padding:
            14px
            17px;
    }


    .business-create-window-dots{
        display:none;
    }


    .business-create-windowbar strong{
        font-size:15px;
    }


    .business-create-draft{
        min-height:28px;
        padding:0 9px;
    }


    body.business-create-body form{
        margin-bottom:45px;

        border-radius:18px!important;
    }


    body.business-create-body form > .biz-card{
        padding:
            28px
            18px!important;
    }


    body.business-create-body .biz-hour{
        grid-template-columns:
            1fr
            auto!important;

        gap:
            10px!important;
    }


    body.business-create-body .biz-hour input[type="time"]{
        width:100%!important;
    }


    body.business-create-body .biz-map{
        min-height:270px;
    }

}



/* ==========================================================================
   KUNI BUSINESS LOCATION MODES V1 R2.2
   ========================================================================== */


.business-location-choice-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-bottom:18px;
}


.business-location-choice{
    position:relative;

    min-height:112px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    gap:6px;

    padding:18px 18px 18px 50px;

    cursor:pointer;

    border:
        1px solid
        rgba(239,154,101,.18);

    border-radius:17px;

    background:#0a0705;
}


.business-location-choice input{
    position:absolute;
    opacity:0;
}


.business-location-radio{
    position:absolute;

    left:18px;
    top:22px;

    width:20px;
    height:20px;

    border:
        1px solid
        rgba(239,154,101,.55);

    border-radius:50%;
}


.business-location-choice input:checked
+
.business-location-radio{
    border:5px solid #ef9a65;
    background:#130b07;
}


.business-location-choice:has(input:checked){
    border-color:
        rgba(239,154,101,.72);

    background:
        linear-gradient(
            145deg,
            rgba(239,154,101,.13),
            #0b0705
        );

    box-shadow:
        0 0 0 3px
        rgba(239,154,101,.055);
}


.business-location-choice strong{
    color:#fff8f3!important;
}


.business-location-choice small{
    color:#bba99f!important;
}


.business-location-stage{
    display:grid;

    grid-template-columns:
        minmax(340px,.84fr)
        minmax(460px,1.16fr);

    gap:20px;
}


.business-location-input-column{
    min-width:0;
}


.business-location-method{
    display:none;

    width:100%;
    min-width:0;

    margin:0;

    padding:24px;

    border:
        1px solid
        rgba(239,154,101,.20);

    border-radius:19px;

    background:
        linear-gradient(
            145deg,
            #110b08,
            #080504
        );
}


.business-location-method.is-active{
    display:block;
}


.business-location-method:disabled{
    opacity:.38;
    pointer-events:none;
}


.business-location-method-kicker{
    display:block;

    margin-bottom:5px;

    color:#ef9a65!important;

    font-size:10px;
    font-weight:900;
    letter-spacing:.15em;
}


.business-location-method h3{
    margin:0 0 21px;

    color:#fff8f3!important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:25px;
    font-weight:500;
}


.business-location-method label{
    display:grid;
    gap:7px;
    margin-bottom:14px;
}


.business-location-method label > span{
    color:#eaded6!important;
    font-size:12px;
    font-weight:800;
}


.business-location-method input,
.business-location-method select{
    width:100%;

    min-height:48px;

    padding:0 13px;

    color:#fff8f3!important;

    color-scheme:dark;

    border:
        1px solid
        rgba(239,154,101,.24)!important;

    border-radius:12px;

    outline:0;

    background:#080504!important;
}


.business-location-method input:focus,
.business-location-method select:focus{
    border-color:
        rgba(239,154,101,.74)!important;

    box-shadow:
        0 0 0 3px
        rgba(239,154,101,.07)!important;
}


.business-location-two{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}


.business-location-action{
    min-height:48px;

    padding:0 18px;

    border:1px solid #ef9a65;
    border-radius:12px;

    color:#190d07!important;

    background:
        linear-gradient(
            135deg,
            #ffb17e,
            #ef9a65
        );

    font-weight:900;
    cursor:pointer;
}


.business-location-action:disabled{
    opacity:.55;
    cursor:wait;
}


.business-location-map-panel{
    min-width:0;

    padding:17px;

    border:
        1px solid
        rgba(239,154,101,.20);

    border-radius:19px;

    background:#090604;
}


.business-location-map-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:14px;

    margin-bottom:12px;
}


.business-location-map-heading > div{
    display:grid;
    gap:4px;
}


.business-location-map-heading span:first-child{
    color:#ef9a65!important;

    font-size:10px;
    font-weight:900;
    letter-spacing:.14em;
}


.business-location-map-heading strong{
    color:#fff8f3!important;
}


.business-location-badge{
    padding:7px 11px;

    border:
        1px solid
        rgba(255,255,255,.09);

    border-radius:999px;

    color:#bbaaa0!important;

    background:
        rgba(255,255,255,.025);

    font-size:11px;
    font-weight:800;
}


.business-location-badge[data-state="ready"]{
    color:#bce7c6!important;

    border-color:
        rgba(88,189,109,.29);
}


.business-location-badge[data-state="error"]{
    color:#efaaaa!important;

    border-color:
        rgba(218,93,93,.31);
}


.business-location-map{
    min-height:430px!important;

    border:
        1px solid
        rgba(239,154,101,.20)!important;

    border-radius:15px!important;

    background:#070504!important;
}


.business-location-final{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    margin-top:11px;

    padding:10px 12px;

    border:
        1px solid
        rgba(255,255,255,.06);

    border-radius:11px;

    background:
        rgba(255,255,255,.02);
}


.business-location-final span{
    color:#9f8c82!important;
    font-size:11px;
}


.business-location-final strong{
    color:#fff8f3!important;

    font-size:12px;

    font-variant-numeric:
        tabular-nums;
}


@media (max-width:1050px){

    .business-location-stage{
        grid-template-columns:1fr;
    }

}


@media (max-width:720px){

    .business-location-choice-grid{
        grid-template-columns:1fr;
    }


    .business-location-choice{
        min-height:88px;
    }


    .business-location-two{
        grid-template-columns:1fr;
        gap:0;
    }


    .business-location-method{
        padding:18px;
    }


    .business-location-map{
        min-height:300px!important;
    }


    .business-location-map-heading{
        align-items:flex-start;
        flex-direction:column;
    }

}



/* ==========================================================================
   KUNI NEGOCIOS
   CREATE BUSINESS · FIVE PHOTOS V1
   ========================================================================== */


.business-create-photos-v1{
    min-width:0;
}


.business-create-photo-grid{
    display:grid;

    grid-template-columns:
        repeat(
            5,
            minmax(0,1fr)
        );

    gap:13px;

    width:100%;
}


.business-create-photo-slot{
    min-width:0;

    padding:8px;

    border:
        1px solid
        rgba(239,154,101,.18);

    border-radius:17px;

    background:
        linear-gradient(
            145deg,
            rgba(239,154,101,.045),
            rgba(255,255,255,.015)
        );
}


.business-create-photo-slot.has-photo{
    border-color:
        rgba(239,154,101,.50);
}


.business-create-photo-pick{
    display:block;

    margin:0!important;

    cursor:pointer;
}


.business-create-photo-pick > input{
    position:absolute;

    width:1px;
    height:1px;

    opacity:0;

    pointer-events:none;
}


.business-create-photo-visual{
    position:relative;

    width:100%;

    aspect-ratio:1/1;

    overflow:hidden;

    display:grid;
    place-items:center;

    border:
        1px dashed
        rgba(239,154,101,.34);

    border-radius:12px;

    background:#090604;
}


.business-create-photo-slot.has-photo
.business-create-photo-visual{
    border-style:solid;
}


.business-create-photo-visual img{
    position:absolute;

    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;
}


.business-create-photo-visual > div{
    display:grid;
    place-items:center;

    gap:6px;

    padding:8px;

    text-align:center;
}


.business-create-photo-plus{
    width:34px;
    height:34px;

    display:grid;
    place-items:center;

    border:
        1px solid
        rgba(239,154,101,.40);

    border-radius:50%;

    color:#ef9a65;

    font-size:22px;

    line-height:1;
}


.business-create-photo-visual strong{
    color:#f1e5dd!important;

    font-size:10px;

    font-weight:800;
}


.business-create-photo-meta{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:8px;

    padding:
        8px
        2px
        1px;
}


.business-create-photo-meta > div{
    display:flex;

    align-items:baseline;

    gap:5px;
}


.business-create-photo-meta small{
    color:#ef9a65!important;

    font-size:8px;

    font-weight:900;

    letter-spacing:.12em;
}


.business-create-photo-meta strong{
    color:#fff6f0!important;

    font-size:13px;
}


.business-create-photo-meta button{
    border:0;

    padding:0;

    color:#b89989;

    background:transparent;

    font:inherit;

    font-size:9px;

    font-weight:800;

    cursor:pointer;
}


.business-create-photo-meta button:hover{
    color:#ef9a65;
}


.business-create-photo-note{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    margin-top:13px;

    padding:
        11px
        13px;

    border:
        1px solid
        rgba(239,154,101,.12);

    border-radius:11px;

    background:
        rgba(255,255,255,.018);
}


.business-create-photo-note strong{
    color:#eadcd4!important;

    font-size:11px;
}


.business-create-photo-note span{
    color:#9b877c;

    font-size:10px;
}


.business-create-photo-cropper{
    z-index:15000;
}


/* Móvil:
 *
 * 1 2 3
 *  4 5
 *
 * Grid de 6 columnas:
 * cada slot ocupa 2.
 * slot 4 empieza en columna 2.
 * slot 5 empieza en columna 4.
 */

@media(max-width:720px){

    .business-create-photo-grid{
        grid-template-columns:
            repeat(
                6,
                minmax(0,1fr)
            );

        gap:8px;
    }


    .business-create-photo-slot{
        grid-column:
            span 2;

        padding:5px;

        border-radius:12px;
    }


    .business-create-photo-slot:nth-child(4){
        grid-column:
            2 / span 2;
    }


    .business-create-photo-slot:nth-child(5){
        grid-column:
            4 / span 2;
    }


    .business-create-photo-visual{
        border-radius:9px;
    }


    .business-create-photo-plus{
        width:26px;
        height:26px;

        font-size:18px;
    }


    .business-create-photo-visual strong{
        font-size:8px;
    }


    .business-create-photo-meta{
        padding-top:6px;
    }


    .business-create-photo-meta small{
        font-size:7px;
    }


    .business-create-photo-meta strong{
        font-size:11px;
    }


    .business-create-photo-meta button{
        font-size:8px;
    }


    .business-create-photo-note{
        align-items:flex-start;

        flex-direction:column;

        gap:3px;
    }

}


@media(max-width:390px){

    .business-create-photo-grid{
        gap:6px;
    }


    .business-create-photo-slot{
        padding:4px;
    }

}



/* ==========================================================================
   KUNI NEGOCIOS
   CATEGORY SEARCH PICKER V2.2
   ========================================================================== */


.biz-category-field{
    min-width:0;
}


.biz-category-label{
    display:block;

    margin-bottom:7px;

    color:#f4e7df;

    font-size:12px;

    font-weight:800;
}


.biz-category-picker{
    position:relative;

    min-width:0;
}


.biz-category-native{
    position:absolute!important;

    width:1px!important;
    height:1px!important;

    opacity:0!important;

    pointer-events:none!important;

    clip-path:
        inset(50%)!important;
}


.biz-category-trigger{
    width:100%;
    min-height:56px;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:12px;

    padding:
        0
        16px;

    border:
        1px solid
        rgba(239,154,101,.45);

    border-radius:14px;

    color:#fff8f3;

    background:#080504;

    font:inherit;

    text-align:left;

    cursor:pointer;

    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background .16s ease;
}


.biz-category-trigger:hover,
.biz-category-trigger[aria-expanded="true"]{
    border-color:#ef9a65;

    background:#0c0705;

    box-shadow:
        0 0 0 3px
        rgba(239,154,101,.08);
}


#businessCategorySelected{
    min-width:0;

    overflow:hidden;

    color:#f8ece5;

    font-size:15px;

    text-overflow:ellipsis;

    white-space:nowrap;
}


#businessCategorySelected.is-placeholder{
    color:#9e887d;
}


.biz-category-trigger-arrow{
    flex:none;

    color:#ef9a65;

    font-size:15px;
}


.biz-category-popover{
    position:absolute;

    z-index:500;

    top:
        calc(100% + 8px);

    left:0;
    right:0;

    overflow:hidden;

    border:
        1px solid
        rgba(239,154,101,.46);

    border-radius:15px;

    background:#080504;

    box-shadow:
        0 24px 60px
        rgba(0,0,0,.60);
}


.biz-category-search-wrap{
    display:grid;

    grid-template-columns:
        auto
        minmax(0,1fr);

    gap:9px;

    align-items:center;

    padding:
        11px
        12px
        8px;

    background:#0e0906;
}


.biz-category-search-icon{
    display:grid;

    place-items:center;

    width:30px;
    height:30px;

    color:#ef9a65;

    font-size:21px;
}


.biz-category-search{
    width:100%;

    min-height:43px;

    margin:0!important;

    padding:
        0
        12px!important;

    border:
        1px solid
        rgba(255,255,255,.09)!important;

    border-radius:10px!important;

    outline:0;

    color:#fff8f3!important;

    background:#080504!important;

    font-size:13px!important;
}


.biz-category-search::placeholder{
    color:#76675f!important;
}


.biz-category-search:focus{
    border-color:
        rgba(239,154,101,.62)!important;

    box-shadow:
        0 0 0 3px
        rgba(239,154,101,.07);
}


.biz-category-search-meta{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:10px;

    padding:
        2px
        13px
        9px;

    border-bottom:
        1px solid
        rgba(239,154,101,.11);

    background:#0e0906;
}


.biz-category-search-meta strong{
    color:#ef9a65!important;

    font-size:9px;

    font-weight:900;

    letter-spacing:.04em;
}


.biz-category-search-meta span{
    color:#78675e;

    font-size:8px;

    text-align:right;
}


.biz-category-results{
    max-height:390px;

    overflow-y:auto;

    overscroll-behavior:contain;

    padding:6px;

    scrollbar-width:thin;

    scrollbar-color:
        rgba(239,154,101,.35)
        transparent;
}


.biz-category-option{
    width:100%;

    min-height:44px;

    display:grid;

    grid-template-columns:
        34px
        minmax(0,1fr);

    gap:8px;

    align-items:center;

    padding:
        6px
        10px;

    border:0;

    border-radius:9px;

    color:#e9ddd5;

    background:transparent;

    font:inherit;

    text-align:left;

    cursor:pointer;

    transition:
        color .12s ease,
        background .12s ease;
}


.biz-category-option:hover{
    color:#fff9f5;

    background:
        rgba(239,154,101,.10);
}


.biz-category-option.is-selected{
    color:#1b0d07;

    background:#ef9a65;
}


.biz-category-option-icon{
    width:29px;
    height:29px;

    display:grid;

    place-items:center;

    border:
        1px solid
        rgba(239,154,101,.10);

    border-radius:8px;

    background:
        rgba(255,255,255,.018);

    font-size:17px;
}


.biz-category-option.is-selected
.biz-category-option-icon{
    border-color:
        rgba(27,13,7,.15);

    background:
        rgba(255,255,255,.20);
}


.biz-category-option-copy{
    min-width:0;
}


.biz-category-option strong{
    display:block;

    overflow:hidden;

    color:inherit!important;

    font-size:12px;

    font-weight:760;

    text-overflow:ellipsis;

    white-space:nowrap;
}


.biz-category-option[hidden]{
    display:none!important;
}


.biz-category-no-results{
    display:grid;

    gap:5px;

    place-items:center;

    padding:
        34px
        18px;

    color:#9c887d;

    text-align:center;
}


.biz-category-no-results strong{
    color:#e8d8cf!important;

    font-size:12px;
}


.biz-category-no-results span{
    max-width:320px;

    font-size:10px;

    line-height:1.5;
}


/* Mobile = compact bottom sheet */

@media(max-width:720px){

    .biz-category-trigger{
        min-height:52px;
    }


    .biz-category-popover{
        position:fixed;

        z-index:20000;

        top:auto;

        left:10px;
        right:10px;

        bottom:
            max(
                10px,
                env(safe-area-inset-bottom)
            );

        max-height:
            min(
                78vh,
                610px
            );

        border-radius:18px;
    }


    .biz-category-results{
        max-height:
            calc(
                min(
                    78vh,
                    610px
                )
                -
                112px
            );
    }


    .biz-category-option{
        min-height:48px;
    }


    .biz-category-search-meta{
        align-items:flex-start;

        flex-direction:column;

        gap:2px;
    }


    .biz-category-search-meta span{
        text-align:left;
    }

}



/* ==========================================================================
   KUNI NEGOCIOS
   LOCATION COMPOSITION V4.1
   ========================================================================== */


@media(min-width:901px){

    .biz-card.business-location-card{

        grid-template-columns:
            58px
            minmax(0,1fr) !important;

        grid-template-rows:
            auto
            auto;

        column-gap:
            24px;

        row-gap:
            22px;

        align-items:
            start;
    }


    .biz-card.business-location-card
    > .biz-step{

        grid-column:
            1;

        grid-row:
            1;
    }


    .biz-card.business-location-card
    > .biz-card-copy{

        grid-column:
            2;

        grid-row:
            1;

        width:
            100%;

        min-width:
            0;

        max-width:
            none;
    }


    .biz-card.business-location-card
    > .business-location-v1{

        grid-column:
            1 / -1;

        grid-row:
            2;

        width:
            100%;

        min-width:
            0;

        margin:
            0;
    }


    .biz-card.business-location-card
    .business-location-choice-grid{

        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );

        width:
            100%;

        gap:
            16px;

        margin-bottom:
            20px;
    }


    .biz-card.business-location-card
    .business-location-stage{

        grid-template-columns:
            minmax(340px,42fr)
            minmax(460px,58fr);

        width:
            100%;

        min-width:
            0;

        gap:
            20px;

        align-items:
            start;
    }


    .biz-card.business-location-card
    .business-location-input-column,

    .biz-card.business-location-card
    .business-location-map-panel,

    .biz-card.business-location-card
    .business-location-method,

    .biz-card.business-location-card
    .business-location-map{

        width:
            100%;

        min-width:
            0;
    }


    .biz-card.business-location-card
    .business-location-map{

        min-height:
            430px !important;
    }

}


@media(min-width:721px) and (max-width:1050px){

    .biz-card.business-location-card
    > .business-location-v1{

        grid-column:
            1 / -1;

        width:
            100%;
    }


    .biz-card.business-location-card
    .business-location-stage{

        grid-template-columns:
            minmax(280px,44fr)
            minmax(340px,56fr);

        gap:
            16px;
    }

}


@media(max-width:720px){

    .biz-card.business-location-card
    > .business-location-v1{

        width:
            100%;

        min-width:
            0;
    }


    .biz-card.business-location-card
    .business-location-choice-grid{

        grid-template-columns:
            1fr;

        width:
            100%;

        gap:
            10px;
    }


    .biz-card.business-location-card
    .business-location-stage{

        grid-template-columns:
            1fr;

        width:
            100%;

        gap:
            14px;
    }


    .biz-card.business-location-card
    .business-location-input-column,

    .biz-card.business-location-card
    .business-location-map-panel,

    .biz-card.business-location-card
    .business-location-method,

    .biz-card.business-location-card
    .business-location-map{

        width:
            100%;

        min-width:
            0;
    }


    .biz-card.business-location-card
    .business-location-map{

        min-height:
            330px !important;
    }

}


/* END LOCATION COMPOSITION V4.1 */



/* ==========================================================================
   KUNI NEGOCIOS
   BUSINESS SUBMISSION FEEDBACK V1
   ========================================================================== */

.biz-submission-feedback{

    width:
        100%;

    max-width:
        1180px;

    margin:
        24px auto 34px;

    box-sizing:
        border-box;

    display:
        grid;

    grid-template-columns:
        74px
        minmax(0,1fr);

    gap:
        24px;

    padding:
        30px 32px;

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius:
        18px;

    box-shadow:
        0 24px 70px
        rgba(0,0,0,.34);

    scroll-margin-top:
        26px;
}


.biz-submission-feedback.is-error{

    border-color:
        rgba(225,90,90,.48);

    background:
        linear-gradient(
            135deg,
            rgba(125,25,25,.27),
            rgba(30,8,6,.94)
        );

    box-shadow:
        0 24px 70px
        rgba(120,20,20,.18);
}


.biz-submission-feedback.is-success{

    border-color:
        rgba(76,190,119,.36);

    background:
        linear-gradient(
            135deg,
            rgba(26,105,63,.21),
            rgba(11,15,11,.96)
        );

    box-shadow:
        0 24px 70px
        rgba(20,110,60,.13);
}


.biz-submission-feedback-icon{

    width:
        64px;

    height:
        64px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    font-family:
        Inter,
        system-ui,
        sans-serif;

    font-size:
        31px;

    font-weight:
        800;

    line-height:
        1;
}


.biz-submission-feedback.is-error
.biz-submission-feedback-icon{

    color:
        #ffd0d0;

    border:
        1px solid
        rgba(225,90,90,.5);

    background:
        rgba(165,38,38,.28);
}


.biz-submission-feedback.is-success
.biz-submission-feedback-icon{

    color:
        #c9f4d8;

    border:
        1px solid
        rgba(76,190,119,.42);

    background:
        rgba(32,130,75,.23);
}


.biz-submission-feedback-content{

    min-width:
        0;
}


.biz-submission-feedback-eyebrow{

    display:
        block;

    margin-bottom:
        7px;

    color:
        #ef9a65;

    font-family:
        Inter,
        system-ui,
        sans-serif;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        .14em;
}


.biz-submission-feedback h2{

    margin:
        0 0 10px;

    color:
        #fff7f2;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            28px,
            3vw,
            44px
        );

    line-height:
        1.03;

    letter-spacing:
        -.03em;
}


.biz-submission-feedback p{

    max-width:
        760px;

    margin:
        0 0 16px;

    color:
        #c7b8ae;

    font-size:
        14px;

    line-height:
        1.65;
}


.biz-submission-feedback ul{

    display:
        grid;

    gap:
        10px;

    margin:
        18px 0;

    padding:
        0;

    list-style:
        none;
}


.biz-submission-feedback li{

    position:
        relative;

    padding:
        12px 14px 12px 40px;

    border:
        1px solid
        rgba(225,90,90,.18);

    border-radius:
        11px;

    color:
        #f4dada;

    background:
        rgba(90,20,20,.14);

    font-size:
        13px;

    line-height:
        1.5;
}


.biz-submission-feedback li::before{

    content:
        "!";

    position:
        absolute;

    left:
        14px;

    top:
        50%;

    transform:
        translateY(-50%);

    display:
        grid;

    place-items:
        center;

    width:
        17px;

    height:
        17px;

    border-radius:
        50%;

    color:
        #ffd1d1;

    background:
        rgba(200,58,58,.32);

    font-size:
        10px;

    font-weight:
        900;
}


.biz-submission-feedback-action{

    display:
        block;

    margin-top:
        19px;

    color:
        #f0d8c9;

    font-size:
        12px;

    line-height:
        1.55;
}


.biz-submission-checklist{

    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap:
        10px;

    margin-top:
        20px;
}


.biz-submission-checklist span{

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    padding:
        12px 14px;

    border:
        1px solid
        rgba(76,190,119,.18);

    border-radius:
        11px;

    color:
        #d8eee0;

    background:
        rgba(30,110,65,.12);

    font-size:
        12px;

    line-height:
        1.4;
}


.biz-submission-checklist b{

    color:
        #73d49a;
}


@media(max-width:720px){

    .biz-submission-feedback{

        grid-template-columns:
            1fr;

        gap:
            15px;

        margin:
            18px auto 26px;

        padding:
            22px 18px;

        border-radius:
            15px;
    }


    .biz-submission-feedback-icon{

        width:
            48px;

        height:
            48px;

        font-size:
            23px;
    }


    .biz-submission-feedback h2{

        font-size:
            29px;
    }


    .biz-submission-checklist{

        grid-template-columns:
            1fr;
    }

}


/* END BUSINESS SUBMISSION FEEDBACK V1 */



/* ==========================================================================
   KUNI NEGOCIOS
   FORM VISUAL EMPHASIS V2.2
   ========================================================================== */

/*
   DESIGN RULE

   Editable controls must be clearly distinguishable from the dark Kuni
   background without becoming bright SaaS-style components.

   Surfaces:
       dark brown / black

   Interactive borders:
       muted copper / warm gold

   Typography:
       warm cream

   Light:
       extremely subtle warm-white / copper glow
*/


/* --------------------------------------------------------------------------
   PRIMARY FIELD — BUSINESS NAME
   -------------------------------------------------------------------------- */

body.business-create-body
.kuni-business-name-field {

    width:
        100%;

    box-sizing:
        border-box;

    margin:
        0 0 18px;

    padding:
        20px;

    border:
        1px solid
        rgba(239,154,101,.52);

    border-radius:
        18px;

    background:
        linear-gradient(
            145deg,
            rgba(68,30,15,.84),
            rgba(21,10,6,.97)
        );

    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.05),

        0 18px 40px
        rgba(0,0,0,.23),

        0 0 34px
        rgba(239,154,101,.09);

}


body.business-create-body
.kuni-business-name-label {

    display:
        grid;

    gap:
        11px;

}


body.business-create-body
.kuni-field-label-row {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

}


body.business-create-body
.kuni-field-label-row strong {

    color:
        #fff9f4;

    font-size:
        14px;

    font-weight:
        900;

}


body.business-create-body
.kuni-field-label-row em {

    padding:
        5px 9px;

    border:
        1px solid
        rgba(239,154,101,.44);

    border-radius:
        999px;

    color:
        #f4b688;

    background:
        rgba(239,154,101,.10);

    font-size:
        9px;

    font-style:
        normal;

    font-weight:
        900;

    letter-spacing:
        .13em;

}


body.business-create-body
.kuni-business-name-input {

    width:
        100%;

    min-height:
        62px;

    box-sizing:
        border-box;

    padding:
        0 18px;

    border:
        1px solid
        rgba(250,194,139,.98) !important;

    border-radius:
        14px !important;

    color:
        #fffaf6 !important;

    background:
        linear-gradient(
            180deg,
            rgba(76,36,19,.995),
            rgba(29,13,7,.995)
        ) !important;

    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.08),

        0 0 0 4px
        rgba(250,194,139,.065),

        0 0 34px
        rgba(250,194,139,.15),

        inset 0 1px 0
        rgba(255,255,255,.065) !important;

    font-size:
        18px !important;

    font-weight:
        800 !important;

}


body.business-create-body
.kuni-business-name-input::placeholder {

    color:
        rgba(255,226,205,.62) !important;

    font-weight:
        500;

}


body.business-create-body
.kuni-business-name-input:hover {

    border-color:
        #fac99a !important;

    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.09),

        0 0 0 4px
        rgba(250,194,139,.08),

        0 0 38px
        rgba(250,194,139,.19) !important;

}


body.business-create-body
.kuni-business-name-input:focus {

    outline:
        none !important;

    border-color:
        #ffd7b1 !important;

    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.12),

        0 0 0 5px
        rgba(255,204,154,.14),

        0 0 44px
        rgba(255,195,135,.22),

        inset 0 1px 0
        rgba(255,255,255,.075) !important;

}


body.business-create-body
.kuni-business-name-help {

    margin:
        10px 2px 0;

    color:
        rgba(243,219,203,.75);

    font-size:
        11px;

    line-height:
        1.55;

}


/* --------------------------------------------------------------------------
   STANDARD INPUTS / SELECTS / TEXTAREAS
   -------------------------------------------------------------------------- */

body.business-create-body
.biz-form
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),

body.business-create-body
.biz-form select,

body.business-create-body
.biz-form textarea {

    color:
        #fff7ef !important;

    background:
        linear-gradient(
            180deg,
            rgba(47,21,12,.98),
            rgba(21,10,6,.995)
        ) !important;

    border:
        1px solid
        rgba(210,143,85,.62) !important;

    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.04),

        0 0 17px
        rgba(255,255,255,.022),

        0 0 23px
        rgba(218,143,81,.07),

        inset 0 1px 0
        rgba(255,255,255,.038) !important;

    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background .16s ease !important;

}


body.business-create-body
.biz-form input::placeholder,

body.business-create-body
.biz-form textarea::placeholder {

    color:
        rgba(255,225,203,.62) !important;

}


body.business-create-body
.biz-form select option {

    color:
        #fff5eb;

    background:
        #160b07;

}


body.business-create-body
.biz-form
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):hover,

body.business-create-body
.biz-form select:hover,

body.business-create-body
.biz-form textarea:hover {

    border-color:
        rgba(239,166,104,.84) !important;

    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.05),

        0 0 28px
        rgba(232,160,99,.12),

        inset 0 1px 0
        rgba(255,255,255,.045) !important;

}


body.business-create-body
.biz-form
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,

body.business-create-body
.biz-form select:focus,

body.business-create-body
.biz-form textarea:focus {

    outline:
        none !important;

    border-color:
        rgba(248,183,124,.99) !important;

    background:
        linear-gradient(
            180deg,
            rgba(58,27,14,.995),
            rgba(26,11,6,.995)
        ) !important;

    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.06),

        0 0 0 4px
        rgba(239,154,101,.115),

        0 0 32px
        rgba(239,154,101,.16),

        inset 0 1px 0
        rgba(255,255,255,.05) !important;

}


/* --------------------------------------------------------------------------
   LABELS
   -------------------------------------------------------------------------- */

body.business-create-body
.biz-form .biz-fields label > span,

body.business-create-body
.biz-form .biz-field-label,

body.business-create-body
.biz-form label > span {

    color:
        #fff4ec;

}


/* --------------------------------------------------------------------------
   CATEGORY
   -------------------------------------------------------------------------- */

body.business-create-body
#businessCategoryTrigger {

    border-color:
        rgba(217,147,86,.70) !important;

    background:
        linear-gradient(
            180deg,
            rgba(46,21,11,.99),
            rgba(20,9,5,.995)
        ) !important;

    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.04),

        0 0 25px
        rgba(220,145,81,.09) !important;

}


body.business-create-body
#businessCategoryTrigger:hover,

body.business-create-body
#businessCategoryTrigger[aria-expanded="true"] {

    border-color:
        rgba(245,173,110,.94) !important;

    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.055),

        0 0 0 4px
        rgba(239,154,101,.09),

        0 0 31px
        rgba(239,154,101,.15) !important;

}


/* --------------------------------------------------------------------------
   PHOTOS
   -------------------------------------------------------------------------- */

body.business-create-body
.business-create-photo-slot {

    border-color:
        rgba(214,145,84,.50) !important;

    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.032),

        0 0 24px
        rgba(218,143,81,.06) !important;

}


body.business-create-body
.business-create-photo-slot:hover {

    border-color:
        rgba(242,167,104,.88) !important;

    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.05),

        0 0 31px
        rgba(239,154,101,.13) !important;

}


/* --------------------------------------------------------------------------
   LOCATION
   -------------------------------------------------------------------------- */

body.business-create-body
.business-location-choice,

body.business-create-body
.business-location-method,

body.business-create-body
.business-location-map-panel {

    border-color:
        rgba(213,144,83,.49) !important;

    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.03),

        0 14px 32px
        rgba(0,0,0,.18),

        0 0 26px
        rgba(214,139,78,.06) !important;

}


body.business-create-body
.business-location-choice:has(input:checked) {

    border-color:
        rgba(243,168,105,.90) !important;

    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.05),

        0 0 0 3px
        rgba(239,154,101,.09),

        0 0 33px
        rgba(239,154,101,.14) !important;

}


/* --------------------------------------------------------------------------
   CARDS
   -------------------------------------------------------------------------- */

body.business-create-body
.biz-card {

    border-color:
        rgba(194,124,66,.35) !important;

    box-shadow:
        0 0 0 1px
        rgba(224,149,85,.06),

        0 19px 48px
        rgba(0,0,0,.23),

        0 0 36px
        rgba(208,133,71,.04) !important;

}


/* --------------------------------------------------------------------------
   INVALID
   -------------------------------------------------------------------------- */

body.business-create-body
.biz-form [aria-invalid="true"],

body.business-create-body
.biz-form .is-invalid,

body.business-create-body
.biz-form .input-error {

    border-color:
        rgba(255,91,91,.97) !important;

    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.05),

        0 0 0 4px
        rgba(255,91,91,.14),

        0 0 29px
        rgba(255,91,91,.19) !important;

}


/* --------------------------------------------------------------------------
   MOBILE
   -------------------------------------------------------------------------- */

@media(max-width:720px) {

    body.business-create-body
    .kuni-business-name-field {

        padding:
            16px;

        border-radius:
            15px;

    }


    body.business-create-body
    .kuni-business-name-input {

        min-height:
            56px;

        font-size:
            16px !important;

    }

}


/* END FORM VISUAL EMPHASIS V2.2 */



/******************************************************************************
 KUNI BUSINESS OWNER EDIT EXPERIENCE V2
 ******************************************************************************/

.business-edit-shell{
    width:min(1280px,calc(100% - 42px))!important;
    padding:52px 0 110px!important;
}


.business-edit-head{
    max-width:880px;
}


.business-edit-head h1{
    font-size:clamp(3rem,6vw,5rem)!important;
}


.business-edit-head p,
.business-edit-muted{
    font-size:1rem!important;
}


.business-edit-form{
    gap:22px!important;
}


.business-edit-card{
    padding:32px!important;

    border:
        1px solid
        rgba(239,154,101,.22)!important;

    background:
        linear-gradient(
            145deg,
            rgba(239,154,101,.025),
            transparent 45%
        ),
        #0d0906!important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.14),
        inset 0 1px rgba(255,255,255,.02);
}


.business-edit-card h2{
    font-size:1.75rem!important;
}


.business-edit-card label span{
    font-size:.9rem!important;
}


.business-edit-card input,
.business-edit-card select,
.business-edit-card textarea{
    min-height:54px!important;
    padding:14px 16px!important;
    font-size:1rem!important;
}


.business-hour-edit-row{
    grid-template-columns:
        145px
        120px
        minmax(120px,1fr)
        20px
        minmax(120px,1fr)!important;

    padding:15px 0!important;
}


/******************************************************************************
 EXISTING + NEW OWNER PHOTOS
 ******************************************************************************/

.biz-owner-gallery{
    margin-top:44px!important;
    padding-top:38px!important;
}


.biz-owner-gallery-head{
    align-items:center!important;
}


.biz-owner-gallery-head h2{
    font-size:clamp(2.6rem,5vw,4.3rem)!important;
}


.biz-owner-gallery-head p{
    font-size:1rem!important;
}


.biz-gallery-count{
    min-width:116px!important;
    padding:15px 19px!important;
}


.biz-gallery-count strong{
    font-size:2rem!important;
}


.biz-gallery-count span{
    font-size:.9rem!important;
}


.biz-owner-gallery-grid{
    grid-template-columns:
        repeat(4,minmax(0,1fr))!important;

    gap:16px!important;
}


.biz-owner-gallery-slot:first-child{
    grid-column:span 2!important;
    grid-row:span 2!important;
}


.biz-owner-gallery-slot:first-child
.biz-owner-gallery-image{
    height:100%!important;
    min-height:420px!important;
    aspect-ratio:auto!important;

    border-color:
        rgba(239,154,101,.55)!important;
}


.biz-owner-gallery-image{
    border-color:
        rgba(239,154,101,.20)!important;

    background:#0c0806!important;
}


.biz-owner-gallery-empty strong{
    font-size:.95rem!important;
}


.biz-gallery-cover-badge{
    padding:6px 10px!important;
    font-size:.72rem!important;
}


.biz-owner-gallery-actions{
    margin-top:10px!important;
}


.biz-gallery-upload,
.biz-gallery-delete{
    min-height:46px!important;
    font-size:.9rem!important;
}


.business-edit-actions{
    padding-top:12px!important;
    gap:18px!important;
}


.business-edit-actions .gateway-primary{
    min-height:54px!important;
    padding-inline:26px!important;
    font-size:1rem!important;
}


/******************************************************************************
 TABLET
 ******************************************************************************/

@media(max-width:900px){

    .business-edit-shell{
        width:min(100% - 30px,900px)!important;
    }


    .biz-owner-gallery-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }


    .biz-owner-gallery-slot:first-child{
        grid-column:1/-1!important;
        grid-row:auto!important;
    }


    .biz-owner-gallery-slot:first-child
    .biz-owner-gallery-image{
        width:min(100%,560px)!important;
        min-height:0!important;
        margin-inline:auto!important;
        aspect-ratio:16/10!important;
    }

}


/******************************************************************************
 MOBILE
 ******************************************************************************/

@media(max-width:600px){

    .business-edit-shell{
        width:calc(100% - 22px)!important;
        padding-top:32px!important;
    }


    .business-edit-card{
        padding:20px!important;
        border-radius:18px!important;
    }


    .business-edit-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
    }


    .business-edit-actions .gateway-primary,
    .business-edit-cancel{
        width:100%!important;
        min-height:52px!important;

        display:flex!important;
        align-items:center!important;
        justify-content:center!important;

        text-align:center!important;
    }


    .biz-owner-gallery-head{
        align-items:flex-start!important;
        flex-direction:column!important;
    }


    .biz-owner-gallery-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;

        gap:11px!important;
    }


    .biz-owner-gallery-slot:first-child{
        grid-column:1/-1!important;
    }


    .biz-owner-gallery-slot:first-child
    .biz-owner-gallery-image{
        width:100%!important;
        aspect-ratio:16/10!important;
    }


    .biz-gallery-upload,
    .biz-gallery-delete{
        min-height:44px!important;
        font-size:.82rem!important;
    }

}


/******************************************************************************
 VERY SMALL MOBILE
 ******************************************************************************/

@media(max-width:390px){

    .biz-owner-gallery-grid{
        grid-template-columns:1fr!important;
    }


    .biz-owner-gallery-slot:first-child{
        grid-column:auto!important;
    }

}


/* END KUNI BUSINESS OWNER EDIT EXPERIENCE V2 */



/******************************************************************************
 KUNI BUSINESS OWNER EXPERIENCE V3
 Warm copper identification + clear actions + edit summary.
 ******************************************************************************/


/******************************************************************************
 PANEL — cards should be visibly separate from the page.
 ******************************************************************************/

.business-panel-kpis article,
.business-panel-card,
.business-panel-empty{

    border-color:
        rgba(239,154,101,.27)!important;

    background:
        linear-gradient(
            145deg,
            rgba(239,154,101,.075),
            rgba(239,154,101,.025) 46%,
            rgba(8,5,4,.94) 100%
        )!important;

    box-shadow:
        0 16px 42px rgba(0,0,0,.22),
        0 0 30px rgba(239,154,101,.025),
        inset 0 1px rgba(255,250,246,.025)!important;
}


.business-panel-card:hover{

    border-color:
        rgba(239,154,101,.42)!important;

    background:
        linear-gradient(
            145deg,
            rgba(239,154,101,.10),
            rgba(239,154,101,.035) 46%,
            rgba(8,5,4,.94) 100%
        )!important;

}


/******************************************************************************
 PANEL — Editar negocio must look like an action.
 ******************************************************************************/

.business-panel-card a[href$="/editar"],
.business-panel-card a[href*="/editar?"]{

    display:inline-flex!important;

    align-items:center!important;
    justify-content:center!important;

    gap:9px!important;

    min-width:174px!important;
    min-height:50px!important;

    padding:
        0 20px!important;

    border:
        1px solid #ef9a65!important;

    border-radius:
        13px!important;

    background:
        linear-gradient(
            135deg,
            #ffae79,
            #ef9a65
        )!important;

    box-shadow:
        0 12px 30px rgba(239,154,101,.16)!important;

    color:
        #170c07!important;

    font-size:
        .92rem!important;

    font-weight:
        900!important;

    line-height:
        1!important;

    letter-spacing:
        .01em!important;

    text-decoration:
        none!important;

    transition:
        transform .16s ease,
        box-shadow .16s ease,
        filter .16s ease!important;

}


.business-panel-card a[href$="/editar"]::before,
.business-panel-card a[href*="/editar?"]::before{

    content:
        "✎";

    font-size:
        1.05rem;

    line-height:
        1;

}


.business-panel-card a[href$="/editar"]:hover,
.business-panel-card a[href*="/editar?"]:hover{

    transform:
        translateY(-2px);

    filter:
        brightness(1.04);

    box-shadow:
        0 16px 38px rgba(239,154,101,.23)!important;

}


/******************************************************************************
 EDIT — warm surfaces
 ******************************************************************************/

.business-edit-card,
.business-location-choice,
.business-location-method,
.business-location-map-panel,
.biz-owner-gallery-slot{

    border-color:
        rgba(239,154,101,.28)!important;

    background:
        linear-gradient(
            145deg,
            rgba(239,154,101,.065),
            rgba(239,154,101,.022) 48%,
            rgba(8,5,4,.96)
        )!important;

    box-shadow:
        0 16px 38px rgba(0,0,0,.16),
        inset 0 1px rgba(255,250,246,.022)!important;

}


.business-location-choice:has(input:checked){

    border-color:
        rgba(239,154,101,.72)!important;

    background:
        linear-gradient(
            145deg,
            rgba(239,154,101,.13),
            rgba(239,154,101,.045)
        )!important;

    box-shadow:
        0 0 0 1px rgba(239,154,101,.06),
        0 13px 34px rgba(0,0,0,.18)!important;

}


/******************************************************************************
 EXISTING BUSINESS SUMMARY
 ******************************************************************************/

.business-edit-existing-summary{

    display:grid;

    grid-template-columns:
        minmax(230px,340px)
        minmax(0,1fr);

    gap:
        28px;

    margin:
        0 0 30px;

    padding:
        22px;

    border:
        1px solid
        rgba(239,154,101,.34);

    border-radius:
        24px;

    background:
        linear-gradient(
            135deg,
            rgba(239,154,101,.105),
            rgba(239,154,101,.025) 52%,
            rgba(7,5,4,.96)
        );

    box-shadow:
        0 24px 58px rgba(0,0,0,.22),
        inset 0 1px rgba(255,250,246,.03);

}


.business-edit-existing-cover{

    overflow:hidden;

    min-height:
        240px;

    border:
        1px solid
        rgba(239,154,101,.34);

    border-radius:
        18px;

    background:
        #080504;

}


.business-edit-existing-cover img{

    display:block;

    width:
        100%;

    height:
        100%;

    min-height:
        240px;

    aspect-ratio:
        4 / 3;

    object-fit:
        cover;

}


.business-edit-existing-cover-empty{

    display:flex;

    flex-direction:column;

    align-items:center;
    justify-content:center;

    gap:
        8px;

    min-height:
        240px;

    padding:
        24px;

    text-align:
        center;

}


.business-edit-existing-cover-empty span,
.business-edit-existing-kicker{

    color:
        #ef9a65;

    font-size:
        .74rem;

    font-weight:
        900;

    letter-spacing:
        .13em;

}


.business-edit-existing-cover-empty strong{

    color:
        #fff8f3;

    font-size:
        1rem;

}


.business-edit-existing-copy{

    display:flex;

    min-width:
        0;

    flex-direction:
        column;

    justify-content:
        center;

}


.business-edit-existing-copy h2{

    margin:
        8px 0 10px;

    color:
        #fff8f3;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(2rem,4vw,3.2rem);

    font-weight:
        500;

    line-height:
        1.02;

}


.business-edit-existing-copy > p{

    max-width:
        760px;

    margin:
        18px 0 0;

    color:
        #d8c9c0;

    font-size:
        .98rem;

    line-height:
        1.65;

}


.business-edit-existing-meta{

    display:flex;

    flex-wrap:
        wrap;

    gap:
        8px;

}


.business-edit-existing-meta span{

    display:inline-flex;

    align-items:center;

    min-height:
        32px;

    padding:
        0 11px;

    border:
        1px solid
        rgba(239,154,101,.27);

    border-radius:
        999px;

    background:
        rgba(239,154,101,.065);

    color:
        #f2ddd0;

    font-size:
        .78rem;

    font-weight:
        800;

}


.business-edit-existing-location{

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:
        18px;

    margin-top:
        22px;

    padding-top:
        18px;

    border-top:
        1px solid
        rgba(239,154,101,.14);

}


.business-edit-existing-location div{

    display:flex;

    flex-direction:
        column;

    gap:
        5px;

}


.business-edit-existing-location small{

    color:
        #a78d7e;

    font-size:
        .72rem;

    font-weight:
        900;

    letter-spacing:
        .10em;

}


.business-edit-existing-location strong{

    color:
        #fff8f3;

    font-size:
        .96rem;

}


.business-edit-existing-location a{

    display:inline-flex;

    min-height:
        42px;

    align-items:center;
    justify-content:center;

    padding:
        0 15px;

    border:
        1px solid
        rgba(239,154,101,.36);

    border-radius:
        11px;

    background:
        rgba(239,154,101,.07);

    color:
        #f6b78e;

    font-size:
        .84rem;

    font-weight:
        850;

    text-decoration:
        none;

}


/******************************************************************************
 MAP
 *
 * Previous 430px minimum was unnecessarily dominant.
 ******************************************************************************/

.business-location-map{

    min-height:
        300px!important;

}


.business-location-map-panel{

    padding:
        18px!important;

}


.business-location-map-heading strong{

    font-size:
        1.05rem!important;

}


/******************************************************************************
 GENERAL OWNER LEGIBILITY
 ******************************************************************************/

.business-panel-card h2{

    font-size:
        clamp(1.7rem,3vw,2.25rem)!important;

}


.business-panel-card > p,
.business-panel-card-main > p{

    font-size:
        .98rem!important;

    line-height:
        1.6!important;

}


.business-panel-card-head span{

    font-size:
        .78rem!important;

}


.business-card-performance > span{

    font-size:
        .76rem!important;

}


.business-card-performance strong{

    font-size:
        1.3rem!important;

}


.business-card-performance small{

    font-size:
        .82rem!important;

}


.business-edit-card label > span{

    font-size:
        .86rem!important;

}


.business-location-choice strong,
.business-location-method h3{

    font-size:
        1rem!important;

}


.business-location-choice small,
.business-location-method label > span{

    font-size:
        .82rem!important;

    line-height:
        1.5!important;

}


/******************************************************************************
 TABLET
 ******************************************************************************/

@media(max-width:900px){

    .business-edit-existing-summary{

        grid-template-columns:
            230px
            minmax(0,1fr);

        gap:
            20px;

    }


    .business-location-map{

        min-height:
            270px!important;

    }

}


/******************************************************************************
 MOBILE
 ******************************************************************************/

@media(max-width:650px){

    .business-edit-existing-summary{

        grid-template-columns:
            1fr;

        padding:
            15px;

        border-radius:
            19px;

    }


    .business-edit-existing-cover{

        min-height:
            0;

    }


    .business-edit-existing-cover img{

        min-height:
            0;

        aspect-ratio:
            16 / 10;

    }


    .business-edit-existing-location{

        align-items:
            stretch;

        flex-direction:
            column;

    }


    .business-edit-existing-location a{

        width:
            100%;

        box-sizing:
            border-box;

    }


    .business-panel-card a[href$="/editar"],
    .business-panel-card a[href*="/editar?"]{

        width:
            100%!important;

        box-sizing:
            border-box!important;

        min-height:
            52px!important;

    }


    .business-location-map{

        min-height:
            235px!important;

    }

}


/* END KUNI BUSINESS OWNER EXPERIENCE V3 */



/******************************************************************************
 *
 * KUNI CONECTA
 * BUSINESS PHOTO PRESENTATION
 * SQUARE EVERYWHERE V4.2-R2
 *
 * FINAL CASCADE.
 *
 * BUSINESS PHOTOGRAPH = 1:1.
 *
 ******************************************************************************/


/* ==========================================================================
   OWNER PANEL CARD
   ========================================================================== */

.business-panel-body .owner-card{

    border:
        1px solid
        rgba(239,154,101,.24)
        !important;

    background:
        linear-gradient(
            145deg,
            rgba(239,154,101,.075),
            rgba(239,154,101,.025)
        )
        !important;

    box-shadow:
        0 18px 52px
        rgba(0,0,0,.25)
        !important;

}


/* ==========================================================================
   OWNER PANEL PHOTO
   ========================================================================== */

.business-panel-photo-v42{

    width:
        min(
            100%,
            320px
        );

    aspect-ratio:
        1 / 1
        !important;

    margin:
        18px 0;

    overflow:
        hidden;

    border:
        1px solid
        rgba(239,154,101,.28);

    border-radius:
        18px;

    background:
        rgba(239,154,101,.055);

    box-shadow:
        0 14px 32px
        rgba(0,0,0,.22);

}


.business-panel-photo-v42 img{

    display:
        block;

    width:
        100%
        !important;

    height:
        100%
        !important;

    aspect-ratio:
        1 / 1
        !important;

    object-fit:
        cover
        !important;

}


.business-panel-photo-v42.is-empty{

    display:
        grid;

    place-items:
        center;

    color:
        rgba(255,248,243,.56);

    font-size:
        12px;

    font-weight:
        850;

    letter-spacing:
        .08em;

}


/* ==========================================================================
   ACTUAL OWNER PANEL CTA
   ========================================================================== */

.business-panel-actions{

    display:
        flex
        !important;

    flex-wrap:
        wrap
        !important;

    align-items:
        center
        !important;

    gap:
        12px
        !important;

    padding-top:
        18px
        !important;

}


.business-panel-actions > a{

    min-height:
        50px
        !important;

    display:
        inline-flex
        !important;

    align-items:
        center
        !important;

    justify-content:
        center
        !important;

    padding:
        0 20px
        !important;

    border:
        1px solid
        rgba(239,154,101,.34)
        !important;

    border-radius:
        13px
        !important;

    color:
        #fff5ee
        !important;

    background:
        rgba(239,154,101,.075)
        !important;

    text-decoration:
        none
        !important;

    font-size:
        14px
        !important;

    font-weight:
        850
        !important;

    line-height:
        1.2
        !important;

}


.business-panel-actions
> a[href$="/editar"]{

    min-height:
        52px
        !important;

    padding:
        0 24px
        !important;

    color:
        #211008
        !important;

    border-color:
        #ef9a65
        !important;

    background:
        linear-gradient(
            135deg,
            #f6b58e,
            #ef9a65
        )
        !important;

    box-shadow:
        0 11px 28px
        rgba(239,154,101,.20)
        !important;

    font-size:
        15px
        !important;

    font-weight:
        950
        !important;

}


/* ==========================================================================
   OWNER EDIT — CURRENT COVER
   ========================================================================== */

.business-edit-existing-cover{

    width:
        min(
            100%,
            340px
        )
        !important;

    aspect-ratio:
        1 / 1
        !important;

    overflow:
        hidden
        !important;

    border-radius:
        18px
        !important;

}


.business-edit-existing-cover img,
.business-edit-existing-cover > img{

    display:
        block
        !important;

    width:
        100%
        !important;

    height:
        100%
        !important;

    aspect-ratio:
        1 / 1
        !important;

    object-fit:
        cover
        !important;

}


/* ==========================================================================
   OWNER GALLERY — ALL SLOTS INCLUDING COVER
   ========================================================================== */

.biz-owner-gallery-image,
.biz-owner-gallery-grid
.biz-owner-gallery-slot:first-child
.biz-owner-gallery-image{

    aspect-ratio:
        1 / 1
        !important;

}


.biz-owner-gallery-image img{

    display:
        block;

    width:
        100%
        !important;

    height:
        100%
        !important;

    aspect-ratio:
        1 / 1
        !important;

    object-fit:
        cover
        !important;

}


/*
 * Historical component:
 *
 * .owner-photo originally used 16 / 10.
 *
 * Business photos are now permanently square.
 */

.owner-photo{

    aspect-ratio:
        1 / 1
        !important;

}


.owner-photo img{

    width:
        100%
        !important;

    height:
        100%
        !important;

    aspect-ratio:
        1 / 1
        !important;

    object-fit:
        cover
        !important;

}


/* ==========================================================================
   MAP PANEL
   ========================================================================== */

.business-location-map-panel{

    position:
        relative;

    overflow:
        hidden;

    border:
        1px solid
        rgba(239,154,101,.24)
        !important;

    background:
        rgba(239,154,101,.045)
        !important;

}


/* The actual interactive map should also feel square-ish and intentional. */

.business-location-map-panel
#businessMap{

    width:
        100%;

    min-height:
        420px;

    background:
        #090604;

}


/* ==========================================================================
   MAP FALLBACK
   ========================================================================== */

.business-map-fallback-v42{

    width:
        min(
            100%,
            540px
        );

    aspect-ratio:
        1 / 1;

    display:
        grid;

    align-content:
        center;

    justify-items:
        center;

    gap:
        10px;

    margin:
        18px auto;

    padding:
        24px;

    text-align:
        center;

    border:
        1px solid
        rgba(239,154,101,.26);

    border-radius:
        18px;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(239,154,101,.14),
            rgba(239,154,101,.045) 40%,
            rgba(5,4,3,.76) 74%
        );

    box-shadow:
        inset 0 0 62px
        rgba(0,0,0,.25);

}


.business-map-fallback-v42[hidden]{

    display:
        none
        !important;

}


.business-map-fallback-marker-v42{

    width:
        50px;

    height:
        50px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        rgba(239,154,101,.40);

    border-radius:
        999px;

    color:
        #ef9a65;

    background:
        rgba(239,154,101,.10);

    font-size:
        22px;

}


.business-map-fallback-v42 strong{

    color:
        #fff7f1;

    font-size:
        18px;

}


.business-map-fallback-v42 span{

    color:
        #cdb9ad;

    font-size:
        13px;

}


.business-map-fallback-v42 a{

    min-height:
        48px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    margin-top:
        6px;

    padding:
        0 18px;

    border-radius:
        12px;

    color:
        #211008;

    background:
        #ef9a65;

    text-decoration:
        none;

    font-size:
        14px;

    font-weight:
        900;

}


/* ==========================================================================
   TYPOGRAPHY
   ========================================================================== */

.business-panel-body{

    font-size:
        15px;

}


.business-panel-body p{

    line-height:
        1.6;

}


/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media(max-width:700px){

    .business-panel-photo-v42,
    .business-edit-existing-cover{

        width:
            min(
                100%,
                290px
            )
            !important;

    }


    .business-panel-actions{

        align-items:
            stretch
            !important;

    }


    .business-panel-actions > a{

        width:
            100%
            !important;

        flex:
            1 1 100%
            !important;

    }


    .business-location-map-panel
    #businessMap{

        min-height:
            360px;

    }


    .business-map-fallback-v42{

        width:
            100%;

        padding:
            18px;

    }

}


@media(max-width:430px){

    .business-panel-photo-v42,
    .business-edit-existing-cover{

        width:
            100%
            !important;

    }


    .biz-owner-gallery-grid{

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            )
            !important;

    }


    .business-location-map-panel
    #businessMap{

        min-height:
            330px;

    }

}


@media(max-width:340px){

    .biz-owner-gallery-grid{

        grid-template-columns:
            1fr
            !important;

    }

}


/* END SQUARE EVERYWHERE V4.2-R2 */


/******************************************************************************
 *
 * KUNI CONECTA
 * SQUARE EVERYWHERE V4.2-R4
 * OWNER / EDIT PHOTO COMPACT LAYOUT
 *
 * PURPOSE:
 * - reduce oversized photo presentation
 * - remove giant first-slot feeling
 * - keep every business photo square
 *
 ******************************************************************************/

/* --------------------------------------------------------------------------
   OWNER PANEL PHOTO
   -------------------------------------------------------------------------- */

.business-panel-photo-v42{
    width: min(100%, 220px) !important;
    max-width: 220px !important;
    margin: 14px 0 16px !important;
}

.business-panel-photo-v42 img{
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
}


/* --------------------------------------------------------------------------
   EDIT COVER PREVIEW
   -------------------------------------------------------------------------- */

.business-edit-existing-cover{
    width: min(100%, 220px) !important;
    max-width: 220px !important;
    margin: 0 0 18px 0 !important;
    aspect-ratio: 1 / 1 !important;
}

.business-edit-existing-cover img,
.business-edit-existing-cover > img{
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
}


/* --------------------------------------------------------------------------
   OWNER GALLERY — UNIFORM GRID
   -------------------------------------------------------------------------- */

.biz-owner-gallery-grid{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    align-items: start !important;
}

.biz-owner-gallery-grid > *{
    min-width: 0 !important;
    width: 100% !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

.biz-owner-gallery-slot{
    min-width: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

.biz-owner-gallery-slot:first-child{
    grid-column: auto !important;
    grid-row: auto !important;
}

.biz-owner-gallery-grid
.biz-owner-gallery-slot:first-child
.biz-owner-gallery-image{
    aspect-ratio: 1 / 1 !important;
}

.biz-owner-gallery-image{
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
}

.biz-owner-gallery-image img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
}

.owner-photo{
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 1 / 1 !important;
}

.owner-photo img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
}


/* --------------------------------------------------------------------------
   BUTTON STACK BELOW EACH SLOT
   -------------------------------------------------------------------------- */

.biz-owner-gallery-slot button,
.biz-owner-gallery-slot .button,
.biz-owner-gallery-slot .btn{
    min-height: 46px !important;
}


/* --------------------------------------------------------------------------
   RESPONSIVE
   -------------------------------------------------------------------------- */

@media (min-width: 1280px){
    .biz-owner-gallery-grid{
        grid-template-columns: repeat(2, minmax(260px, 320px)) !important;
        justify-content: start !important;
    }
}

@media (max-width: 980px){
    .business-edit-existing-cover{
        max-width: 200px !important;
    }

    .biz-owner-gallery-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px){
    .business-panel-photo-v42,
    .business-edit-existing-cover{
        max-width: 190px !important;
        width: min(100%, 190px) !important;
    }

    .biz-owner-gallery-grid{
        grid-template-columns: 1fr !important;
    }
}

/* END SQUARE EVERYWHERE V4.2-R4 OWNER */


/******************************************************************************
 *
 * KUNI CONECTA
 *
 * OWNER GALLERY — ADMIN VISUAL PATTERN R5
 *
 * REFERENCE:
 *   Admin / Moderación photo dossier.
 *
 * PRINCIPLES:
 *
 *   - all slots equal
 *   - no giant cover
 *   - 3 columns desktop
 *   - photograph itself is exactly 1:1
 *   - historical fixed heights are neutralized
 *
 ******************************************************************************/


/* ==========================================================================
   GALLERY CONTAINER
   ========================================================================== */

.biz-owner-gallery{

    width:
        100%
        !important;

    max-width:
        1400px
        !important;

}


.biz-owner-gallery-grid{

    display:
        grid
        !important;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        )
        !important;

    gap:
        18px
        !important;

    align-items:
        start
        !important;

}


/* ==========================================================================
   EVERY SLOT IS IDENTICAL
   ========================================================================== */

.biz-owner-gallery-grid
> .biz-owner-gallery-slot,

.biz-owner-gallery-grid
> .biz-owner-gallery-slot:first-child{

    display:
        flex
        !important;

    flex-direction:
        column
        !important;

    gap:
        10px
        !important;

    width:
        100%
        !important;

    min-width:
        0
        !important;

    max-width:
        none
        !important;

    height:
        auto
        !important;

    min-height:
        0
        !important;

    max-height:
        none
        !important;

    grid-column:
        auto
        !important;

    grid-row:
        auto
        !important;

    align-self:
        start
        !important;

}


/* ==========================================================================
   THE PHOTO BOX — TRUE SQUARE
   ========================================================================== */

.biz-owner-gallery-image,

.biz-owner-gallery-grid
.biz-owner-gallery-slot:first-child
.biz-owner-gallery-image{

    position:
        relative
        !important;

    display:
        block
        !important;

    width:
        100%
        !important;

    height:
        auto
        !important;

    min-height:
        0
        !important;

    max-height:
        none
        !important;

    aspect-ratio:
        1 / 1
        !important;

    overflow:
        hidden
        !important;

    border-radius:
        16px
        !important;

}


/*
 * Absolute fill is deliberate.
 *
 * This prevents historical image height rules from making
 * the photograph vertical even when the wrapper is square.
 */

.biz-owner-gallery-image
> img{

    position:
        absolute
        !important;

    inset:
        0
        !important;

    display:
        block
        !important;

    width:
        100%
        !important;

    height:
        100%
        !important;

    min-height:
        0
        !important;

    max-height:
        none
        !important;

    aspect-ratio:
        auto
        !important;

    object-fit:
        cover
        !important;

    object-position:
        center
        !important;

}


/* ==========================================================================
   EMPTY STATE ALSO FILLS THE SQUARE
   ========================================================================== */

.biz-owner-gallery-empty{

    position:
        absolute
        !important;

    inset:
        0
        !important;

    display:
        flex
        !important;

    flex-direction:
        column
        !important;

    align-items:
        center
        !important;

    justify-content:
        center
        !important;

    width:
        100%
        !important;

    height:
        100%
        !important;

    min-height:
        0
        !important;

}


/* ==========================================================================
   COVER BADGE — DOES NOT ALTER LAYOUT
   ========================================================================== */

.biz-gallery-cover-badge{

    position:
        absolute
        !important;

    top:
        12px
        !important;

    left:
        12px
        !important;

    z-index:
        4
        !important;

}


/* ==========================================================================
   ACTIONS — COMPACT LIKE ADMIN CARDS
   ========================================================================== */

.biz-owner-gallery-actions{

    display:
        grid
        !important;

    grid-template-columns:
        1fr
        !important;

    gap:
        8px
        !important;

    width:
        100%
        !important;

    margin:
        0
        !important;

}


.biz-owner-gallery-actions
.biz-gallery-upload,

.biz-owner-gallery-actions
.biz-gallery-delete{

    width:
        100%
        !important;

    min-height:
        44px
        !important;

    height:
        44px
        !important;

    display:
        flex
        !important;

    align-items:
        center
        !important;

    justify-content:
        center
        !important;

    margin:
        0
        !important;

    padding:
        0 14px
        !important;

    border-radius:
        11px
        !important;

    font-size:
        14px
        !important;

    line-height:
        1
        !important;

}


/* ==========================================================================
   REMOVE OLD FIRST-CARD / COVER HERO BEHAVIOUR
   ========================================================================== */

.biz-owner-gallery-grid
.biz-owner-gallery-slot:first-child{

    width:
        100%
        !important;

    max-width:
        none
        !important;

}


.biz-owner-gallery-grid
.biz-owner-gallery-slot:first-child
.biz-owner-gallery-image{

    width:
        100%
        !important;

    height:
        auto
        !important;

    min-height:
        0
        !important;

    max-height:
        none
        !important;

    aspect-ratio:
        1 / 1
        !important;

}


/* ==========================================================================
   DESKTOP DENSITY
   ========================================================================== */

@media(min-width:1200px){

    .biz-owner-gallery{

        max-width:
            1180px
            !important;

    }


    .biz-owner-gallery-grid{

        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            )
            !important;

    }

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media(max-width:900px){

    .biz-owner-gallery-grid{

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            )
            !important;

    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media(max-width:560px){

    .biz-owner-gallery-grid{

        grid-template-columns:
            1fr
            !important;

        gap:
            16px
            !important;

    }


    .biz-owner-gallery-slot{

        max-width:
            440px
            !important;

        margin:
            0 auto
            !important;

    }

}


/* END OWNER GALLERY — ADMIN VISUAL PATTERN R5 */


/******************************************************************************
 KUNI BUSINESS PORTAL V2
 RESPONSIVE SIDEBAR SHELL
******************************************************************************/

.kbiz-portal-v2-body {
    background:
        #0c0908 !important;
}

.kbiz-portal-shell-v2 {
    --kbiz-side:
        270px;

    --kbiz-copper:
        #ef9a65;

    --kbiz-copper-soft:
        #ffd5bb;

    --kbiz-cream:
        #fff9f5;

    --kbiz-dark:
        #100c0a;

    --kbiz-muted:
        #9b8f88;

    min-height:
        100vh;

    background:
        #f6f3f0;
}


.kbiz-portal-sidebar-v2 {

    position:
        fixed;

    z-index:
        1200;

    top:
        0;

    left:
        0;

    bottom:
        0;

    width:
        var(--kbiz-side);

    display:
        flex;

    flex-direction:
        column;

    padding:
        26px 18px 22px;

    background:
        linear-gradient(
            180deg,
            #100b09 0%,
            #090706 100%
        );

    border-right:
        1px solid
        rgba(
            239,
            154,
            101,
            .18
        );

    box-shadow:
        24px 0 60px
        rgba(
            0,
            0,
            0,
            .16
        );

}


.kbiz-portal-brand-v2 {

    display:
        flex;

    align-items:
        center;

    gap:
        13px;

    padding:
        4px 7px 27px;

}


.kbiz-portal-brand-mark-v2 {

    width:
        48px;

    height:
        48px;

    display:
        grid;

    place-items:
        center;

    flex:
        0 0 48px;

    border-radius:
        15px;

    background:
        linear-gradient(
            145deg,
            #ef9a65,
            #ffc39e
        );

    color:
        #1a0c06;

    font-size:
        23px;

    font-weight:
        950;

    box-shadow:
        0 11px 30px
        rgba(
            239,
            154,
            101,
            .22
        );

}


.kbiz-portal-brand-v2 strong {

    display:
        block;

    color:
        #fff;

    font-size:
        16px;

    line-height:
        1.25;

}


.kbiz-portal-brand-v2 span {

    display:
        block;

    margin-top:
        3px;

    color:
        #9f9189;

    font-size:
        12px;

}


.kbiz-portal-nav-v2 {

    display:
        grid;

    gap:
        7px;

}


.kbiz-portal-nav-v2 > a {

    min-height:
        52px;

    display:
        grid;

    grid-template-columns:
        34px
        minmax(0, 1fr)
        auto;

    align-items:
        center;

    gap:
        9px;

    padding:
        0 14px;

    border:
        1px solid
        transparent;

    border-radius:
        14px;

    color:
        #bfb2aa;

    text-decoration:
        none;

    font-size:
        14px;

    font-weight:
        750;

    transition:
        .18s ease;

}


.kbiz-portal-nav-v2 > a:hover {

    color:
        #fff;

    background:
        rgba(
            255,
            255,
            255,
            .045
        );

}


.kbiz-portal-nav-v2 > a.is-active {

    color:
        #1e0e07;

    background:
        linear-gradient(
            135deg,
            #ef9a65,
            #ffc09a
        );

    border-color:
        #f5ad80;

    box-shadow:
        0 10px 25px
        rgba(
            239,
            154,
            101,
            .18
        );

}


.kbiz-portal-nav-icon-v2 {

    display:
        grid;

    place-items:
        center;

    width:
        30px;

    height:
        30px;

    font-size:
        17px;

}


.kbiz-portal-nav-badge-v2 {

    padding:
        4px 7px;

    border-radius:
        999px;

    background:
        rgba(
            255,
            255,
            255,
            .19
        );

    font-size:
        10px;

    font-weight:
        900;

    text-transform:
        uppercase;

}


.kbiz-portal-sidebar-bottom-v2 {

    margin-top:
        auto;

    display:
        grid;

    gap:
        9px;

    padding-top:
        22px;

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            .08
        );

}


.kbiz-portal-sidebar-bottom-v2 a,
.kbiz-portal-sidebar-bottom-v2 button {

    width:
        100%;

    min-height:
        45px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        12px;

    border:
        1px solid
        rgba(
            239,
            154,
            101,
            .25
        );

    background:
        rgba(
            239,
            154,
            101,
            .08
        );

    color:
        #f5c3a5;

    text-decoration:
        none;

    font:
        inherit;

    font-size:
        13px;

    font-weight:
        800;

    cursor:
        pointer;

}


.kbiz-portal-sidebar-bottom-v2 form {

    margin:
        0;

}


.kbiz-portal-workspace-v2 {

    min-height:
        100vh;

    margin-left:
        var(--kbiz-side);

}


.kbiz-portal-main-v2 {

    width:
        min(
            100%,
            1500px
        );

    margin:
        0 auto;

    padding:
        40px
        clamp(
            22px,
            4vw,
            58px
        )
        70px;

}


.kbiz-portal-section-v2 {

    display:
        none;

}


.kbiz-portal-section-v2.is-active {

    display:
        block;

    animation:
        kbizPortalFadeV2
        .18s ease;

}


@keyframes kbizPortalFadeV2 {

    from {
        opacity:
            .25;

        transform:
            translateY(5px);
    }

    to {
        opacity:
            1;

        transform:
            translateY(0);
    }

}


.kbiz-portal-page-heading-v2 {

    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        26px;

    margin-bottom:
        28px;

}


.kbiz-portal-eyebrow-v2 {

    display:
        block;

    margin-bottom:
        8px;

    color:
        #b45e31;

    font-size:
        12px;

    line-height:
        1.2;

    font-weight:
        950;

    letter-spacing:
        .12em;

}


.kbiz-portal-page-heading-v2 h1 {

    margin:
        0;

    color:
        #17100d;

    font-size:
        clamp(
            30px,
            4vw,
            48px
        );

    line-height:
        1.04;

    letter-spacing:
        -.04em;

}


.kbiz-portal-page-heading-v2 p {

    max-width:
        690px;

    margin:
        12px 0 0;

    color:
        #746a64;

    font-size:
        15px;

    line-height:
        1.65;

}


.kbiz-portal-primary-v2 {

    min-height:
        50px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    flex:
        0 0 auto;

    padding:
        0 20px;

    border-radius:
        14px;

    background:
        #ef9a65;

    color:
        #1c0e08;

    text-decoration:
        none;

    font-size:
        14px;

    font-weight:
        900;

    box-shadow:
        0 12px 28px
        rgba(
            204,
            104,
            49,
            .18
        );

}


.kbiz-portal-kpis-v2 {

    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        );

    gap:
        15px;

    margin-bottom:
        22px;

}


.kbiz-portal-kpis-v2 article {

    min-width:
        0;

    padding:
        21px;

    border:
        1px solid
        #e6d8cf;

    border-radius:
        18px;

    background:
        linear-gradient(
            150deg,
            #ffffff,
            #fff8f3
        );

    box-shadow:
        0 13px 36px
        rgba(
            58,
            32,
            19,
            .06
        );

}


.kbiz-portal-kpis-v2 span {

    display:
        block;

    color:
        #8b7466;

    font-size:
        12px;

    font-weight:
        850;

    text-transform:
        uppercase;

    letter-spacing:
        .06em;

}


.kbiz-portal-kpis-v2 strong {

    display:
        block;

    margin:
        8px 0 5px;

    color:
        #20130d;

    font-size:
        31px;

    line-height:
        1;

}


.kbiz-portal-kpis-v2 small {

    color:
        #8a807a;

    font-size:
        12px;

    line-height:
        1.4;

}


.kbiz-portal-home-grid-v2 {

    display:
        grid;

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

    gap:
        16px;

}


.kbiz-portal-feature-card-v2 {

    display:
        grid;

    grid-template-columns:
        54px
        minmax(
            0,
            1fr
        );

    gap:
        16px;

    padding:
        23px;

    border:
        1px solid
        #e4d7cf;

    border-radius:
        20px;

    background:
        #fff;

    box-shadow:
        0 14px 38px
        rgba(
            47,
            26,
            15,
            .055
        );

}


.kbiz-portal-feature-icon-v2 {

    width:
        52px;

    height:
        52px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        16px;

    background:
        #fff1e8;

    color:
        #a8542b;

    font-size:
        22px;

}


.kbiz-portal-feature-card-v2 strong {

    display:
        block;

    color:
        #1e130e;

    font-size:
        17px;

}


.kbiz-portal-feature-card-v2 p {

    margin:
        7px 0 14px;

    color:
        #786d67;

    font-size:
        13px;

    line-height:
        1.55;

}


.kbiz-portal-feature-card-v2 button {

    padding:
        0;

    border:
        0;

    background:
        transparent;

    color:
        #ad592d;

    font:
        inherit;

    font-size:
        13px;

    font-weight:
        900;

    cursor:
        pointer;

}


.kbiz-portal-coming-v2 {

    min-height:
        240px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        20px;

    padding:
        clamp(
            26px,
            5vw,
            54px
        );

    border:
        1px solid
        #dfd1c8;

    border-radius:
        24px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fff8f3
        );

    box-shadow:
        0 16px 42px
        rgba(
            49,
            26,
            14,
            .055
        );

}


.kbiz-portal-coming-icon-v2 {

    width:
        72px;

    height:
        72px;

    flex:
        0 0 72px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        22px;

    background:
        #ef9a65;

    color:
        #28120a;

    font-size:
        28px;

}


.kbiz-portal-coming-v2 strong {

    display:
        block;

    color:
        #21130d;

    font-size:
        20px;

}


.kbiz-portal-coming-v2 p {

    max-width:
        660px;

    margin:
        8px 0 0;

    color:
        #756a63;

    font-size:
        14px;

    line-height:
        1.65;

}


.kbiz-existing-panel-v2 {

    min-width:
        0;

}


/*
 * The old panel remains functionally intact inside
 * Mis negocios. Hide duplicate outer navigation/header
 * elements only when they are clearly top-level.
 */

.kbiz-existing-panel-v2
> header:first-child {

    margin-top:
        0;

}


.kbiz-portal-mobile-header-v2 {

    display:
        none;

}


.kbiz-portal-overlay-v2 {

    display:
        none;

}


@media (
    max-width:
    1100px
) {

    .kbiz-portal-kpis-v2 {

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

    }

}


@media (
    max-width:
    860px
) {

    .kbiz-portal-sidebar-v2 {

        width:
            min(
                84vw,
                310px
            );

        transform:
            translateX(
                -105%
            );

        transition:
            transform
            .22s ease;

    }


    .kbiz-sidebar-open-v2
    .kbiz-portal-sidebar-v2 {

        transform:
            translateX(
                0
            );

    }


    .kbiz-portal-overlay-v2 {

        position:
            fixed;

        z-index:
            1100;

        inset:
            0;

        display:
            block;

        pointer-events:
            none;

        opacity:
            0;

        background:
            rgba(
                0,
                0,
                0,
                .48
            );

        backdrop-filter:
            blur(
                3px
            );

        transition:
            opacity
            .2s ease;

    }


    .kbiz-sidebar-open-v2
    .kbiz-portal-overlay-v2 {

        pointer-events:
            auto;

        opacity:
            1;

    }


    .kbiz-portal-workspace-v2 {

        margin-left:
            0;

    }


    .kbiz-portal-mobile-header-v2 {

        position:
            sticky;

        z-index:
            900;

        top:
            0;

        min-height:
            64px;

        display:
            grid;

        grid-template-columns:
            44px
            minmax(
                0,
                1fr
            )
            44px;

        align-items:
            center;

        gap:
            10px;

        padding:
            8px 14px;

        background:
            rgba(
                15,
                10,
                8,
                .96
            );

        border-bottom:
            1px solid
            rgba(
                239,
                154,
                101,
                .17
            );

        backdrop-filter:
            blur(
                14px
            );

        color:
            #fff;

    }


    .kbiz-portal-mobile-header-v2 strong {

        overflow:
            hidden;

        text-overflow:
            ellipsis;

        white-space:
            nowrap;

        font-size:
            15px;

        text-align:
            center;

    }


    .kbiz-portal-menu-button-v2,
    .kbiz-portal-mobile-add-v2 {

        width:
            42px;

        height:
            42px;

        display:
            grid;

        place-items:
            center;

        padding:
            0;

        border:
            1px solid
            rgba(
                239,
                154,
                101,
                .28
            );

        border-radius:
            12px;

        background:
            rgba(
                239,
                154,
                101,
                .10
            );

        color:
            #f3b58f;

        text-decoration:
            none;

        font-size:
            21px;

        cursor:
            pointer;

    }


    .kbiz-portal-main-v2 {

        padding:
            27px
            18px
            56px;

    }


    .kbiz-portal-home-grid-v2 {

        grid-template-columns:
            1fr;

    }

}


@media (
    max-width:
    600px
) {

    .kbiz-portal-page-heading-v2 {

        flex-direction:
            column;

        gap:
            17px;

    }


    .kbiz-portal-primary-v2 {

        width:
            100%;

    }


    .kbiz-portal-kpis-v2 {

        grid-template-columns:
            1fr 1fr;

        gap:
            10px;

    }


    .kbiz-portal-kpis-v2 article {

        padding:
            17px;

    }


    .kbiz-portal-kpis-v2 strong {

        font-size:
            27px;

    }


    .kbiz-portal-feature-card-v2 {

        grid-template-columns:
            46px
            minmax(
                0,
                1fr
            );

        padding:
            18px;

    }


    .kbiz-portal-feature-icon-v2 {

        width:
            44px;

        height:
            44px;

        border-radius:
            13px;

        font-size:
            19px;

    }


    .kbiz-portal-coming-v2 {

        min-height:
            220px;

        align-items:
            flex-start;

        flex-direction:
            column;

        justify-content:
            center;

        padding:
            24px;

    }


    .kbiz-portal-coming-icon-v2 {

        width:
            58px;

        height:
            58px;

        flex-basis:
            58px;

        border-radius:
            17px;

        font-size:
            23px;

    }

}


@media (
    max-width:
    430px
) {

    .kbiz-portal-main-v2 {

        padding-left:
            14px;

        padding-right:
            14px;

    }


    .kbiz-portal-page-heading-v2 h1 {

        font-size:
            31px;

    }


    .kbiz-portal-kpis-v2 {

        grid-template-columns:
            1fr;

    }

}



/******************************************************************************
 KUNI CONECTA
 PORTAL EMPRESARIAL
 VISUAL SYSTEM V2.1

 REFERENCE:
   Inicio = master visual language.

 Every portal section must feel like the same application.
******************************************************************************/


/* ==========================================================================
   GLOBAL WORKSPACE
   ========================================================================== */

.kbiz-portal-shell-v2 {

    background:
        #f7f4f1;

}


.kbiz-portal-workspace-v2 {

    background:
        #f7f4f1;

}


.kbiz-portal-main-v2 {

    color:
        #1b120e;

}


/* ==========================================================================
   EVERY TAB USES THE SAME CANVAS
   ========================================================================== */

.kbiz-portal-standard-v21 {

    width:
        100%;

    min-width:
        0;

}


.kbiz-portal-standard-v21
.kbiz-portal-page-heading-v2 {

    margin-bottom:
        28px;

}


.kbiz-portal-standard-v21
.kbiz-portal-page-heading-v2 h1 {

    color:
        #160e0b;

}


.kbiz-portal-standard-v21
.kbiz-portal-page-heading-v2 p {

    color:
        #766b65;

}


/* ==========================================================================
   CARDS — MASTER STYLE
   ========================================================================== */

.kbiz-portal-standard-v21 article,
.kbiz-portal-standard-v21
.kbiz-portal-coming-v2 {

    border-color:
        rgba(
            157,
            104,
            73,
            .22
        );

}


.kbiz-portal-standard-v21
.kbiz-portal-coming-v2 {

    background:
        #ffffff;

    box-shadow:
        0 14px 36px
        rgba(
            73,
            45,
            30,
            .055
        );

}


/* ==========================================================================
   MIS NEGOCIOS
   REMOVE OLD APP-SHELL LOOK
   ========================================================================== */

.kbiz-existing-panel-normalized-v21 {

    width:
        100%;

    min-width:
        0;

    margin:
        0;

    padding:
        0;

    color:
        #1b120e;

    background:
        transparent !important;

}


/*
 * The previous business portal contained its own header.
 * Inside V2 it becomes redundant.
 */

.kbiz-existing-panel-normalized-v21
> header,

.kbiz-existing-panel-normalized-v21
> nav,

.kbiz-existing-panel-normalized-v21
.business-header,

.kbiz-existing-panel-normalized-v21
.business-portal-header,

.kbiz-existing-panel-normalized-v21
.business-topbar,

.kbiz-existing-panel-normalized-v21
.portal-header,

.kbiz-existing-panel-normalized-v21
.business-nav {

    display:
        none !important;

}


/* ==========================================================================
   REMOVE OLD FULL-BLEED / DARK WRAPPER
   ========================================================================== */

.kbiz-existing-panel-normalized-v21
> main,

.kbiz-existing-panel-normalized-v21
.business-main,

.kbiz-existing-panel-normalized-v21
.business-dashboard,

.kbiz-existing-panel-normalized-v21
.dashboard-shell,

.kbiz-existing-panel-normalized-v21
.business-shell,

.kbiz-existing-panel-normalized-v21
.portal-shell {

    width:
        100% !important;

    max-width:
        none !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

}


/* ==========================================================================
   OLD HERO / TITLE NORMALIZATION
   ========================================================================== */

.kbiz-existing-panel-normalized-v21
.hero,

.kbiz-existing-panel-normalized-v21
.business-hero,

.kbiz-existing-panel-normalized-v21
.dashboard-hero,

.kbiz-existing-panel-normalized-v21
.panel-hero {

    margin:
        0 0 24px !important;

    padding:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;

}


.kbiz-existing-panel-normalized-v21
.hero h1,

.kbiz-existing-panel-normalized-v21
.business-hero h1,

.kbiz-existing-panel-normalized-v21
.dashboard-hero h1,

.kbiz-existing-panel-normalized-v21
.panel-hero h1 {

    color:
        #160e0b !important;

}


.kbiz-existing-panel-normalized-v21
.hero p,

.kbiz-existing-panel-normalized-v21
.business-hero p,

.kbiz-existing-panel-normalized-v21
.dashboard-hero p,

.kbiz-existing-panel-normalized-v21
.panel-hero p {

    color:
        #766b65 !important;

}


/* ==========================================================================
   LEGACY DARK TEXT / TITLES
   ========================================================================== */

.kbiz-existing-panel-normalized-v21 h1,
.kbiz-existing-panel-normalized-v21 h2,
.kbiz-existing-panel-normalized-v21 h3,
.kbiz-existing-panel-normalized-v21 h4 {

    color:
        #1a110d;

}


.kbiz-existing-panel-normalized-v21 p {

    color:
        #756b65;

}


/* ==========================================================================
   OLD KPI CARDS -> SAME LANGUAGE AS HOME
   ========================================================================== */

.kbiz-existing-panel-normalized-v21
.kpi-grid,

.kbiz-existing-panel-normalized-v21
.stats-grid,

.kbiz-existing-panel-normalized-v21
.metrics-grid,

.kbiz-existing-panel-normalized-v21
.dashboard-stats {

    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        );

    gap:
        15px;

}


.kbiz-existing-panel-normalized-v21
.kpi-card,

.kbiz-existing-panel-normalized-v21
.stat-card,

.kbiz-existing-panel-normalized-v21
.metric-card,

.kbiz-existing-panel-normalized-v21
.dashboard-card {

    color:
        #1b120e !important;

    background:
        linear-gradient(
            150deg,
            #ffffff,
            #fff9f5
        ) !important;

    border:
        1px solid
        #e6d8cf !important;

    border-radius:
        18px !important;

    box-shadow:
        0 13px 36px
        rgba(
            58,
            32,
            19,
            .055
        ) !important;

}


/* ==========================================================================
   GENERIC CARD NORMALIZATION WITHIN OLD BUSINESS PANEL
   ========================================================================== */

.kbiz-existing-panel-normalized-v21
.card,

.kbiz-existing-panel-normalized-v21
.panel,

.kbiz-existing-panel-normalized-v21
.business-card {

    color:
        #1b120e;

    background:
        #ffffff;

    border-color:
        #e6d8cf;

    box-shadow:
        0 13px 36px
        rgba(
            58,
            32,
            19,
            .055
        );

}


/* ==========================================================================
   FORCE LEGACY GRADIENT CARDS TO LIGHT
   ========================================================================== */

.kbiz-existing-panel-normalized-v21
[style*="linear-gradient"],

.kbiz-existing-panel-normalized-v21
[style*="radial-gradient"] {

    /*
     * Inline backgrounds are not blindly removed.
     * Actual cards are handled by their classes above.
     */

}


/* ==========================================================================
   ACTION BUTTONS
   ========================================================================== */

.kbiz-existing-panel-normalized-v21
a.btn-primary,

.kbiz-existing-panel-normalized-v21
button.btn-primary,

.kbiz-existing-panel-normalized-v21
.primary-button,

.kbiz-existing-panel-normalized-v21
.button-primary {

    background:
        #ef9a65 !important;

    color:
        #1c0e08 !important;

    border-color:
        #ef9a65 !important;

    box-shadow:
        0 10px 25px
        rgba(
            204,
            104,
            49,
            .17
        ) !important;

}


/* ==========================================================================
   BUSINESS LIST / BUSINESS ITEMS
   ========================================================================== */

.kbiz-existing-panel-normalized-v21
.business-grid,

.kbiz-existing-panel-normalized-v21
.business-list {

    width:
        100%;

}


.kbiz-existing-panel-normalized-v21
.business-item,

.kbiz-existing-panel-normalized-v21
.business-card {

    background:
        #ffffff !important;

    border:
        1px solid
        #e6d8cf !important;

    color:
        #1b120e !important;

    border-radius:
        20px !important;

}


/* ==========================================================================
   SECTION SPACING
   ========================================================================== */

.kbiz-existing-panel-normalized-v21
section {

    margin-top:
        0;

}


.kbiz-existing-panel-normalized-v21
section + section {

    margin-top:
        24px;

}


/* ==========================================================================
   TABLES
   ========================================================================== */

.kbiz-existing-panel-normalized-v21 table {

    width:
        100%;

    background:
        #fff;

    color:
        #1a110d;

    border-collapse:
        separate;

    border-spacing:
        0;

    border:
        1px solid
        #e7dad2;

    border-radius:
        16px;

    overflow:
        hidden;

}


.kbiz-existing-panel-normalized-v21 th {

    background:
        #fff6f0;

    color:
        #74462e;

}


.kbiz-existing-panel-normalized-v21 td {

    color:
        #514640;

    border-top:
        1px solid
        #eee3dd;

}


/* ==========================================================================
   ALL PLACEHOLDER MODULES
   SAME VISUAL LANGUAGE AS HOME
   ========================================================================== */

#eventos
.kbiz-portal-coming-v2,

#lecturas
.kbiz-portal-coming-v2,

#promocion
.kbiz-portal-coming-v2,

#configuracion
.kbiz-portal-coming-v2 {

    min-height:
        230px;

    background:
        #ffffff;

    border:
        1px solid
        #e3d5cc;

    border-radius:
        20px;

}


/* ==========================================================================
   RESPONSIVE — TABLET
   ========================================================================== */

@media (
    max-width:
    1100px
) {

    .kbiz-existing-panel-normalized-v21
    .kpi-grid,

    .kbiz-existing-panel-normalized-v21
    .stats-grid,

    .kbiz-existing-panel-normalized-v21
    .metrics-grid,

    .kbiz-existing-panel-normalized-v21
    .dashboard-stats {

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

    }

}


/* ==========================================================================
   RESPONSIVE — MOBILE
   ========================================================================== */

@media (
    max-width:
    700px
) {

    .kbiz-existing-panel-normalized-v21 {

        overflow:
            hidden;

    }


    .kbiz-existing-panel-normalized-v21
    .kpi-grid,

    .kbiz-existing-panel-normalized-v21
    .stats-grid,

    .kbiz-existing-panel-normalized-v21
    .metrics-grid,

    .kbiz-existing-panel-normalized-v21
    .dashboard-stats {

        grid-template-columns:
            1fr 1fr;

        gap:
            10px;

    }


    .kbiz-existing-panel-normalized-v21
    table {

        font-size:
            13px;

    }

}


@media (
    max-width:
    430px
) {

    .kbiz-existing-panel-normalized-v21
    .kpi-grid,

    .kbiz-existing-panel-normalized-v21
    .stats-grid,

    .kbiz-existing-panel-normalized-v21
    .metrics-grid,

    .kbiz-existing-panel-normalized-v21
    .dashboard-stats {

        grid-template-columns:
            1fr;

    }


    .kbiz-existing-panel-normalized-v21
    .card,

    .kbiz-existing-panel-normalized-v21
    .panel,

    .kbiz-existing-panel-normalized-v21
    .business-card {

        border-radius:
            16px !important;

    }

}


/******************************************************************************
 END PORTAL EMPRESARIAL VISUAL SYSTEM V2.1
******************************************************************************/



/******************************************************************************
 KUNI CONECTA
 PORTAL EMPRESARIAL V2.2
 MIS NEGOCIOS — EXACT LIGHT NORMALIZATION

 IMPORTANT:
 These selectors target the REAL legacy dashboard classes detected by audit.
******************************************************************************/


/* ==========================================================================
   ROOT
   ========================================================================== */

#mis-negocios
.kbiz-business-content-v22 {

    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        0 0 60px !important;

    color:
        #1b120e !important;

    background:
        transparent !important;

}


/* ==========================================================================
   KPI GRID — SAME VISUAL FAMILY AS INICIO
   ========================================================================== */

#mis-negocios
.business-panel-kpis-v2 {

    display:
        grid !important;

    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        ) !important;

    gap:
        15px !important;

    margin:
        0 0 32px !important;

}


#mis-negocios
.business-panel-kpis-v2 article {

    min-width:
        0;

    padding:
        21px !important;

    border:
        1px solid
        #e6d8cf !important;

    border-radius:
        18px !important;

    background:
        linear-gradient(
            150deg,
            #ffffff,
            #fff8f3
        ) !important;

    box-shadow:
        0 13px 36px
        rgba(
            58,
            32,
            19,
            .06
        ) !important;

}


#mis-negocios
.business-panel-kpis-v2 article span {

    color:
        #8b7466 !important;

    font-size:
        12px !important;

    font-weight:
        850 !important;

    letter-spacing:
        .06em !important;

}


#mis-negocios
.business-panel-kpis-v2 article strong {

    margin:
        8px 0 5px !important;

    color:
        #20130d !important;

    font-family:
        inherit !important;

    font-size:
        31px !important;

    font-weight:
        850 !important;

    line-height:
        1 !important;

}


#mis-negocios
.business-panel-kpis-v2 article small {

    color:
        #8a807a !important;

    font-size:
        12px !important;

    line-height:
        1.4 !important;

}


/*
 * The old attention KPI used a black/red gradient.
 * Keep semantic distinction, but inside the light system.
 */

#mis-negocios
.business-kpi-attention {

    border-color:
        #efc8c0 !important;

    background:
        linear-gradient(
            150deg,
            #fff,
            #fff6f4
        ) !important;

}


/* ==========================================================================
   SUBMISSION FEEDBACK
   ========================================================================== */

#mis-negocios
.biz-submission-feedback {

    margin:
        18px 0 28px !important;

    color:
        #1b120e !important;

    border-color:
        #e4d6cd !important;

    background:
        #fff !important;

    box-shadow:
        0 12px 34px
        rgba(
            58,
            32,
            19,
            .055
        ) !important;

}


#mis-negocios
.biz-submission-feedback h2,
#mis-negocios
.biz-submission-feedback strong {

    color:
        #1c120d !important;

}


#mis-negocios
.biz-submission-feedback p {

    color:
        #766b65 !important;

}


/* ==========================================================================
   ANALYTICS HEADER
   ========================================================================== */

#mis-negocios
.business-analytics-section {

    margin-top:
        38px !important;

}


#mis-negocios
.business-analytics-section > header {

    margin-bottom:
        18px !important;

}


#mis-negocios
.business-analytics-section h2 {

    margin:
        7px 0 5px !important;

    color:
        #17100d !important;

    font-family:
        inherit !important;

    font-size:
        clamp(
            27px,
            3vw,
            38px
        ) !important;

    font-weight:
        800 !important;

    letter-spacing:
        -.035em !important;

}


#mis-negocios
.business-analytics-section header p {

    color:
        #766b65 !important;

    font-size:
        14px !important;

}


/* ==========================================================================
   ANALYTICS CARDS
   ========================================================================== */

#mis-negocios
.business-analytics-grid {

    display:
        grid !important;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        ) !important;

    gap:
        15px !important;

}


#mis-negocios
.business-analytics-grid article {

    min-height:
        145px !important;

    padding:
        21px !important;

    border:
        1px solid
        #e5d8d0 !important;

    border-radius:
        18px !important;

    background:
        #fff !important;

    box-shadow:
        0 13px 36px
        rgba(
            58,
            32,
            19,
            .055
        ) !important;

}


#mis-negocios
.business-analytics-grid article > span {

    color:
        #8b7466 !important;

    font-size:
        11px !important;

    font-weight:
        850 !important;

}


#mis-negocios
.business-analytics-grid article strong {

    color:
        #20130d !important;

    font-family:
        inherit !important;

    font-size:
        31px !important;

    font-weight:
        850 !important;

}


#mis-negocios
.business-analytics-grid article small {

    color:
        #8a807a !important;

    font-size:
        12px !important;

}


#mis-negocios
.business-analytics-wide {

    grid-column:
        span 3 !important;

}


/* ==========================================================================
   REQUIEREN ACCIÓN
   ========================================================================== */

#mis-negocios
.business-action-section {

    margin-top:
        32px !important;

    padding:
        24px !important;

    border:
        1px solid
        #ead1ca !important;

    border-radius:
        20px !important;

    background:
        #fff9f7 !important;

    box-shadow:
        none !important;

}


#mis-negocios
.business-action-section h2 {

    color:
        #17100d !important;

    font-family:
        inherit !important;

    font-weight:
        800 !important;

}


#mis-negocios
.business-action-list article {

    padding:
        18px !important;

    color:
        #1b120e !important;

    border:
        1px solid
        #ebd9d2 !important;

    border-radius:
        16px !important;

    background:
        #fff !important;

}


#mis-negocios
.business-action-list article h3 {

    color:
        #231510 !important;

    font-family:
        inherit !important;

    font-weight:
        800 !important;

}


#mis-negocios
.business-action-list article p {

    color:
        #776b65 !important;

}


#mis-negocios
.business-action-list article > a {

    color:
        #ad592d !important;

}


/* ==========================================================================
   BUSINESS LIST
   ========================================================================== */

#mis-negocios
.business-panel-list {

    margin-top:
        32px !important;

    gap:
        16px !important;

}


#mis-negocios
.business-panel-card,
#mis-negocios
.business-panel-empty {

    padding:
        24px !important;

    color:
        #1b120e !important;

    border:
        1px solid
        #e5d8d0 !important;

    border-radius:
        20px !important;

    background:
        #fff !important;

    box-shadow:
        0 13px 36px
        rgba(
            58,
            32,
            19,
            .055
        ) !important;

}


#mis-negocios
.business-panel-card-icon {

    color:
        #a8542b !important;

    border-color:
        #f0d6c5 !important;

    background:
        #fff1e8 !important;

}


#mis-negocios
.business-panel-card-head span {

    color:
        #a8542b !important;

    font-size:
        12px !important;

}


#mis-negocios
.business-panel-card h2,
#mis-negocios
.business-panel-empty h2 {

    color:
        #20130d !important;

    font-family:
        inherit !important;

    font-size:
        24px !important;

    font-weight:
        850 !important;

}


#mis-negocios
.business-panel-card > p,
#mis-negocios
.business-panel-card-main > p,
#mis-negocios
.business-panel-empty p {

    color:
        #756b65 !important;

    font-size:
        14px !important;

}


/* ==========================================================================
   STATUS
   ========================================================================== */

#mis-negocios
.status-pill {

    border-color:
        #e6d8cf !important;

    background:
        #faf6f3 !important;

    color:
        #6c5e56 !important;

}


#mis-negocios
.status-approved,
#mis-negocios
.status-published {

    color:
        #267344 !important;

    border-color:
        #cfe6d7 !important;

    background:
        #f1faf4 !important;

}


#mis-negocios
.status-pending,
#mis-negocios
.status-draft {

    color:
        #a75d2d !important;

    border-color:
        #efd8c8 !important;

    background:
        #fff7f1 !important;

}


#mis-negocios
.status-rejected,
#mis-negocios
.status-suspended {

    color:
        #a13e3e !important;

    border-color:
        #eed0d0 !important;

    background:
        #fff5f5 !important;

}


/* ==========================================================================
   BUSINESS CARD PERFORMANCE
   ========================================================================== */

#mis-negocios
.business-card-performance {

    border-left:
        1px solid
        #eadfd8 !important;

}


#mis-negocios
.business-card-performance > span {

    color:
        #8b7466 !important;

}


#mis-negocios
.business-card-performance > div {

    border-bottom:
        1px solid
        #eee4de !important;

}


#mis-negocios
.business-card-performance strong {

    color:
        #20130d !important;

    font-family:
        inherit !important;

    font-weight:
        850 !important;

}


#mis-negocios
.business-card-performance small {

    color:
        #8a807a !important;

}


/* ==========================================================================
   FOOTERS / ACTIONS
   ========================================================================== */

#mis-negocios
.business-panel-card footer {

    border-top-color:
        #eee3dd !important;

    color:
        #81746c !important;

}


#mis-negocios
.business-panel-card footer a,
#mis-negocios
.business-panel-actions a {

    color:
        #ad592d !important;

}


/* ==========================================================================
   REJECTION NOTICE
   ========================================================================== */

#mis-negocios
.business-rejection-notice {

    border-color:
        #eed1d1 !important;

    background:
        #fff5f5 !important;

}


#mis-negocios
.business-rejection-notice strong {

    color:
        #8c3535 !important;

}


#mis-negocios
.business-rejection-notice p {

    color:
        #765f5f !important;

}


/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media(max-width:1100px){

    #mis-negocios
    .business-panel-kpis-v2 {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            ) !important;

    }


    #mis-negocios
    .business-analytics-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            ) !important;

    }


    #mis-negocios
    .business-analytics-wide {

        grid-column:
            span 2 !important;

    }

}


@media(max-width:700px){

    #mis-negocios
    .business-panel-kpis-v2 {

        grid-template-columns:
            1fr 1fr !important;

        gap:
            10px !important;

    }


    #mis-negocios
    .business-analytics-grid {

        grid-template-columns:
            1fr !important;

    }


    #mis-negocios
    .business-analytics-wide {

        grid-column:
            auto !important;

    }


    #mis-negocios
    .business-panel-card {

        grid-template-columns:
            1fr !important;

    }


    #mis-negocios
    .business-card-performance {

        padding:
            18px 0 0 !important;

        grid-template-columns:
            repeat(
                3,
                minmax(
                    0,
                    1fr
                )
            ) !important;

        border-left:
            0 !important;

        border-top:
            1px solid
            #eee3dd !important;

    }

}


@media(max-width:430px){

    #mis-negocios
    .business-panel-kpis-v2 {

        grid-template-columns:
            1fr !important;

    }


    #mis-negocios
    .business-card-performance {

        grid-template-columns:
            1fr !important;

    }


    #mis-negocios
    .business-action-section {

        padding:
            18px !important;

    }

}


/******************************************************************************
 END PORTAL EMPRESARIAL V2.2
******************************************************************************/



/******************************************************************************
 KUNI CONECTA
 PORTAL EMPRESARIAL V2.3
 CREATE BUSINESS INSIDE PORTAL

 MASTER VISUAL:
   Portal > Inicio
******************************************************************************/


/* ==========================================================================
   PAGE ROOT
   ========================================================================== */

body.business-create-body.kbiz-create-portal-v23 {

    min-height:
        100vh;

    margin:
        0;

    color:
        #1b120e !important;

    background:
        #f7f4f1 !important;

}


body.business-create-body.kbiz-create-portal-v23
.kbiz-portal-shell-v2 {

    min-height:
        100vh;

    background:
        #f7f4f1;

}


body.business-create-body.kbiz-create-portal-v23
.kbiz-portal-workspace-v2 {

    background:
        #f7f4f1;

}


/* ==========================================================================
   CREATE HEADER
   ========================================================================== */

.kbiz-create-heading-v23 {

    margin-bottom:
        28px;

}


.kbiz-create-back-v23 {

    min-height:
        48px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0 18px;

    border:
        1px solid
        #e4d5cc;

    border-radius:
        14px;

    color:
        #874323;

    background:
        #fff;

    text-decoration:
        none;

    font-size:
        13px;

    font-weight:
        850;

    box-shadow:
        0 10px 26px
        rgba(
            58,
            32,
            19,
            .04
        );

}


.kbiz-create-mobile-back-v23 {

    width:
        42px;

    height:
        42px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid
        rgba(
            239,
            154,
            101,
            .28
        );

    border-radius:
        12px;

    color:
        #f3b58f;

    background:
        rgba(
            239,
            154,
            101,
            .10
        );

    text-decoration:
        none;

    font-size:
        21px;

}


/* ==========================================================================
   REMOVE OLD PAGE ATMOSPHERE
   ========================================================================== */

body.business-create-body.kbiz-create-portal-v23
.biz-shell {

    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

}


/*
 * Legacy hero is no longer the page's principal heading.
 * If it exists inside the old template, hide it.
 */

body.business-create-body.kbiz-create-portal-v23
.biz-hero {

    display:
        none !important;

}


/* ==========================================================================
   FORM WINDOW
   ========================================================================== */

body.business-create-body.kbiz-create-portal-v23
form.biz-form,

body.business-create-body.kbiz-create-portal-v23
.biz-form {

    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 0 70px !important;

    overflow:
        hidden;

    color:
        #1b120e !important;

    border:
        1px solid
        #e2d4cb !important;

    border-radius:
        22px !important;

    background:
        #fff !important;

    box-shadow:
        0 15px 42px
        rgba(
            58,
            32,
            19,
            .06
        ) !important;

}


/* ==========================================================================
   OLD WINDOW BAR
   ========================================================================== */

body.business-create-body.kbiz-create-portal-v23
.business-create-windowbar {

    min-height:
        72px;

    padding:
        16px 22px;

    color:
        #20130d;

    border-bottom:
        1px solid
        #eadfd8;

    background:
        #fff9f5;

}


body.business-create-body.kbiz-create-portal-v23
.business-create-windowbar strong {

    color:
        #20130d !important;

}


body.business-create-body.kbiz-create-portal-v23
.business-create-window-kicker {

    color:
        #a8542b !important;

}


body.business-create-body.kbiz-create-portal-v23
.business-create-draft {

    color:
        #9b562f;

    border-color:
        #edcfbc;

    background:
        #fff1e8;

}


/* ==========================================================================
   PROGRESS
   ========================================================================== */

body.business-create-body.kbiz-create-portal-v23
.business-create-progress {

    border-bottom:
        1px solid
        #eadfd8;

    background:
        #fff;

}


body.business-create-body.kbiz-create-portal-v23
.business-create-progress span {

    color:
        #766b65;

    border-right:
        1px solid
        #eee4de;

}


body.business-create-body.kbiz-create-portal-v23
.business-create-progress b {

    color:
        #b35b2e;

}


/* ==========================================================================
   FORM SECTIONS
   ========================================================================== */

body.business-create-body.kbiz-create-portal-v23
form > .biz-card {

    padding:
        40px 42px !important;

    color:
        #1b120e !important;

    border-bottom:
        1px solid
        #eee3dd !important;

    background:
        #fff !important;

    box-shadow:
        none !important;

}


body.business-create-body.kbiz-create-portal-v23
.biz-step {

    color:
        #a8542b !important;

    border-color:
        #efd7c8 !important;

    background:
        #fff1e8 !important;

}


body.business-create-body.kbiz-create-portal-v23
.biz-card-copy .biz-eyebrow {

    color:
        #a8542b !important;

}


body.business-create-body.kbiz-create-portal-v23
.biz-card-copy h2 {

    color:
        #1b120e !important;

    font-family:
        inherit !important;

    font-weight:
        850 !important;

}


body.business-create-body.kbiz-create-portal-v23
.biz-card-copy p {

    color:
        #776c66 !important;

}


/* ==========================================================================
   LABELS
   ========================================================================== */

body.business-create-body.kbiz-create-portal-v23
.biz-fields label > span,

body.business-create-body.kbiz-create-portal-v23
.biz-field-label,

body.business-create-body.kbiz-create-portal-v23
.biz-photo-layout strong,

body.business-create-body.kbiz-create-portal-v23
.biz-hour strong,

body.business-create-body.kbiz-create-portal-v23
.biz-form label > span {

    color:
        #3d3029 !important;

}


/* ==========================================================================
   INPUTS
   ========================================================================== */

body.business-create-body.kbiz-create-portal-v23
.biz-form
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),

body.business-create-body.kbiz-create-portal-v23
.biz-form select,

body.business-create-body.kbiz-create-portal-v23
.biz-form textarea {

    min-height:
        52px;

    color:
        #21150f !important;

    border:
        1px solid
        #d9ccc4 !important;

    background:
        #fff !important;

    box-shadow:
        none !important;

    color-scheme:
        light !important;

}


body.business-create-body.kbiz-create-portal-v23
.biz-form input::placeholder,

body.business-create-body.kbiz-create-portal-v23
.biz-form textarea::placeholder {

    color:
        #9e9189 !important;

}


body.business-create-body.kbiz-create-portal-v23
.biz-form
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,

body.business-create-body.kbiz-create-portal-v23
.biz-form select:focus,

body.business-create-body.kbiz-create-portal-v23
.biz-form textarea:focus {

    outline:
        none !important;

    color:
        #21150f !important;

    border-color:
        #e89a68 !important;

    background:
        #fff !important;

    box-shadow:
        0 0 0 4px
        rgba(
            239,
            154,
            101,
            .10
        ) !important;

}


/* ==========================================================================
   BUSINESS NAME SPECIAL FIELD
   ========================================================================== */

body.business-create-body.kbiz-create-portal-v23
.kuni-business-name-field {

    border:
        1px solid
        #edd5c5;

    background:
        #fff8f3;

    box-shadow:
        none;

}


body.business-create-body.kbiz-create-portal-v23
.kuni-field-label-row strong {

    color:
        #281912;

}


body.business-create-body.kbiz-create-portal-v23
.kuni-field-label-row em {

    color:
        #9d4e27;

    border-color:
        #efcdb8;

    background:
        #fff1e8;

}


body.business-create-body.kbiz-create-portal-v23
.kuni-business-name-input {

    color:
        #20130d !important;

    border-color:
        #e2b795 !important;

    background:
        #fff !important;

    box-shadow:
        none !important;

}


/* ==========================================================================
   CATEGORY PICKER
   ========================================================================== */

body.business-create-body.kbiz-create-portal-v23
#businessCategoryTrigger {

    color:
        #20130d !important;

    border-color:
        #d9ccc4 !important;

    background:
        #fff !important;

    box-shadow:
        none !important;

}


/* ==========================================================================
   PHOTO SLOTS
   ========================================================================== */

body.business-create-body.kbiz-create-portal-v23
.business-create-photo-slot {

    border-color:
        #e7d8ce !important;

    background:
        #fff9f5 !important;

    box-shadow:
        none !important;

}


body.business-create-body.kbiz-create-portal-v23
.business-create-photo-visual {

    border-color:
        #e5b58f;

    background:
        #fff !important;

}


body.business-create-body.kbiz-create-portal-v23
.business-create-photo-visual strong {

    color:
        #5f493d !important;

}


body.business-create-body.kbiz-create-portal-v23
.business-create-photo-meta strong {

    color:
        #281912 !important;

}


body.business-create-body.kbiz-create-portal-v23
.business-create-photo-note {

    border-color:
        #eaded6;

    background:
        #fff9f5;

}


body.business-create-body.kbiz-create-portal-v23
.business-create-photo-note strong {

    color:
        #3d3029 !important;

}


/* ==========================================================================
   LOCATION OPTIONS
   ========================================================================== */

body.business-create-body.kbiz-create-portal-v23
.business-location-choice {

    color:
        #20130d;

    border-color:
        #e1d4cc;

    background:
        #fff !important;

}


body.business-create-body.kbiz-create-portal-v23
.business-location-choice:has(input:checked) {

    border-color:
        #ef9a65 !important;

    background:
        #fff3eb !important;

    box-shadow:
        0 0 0 3px
        rgba(
            239,
            154,
            101,
            .08
        ) !important;

}


body.business-create-body.kbiz-create-portal-v23
.business-location-choice strong {

    color:
        #20130d !important;

}


body.business-create-body.kbiz-create-portal-v23
.business-location-choice small {

    color:
        #786d67 !important;

}


/* ==========================================================================
   LOCATION METHOD
   ========================================================================== */

body.business-create-body.kbiz-create-portal-v23
.business-location-method {

    border-color:
        #e2d5cd;

    background:
        #fff !important;

}


body.business-create-body.kbiz-create-portal-v23
.business-location-method h3 {

    color:
        #20130d !important;

    font-family:
        inherit !important;

    font-weight:
        850;

}


body.business-create-body.kbiz-create-portal-v23
.business-location-method label > span {

    color:
        #483931 !important;

}


body.business-create-body.kbiz-create-portal-v23
.business-location-method input,

body.business-create-body.kbiz-create-portal-v23
.business-location-method select {

    color:
        #20130d !important;

    color-scheme:
        light;

    border-color:
        #d9ccc4 !important;

    background:
        #fff !important;

}


/* ==========================================================================
   MAP PANEL
   ========================================================================== */

body.business-create-body.kbiz-create-portal-v23
.business-location-map-panel {

    border-color:
        #e1d4cc !important;

    background:
        #fff9f5 !important;

    box-shadow:
        none !important;

}


body.business-create-body.kbiz-create-portal-v23
.business-location-map-heading span:first-child {

    color:
        #a8542b !important;

}


body.business-create-body.kbiz-create-portal-v23
.business-location-map-heading strong {

    color:
        #20130d !important;

}


body.business-create-body.kbiz-create-portal-v23
.business-location-badge {

    color:
        #766b65 !important;

    border-color:
        #e2d5cd;

    background:
        #fff;

}


/*
 * Keep the actual interactive map itself intact.
 * Do not recolor map tiles.
 */

body.business-create-body.kbiz-create-portal-v23
.business-location-map {

    border-color:
        #decfc6 !important;

}


/* ==========================================================================
   HOURS
   ========================================================================== */

body.business-create-body.kbiz-create-portal-v23
.biz-hours {

    border-color:
        #e6d9d1;

    background:
        #fff !important;

}


body.business-create-body.kbiz-create-portal-v23
.biz-hour {

    border-bottom-color:
        #eee4de !important;

}


body.business-create-body.kbiz-create-portal-v23
.biz-hour strong {

    color:
        #3d3029 !important;

}


body.business-create-body.kbiz-create-portal-v23
.biz-closed,

body.business-create-body.kbiz-create-portal-v23
.biz-hour > span {

    color:
        #786d67 !important;

}


body.business-create-body.kbiz-create-portal-v23
.biz-hour input[type="time"] {

    color:
        #20130d !important;

    color-scheme:
        light !important;

    border-color:
        #d9ccc4 !important;

    background:
        #fff !important;

}


/* ==========================================================================
   SUBMIT
   ========================================================================== */

body.business-create-body.kbiz-create-portal-v23
.biz-submit {

    padding:
        30px 42px 36px !important;

    border:
        0 !important;

    background:
        #fff9f5 !important;

}


body.business-create-body.kbiz-create-portal-v23
.biz-submit strong {

    color:
        #20130d !important;

}


body.business-create-body.kbiz-create-portal-v23
.biz-submit p {

    color:
        #786d67 !important;

}


body.business-create-body.kbiz-create-portal-v23
.biz-submit button {

    min-height:
        52px;

    color:
        #1b0c06 !important;

    border:
        1px solid
        #ef9a65 !important;

    background:
        linear-gradient(
            135deg,
            #ffb17e,
            #ef9a65
        ) !important;

    box-shadow:
        0 12px 28px
        rgba(
            204,
            104,
            49,
            .16
        ) !important;

}


/* ==========================================================================
   SIDEBAR CREATE CTA
   ========================================================================== */

.kbiz-create-shell-v23
.kbiz-portal-sidebar-bottom-v2
.is-current-v23 {

    color:
        #1b0c06;

    border-color:
        #ef9a65;

    background:
        linear-gradient(
            135deg,
            #ef9a65,
            #ffb17e
        );

}


/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media(max-width:900px){

    body.business-create-body.kbiz-create-portal-v23
    form > .biz-card {

        padding:
            32px 24px !important;

    }

}


@media(max-width:700px){

    .kbiz-create-back-v23 {

        width:
            100%;

    }


    body.business-create-body.kbiz-create-portal-v23
    .business-create-progress {

        overflow-x:
            auto;

    }


    body.business-create-body.kbiz-create-portal-v23
    form > .biz-card {

        padding:
            27px 18px !important;

    }


    body.business-create-body.kbiz-create-portal-v23
    .biz-submit {

        padding:
            26px 18px 30px !important;

    }

}


@media(max-width:430px){

    .kbiz-create-main-v23 {

        padding-left:
            14px;

        padding-right:
            14px;

    }

}


/******************************************************************************
 END PORTAL EMPRESARIAL V2.3
******************************************************************************/



/******************************************************************************
 KUNI CONECTA
 PORTAL EMPRESARIAL V2.4
 EDIT BUSINESS INSIDE PORTAL

 Master visual reference:
   Portal > Inicio
******************************************************************************/


body.kbiz-edit-portal-v24 {

    min-height:
        100vh;

    margin:
        0;

    color:
        #1b120e !important;

    background:
        #f7f4f1 !important;

}


body.kbiz-edit-portal-v24
.kbiz-portal-workspace-v2,
body.kbiz-edit-portal-v24
.kbiz-portal-shell-v2 {

    background:
        #f7f4f1;

}


/* --------------------------------------------------------------------------
   HEADER
   -------------------------------------------------------------------------- */

.kbiz-edit-heading-v24 {

    margin-bottom:
        28px;

}


.kbiz-edit-back-v24 {

    min-height:
        48px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0 18px;

    color:
        #874323;

    border:
        1px solid
        #e4d5cc;

    border-radius:
        14px;

    background:
        #fff;

    text-decoration:
        none;

    font-size:
        13px;

    font-weight:
        850;

    box-shadow:
        0 10px 26px
        rgba(
            58,
            32,
            19,
            .04
        );

}


.kbiz-edit-mobile-back-v24 {

    width:
        42px;

    height:
        42px;

    display:
        grid;

    place-items:
        center;

    color:
        #f3b58f;

    border:
        1px solid
        rgba(
            239,
            154,
            101,
            .28
        );

    border-radius:
        12px;

    background:
        rgba(
            239,
            154,
            101,
            .10
        );

    text-decoration:
        none;

    font-size:
        21px;

}


/* --------------------------------------------------------------------------
   OLD WRAPPERS
   -------------------------------------------------------------------------- */

.kbiz-edit-content-v24 {

    width:
        100%;

    min-width:
        0;

}


body.kbiz-edit-portal-v24
.biz-shell,

body.kbiz-edit-portal-v24
.business-edit-shell,

body.kbiz-edit-portal-v24
.business-panel {

    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    color:
        #1b120e !important;

    background:
        transparent !important;

}


/*
 * The portal already supplies the principal heading.
 * Hide legacy page heroes when present.
 */

body.kbiz-edit-portal-v24
.biz-hero,

body.kbiz-edit-portal-v24
.business-edit-hero,

body.kbiz-edit-portal-v24
.business-panel-hero {

    display:
        none !important;

}


/* --------------------------------------------------------------------------
   FORMS / CARDS
   -------------------------------------------------------------------------- */

body.kbiz-edit-portal-v24
.biz-form,

body.kbiz-edit-portal-v24
.business-edit-form,

body.kbiz-edit-portal-v24
form {

    color:
        #1b120e;

}


body.kbiz-edit-portal-v24
.biz-card,

body.kbiz-edit-portal-v24
.business-edit-card,

body.kbiz-edit-portal-v24
.panel,

body.kbiz-edit-portal-v24
.card {

    color:
        #1b120e !important;

    border-color:
        #e4d6cd !important;

    background:
        #fff !important;

    box-shadow:
        0 13px 36px
        rgba(
            58,
            32,
            19,
            .055
        ) !important;

}


/* --------------------------------------------------------------------------
   TYPOGRAPHY
   -------------------------------------------------------------------------- */

body.kbiz-edit-portal-v24
h1,

body.kbiz-edit-portal-v24
h2,

body.kbiz-edit-portal-v24
h3,

body.kbiz-edit-portal-v24
h4 {

    color:
        #1b120e;

}


body.kbiz-edit-portal-v24
p {

    color:
        #756b65;

}


body.kbiz-edit-portal-v24
.biz-eyebrow,

body.kbiz-edit-portal-v24
.business-edit-eyebrow,

body.kbiz-edit-portal-v24
.eyebrow {

    color:
        #a8542b !important;

}


/* --------------------------------------------------------------------------
   INPUTS
   -------------------------------------------------------------------------- */

body.kbiz-edit-portal-v24
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="button"]):not([type="submit"]),

body.kbiz-edit-portal-v24
select,

body.kbiz-edit-portal-v24
textarea {

    color:
        #21150f !important;

    border-color:
        #d9ccc4 !important;

    background:
        #fff !important;

    box-shadow:
        none !important;

    color-scheme:
        light !important;

}


body.kbiz-edit-portal-v24
input::placeholder,

body.kbiz-edit-portal-v24
textarea::placeholder {

    color:
        #9e9189 !important;

}


body.kbiz-edit-portal-v24
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,

body.kbiz-edit-portal-v24
select:focus,

body.kbiz-edit-portal-v24
textarea:focus {

    outline:
        none !important;

    border-color:
        #e89a68 !important;

    background:
        #fff !important;

    box-shadow:
        0 0 0 4px
        rgba(
            239,
            154,
            101,
            .10
        ) !important;

}


/* --------------------------------------------------------------------------
   LABELS
   -------------------------------------------------------------------------- */

body.kbiz-edit-portal-v24
label,

body.kbiz-edit-portal-v24
label > span,

body.kbiz-edit-portal-v24
.biz-field-label {

    color:
        #3d3029;

}


/* --------------------------------------------------------------------------
   PHOTOS / GALLERY
   Permanent business-photo rule: square 1:1.
   -------------------------------------------------------------------------- */

body.kbiz-edit-portal-v24
.business-create-photo-slot,

body.kbiz-edit-portal-v24
.business-edit-photo-slot,

body.kbiz-edit-portal-v24
.business-gallery-item,

body.kbiz-edit-portal-v24
.biz-photo-slot {

    color:
        #1b120e !important;

    border-color:
        #e7d8ce !important;

    background:
        #fff9f5 !important;

    box-shadow:
        none !important;

}


body.kbiz-edit-portal-v24
.business-create-photo-visual,

body.kbiz-edit-portal-v24
.business-edit-photo-visual,

body.kbiz-edit-portal-v24
.business-gallery-thumb,

body.kbiz-edit-portal-v24
.biz-photo-preview {

    aspect-ratio:
        1 / 1 !important;

    overflow:
        hidden;

    border-color:
        #e5b58f !important;

    background:
        #fff !important;

}


body.kbiz-edit-portal-v24
.business-create-photo-visual img,

body.kbiz-edit-portal-v24
.business-edit-photo-visual img,

body.kbiz-edit-portal-v24
.business-gallery-thumb img,

body.kbiz-edit-portal-v24
.biz-photo-preview img {

    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        cover !important;

}


/* --------------------------------------------------------------------------
   LOCATION
   -------------------------------------------------------------------------- */

body.kbiz-edit-portal-v24
.business-location-choice,

body.kbiz-edit-portal-v24
.business-location-method,

body.kbiz-edit-portal-v24
.business-location-map-panel {

    color:
        #20130d !important;

    border-color:
        #e1d4cc !important;

    background:
        #fff !important;

    box-shadow:
        none !important;

}


body.kbiz-edit-portal-v24
.business-location-choice:has(input:checked) {

    border-color:
        #ef9a65 !important;

    background:
        #fff3eb !important;

    box-shadow:
        0 0 0 3px
        rgba(
            239,
            154,
            101,
            .08
        ) !important;

}


body.kbiz-edit-portal-v24
.business-location-map {

    border-color:
        #decfc6 !important;

}


/* --------------------------------------------------------------------------
   HOURS
   -------------------------------------------------------------------------- */

body.kbiz-edit-portal-v24
.biz-hours,

body.kbiz-edit-portal-v24
.business-hours {

    color:
        #1b120e !important;

    border-color:
        #e6d9d1 !important;

    background:
        #fff !important;

}


body.kbiz-edit-portal-v24
.biz-hour,

body.kbiz-edit-portal-v24
.business-hour {

    border-bottom-color:
        #eee4de !important;

}


/* --------------------------------------------------------------------------
   BUTTONS
   -------------------------------------------------------------------------- */

body.kbiz-edit-portal-v24
button[type="submit"],

body.kbiz-edit-portal-v24
.btn-primary,

body.kbiz-edit-portal-v24
.primary-button {

    color:
        #1b0c06 !important;

    border-color:
        #ef9a65 !important;

    background:
        linear-gradient(
            135deg,
            #ffb17e,
            #ef9a65
        ) !important;

    box-shadow:
        0 12px 28px
        rgba(
            204,
            104,
            49,
            .16
        ) !important;

}


/* --------------------------------------------------------------------------
   STATUS / WARNINGS
   -------------------------------------------------------------------------- */

body.kbiz-edit-portal-v24
.status-pill {

    color:
        #6c5e56 !important;

    border-color:
        #e6d8cf !important;

    background:
        #faf6f3 !important;

}


body.kbiz-edit-portal-v24
.status-approved,
body.kbiz-edit-portal-v24
.status-published {

    color:
        #267344 !important;

    border-color:
        #cfe6d7 !important;

    background:
        #f1faf4 !important;

}


body.kbiz-edit-portal-v24
.status-pending,
body.kbiz-edit-portal-v24
.status-draft {

    color:
        #a75d2d !important;

    border-color:
        #efd8c8 !important;

    background:
        #fff7f1 !important;

}


body.kbiz-edit-portal-v24
.status-rejected,
body.kbiz-edit-portal-v24
.status-suspended {

    color:
        #a13e3e !important;

    border-color:
        #eed0d0 !important;

    background:
        #fff5f5 !important;

}


/* --------------------------------------------------------------------------
   RESPONSIVE
   -------------------------------------------------------------------------- */

@media(max-width:860px) {

    .kbiz-edit-main-v24 {

        padding-top:
            28px;

    }

}


@media(max-width:700px) {

    .kbiz-edit-back-v24 {

        width:
            100%;

    }


    body.kbiz-edit-portal-v24
    .biz-card,

    body.kbiz-edit-portal-v24
    .business-edit-card {

        padding:
            22px 18px !important;

    }

}


@media(max-width:430px) {

    .kbiz-edit-main-v24 {

        padding-left:
            14px;

        padding-right:
            14px;

    }

}


/******************************************************************************
 END PORTAL EMPRESARIAL V2.4
******************************************************************************/



/******************************************************************************
 KUNI CONECTA
 BUSINESS EDIT CORE FIELDS V2.5
******************************************************************************/


.kbiz-edit-core-v25 {

    margin:
        0 0 28px;

    padding:
        28px;

    color:
        #1b120e;

    border:
        1px solid
        #e3d5cc;

    border-radius:
        20px;

    background:
        #fff;

    box-shadow:
        0 13px 36px
        rgba(
            58,
            32,
            19,
            .055
        );

}


.kbiz-edit-core-heading-v25 {

    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        24px;

    padding-bottom:
        22px;

    margin-bottom:
        24px;

    border-bottom:
        1px solid
        #eee3dd;

}


.kbiz-edit-core-kicker-v25 {

    display:
        block;

    margin-bottom:
        7px;

    color:
        #b45e31;

    font-size:
        11px;

    line-height:
        1.2;

    font-weight:
        950;

    letter-spacing:
        .11em;

}


.kbiz-edit-core-heading-v25 h3 {

    margin:
        0;

    color:
        #1b120e !important;

    font-family:
        inherit !important;

    font-size:
        23px;

    line-height:
        1.15;

    font-weight:
        850;

}


.kbiz-edit-core-heading-v25
> div:first-child
> p {

    max-width:
        560px;

    margin:
        7px 0 0;

    color:
        #776c66 !important;

    font-size:
        13px;

    line-height:
        1.55;

}


.kbiz-edit-review-note-v25 {

    width:
        min(
            100%,
            360px
        );

    display:
        grid;

    grid-template-columns:
        36px
        minmax(
            0,
            1fr
        );

    align-items:
        center;

    gap:
        10px;

    padding:
        12px 14px;

    border:
        1px solid
        #efd9ca;

    border-radius:
        14px;

    background:
        #fff7f1;

}


.kbiz-edit-review-note-v25
> span {

    width:
        34px;

    height:
        34px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        10px;

    color:
        #a8542b;

    background:
        #ffe9dc;

    font-size:
        18px;

    font-weight:
        900;

}


.kbiz-edit-review-note-v25 p {

    margin:
        0;

    color:
        #74584a !important;

    font-size:
        12px;

    line-height:
        1.45;

}


.kbiz-edit-core-grid-v25 {

    display:
        grid;

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

    gap:
        20px;

}


.kbiz-edit-core-field-v25 {

    display:
        grid;

    align-content:
        start;

    gap:
        8px;

    min-width:
        0;

}


.kbiz-edit-core-field-v25
> span,

.kbiz-edit-core-label-row-v25
> span {

    color:
        #3d3029 !important;

    font-size:
        13px;

    font-weight:
        800;

}


.kbiz-edit-core-field-v25
> input,

.kbiz-edit-core-field-v25
> select,

.kbiz-edit-core-field-v25
> textarea {

    width:
        100%;

    max-width:
        100%;

    box-sizing:
        border-box;

    color:
        #21150f !important;

    border:
        1px solid
        #d9ccc4 !important;

    border-radius:
        13px;

    background:
        #fff !important;

    box-shadow:
        none !important;

    font:
        inherit;

}


.kbiz-edit-core-field-v25
> input,

.kbiz-edit-core-field-v25
> select {

    min-height:
        52px;

    padding:
        0 15px;

}


.kbiz-edit-core-field-v25
> textarea {

    min-height:
        145px;

    padding:
        14px 15px;

    resize:
        vertical;

    line-height:
        1.55;

}


.kbiz-edit-core-field-v25
> input:focus,

.kbiz-edit-core-field-v25
> select:focus,

.kbiz-edit-core-field-v25
> textarea:focus {

    outline:
        none !important;

    border-color:
        #e89a68 !important;

    box-shadow:
        0 0 0 4px
        rgba(
            239,
            154,
            101,
            .10
        ) !important;

}


.kbiz-edit-core-field-v25
> small {

    color:
        #8e8179 !important;

    font-size:
        11px;

    line-height:
        1.45;

}


.kbiz-edit-core-description-v25 {

    grid-column:
        1 / -1;

}


.kbiz-edit-core-label-row-v25 {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        16px;

}


#kbizEditDescriptionCounterV25 {

    color:
        #9b7059 !important;

    font-size:
        11px;

    font-weight:
        750;

    white-space:
        nowrap;

}


/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media(max-width:760px) {

    .kbiz-edit-core-v25 {

        padding:
            22px;

    }


    .kbiz-edit-core-heading-v25 {

        flex-direction:
            column;

    }


    .kbiz-edit-review-note-v25 {

        width:
            100%;

        box-sizing:
            border-box;

    }


    .kbiz-edit-core-grid-v25 {

        grid-template-columns:
            1fr;

    }


    .kbiz-edit-core-description-v25 {

        grid-column:
            auto;

    }

}


@media(max-width:430px) {

    .kbiz-edit-core-v25 {

        padding:
            18px;

        border-radius:
            17px;

    }

}


/******************************************************************************
 END BUSINESS EDIT CORE FIELDS V2.5
******************************************************************************/



/******************************************************************************
 KUNI BUSINESS EVENTS V1
******************************************************************************/

.kbiz-events-body-v1{
    margin:0;
    background:#f7f4f1;
    color:#1b120e;
}

.kbiz-feature-link-v1{
    color:#ad592d;
    font-size:13px;
    font-weight:900;
    text-decoration:none;
}

.kbiz-event-kpis-v1{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
    margin-bottom:24px;
}

.kbiz-event-kpis-v1 article{
    padding:21px;
    border:1px solid #e6d8cf;
    border-radius:18px;
    background:#fff;
    box-shadow:0 13px 36px rgba(58,32,19,.055);
}

.kbiz-event-kpis-v1 span{
    color:#8b7466;
    font-size:12px;
    font-weight:850;
    text-transform:uppercase;
}

.kbiz-event-kpis-v1 strong{
    display:block;
    margin:8px 0 5px;
    color:#20130d;
    font-size:31px;
}

.kbiz-event-kpis-v1 small{
    color:#8a807a;
    font-size:12px;
}

.kbiz-event-list-v1{
    display:grid;
    gap:16px;
}

.kbiz-event-card-v1{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    gap:22px;
    padding:20px;
    border:1px solid #e4d6cd;
    border-radius:20px;
    background:#fff;
    box-shadow:0 13px 36px rgba(58,32,19,.055);
}

.kbiz-event-card-photo-v1{
    width:150px;
    aspect-ratio:1/1;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:16px;
    background:#fff1e8;
    color:#a8542b;
    font-size:12px;
    font-weight:900;
}

.kbiz-event-card-photo-v1 img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.kbiz-event-card-main-v1 h2{
    margin:8px 0 6px;
    color:#1b120e;
    font-size:21px;
}

.kbiz-event-card-main-v1 > p{
    margin:0 0 14px;
    color:#756b65;
    font-size:13px;
}

.kbiz-event-card-status-v1 span{
    display:inline-flex;
    padding:6px 9px;
    border-radius:999px;
    background:#f3efec;
    color:#685d57;
    font-size:11px;
    font-weight:850;
}

.kbiz-event-card-status-v1 .is-orange{
    background:#fff1e8;
    color:#a8542b;
}

.kbiz-event-card-status-v1 .is-green{
    background:#eff9f2;
    color:#267344;
}

.kbiz-event-card-status-v1 .is-red{
    background:#fff1f1;
    color:#a13e3e;
}

.kbiz-event-meta-v1{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.kbiz-event-meta-v1 span{
    padding:6px 9px;
    border-radius:9px;
    background:#faf6f3;
    color:#6e625b;
    font-size:12px;
}

.kbiz-event-business-v1{
    display:block;
    margin-top:12px;
    color:#92705d;
}

.kbiz-event-actions-v1{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:17px;
}

.kbiz-event-actions-v1 form{
    margin:0;
}

.kbiz-event-actions-v1 a,
.kbiz-event-actions-v1 button{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    padding:0 15px;
    border:1px solid #e4d5cc;
    border-radius:11px;
    background:#fff;
    color:#874323;
    text-decoration:none;
    font:inherit;
    font-size:12px;
    font-weight:850;
    cursor:pointer;
}

.kbiz-event-actions-v1 button{
    border-color:#ef9a65;
    background:#ef9a65;
    color:#1b0c06;
}

.kbiz-event-empty-v1{
    padding:60px 24px;
    text-align:center;
    border:1px solid #e4d6cd;
    border-radius:22px;
    background:#fff;
}

.kbiz-event-empty-v1 > span{
    font-size:38px;
    color:#b65f32;
}

.kbiz-event-empty-v1 h2{
    color:#1b120e;
}

.kbiz-event-empty-v1 p{
    color:#756b65;
}

.kbiz-event-empty-v1 a{
    display:inline-flex;
    min-height:48px;
    align-items:center;
    padding:0 18px;
    border-radius:13px;
    background:#ef9a65;
    color:#1b0c06;
    text-decoration:none;
    font-weight:900;
}

.kbiz-event-form-v1{
    overflow:hidden;
    border:1px solid #e3d5cc;
    border-radius:22px;
    background:#fff;
    box-shadow:0 15px 42px rgba(58,32,19,.055);
}

.kbiz-event-form-v1 > section{
    display:grid;
    grid-template-columns:54px 220px minmax(0,1fr);
    gap:20px;
    padding:30px;
    border-bottom:1px solid #eee3dd;
}

.kbiz-event-section-number-v1{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:#fff1e8;
    color:#a8542b;
    font-size:12px;
    font-weight:950;
}

.kbiz-event-section-copy-v1 h2{
    margin:0 0 7px;
    color:#1b120e;
    font-size:18px;
}

.kbiz-event-section-copy-v1 p{
    margin:0;
    color:#80736c;
    font-size:12px;
    line-height:1.5;
}

.kbiz-event-fields-v1{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.kbiz-event-fields-v1 label{
    display:grid;
    gap:7px;
}

.kbiz-event-fields-v1 label.wide{
    grid-column:1/-1;
}

.kbiz-event-fields-v1 label > span{
    color:#3d3029;
    font-size:12px;
    font-weight:800;
}

.kbiz-event-fields-v1 input,
.kbiz-event-fields-v1 textarea,
.kbiz-event-fields-v1 select{
    width:100%;
    box-sizing:border-box;
    border:1px solid #d9ccc4;
    border-radius:12px;
    background:#fff;
    color:#21150f;
    font:inherit;
}

.kbiz-event-fields-v1 input,
.kbiz-event-fields-v1 select{
    min-height:50px;
    padding:0 14px;
}

.kbiz-event-fields-v1 textarea{
    padding:13px 14px;
    resize:vertical;
}

.kbiz-event-fields-v1 input:focus,
.kbiz-event-fields-v1 textarea:focus,
.kbiz-event-fields-v1 select:focus{
    outline:none;
    border-color:#e89a68;
    box-shadow:0 0 0 4px rgba(239,154,101,.10);
}

.kbiz-event-fields-v1 small{
    color:#91827a;
    font-size:11px;
}

.kbiz-event-photo-v1{
    display:grid;
    grid-template-columns:180px minmax(0,1fr);
    gap:18px;
    align-items:center;
}

.kbiz-event-photo-v1 > img,
.kbiz-event-photo-v1 > div{
    width:180px;
    aspect-ratio:1/1;
    object-fit:cover;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid #ead6c8;
    border-radius:17px;
    background:#fff1e8;
    color:#a8542b;
    font-size:12px;
    font-weight:900;
}

.kbiz-event-photo-v1 label{
    display:grid;
    gap:9px;
    color:#3d3029;
    font-size:13px;
    font-weight:800;
}

.kbiz-event-submit-v1{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:25px 30px;
    background:#fff9f5;
}

.kbiz-event-submit-v1 strong{
    color:#20130d;
}

.kbiz-event-submit-v1 p{
    margin:5px 0 0;
    color:#786d67;
    font-size:12px;
}

.kbiz-event-submit-v1 button{
    min-height:50px;
    padding:0 20px;
    border:0;
    border-radius:13px;
    background:#ef9a65;
    color:#1b0c06;
    font:inherit;
    font-weight:900;
    cursor:pointer;
}

.kbiz-event-review-box-v1{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-top:18px;
    padding:22px;
    border:1px solid #efd4c3;
    border-radius:18px;
    background:#fff7f1;
}

.kbiz-event-review-box-v1 span{
    color:#a8542b;
    font-size:10px;
    font-weight:950;
    letter-spacing:.1em;
}

.kbiz-event-review-box-v1 strong{
    display:block;
    margin-top:5px;
    color:#20130d;
}

.kbiz-event-review-box-v1 p{
    margin:5px 0 0;
    color:#786d67;
    font-size:12px;
}

.kbiz-event-review-box-v1 form{
    margin:0;
}

.kbiz-event-review-box-v1 button{
    min-height:48px;
    padding:0 18px;
    border:0;
    border-radius:13px;
    background:#ef9a65;
    color:#1b0c06;
    font:inherit;
    font-weight:900;
    cursor:pointer;
}

.kbiz-event-review-status-v1{
    padding:11px 14px;
    border-radius:12px;
    background:#fff1e8;
    color:#a8542b;
    font-size:12px;
    font-weight:900;
}

.kbiz-event-alerts-v1{
    display:grid;
    gap:8px;
    margin-bottom:18px;
}

.kbiz-event-alert-v1{
    padding:13px 15px;
    border-radius:12px;
    background:#fff;
    border:1px solid #e3d5cc;
    color:#594b44;
}

.kbiz-event-alert-v1.success{
    background:#f1faf4;
    border-color:#cfe6d7;
    color:#267344;
}

.kbiz-event-alert-v1.error{
    background:#fff5f5;
    border-color:#eed0d0;
    color:#a13e3e;
}

.kbiz-event-back-v1,
.kbiz-event-mobile-back-v1{
    text-decoration:none;
}

.kbiz-event-back-v1{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    padding:0 16px;
    border:1px solid #e4d5cc;
    border-radius:13px;
    background:#fff;
    color:#874323;
    font-size:12px;
    font-weight:850;
}

.kbiz-event-mobile-back-v1{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid rgba(239,154,101,.28);
    border-radius:12px;
    color:#f3b58f;
    background:rgba(239,154,101,.1);
    font-size:20px;
}

@media(max-width:1000px){

    .kbiz-event-form-v1 > section{
        grid-template-columns:50px minmax(0,1fr);
    }

    .kbiz-event-fields-v1{
        grid-column:1/-1;
    }

}

@media(max-width:700px){

    .kbiz-event-kpis-v1{
        grid-template-columns:1fr;
    }

    .kbiz-event-card-v1{
        grid-template-columns:90px minmax(0,1fr);
        padding:15px;
    }

    .kbiz-event-card-photo-v1{
        width:90px;
    }

    .kbiz-event-form-v1 > section{
        grid-template-columns:1fr;
        padding:22px 18px;
    }

    .kbiz-event-fields-v1{
        grid-template-columns:1fr;
    }

    .kbiz-event-fields-v1 label.wide{
        grid-column:auto;
    }

    .kbiz-event-photo-v1{
        grid-template-columns:1fr;
    }

    .kbiz-event-photo-v1 > img,
    .kbiz-event-photo-v1 > div{
        width:min(100%,240px);
    }

    .kbiz-event-submit-v1,
    .kbiz-event-review-box-v1{
        flex-direction:column;
        align-items:stretch;
    }

    .kbiz-event-submit-v1 button,
    .kbiz-event-review-box-v1 button{
        width:100%;
    }

}

@media(max-width:430px){

    .kbiz-event-card-v1{
        grid-template-columns:1fr;
    }

    .kbiz-event-card-photo-v1{
        width:100%;
        max-width:150px;
    }

}

/******************************************************************************
 END BUSINESS EVENTS V1
******************************************************************************/



/******************************************************************************
 KUNI CONECTA
 BUSINESS EVENT PUBLIC LINK V1
******************************************************************************/


.kuni-business-event-public-link-v1 {

    display:
        grid;

    gap:
        10px;

    margin-top:
        15px;

    padding:
        15px;

    border:
        1px solid #ead4c6;

    border-radius:
        14px;

    background:
        #fff9f5;

}


.kuni-business-event-public-link-eyebrow-v1 {

    color:
        #b65a2e;

    font-size:
        12px;

    line-height:
        1.2;

    font-weight:
        850;

    letter-spacing:
        .10em;

}


.kuni-business-event-public-link-url-v1 {

    min-width:
        0;

    overflow-wrap:
        anywhere;

    color:
        #211510;

    font-size:
        14px;

    line-height:
        1.5;

    font-weight:
        650;

}


.kuni-business-event-public-link-actions-v1 {

    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        9px;

}


.kuni-business-event-public-link-open-v1,

.kuni-business-event-public-link-copy-v1 {

    min-height:
        42px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0 16px;

    border:
        1px solid #e8c8b5;

    border-radius:
        11px;

    font:
        inherit;

    font-size:
        13px;

    font-weight:
        800;

    text-decoration:
        none;

    cursor:
        pointer;

}


.kuni-business-event-public-link-open-v1 {

    background:
        #f39a61;

    color:
        #1c100b;

}


.kuni-business-event-public-link-copy-v1 {

    background:
        #fff;

    color:
        #9b4923;

}


.kuni-business-event-public-link-copy-v1.is-copied {

    background:
        #1c130f;

    border-color:
        #1c130f;

    color:
        #fff;

}


@media(max-width:640px) {

    .kuni-business-event-public-link-actions-v1 {

        display:
            grid;

        grid-template-columns:
            1fr;

    }


    .kuni-business-event-public-link-open-v1,

    .kuni-business-event-public-link-copy-v1 {

        width:
            100%;

    }

}


/******************************************************************************
 END BUSINESS EVENT PUBLIC LINK V1
******************************************************************************/



/******************************************************************************
 KUNI CONECTA
 BUSINESS EVENT PUBLIC LINK V1.2
******************************************************************************/


.kuni-business-event-public-link-v12 {

    display:
        grid;

    gap:
        14px;

    margin-top:
        16px;

    padding:
        16px;

    border:
        1px solid #ead2c3;

    border-radius:
        15px;

    background:
        #fffaf7;

}


.kuni-business-event-public-link-v12.is-locked {

    border-style:
        dashed;

    background:
        #faf7f5;

}


.kuni-business-event-link-status-v12 {

    display:
        grid;

    grid-template-columns:
        42px minmax(0,1fr);

    gap:
        12px;

    align-items:
        start;

}


.kuni-business-event-link-lock-v12 {

    width:
        42px;

    height:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        12px;

    background:
        #fbe9df;

}


.kuni-business-event-link-status-v12 strong {

    display:
        block;

    color:
        #1b110c;

    font-size:
        14px;

}


.kuni-business-event-link-status-v12 p {

    margin:
        4px 0 0;

    color:
        #806b60;

    font-size:
        12px;

    line-height:
        1.5;

}


.kuni-business-event-link-address-v12 {

    display:
        grid;

    gap:
        7px;

}


.kuni-business-event-link-address-v12 > span {

    color:
        #b85a30;

    font-size:
        11px;

    font-weight:
        850;

    letter-spacing:
        .1em;

}


.kuni-business-event-link-url-v12 {

    padding:
        12px 13px;

    border:
        1px solid #ead6ca;

    border-radius:
        10px;

    background:
        #fff;

    color:
        #21140f;

    font-size:
        13px;

    line-height:
        1.45;

    font-weight:
        650;

    overflow-wrap:
        anywhere;

}


.kuni-business-event-link-url-v12.is-locked {

    background:
        #f1eeec;

    color:
        #968981;

}


.kuni-business-event-link-actions-v12 {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        9px;

}


.kuni-business-event-link-open-v12,

.kuni-business-event-link-copy-v12 {

    min-height:
        42px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0 16px;

    border:
        1px solid #dfc0ae;

    border-radius:
        10px;

    font:
        inherit;

    font-size:
        13px;

    font-weight:
        800;

    text-decoration:
        none;

}


.kuni-business-event-link-open-v12 {

    background:
        #f39a61;

    color:
        #190e09;

}


.kuni-business-event-link-copy-v12 {

    background:
        #fff;

    color:
        #a44c26;

    cursor:
        pointer;

}


.kuni-business-event-link-open-v12.is-disabled,

.kuni-business-event-link-copy-v12.is-disabled {

    background:
        #eeeae7;

    border-color:
        #ded6d1;

    color:
        #9b918b;

    cursor:
        not-allowed;

}


.kuni-business-event-link-copy-v12.is-copied {

    background:
        #18100c;

    color:
        #fff;

}


@media(max-width:640px) {

    .kuni-business-event-link-actions-v12 {

        display:
            grid;

        grid-template-columns:
            1fr;

    }


    .kuni-business-event-link-open-v12,

    .kuni-business-event-link-copy-v12 {

        width:
            100%;

    }

}


/******************************************************************************
 END BUSINESS EVENT PUBLIC LINK V1.2
******************************************************************************/