.mk-cliente{max-width:1400px;margin:0 auto;font-family:inherit;}

.mk-cliente-hero{background:#111;color:#fff;padding:35px;border-radius:0 0 18px 18px;}
.mk-cliente-hero h2{font-size:30px;font-weight:900;margin:0 0 8px;color:#fff;}
.mk-cliente-hero p{margin:0 0 25px;color:#fff;}

.mk-cliente-filtros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 195px;gap:14px;align-items:end;}
.mk-campo{min-width:0;position:relative;}

.mk-label-line{height:24px;display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.mk-label-line span{background:#ed1c24;color:#fff;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:800;line-height:22px;flex:0 0 22px;}
.mk-label-line label{display:block;text-transform:uppercase;font-weight:800;font-size:12px;margin:0;color:#fff;line-height:22px;}

.mkc-search-select{display:none!important;}

.mkc-normal-select{
    width:100%;
    height:50px;
    border:none!important;
    border-radius:7px!important;
    padding:0 12px!important;
    font-family:inherit!important;
    font-weight:800!important;
    font-size:14px!important;
    letter-spacing:0!important;
    text-transform:none!important;
    background:#fff!important;
    color:#111!important;
    box-shadow:none!important;
    appearance:auto!important;
}

.mkc-combo{position:relative;width:100%;}

.mkc-combo-btn{
    width:100%;
    height:50px;
    border:0!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#111!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 12px!important;
    font-family:inherit!important;
    font-weight:800!important;
    font-size:14px!important;
    letter-spacing:0!important;
    text-transform:none!important;
    line-height:50px!important;
    cursor:pointer!important;
    text-align:left!important;
    box-shadow:none!important;
    outline:none!important;
    overflow:hidden!important;
}

.mkc-combo-btn[disabled]{background:#ddd!important;color:#555!important;cursor:not-allowed!important;opacity:.75!important;}

.mkc-combo-text{
    display:block!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    min-width:0!important;
    max-width:100%!important;
    font-family:inherit!important;
    font-size:14px!important;
    font-weight:800!important;
    letter-spacing:0!important;
    text-transform:none!important;
    color:#111!important;
}

.mkc-combo-arrow{
    font-size:14px!important;
    margin-left:10px!important;
    flex:0 0 auto!important;
    color:#111!important;
    background:transparent!important;
}

.mkc-combo-panel{display:none;position:absolute;left:0;right:0;top:58px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.18);z-index:999999;overflow:hidden;}
.mkc-combo.open .mkc-combo-panel{display:block;}

.mkc-combo-search{
    width:calc(100% - 16px)!important;
    height:40px!important;
    margin:8px!important;
    border:1px solid #ccc!important;
    border-radius:5px!important;
    padding:0 10px!important;
    font-weight:700!important;
    font-size:14px!important;
    color:#111!important;
    background:#fff!important;
    box-shadow:none!important;
    outline:none!important;
}

.mkc-combo-list{max-height:260px;overflow:auto;background:#fff;}
.mkc-combo-option{padding:10px 12px;font-weight:700;color:#111;cursor:pointer;background:#fff;}
.mkc-combo-option:hover,.mkc-combo-option.active{background:#ed1c24;color:#fff;}
.mkc-combo-empty{padding:12px;color:#777;font-weight:700;background:#fff;}

#mkc-ver-catalogo{height:50px;background:#ed1c24;color:#fff;border:none;border-radius:7px;padding:0 28px;font-weight:900;cursor:pointer;text-transform:uppercase;white-space:nowrap;}

.mkc-resultado{padding:30px 15px;}
.mkc-mensaje{text-align:center;padding:25px;font-weight:800;grid-column:1/-1;}

.mkc-versiones h3{font-size:20px;margin-bottom:5px;}
.mkc-versiones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px;margin-top:18px;}
.mkc-version-card{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:18px;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.06);transition:.2s;}
.mkc-version-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.12);}
.mkc-version-card img{width:180px;height:105px;object-fit:contain;}
.mkc-version-card h4{margin:0;font-size:18px;font-weight:900;}
.mkc-version-card .tipo{color:#ed1c24;font-weight:900;margin:5px 0;}

.mkc-chip{display:inline-block;background:#f2f2f2;border-radius:30px;padding:6px 12px;font-size:13px;font-weight:800;}
.mkc-volver{display:inline-flex;align-items:center;gap:6px;font-weight:900;text-decoration:none;color:#111;margin-bottom:15px;cursor:pointer;}

.mkc-final{
    display:grid;
    grid-template-columns:minmax(0,70%) minmax(280px,30%);
    gap:24px;
    margin-bottom:28px;
    align-items:stretch;
}

.mkc-resumen{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:14px;
    padding:26px;
    display:grid;
    grid-template-columns:minmax(0,62%) minmax(260px,38%);
    align-items:center;
    gap:24px;
    box-shadow:0 4px 14px rgba(0,0,0,.06);
    min-height:330px;
}

.mkc-resumen img{
    width:100%;
    max-width:650px;
    height:260px;
    object-fit:contain;
    display:block;
    margin:0 auto;
}

.mkc-resumen h3{font-size:30px;line-height:1;margin:0;font-weight:900;color:#000;}
.mkc-resumen .tipo{color:#ed1c24;font-weight:900;margin:8px 0 16px;font-size:17px;}
.mkc-resumen ul{list-style:none;padding:0;margin:0;font-weight:800;color:#111;}
.mkc-resumen ul li{margin-bottom:7px;}

.mkc-medidas{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;}

.mkc-medida-btn{
    border:1px solid #d7d7d7!important;
    background:#f5f5f5!important;
    color:#111!important;
    border-radius:25px!important;
    padding:7px 16px!important;
    min-width:58px!important;
    height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-weight:900!important;
    font-size:14px!important;
    line-height:1!important;
    cursor:pointer!important;
    text-align:center!important;
    opacity:1!important;
    visibility:visible!important;
}

.mkc-medida-btn:hover{background:#ececec!important;color:#111!important;}
.mkc-medida-btn.activa{background:#ed1c24!important;color:#fff!important;border-color:#ed1c24!important;}

.mkc-alerta-ok{
    background:#ecfaec;
    border:1px solid #d9f1d9;
    border-radius:14px;
    padding:28px 24px;
    font-weight:700;
    min-height:330px;

    display:flex;
    flex-direction:column;

    justify-content:center;
    align-items:flex-start;

    box-shadow:0 4px 14px rgba(0,0,0,.04);
}

.mkc-alerta-ok h3{
    color:#0a8f18;
    margin:0 0 18px;
    font-size:26px;
    line-height:1.15;
    font-weight:900;
}

.mkc-alerta-ok > *{
    width:100%;
}

.mkc-alerta-ok p{font-size:15px;line-height:1.6;margin:0 0 16px;color:#111;font-weight:700;}

.mkc-alerta-warning{background:#fff7df;border:1px solid #ffd37a;border-radius:12px;padding:25px;display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:22px;}
.mkc-alerta-warning h3{margin:0 0 10px;color:#b76800;font-size:20px;}
.mkc-contactar{background:#111;color:#fff;border:none;border-radius:7px;padding:13px 22px;font-weight:900;text-decoration:none;display:inline-block;white-space:nowrap;}

.mkc-productos-title{font-size:18px;font-weight:900;margin:25px 0 15px;}

.mkc-grid-productos{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;align-items:stretch;}

.mkc-producto{
    border:1px solid #e5e5e5;
    border-radius:14px;
    background:#fff;
    padding:16px;
    box-shadow:0 3px 10px rgba(0,0,0,.05);
    transition:.2s;
    display:flex;
    flex-direction:column;
}

.mkc-producto:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.08);}
.mkc-producto img{width:100%;height:230px;object-fit:contain;margin-bottom:12px;}
.mkc-producto h4{margin:0 0 10px;font-size:22px;font-weight:900;text-align:center;color:#111;}
.mkc-producto p{margin:3px 0;font-size:15px;font-weight:800;text-align:center;color:#111;}
.mkc-producto .mkc-spec-rojo{color:#ed1c24;font-weight:900;}

.mkc-stock{display:inline-block;margin:10px auto 0;background:#e8f8e8;color:#078b16;font-weight:900;padding:6px 10px;border-radius:7px;font-size:14px;text-align:center;}

.mkc-producto a{display:block;background:#111;color:#fff;text-align:center;padding:13px;border-radius:9px;margin-top:auto;text-decoration:none;font-weight:900;font-size:16px;}
.mkc-producto a:hover{background:#ed1c24;color:#fff;}

@media(max-width:1200px){
    .mk-cliente-filtros{grid-template-columns:repeat(2,1fr);}
    #mkc-ver-catalogo{grid-column:1/-1;}
    .mkc-final{grid-template-columns:1fr;}
    .mkc-alerta-ok{min-height:auto;}
}

@media(max-width:900px){
    .mk-cliente-filtros{grid-template-columns:1fr;}
    .mkc-final{grid-template-columns:1fr;}
    .mkc-resumen{grid-template-columns:1fr;text-align:center;padding:20px;min-height:auto;}
    .mkc-resumen img{height:220px;}
    .mkc-resumen h3{font-size:26px;}
    .mkc-medidas{justify-content:center;}
    .mkc-alerta-warning{flex-direction:column;text-align:center;}
}

@media(max-width:600px){
    .mk-cliente-hero{padding:25px 18px;}
    .mk-cliente-hero h2{font-size:24px;}
    .mkc-resultado{padding:22px 8px;}
    .mkc-resumen img{height:190px;}
    .mkc-grid-productos{grid-template-columns:1fr;}
}


/* FIX SOLO INICIO: ocultar campos hasta que el JS esté listo */
#mk-cliente[data-modo="inicio"] .mk-campo .mkc-combo,
#mk-cliente[data-modo="inicio"] .mk-campo .mkc-normal-select,
#mk-cliente[data-modo="inicio"] #mkc-ver-catalogo{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}

#mk-cliente[data-modo="inicio"].mkc-ready .mk-campo .mkc-combo,
#mk-cliente[data-modo="inicio"].mkc-ready .mk-campo .mkc-normal-select,
#mk-cliente[data-modo="inicio"].mkc-ready #mkc-ver-catalogo{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}