:root{

  --brand-dark:#111;

}

*{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}

body{color:#222}

.brand-text{letter-spacing:.5px}

main{margin-top:72px}

.hero-carousel .carousel-item{max-height:70vh;overflow:hidden}

.hero-carousel img{object-fit:cover;height:70vh;filter:contrast(1.05) saturate(1.05)}

.page-header{background:#fafafa;border-bottom:1px solid #eee}

footer{background:#fff}

.leaflet-container{z-index:0}

.card .btn{font-weight:500}

/* Simple hover */

.card:hover{transform:translateY(-2px);transition:.2s;box-shadow:0 .25rem .75rem rgba(0,0,0,.08)!important}



/* Logo grande y pequeño */

.logo-large {

    height: 80px;

    transition: height 0.3s ease;

}

.logo-small {

    height: 50px;

    transition: height 0.3s ease;

}





/* Estilo base de links del menú */

.navbar-nav .nav-link {

  position: relative;

  font-weight: 500;

  padding: 8px 12px;

  transition: color 0.3s ease, transform 0.3s ease;

}



/* Color principal del logo (ajusta el HEX según tu logo) */

:root {

  --color-logo: #000000; 

}



/* Efecto subrayado animado */

.navbar-nav .nav-link::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0%;

  height: 2px;

  background-color: var(--color-logo);

  transition: width 0.3s ease-in-out;

}



/* Hover con animación */

.navbar-nav .nav-link:hover {

  color: var(--color-logo);       /* cambia el color del texto */

  transform: translateY(-2px);    /* se eleva un poquito */

}



.navbar-nav .nav-link:hover::after {

  width: 100%;

}



/* Menú moderno */

.navbar {

    transition: padding 0.3s ease;

}

.navbar .nav-link {

    font-weight: 500;

    padding: 8px 15px;

    transition: color 0.2s;

}

.navbar .nav-link:hover {

    color: #b38b59; /* color elegante para hover */

}



/* Efecto fondo cuando scrolleamos */

.navbar.scrolled {

    padding-top: 0.4rem !important;

    padding-bottom: 0.4rem !important;

    background-color: rgba(255, 255, 255, 0.97) !important;

    box-shadow: 0 2px 10px rgba(0,0,0,0.08);

}



section.bg-light {

    border-radius: 5px;

}



form .form-select, form .btn {

    height: 40px;

    font-size: 1rem;

}



form .btn-primary {

    background-color: #b38b59;

    border: none;

}

form .btn-primary:hover {

    background-color: #a17a4d;

}



.search-overlay {

  background: rgba(255, 255, 255, 0.95);

  backdrop-filter: blur(2px);

  max-width: 800px;

}

.search-overlay select,

.search-overlay button {

  font-size: 0.9rem;

  padding: 0.35rem 0.75rem;

}



.prop-img {

  width: 100%;

  height: 250px;         /* Ajustá la altura que quieras */

  object-fit: cover;     /* Mantiene proporción y recorta */

  border-radius: 12px;   /* Opcional: esquinas redondeadas */

  display: block;

}



/* Paleta basada en el logo */

:root {

  --color-dark: #222;   /* negro suave */

  --color-gray: #666;   /* gris intermedio */

  --color-light: #f5f5f5; /* gris claro */

}



/* Contenedor del buscador */

.search-overlay {

  background: #fff;

  border-left: 5px solid var(--color-dark);

  border-radius: 16px;

  box-shadow: 0 8px 24px rgba(0,0,0,0.15);

}



/* Selects */

.search-overlay .form-select {

  border: 1px solid var(--color-gray);

  border-radius: 5px;

  font-weight: 300;

  color: var(--color-dark);

  transition: all 0.3s ease;

}



.search-overlay .form-select:focus {

  border-color: var(--color-dark);

  box-shadow: 0 0 0 0.25rem rgba(34,34,34,0.25);

}



/* Botón Buscar */

.search-overlay .btn-primary {

  background: var(--color-dark);

  border: none;

  border-radius: 8px;

  font-weight: 600;

  transition: background 0.3s ease, transform 0.2s ease;

}



.search-overlay .btn-primary:hover {

  background: var(--color-gray);

  transform: translateY(-2px);

}



/* Icono dentro del botón */

.search-overlay .btn-primary i {

  margin-right: 4px;

}

footer {
  font-family: 'Poppins', sans-serif;
}

footer a:hover {
  color: #000 !important;
  text-decoration: underline;
}

footer img {
  vertical-align: middle;
}