.ccdist{max-width:1100px;margin:0 auto}
.ccdist-form{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(240px,1fr) auto;gap:12px;align-items:end}
.ccdist-field{display:flex;flex-direction:column;gap:6px}
.ccdist-field label{font-weight:600}
.ccdist-field input,.ccdist-field select{width:100%;min-height:48px;padding:10px 14px;border:1px solid #ddd;border-radius:5px;background:#fff}
.ccdist-btn{min-height:48px;padding:10px 22px;cursor:pointer}
.ccdist-message{margin:16px 0;min-height:1.4em}
.ccdist-map-wrap{margin:20px 0}
.ccdist-map-wrap[hidden]{display:none!important}
.ccdist-map{width:100%;height:460px;border-radius:8px;overflow:hidden;background:#eee;box-shadow:0 8px 26px rgba(0,0,0,.10)}
.ccdist-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ccdist-card{border:1px solid #e2e2e2;border-radius:7px;padding:18px;background:#fff}
.ccdist-card h3{margin:0 0 10px;font-size:18px}
.ccdist-card div+div{margin-top:4px}

/* Marcador propio: grande, contrastado y visible sobre cualquier mapa */
.ccdist-pin-icon{background:transparent!important;border:0!important}
.ccdist-pin-shape{
    width:36px;
    height:36px;
    position:absolute;
    left:3px;
    top:2px;
    background:#b84c2f;
    border:3px solid #fff;
    border-radius:50% 50% 50% 0;
    transform:rotate(-45deg);
    box-shadow:0 3px 10px rgba(0,0,0,.38);
}
.ccdist-pin-core{
    width:12px;
    height:12px;
    position:absolute;
    left:9px;
    top:9px;
    display:block;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 0 2px rgba(0,0,0,.08);
}
.ccdist-pin-shape:after{
    content:"";
    position:absolute;
    width:8px;
    height:8px;
    right:-4px;
    bottom:-4px;
    border-radius:50%;
    background:rgba(0,0,0,.15);
}

/* Grupos de marcadores superpuestos */
.ccdist-cluster-icon{background:transparent!important;border:0!important}
.ccdist-cluster-icon>div{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#b84c2f;
    border:4px solid #fff;
    color:#fff;
    font-weight:800;
    font-size:15px;
    box-shadow:0 3px 12px rgba(0,0,0,.35);
}

.leaflet-popup-content{line-height:1.45}
.leaflet-popup-content strong{font-size:15px}
.leaflet-popup-content small{display:block;margin-top:5px;color:#666}

@media(max-width:760px){
 .ccdist-form{grid-template-columns:1fr}
 .ccdist-results{grid-template-columns:1fr}
 .ccdist-map{height:360px}
}