.elementor-1598 .elementor-element.elementor-element-99df00e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1598 .elementor-element.elementor-element-d72dc20 img{width:171px;}.elementor-1598 .elementor-element.elementor-element-84d900f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-1598 .elementor-element.elementor-element-84d900f{--content-width:100%;}}/* Start custom CSS for container, class: .elementor-element-84d900f *//* ── CHILLO COLLECTION — MAILCHIMP FORM STYLES ── */
/* Paste this into: Elementor → Site Settings → Custom CSS */

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700;800&display=swap');

/* Card wrapper */
#mc_embed_signup {
  background: #ffffff !important;
  width: 100% !important;
  max-width: 500px !important;
  font-family: 'Raleway', Arial, sans-serif !important;
  border: 1px solid #e8e4de !important;
  border-radius: 2px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

/* Form scroll area */
#mc_embed_signup_scroll {
  padding: 28px 36px 32px !important;
}

/* H2 heading — March Clean primary font */
#mc_embed_signup_scroll h2 {
  font-family: 'March Clean', 'March Rough', Georgia, serif !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  color: #2A49AA !important;
  text-align: center !important;
  margin-bottom: 10px !important;
  margin-top: 0 !important;
  letter-spacing: 0.5px !important;
}

/* "* indicates required" line */
.indicates-required {
  font-family: 'Raleway', Arial, sans-serif !important;
  font-size: 10px !important;
  color: #bbb !important;
  text-align: right !important;
  margin-bottom: 16px !important;
}
.asterisk { color: #2A49AA !important; }

/* Field group */
.mc-field-group {
  margin-bottom: 12px !important;
  width: 100% !important;
  padding-bottom: 0 !important;
}

/* Labels — Raleway secondary font */
.mc-field-group label {
  font-family: 'Raleway', Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #2A49AA !important;
  margin-bottom: 5px !important;
  display: block !important;
}

/* Inputs — 16px minimum to prevent iOS Safari zoom */
.mc-field-group input[type="text"],
.mc-field-group input[type="email"],
.mc-field-group input[type="tel"],
.mc-field-group input.birthday {
  width: 100% !important;
  height: 42px !important;
  border: 1.5px solid #ddd !important;
  border-radius: 2px !important;
  padding: 0 13px !important;
  font-family: 'Raleway', Arial, sans-serif !important;
  font-size: 16px !important;
  color: #333 !important;
  background: #fafaf8 !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color 0.15s !important;
  -webkit-text-size-adjust: 100% !important;
  touch-action: manipulation !important;
}
.mc-field-group input:focus {
  border-color: #2A49AA !important;
  background: #fff !important;
}

/* Birthday field */
.mc-field-group.size1of2 { width: 100% !important; }
.datefield {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.subfield { flex: 1 !important; }
.subfield input.birthday {
  text-align: center !important;
  letter-spacing: 2px !important;
}
.small-meta {
  font-size: 10px !important;
  color: #bbb !important;
  letter-spacing: 1px !important;
  white-space: nowrap !important;
}

/* Submit button */
#mc-embedded-subscribe,
.clear input[type="submit"] {
  width: 100% !important;
  height: 50px !important;
  background: #FCFA87 !important;
  color: #2A49AA !important;
  border: none !important;
  border-radius: 30px !important;
  font-family: 'March Clean', 'Raleway', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
#mc-embedded-subscribe:hover { background: #f5f200 !important; }

/* Response messages */
#mce-error-response {
  background: #fff0f0 !important;
  border: 1px solid #f5c6c6 !important;
  border-radius: 2px !important;
  color: #c0392b !important;
  font-size: 12px !important;
  padding: 10px 14px !important;
  font-family: 'Raleway', Arial, sans-serif !important;
}
#mce-success-response {
  background: #f0f7f0 !important;
  border: 1px solid #b8ddb8 !important;
  border-radius: 2px !important;
  color: #2a6a2a !important;
  font-size: 12px !important;
  padding: 10px 14px !important;
  font-family: 'Raleway', Arial, sans-serif !important;
}

/* Hide honeypot */
div[aria-hidden="true"] { display: none !important; }/* End custom CSS */