/* ===== Header Pro ===== */
.header.header--pro{
	background: transparent;
	box-shadow: none;
	padding-top: 16px;
	padding-bottom: 0;
}

.header.header--pro .container{
	overflow: hidden;
	background: var(--card-bg, #fff);
	border-radius: var(--radius, 12px);
	box-shadow: var(--shadow, 0 2px 14px rgba(0,0,0,.06));
	padding-left: 20px;
	padding-right: 20px;
}


.header--pro .header__main{
  padding: 14px 0;
}

/* Brand */
.header--pro .header__brand__link{
  display:flex;
  align-items:center;
  gap: 10px;
  text-decoration:none;
}
.header--pro .header__brand__logo{
  width: 60px;
  height: auto;
  display:block;
}
.header--pro .header__brand__name{
  font-weight: 800;
  font-size: 22px;
  color:#1c1c1c;
}

/* Menu centrado */
.header__menu ul li.activ > a{
  color: #1db190;
}
.header--pro .header__menu{
  padding: 0; /* pisa el padding 24px del template */
}
.header--pro .header__menu ul{
  display:flex;
  justify-content:center;
  align-items:center;
  gap: 100px;
  margin: 0;
}
.header--pro .header__menu ul li{
  margin: 0;
}
.header--pro .header__menu ul li a{
  letter-spacing: 2px;
}

/* Right
.header--pro .header__right{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap: 12px;
}
.header--pro .header__right__mail{
  gap: 8px;
  align-items:center;
  color:#1c1c1c;
  white-space: nowrap;
  font-size: 14px;
}
.header--pro .header__right__mail i{
  color:#1db190;
}*/ 

/* Pill verde */
.header--pro .header__right__pill{
  background:#1db190;
  border-radius: 12px;
  padding: 10px 10px;
  display:flex;
  align-items:center;
  gap: 8px;
}
.header--pro .header__pill__btn{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  color:#fff;
  text-decoration:none;
}
.header--pro .header__pill__btn i{
  font-size: 15px;
}
.header--pro .header__pill__btn:hover{
  background: rgba(255,255,255,.15);
}

/* Ocultar llamada en desktop y mantenerla en responsive/drawer */
.header--pro .header__right__pill.d-none.d-lg-flex .header__pill__btn--call{
  display: none;
}

/* Badge carrito */
.header--pro .header__pill__cart{
  position: relative;
}
.header--pro .header__pill__badge{
  position:absolute;
  top:-7px;
  right:-7px;
  background:#fff;
  color:#1db190;
  font-size: 12px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 999px;
  text-align:center;
  font-weight: 800;
}
/* ===== Map Pro: mismo ancho + mismo border radius ===== */
.map.map--pro { padding: 16px 0; }

.map.map--pro .map-frame{
  border-radius: var(--radius, 12px);
  overflow: hidden;               /* clave: recorta el iframe */
  box-shadow: var(--shadow, 0 2px 14px rgba(0,0,0,.06));
  position: relative;
}

.map.map--pro iframe{
  width: 100%;
  height: 500px;
  display: block;                 /* evita gaps */
  border: 0;
}
/* Ajuste burger (mobile/tablet) */
@media (max-width: 991.98px){
  .header--pro .header__main{ padding: 12px 0; }
  .header--pro .header__mobile-actions{
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }

  .header--pro .header__mobile-cart{
    width: 40px;
    height: 40px;
    border: 1px solid rgba(28, 28, 28, 0.18);
    border-radius: 12px;
    background: #fff;
    color: #1c1c1c;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .header--pro .header__mobile-cart i{
    font-size: 18px;
    line-height: 1;
  }

  .header--pro .header__mobile-cart .header__pill__badge{
    top: -7px;
    right: -7px;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
  }

  .header.header--pro .humberger__open{
    top: 16px; /* pisa top:22 del template */
  }

  .humberger__menu__wrapper .humberger__close{
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    border: 1px solid #111827;
    border-radius: 10px;
    background: #ffffff;
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
  }

  .humberger__menu__wrapper .humberger__close:hover{
    background: #f8fafc;
  }

  .humberger__menu__wrapper .humberger__close i{
    font-size: 16px;
    line-height: 1;
  }

  .humberger__menu__logo{
    padding-right: 48px;
  }
}

/* Mostrar acciones de WhatsApp + carrito en cards mobile/tablet */
@media (max-width: 991.98px) {
  .featured__item__pic .featured__item__pic__hover {
    bottom: 10px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}
