/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
.site-logo-img img{ filter: none !important}
/* ============================
   Popup general
============================ */



/* Mapa a pantalla completa en portada */
/* Solo afecta el mapa dentro del wrapper de Destino Carapé */
.dc-mapa-portada-wrap,
.dc-mapa-portada-wrap .leaflet-map,
.dc-mapa-portada-wrap .leaflet-container{
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* ============================
   Popup general
============================ */

/* Contenedor del popup */
.leaflet-popup-content {
    font-size: 15px;          /* tamaño base */
    line-height: 1.45;
}

/* Título del punto (el link principal) */
.dc-popup > a {
    font-size: 17px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
}

.dc-popup > a:hover {
    text-decoration: underline;
}

/* Texto pequeño (descripción, etc.) */
.dc-popup small {
    font-size: 14px;
    color: #555;
}

/* Etiqueta del tipo (Actividad, Alojamiento, etc.) */
.dc-popup strong {
    font-size: 14px;
    color: #222;
}

/* ============================
   Popup del punto seleccionado
============================ */

.dc-popup--actual {
   /* border-left: 4px solid #c62828;
    padding-left: 8px;*/
}

.dc-popup--actual::before {
    content: "Viendo Ahora;
    display: inline-block;
    margin-bottom: 6px;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    background: #c62828;
    color: #fff;
    border-radius: 3px;
    margin-right: 5px;
}

/* Título del punto actual */
.dc-popup--actual > a {
    font-size: 18px;
    color: #c62828;
}

/* ============================
   Botones de acción en el popup
============================ */

/* Contenedor de los botones */
.dc-popup-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

/* Estilo base de los botones */
.dc-btn {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none !important;
    cursor: pointer;
    white-space: nowrap;
}

/* + Info (principal) */
.dc-btn-info {
    background: #495825;       /* color principal sitio */
    color: #fff;
    border-color: #495825;
}

.dc-btn-info:hover {
    background: #36411b;
    border-color: #36411b;
}

/* Ver en Google Maps (secundario) */
.dc-btn-maps {
    background: #f1f1f1;
    color: #333;
    border-color: #ccc;
}

.dc-btn-maps:hover {
    background: #e0e0e0;
    border-color: #bdbdbd;
}
/* Botón "Estoy aquí" (Leaflet Locate) */
.dc-geo-btn{
  background: #2e7d32 !important;
  color: #fff !important;
  border-color: rgba(0,0,0,.15) !important;
}

.dc-geo-btn a:hover{
  filter: brightness(0.95);
}
.dc-btn-info{ color: #fff !important}

/* Carrusel Elementor (ID widget 56a4411): iguala proporciones y evita saltos */
.elementor-element-56a4411 .swiper-slide-image{
  width: 100%;
  height: 480px;      /* ajustá a tu gusto */
  object-fit: cover;  /* recorta sin deformar */
  object-position: center;
  display: block;
}

/* Mobile */
@media (max-width: 767px){
  .elementor-element-56a4411 .swiper-slide-image{
    height: 260px;
  }
}
.dc-fullscreen-control button{
  cursor:pointer;
}
.dc-fullscreen-control button:hover{
  background:#f4f4f4;
}


/* Evitar que el mapa "coma" el click */
.leaflet-container {
  pointer-events: auto;
}

/* Header normal (arriba) */
.header-sticky {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  background-color: transparent;
}

/* Header cuando scrollea */
.header-sticky.is-scrolled {
  background-color: rgba(255,255,255,0.96); /* ajustá color */
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}
/* 1) El wrapper del mapa nunca puede desbordar */
.dc-mapa-portada-wrap{
  max-width: 100%;
  overflow: hidden;         /* clave */
  box-sizing: border-box;
}

/* 2) La barra de filtros se mantiene dentro */
.dc-mapa-portada-wrap .dc-mapa-filtros{
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  overflow-x: auto;         /* si no entra, scrollea horizontal */
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;      /* evita que se parta raro */
  padding: 8px 10px;
}

/* 3) Labels en línea y clicables */
.dc-mapa-portada-wrap .dc-mapa-filtros label{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 12px;
  white-space: nowrap;
}

/* 4) Evitar que el mapa herede anchos raros */
.dc-mapa-portada-wrap .leaflet-container,
.dc-mapa-portada-wrap .leaflet-map{
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Evita “zonas negras” por recortes cuando el mapa está en fullscreen */
.leaflet-fullscreen-on .dc-mapa-portada-wrap{
  overflow: visible !important;
}

/* Asegura que el mapa ocupe toda la pantalla */
.leaflet-fullscreen-on .leaflet-container{
  width: 100vw !important;
  height: 100vh !important;
  background: #fff; /* por si antes se ve negro mientras carga */
}

/* Algunos navegadores usan pseudo full-screen */
.leaflet-container:fullscreen{
  width: 100vw !important;
  height: 100vh !important;
  background: #fff;
}

/* ============================
   Filtros del mapa – chips livianos
============================ */

/* Contenedor: centrado */
.dc-mapa-portada-wrap .dc-mapa-filtros{
  display: flex;
  justify-content: center;     /* 👈 centrado */
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 12px;

  background: transparent;     /* ❌ sin fondo */
  border: none;
  box-shadow: none;

  padding: 10px 0;
}

/* Texto "Ver:" */
.dc-mapa-portada-wrap .dc-mapa-filtros strong{
  font-weight: 600;
  margin-right: 6px;
}

/* Chip */
.dc-mapa-portada-wrap .dc-mapa-filtros label{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.25);

  background: transparent;     /* ❌ sin fondo */
  color: #222;

  cursor: pointer;
  user-select: none;

  transition: 
    border-color .15s ease,
    color .15s ease,
    transform .06s ease,
    opacity .15s ease;
}

/* Hover */
.dc-mapa-portada-wrap .dc-mapa-filtros label:hover{
  border-color: rgba(0,0,0,.45);
}

/* Click */
.dc-mapa-portada-wrap .dc-mapa-filtros label:active{
  transform: scale(.97);
}

/* Checkbox oculto */
.dc-mapa-portada-wrap .dc-mapa-filtros input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Indicador circular */
.dc-mapa-portada-wrap .dc-mapa-filtros label::before{
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 2px solid rgba(0,0,0,.35);
  background: transparent;
  display: inline-block;
}

/* ACTIVO */
.dc-mapa-portada-wrap .dc-mapa-filtros label:has(input:checked){
  color: #495825;
  border-color: #495825;
  opacity: 1;
}

.dc-mapa-portada-wrap .dc-mapa-filtros label:has(input:checked)::before{
  background: #495825;
  border-color: #495825;
}

/* INACTIVO */
.dc-mapa-portada-wrap .dc-mapa-filtros label:has(input:not(:checked)){
  opacity: .55;
}
/* Filtros integrados al mapa como control Leaflet */
.dc-filtros-control{
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(0,0,0,.12);
  padding: 6px 8px;
  max-width: 72vw; /* no invadir todo el mapa */
}

/* Dentro del control, que sea compacto */
.dc-filtros-control .dc-mapa-filtros{
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
  border: none;

  display: flex;
  align-items: center;
  gap: 8px 10px;

  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

/* Opcional: reducir el "Ver:" dentro del mapa */
.dc-filtros-control .dc-mapa-filtros strong{
  font-size: 13px;
  opacity: .8;
}

/* Chips/labels dentro del mapa */
.dc-filtros-control .dc-mapa-filtros label{
  margin: 0;
  padding: 6px 10px;
  font-size: 13px;
}

/* Header sticky: estado normal */
.elementor-element-e2d9d7e.header-sticky{
  transition: background-color .25s ease, box-shadow .25s ease, backdrop-filter .25s ease;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Header sticky: al scrollear (Elementor agrega elementor-sticky--effects) */
.elementor-element-e2d9d7e.header-sticky.is-scrolled.elementor-sticky--effects,
.elementor-element-e2d9d7e.header-sticky.is-scrolled{
  background-color: #495825 !important;
  backdrop-filter: blur(6px);
  box-shadow: 0 10px 26px rgba(0,0,0,0.10) !important;
}


@media (max-width: 767px){

  /* El mapa es el ancla */
  .dc-mapa-portada-wrap .leaflet-container{
    position: relative !important;
  }

  /* Control abajo-derecha (mobile) */
  .dc-mapa-portada-wrap .dc-filtros-control{
    position: absolute !important;
    right: 10px !important;
    bottom: 10px !important;
    top: auto !important;
    left: auto !important;

    z-index: 1300 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Botón Filtros visible siempre */
  .dc-mapa-portada-wrap .dc-filtros-control .dc-filtros-toggle{
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    padding: 10px 12px !important;
    border-radius: 999px !important;

    background: rgba(255,255,255,.95) !important;
    border: 1px solid rgba(0,0,0,.14) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.14) !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    color: #222 !important;

    cursor: pointer !important;
    margin: 0 !important;
  }

  /* Ícono en el botón */
  .dc-mapa-portada-wrap .dc-filtros-control .dc-filtros-toggle::before{
    content: "⚙️";
    font-size: 14px;
    line-height: 1;
  }

  /* Panel cerrado por defecto */
  .dc-mapa-portada-wrap .dc-filtros-control .dc-mapa-filtros{
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
  }

  /* Estado abierto: caja + lista */
  .dc-mapa-portada-wrap .dc-filtros-control.is-open{
    background: rgba(255,255,255,.95) !important;
    border: 1px solid rgba(0,0,0,.12) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.16) !important;
    padding: 10px !important;
  }

  /* Cuando está abierto, el botón queda arriba */
  .dc-mapa-portada-wrap .dc-filtros-control.is-open .dc-filtros-toggle{
    width: 100%;
    justify-content: center;
    box-shadow: none !important;
    border: 1px solid rgba(0,0,0,.10) !important;
    background: rgba(0,0,0,.03) !important;
  }

  /* Abrir lista */
  .dc-mapa-portada-wrap .dc-filtros-control.is-open .dc-mapa-filtros{
    max-height: 160px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-top: 10px !important;
  }

  /* Ocultar "Ver:" dentro del panel */
  .dc-mapa-portada-wrap .dc-filtros-control .dc-mapa-filtros strong{
    display: none !important;
  }

  /* Labels/chips más compactos */
  .dc-mapa-portada-wrap .dc-filtros-control .dc-mapa-filtros label{
    font-size: 12px;
    padding: 6px 10px;
    margin: 0 8px 0 0;
  }
}