:root{
  --clm-accent:#ff6a1a;
  --clm-dark:rgba(0,0,0,.58);
  --clm-text:#ffffff;
  --clm-muted:rgba(255,255,255,.84);
}



.clm-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,var(--clm-overlay,.52)) 100%);
  pointer-events:none;
	display:none !important;
}

.clm-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(340px, 560px) 1fr;
  align-items:center;
  gap:48px;
  padding:44px;
  min-height:var(--clm-map-height,640px);
  box-sizing:border-box;
}

.clm-map-card{
  width:100%;
  max-width:560px;
}

.clm-map{
  height:560px;
  width:100%;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.22);
  background:#e9e9e9;
}

.clm-content{
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

.clm-panel{
  width:min(100%, 540px);
  padding:16px 0;
}

.clm-title{
  margin:0 0 10px;
  font-size:40px !important;
  color:#fff;
  line-height:1.02;
  font-weight:700;
}

.clm-title em,
.clm-title .accent{
  color:#fff;
  font-style:normal;
}

.clm-subtitle{
  margin:0 0 34px;
  font-size:15px !important;
  color:var(--clm-muted);
}

.clm-label{
  display:block;
  margin-bottom:12px;
  font-size:18px;
  color:rgba(255,255,255,.92);
}

.clm-select-wrap{
  position:relative;
  max-width:420px;
}

.clm-select{
  width:100%;
  min-height:58px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.25);
  background:#fff;
  color:#1b1b1b;
  font-size:20px;
  line-height:1.2;
  padding:14px 48px 14px 16px;
  appearance:auto;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.clm-select:focus{
  outline:none;
  border-color:var(--clm-accent);
  box-shadow:0 0 0 3px rgba(255,106,26,.22);
}

.clm-location-card{
  margin-top:22px;
  max-width:460px;
  background:rgba(12, 13, 16, .72);
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  padding:18px 20px;
  backdrop-filter:blur(6px);
}

.clm-location-card h3{
  margin:0 0 8px;
  font-size:23px;
  color:#fff;
}

.clm-location-card p{
  margin:6px 0;
  color:rgba(255,255,255,.9);
  font-size:15px;
  line-height:1.5;
}

.leaflet-popup-content-wrapper{
  border-radius:14px;
}

.leaflet-container a.leaflet-popup-close-button{
  top:8px;
  right:8px;
}

/* Quitar fondo oscuro del panel derecho */
.clm-panel {
    background: transparent !important;
    box-shadow: none !important;
}

/* Quitar fondo de la tarjeta (si también lo quieres limpio) */
.clm-location-card {
    background: transparent !important;
    border: none !important;
    backdrop-filter: none !important;
}

@media (max-width: 1100px){
  .clm-grid{
    grid-template-columns:1fr;
    gap:28px;
  }

  .clm-map-card{
    max-width:none;
  }

  .clm-map{
    height:460px;
  }
}

@media (max-width: 767px){
  .clm-grid{
    padding:18px;
  }

  .clm-wrap{
    border-radius:20px;
  }

  .clm-title{
    font-size:40px;
  }

  .clm-subtitle{
    font-size:16px;
  }

  .clm-select{
    font-size:18px;
  }

  .clm-map{
    height:360px;
    border-radius:18px;
  }
}