/* Zi Vital treatment campaign drafts V1.
 * Adds only campaign-specific controls/placeholders. The approved Capilar visual
 * system remains the layout authority for these draft landing pages.
 */

/* Match the approved Regeneración Capilar V6.8 reading width.
 * This keeps every campaign landing centered on large screens and preserves
 * comfortable gutters on tablet/mobile without changing any Gutenberg blocks.
 */
body.zv-campaign-landing-v1 .zv-special-landing__article{
  width:100%!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow-x:clip;
}

body.zv-campaign-landing-v1 .zv-special-landing__article .zv-treatment-landing{
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

body.zv-campaign-landing-v1 .zv-campaign-avatar{
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#fffaf1,#f2dfbc)!important;
}
body.zv-campaign-landing-v1 .zv-campaign-avatar span{
  color:#9a7428!important;
  font:600 30px/1 "Cormorant Garamond",serif!important;
  letter-spacing:-.02em!important;
}
body.zv-campaign-landing-v1 .zv-campaign-select{
  width:auto;
  max-width:100%;
  margin:14px 0 2px;
  padding:10px 14px;
  border:1px solid rgba(184,141,51,.26);
  border-radius:999px;
  background:#fffaf2;
  color:#87631e;
  font:800 9px/1.2 Manrope,sans-serif;
  letter-spacing:.07em;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease;
}
body.zv-campaign-landing-v1 .zv-campaign-select:hover,
body.zv-campaign-landing-v1 .zv-campaign-select:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(184,141,51,.48);
  background:#fff4df;
  box-shadow:0 12px 26px rgba(107,75,34,.09);
  outline:none;
}
body.zv-campaign-landing-v1 .zv-campaign-select:focus-visible{
  box-shadow:0 0 0 3px rgba(184,141,51,.14),0 12px 26px rgba(107,75,34,.09);
}

@media(max-width:900px){
  body.zv-campaign-landing-v1 .zv-special-landing__article .zv-treatment-landing{
    width:calc(100% - 32px)!important;
  }
}

@media(max-width:700px){
  body.zv-campaign-landing-v1 .zv-campaign-select{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}

@media(max-width:640px){
  body.zv-campaign-landing-v1 .zv-special-landing__article .zv-treatment-landing{
    width:calc(100% - 20px)!important;
  }
}