/* ===== 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);
}

/* Badge carrito */
.header--pro .header__pill__cart{
  position: relative;
}
.header--pro .header__pill__badge{
  position:absolute;
  top:-6px;
  right:-6px;
  background:#fff;
  color:#1db190;
  font-size: 11px;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  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.header--pro .humberger__open{
    top: 16px; /* pisa top:22 del template */
  }
}