/* LAARO · RD Station Marketing
   Formulário de contato (embed) e botão de WhatsApp (popup flutuante) na identidade do site.
   O RD injeta estilos com IDs gerados; por isso os seletores partem do ID fixo do contêiner
   (formulário) ou do wrapper do popup, e usam !important só onde o RD também usa ou aplica estilo inline. */

:root {
  --ico-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='square'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --ico-wa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.08c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.63.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35M12.05 21.79h-.01a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88a9.88 9.88 0 0 1 9.88 9.89c0 5.45-4.43 9.88-9.88 9.88m8.41-18.3A11.81 11.81 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.68 1.45h.01c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41'/%3E%3C/svg%3E");
}


/* ---------- seção de contato: duas colunas (texto + formulário) ---------- */
.contact-say { grid-column: 1 / 6; }
.contact-say .contact-list { grid-column: auto; margin-top: .75rem; }
.contact-say .contact-list > div { grid-template-columns: 6.5rem 1fr; padding: 1rem 1.25rem; }
.contact-form { grid-column: 7 / 13; background: var(--cobalt-dk); color: var(--paper); padding: clamp(1.75rem, 3.2vw, 3rem); display: grid; gap: 1.5rem; }
.contact-form__kicker { display: inline-flex; align-items: center; gap: .6em; font-size: var(--step-small); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #D6DEF6; }
.contact-form__kicker::before { content: ""; width: .6em; height: .52em; background: var(--red); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.contact-form__title { font-size: var(--step-lead); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; max-width: 22ch; }
.contact-form__note { color: #D6DEF6; font-size: var(--step-body); max-width: 44ch; }
.rd-embed { min-height: 20rem; } /* reserva o espaço enquanto o RD carrega */
@media (max-width: 63.99em) {
  .contact-say, .contact-form { grid-column: 1 / -1; }
  .contact-say .contact-list > div { grid-template-columns: 1fr; }
  .rd-embed { min-height: 0; }
}

/* ---------- formulário de contato (embed RD) ---------- */
#formulario-contato-site-laaro-e28fe98092f71114c673 { --rd-field: rgba(13,13,16,.28); --rd-line: rgba(255,255,255,.22); --rd-soft: #D6DEF6; --rd-error: #FFB4AE; color: var(--paper); font-family: var(--font); }
#formulario-contato-site-laaro-e28fe98092f71114c673 .bricks--component,
#formulario-contato-site-laaro-e28fe98092f71114c673 .bricks--component * { font-family: var(--font) !important; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-section { background: transparent; border: 0; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-section > div,
#formulario-contato-site-laaro-e28fe98092f71114c673 .bricks--row { max-width: none; min-height: 0 !important; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-column > div { background: transparent; padding: 0; min-height: 0 !important; align-items: stretch; }
/* o título e a chamada do RD dão lugar ao cabeçalho do site */
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-section > .bricks--row:not(:has(.rd-form)) { display: none; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form.rd-form { max-width: none; width: 100%; margin: 0; align-self: stretch; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem var(--gutter); margin: 0; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__field { width: auto; margin: 0; padding: 0; display: flex; flex-direction: column; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__field:only-child,
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__field.bricks-form__privacy,
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__field.bricks-form__terms,
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__field:has(textarea) { grid-column: 1 / -1; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__label { display: block; margin: 0 0 .5rem; color: var(--rd-soft); font-size: var(--step-small); font-weight: 500; line-height: 1.3; letter-spacing: .01em; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__input { width: 100%; height: 3.25rem; padding: 0 1rem; background: var(--rd-field); color: var(--paper); border: 1px solid var(--rd-line); border-radius: 0;
  font-size: 1rem; font-weight: 500; line-height: 1.4; box-shadow: none; -webkit-appearance: none; appearance: none;
  transition: border-color var(--t-hover) ease, box-shadow var(--t-hover) ease, background-color var(--t-hover) ease; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form textarea.bricks-form__input { height: 8rem; padding: .9rem 1rem; resize: vertical; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__input:hover { border-color: rgba(255,255,255,.42); }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__input:focus { outline: none; border-color: var(--paper); box-shadow: inset 0 -2px 0 var(--paper); background: rgba(13,13,16,.4); }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__input:-webkit-autofill { -webkit-text-fill-color: var(--paper); box-shadow: inset 0 0 0 100px #14286E; caret-color: var(--paper); }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__input.error { border-color: var(--rd-error); }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form label.error { color: var(--rd-error); font-size: .8125rem; line-height: 1.3; padding: .4rem 0 0; }
/* telefone com bandeira (select2) */
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .with-select-flags > .phone-input-group { display: flex; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .with-select-flags > .phone-input-group > .phone-country { width: 4.25rem; flex: 0 0 4.25rem; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .with-select-flags > .phone-input-group > .phone { width: auto; flex: 1 1 auto; border-left: 0; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .select2-container .select2-choice { height: 3.25rem !important; line-height: 3.25rem !important; background: var(--rd-field) !important;
  border: 1px solid var(--rd-line) !important; border-radius: 0 !important; box-shadow: none !important; color: var(--paper) !important; font-size: 1rem !important; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .select2-container .select2-choice .select2-chosen > .flag { margin-left: .85rem; vertical-align: middle; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .select2-container .select2-choice .select2-chosen { display: inline-flex; align-items: center; height: 100%; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .select2-container .select2-choice .select2-arrow b { filter: invert(1); opacity: .7; }
/* enviar */
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__submit { margin-top: 1.75rem; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__submit .bricks--component-button { width: 100%; max-width: none; height: 3.5rem; margin: 0; padding: 0 1.5rem;
  display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: .6em; line-height: 1.2;
  background: var(--red); color: var(--ink); border: 0; border-radius: 0; box-shadow: none; font-size: var(--step-body); font-weight: 600; letter-spacing: 0;
  transition: transform var(--t-press) var(--ease-out), background-color var(--t-hover) ease, color var(--t-hover) ease; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__submit .bricks--component-button::after { content: "" !important; width: 1.1em; height: 1.1em; background: currentColor;
  -webkit-mask: var(--ico-arrow) center / contain no-repeat;
          mask: var(--ico-arrow) center / contain no-repeat;
  transition: transform var(--t-hover) var(--ease-out); }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__submit .bricks--component-button:active { transform: scale(.98); }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__submit .bricks--component-button:focus-visible { outline: 3px solid var(--paper); outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) {
  #formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__submit .bricks--component-button:hover { background: var(--ink); color: var(--paper); }
  #formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__submit .bricks--component-button:hover::after { transform: translateX(4px); }
}
/* textos do RD (aviso de spam, agradecimento) */
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-text { max-width: none; margin: 1rem 0 0; align-self: stretch; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-text,
#formulario-contato-site-laaro-e28fe98092f71114c673 .rd-text * { color: var(--rd-soft) !important; font-size: var(--step-small) !important; line-height: 1.45 !important; text-align: left !important; }
#formulario-contato-site-laaro-e28fe98092f71114c673 .bricks-form__static,
#formulario-contato-site-laaro-e28fe98092f71114c673 .bricks-form__static a { color: var(--rd-soft); font-size: var(--step-small); }
@media (max-width: 47.99em) {
  #formulario-contato-site-laaro-e28fe98092f71114c673 .rd-form .bricks-form__fieldset { grid-template-columns: 1fr; }
}

/* ---------- WhatsApp (popup flutuante RD) ---------- */
div[id^="popup-"] .floating-button .bricks--component,
div[id^="popup-"] .floating-button .bricks--component * { font-family: var(--font) !important; }
/* botão flutuante: mesmo desenho do .fab do site (círculo verde, ícone branco) */
/* :is() com um ID fictício eleva a especificidade acima das regras do RD (ID + !important) */
div[id^="popup-"] :is(.bricks--floating--button, #laaro-rd-wa) { width: 3.5rem !important; height: 3.5rem !important; background: #1FAF5B !important; border-radius: 50% !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.28) !important; transition: transform 300ms var(--ease-out); }
div[id^="popup-"] .bricks--floating--button::after { content: "" !important; position: absolute; inset: 0; margin: auto; width: 30px; height: 30px; background: #fff;
  -webkit-mask: var(--ico-wa) center / contain no-repeat;
          mask: var(--ico-wa) center / contain no-repeat; }
div[id^="popup-"] .bricks--floating--button:active { transform: scale(.94); }
div[id^="popup-"] .bricks--floating--button:focus-visible { outline: 3px solid var(--ink) !important; outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) { div[id^="popup-"] .bricks--floating--button:hover { transform: scale(1.06); } }
/* com o RD ativo, o botão nativo do site sai de cena; se o RD for bloqueado, ele continua como alternativa */
body:has(div[id^="popup-"] .bricks--floating--button) .fab { display: none !important; }
/* janela aberta */
div[id^="popup-"] .floating-button:not(.floating-button--close) { background: rgba(13,13,16,.55) !important; }
div[id^="popup-"] .floating-button:not(.floating-button--close) > .bricks--component-popup { border-radius: 0 !important; box-shadow: 0 28px 60px -20px rgba(13,13,16,.55) !important; overflow: hidden; }
/* cabeçalho */
div[id^="popup-"] .floating-button .rd-section { background: var(--cobalt-dk) !important; border-radius: 0 !important; }
div[id^="popup-"] .floating-button .rd-section > .bricks--row:first-of-type { padding: .5rem .5rem .5rem .25rem; }
div[id^="popup-"] .floating-button .rd-section > .bricks--row:first-of-type .rd-image img { border-radius: 0 !important; }
div[id^="popup-"] .floating-button .rd-section > .bricks--row:first-of-type .rd-text,
div[id^="popup-"] .floating-button .rd-section > .bricks--row:first-of-type .rd-text * { color: var(--paper) !important; }
div[id^="popup-"] .floating-button .rd-section > .bricks--row:first-of-type h6,
div[id^="popup-"] .floating-button .rd-section > .bricks--row:first-of-type h6 * { font-size: 1rem !important; font-weight: 700 !important; letter-spacing: -0.01em; }
div[id^="popup-"] .floating-button .rd-section > .bricks--row:first-of-type p,
div[id^="popup-"] .floating-button .rd-section > .bricks--row:first-of-type p * { font-size: .8125rem !important; color: #D6DEF6 !important; }
div[id^="popup-"] .floating-button .rd-section > .bricks--row:first-of-type p::before { content: ""; display: inline-block; width: .5rem; height: .5rem; margin-right: .4rem; border-radius: 50%; background: #25D366; vertical-align: .05em; }
div[id^="popup-"] .floating-button .bricks--close--button svg { fill: var(--paper) !important; }
/* corpo da conversa */
div[id^="popup-"] .floating-button .rd-section > .bricks--row ~ .bricks--row .rd-column > div { background: var(--gelo) !important; padding: .5rem 1.25rem .25rem !important; }
div[id^="popup-"] .floating-button .rd-box { background: var(--paper) !important; border: 0 !important; border-left: 3px solid var(--red) !important; border-radius: 0 !important; box-shadow: 0 1px 0 var(--gelo-2); padding: 0 1rem !important; max-width: none !important; align-self: stretch !important; margin-top: 1.25rem !important; }
div[id^="popup-"] .floating-button .rd-box .rd-text,
div[id^="popup-"] .floating-button .rd-box .rd-text * { color: var(--ink-soft) !important; font-size: .875rem !important; line-height: 1.5 !important; }
div[id^="popup-"] .floating-button .rd-form { max-width: none !important; width: 100%; align-self: stretch !important; margin-bottom: 1.25rem !important; }
div[id^="popup-"] .floating-button .rd-form .bricks-form__field { margin-bottom: .625rem !important; }
div[id^="popup-"] .floating-button .rd-form .bricks-form__input { height: 2.875rem !important; padding: 0 .9rem !important; background: var(--paper) !important; color: var(--ink) !important;
  border: 1px solid var(--gelo-2) !important; border-radius: 0 !important; font-size: .9375rem !important; box-shadow: none !important; transition: border-color var(--t-hover) ease, box-shadow var(--t-hover) ease; }
div[id^="popup-"] .floating-button .rd-form .bricks-form__input::placeholder { color: #7A7A84 !important; opacity: 1; }
div[id^="popup-"] .floating-button .rd-form .bricks-form__input:focus { outline: none; border-color: var(--cobalt) !important; box-shadow: inset 0 -2px 0 var(--cobalt) !important; }
div[id^="popup-"] .floating-button .rd-form .with-select-flags > .phone-input-group > .phone-country,
div[id^="popup-"] .floating-button .rd-form .with-select-flags > .phone-input-group > .phone-country > .choices { height: 2.875rem !important; }
div[id^="popup-"] .floating-button .rd-form .with-select-flags > .phone-input-group > .phone-country > .choices > .choices__inner { height: 2.875rem !important; min-height: 2.875rem !important; box-sizing: border-box !important; background: var(--paper) !important; border: 1px solid var(--gelo-2) !important; border-right: 0 !important; border-radius: 0 !important; }
div[id^="popup-"] .floating-button .rd-form .with-select-flags > .phone-input-group .phone { border-left: 0 !important; }
div[id^="popup-"] .floating-button .rd-form .has-danger .bricks-form__input { border-color: #DC3543 !important; }
div[id^="popup-"] .floating-button .rd-form .bricks-form__submit .bricks--component-button { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; line-height: 1.2 !important; width: 100% !important; max-width: none !important; height: 3rem !important; margin-top: .375rem !important; padding: 0 1rem !important;
  background: var(--red) !important; color: var(--ink) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-size: 1rem !important; font-weight: 600 !important;
  transition: background-color var(--t-hover) ease, color var(--t-hover) ease, transform var(--t-press) var(--ease-out); }
div[id^="popup-"] .floating-button .rd-form .bricks-form__submit .bricks--component-button:active { transform: scale(.98); }
@media (hover: hover) and (pointer: fine) {
  div[id^="popup-"] .floating-button .rd-form .bricks-form__submit .bricks--component-button:hover { background: var(--ink) !important; color: var(--paper) !important; }
}
@media (prefers-reduced-motion: reduce) {
  div[id^="popup-"] .bricks--floating--button { animation: none !important; }
}