/* CSS Document */


:root{
	--verdeCRA: #00694f;
	--amarilloCRA:#FFCD00;
	--grisito: #f1f1f1;
}

body{
	font-family: 'Plus Jakarta Sans', sans-serif;
	background-color: #FFF;
	font-size: 16px;
	font-weight: 500;
}
 

h1{
	font-weight: 700;
	color:var(--morado);
}



.tooltip {
  position: absolute;
  background-color: var(--morado);
  font-size: 14px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 99999999999999999999999999;
  white-space: nowrap;
	opacity: 1 !important;
	color: #000 !important;
	padding: 0;
	border-radius: 15px;
}

.tooltipPlan {
    background-color: var(--verdeCRA);
    padding: 10px;
    padding-left: 62px;
    background-image: url(../images/marca-tooltip.jpg);
    background-position: 15px 15px;
    background-repeat: no-repeat;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    max-width: 400px;
    background-size: 50px;
}
.tooltipTitulo {
    color: var(--amarilloCRA);
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    text-wrap: balance;
    padding-left: 15px;
}

.tooltipDireccion {
    color: #FFF;
    font-size: 16px;
    padding-right: 15px;
    font-weight: 500;
	padding-left: 15px;;
}

.tooltipTelefono {
    color: #FFF;
    font-size: 16px;
    padding-right: 15px;
    font-weight: 500;
	padding-left: 15px;;
}

#seccionMapa{
	background-color: var(--neon);
	
}

   .contenedorMapa {
      width: 100%;
    }

    #mapa {
      height: 600px;
      width: 100%;
      border-radius: 15px;
    }

    /* Buscador */
    .buscador-wrap {
      display: flex;
      gap: .5rem;
      align-items: center;
      margin-bottom: 1rem;
      flex-wrap: wrap;
    }

    #buscador {
      flex: 1;
      min-width: 260px;
      padding: .65rem .9rem;
      border: 1px solid #d7d7d7;
      border-radius: 10px;
      outline: 0;
    }

    #limpiar {
      padding: .65rem .9rem;
      border-radius: 10px;
      border: 0;
      background: var(--morado);
      color: #fff;
    }

    #infoResultados {
      font-size: .9rem;
      opacity: .8;
    }

    #listaResultados {
      list-style: none;
      padding: 0;
      margin: .25rem 0 1rem;
      max-height: 500px;
      overflow: auto;
      border: var(--morado) solid 1px;
      overflow-y: visible;
      background-color: var(--morado);
    }

    #listaResultados li {
      padding: .5rem .6rem;
      border-radius: 8px;
      cursor: pointer;
      color: #FFF;
    }

    #listaResultados li:hover {
      background: #f2f6f5;
      color: var(--morado);
    }

    .resultado-titulo {
      font-weight: 600;
    }

    .resultado-sec {
      font-size: .85rem;
      opacity: .8;
    }

    /* Tooltip de tus marcadores (si ya tienes estilos, puedes quitar esto) */
    .tooltip {
      position: absolute;
      z-index: 1;
      background: transparent;
      border-radius: 10px;
      box-shadow: 0 6px 24px rgba(0, 0, 0, .15);
      padding: 0;
      pointer-events: none;
    }

    .tooltipTitulo {
      font-weight: 700;
      margin-bottom: .2rem;
    }

    .tooltipDireccion,
    .tooltipTelefono {
      font-size: .9rem;
    }