/* PETLIÊ V7.3.7 — Banner de marca em HTML/CSS */
.petlie-brand-banner{
  position:relative;
  width:100%;
  height:100%;
  min-height:420px;
  overflow:hidden;
  border-radius:28px;
  background:
    radial-gradient(circle at 80% 15%, rgba(255,236,191,.22), transparent 34%),
    linear-gradient(145deg,#9A4E5C 0%,#AE6170 58%,#884654 100%);
  box-shadow:0 24px 58px rgba(80,38,49,.16);
  color:#FFECBF;
}

.petlie-brand-banner::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,236,191,.24);
  border-radius:22px;
  pointer-events:none;
}

.petlie-brand-banner-decoration{
  position:absolute;
  border:1px solid rgba(255,222,147,.46);
  border-radius:50%;
  pointer-events:none;
}

.petlie-brand-banner .decoration-a{
  width:330px;
  height:330px;
  right:-160px;
  top:-210px;
}

.petlie-brand-banner .decoration-b{
  width:280px;
  height:280px;
  left:-175px;
  bottom:-190px;
}

.petlie-brand-banner-inner{
  position:relative;
  z-index:1;
  min-height:420px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:42px 34px;
  text-align:center;
}

.petlie-brand-banner-logo{
  width:min(56%,300px);
  max-height:180px;
  object-fit:contain;
}

.petlie-brand-banner-copy{
  display:grid;
  justify-items:center;
  gap:8px;
}

.petlie-brand-banner-copy span{
  color:#FFDE93;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.24em;
}

.petlie-brand-banner-copy strong{
  max-width:520px;
  color:#FFF8E8;
  font-size:clamp(1.45rem,2.2vw,2.1rem);
  line-height:1.08;
}

.petlie-brand-banner-copy p{
  margin:0;
  max-width:500px;
  color:rgba(255,248,232,.86);
  font-size:1rem;
  line-height:1.45;
}

@media(max-width:768px){
  .hero-art{
    height:auto !important;
    min-height:0 !important;
  }

  .petlie-brand-banner{
    min-height:205px;
    height:205px;
    border-radius:22px;
  }

  .petlie-brand-banner::before{
    inset:12px;
    border-radius:16px;
  }

  .petlie-brand-banner-inner{
    min-height:205px;
    padding:20px 18px;
    gap:10px;
  }

  .petlie-brand-banner-logo{
    width:145px;
    max-height:88px;
  }

  .petlie-brand-banner-copy{
    gap:4px;
  }

  .petlie-brand-banner-copy span{
    font-size:.62rem;
    letter-spacing:.18em;
  }

  .petlie-brand-banner-copy strong{
    font-size:1.15rem;
  }

  .petlie-brand-banner-copy p{
    font-size:.76rem;
    line-height:1.3;
  }

  .petlie-brand-banner .decoration-a{
    width:180px;
    height:180px;
    right:-100px;
    top:-120px;
  }

  .petlie-brand-banner .decoration-b{
    width:150px;
    height:150px;
    left:-95px;
    bottom:-105px;
  }
}

@media(max-width:390px){
  .petlie-brand-banner{
    min-height:188px;
    height:188px;
  }

  .petlie-brand-banner-inner{
    min-height:188px;
    padding:18px 14px;
  }

  .petlie-brand-banner-logo{
    width:128px;
    max-height:76px;
  }

  .petlie-brand-banner-copy strong{
    font-size:1.02rem;
  }

  .petlie-brand-banner-copy p{
    font-size:.7rem;
  }
}