/*
Theme Name: Opará FLIPEI Theme
Theme URI: https://opara.tech
Author: Opará Tecnologia
Description: Custom WordPress Block Theme for FLIPEI Landing Page
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Text Domain: opara-flipei
*/

.opara-flipei,
.opara-flipei * {
  box-sizing: border-box;
}
.opara-flipei {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  min-height: 1080px;
  position: relative;
  overflow-y: auto;
}
.top-bar-1280-px {
  background: #060606;
  align-self: stretch;
  flex-shrink: 0;
  padding: 16px 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}
.frame-8 {
  max-width: 1280px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  top: auto;
  left: auto;
  translate: none;
}
.text-yellow {
  flex-shrink: 0;
  height: 50px;
  width: auto;
  position: relative;
  display: flex;
  align-items: center;
}
.text-yellow img {
  height: 50px;
  width: auto;
  max-height: 50px;
  object-fit: contain;
}
.frame-7 {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
}
.frame-4 {
  display: flex;
  flex-direction: row;
  gap: 44px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-42 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.tecnologia-tica-para-a-sociedade {
  color: #f6f6f6;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  position: relative;
}
.button {
  background: #fed100;
  border-radius: 8px;
  padding: 16px 24px 16px 24px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.entre-em-contato {
  color: #010101;
  text-align: left;
  font-family: var(--body-02-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-02-font-size, 16px);
  line-height: var(--body-02-line-height, 150%);
  font-weight: var(--body-02-font-weight, 400);
  position: relative;
}
.hero-1 {
  background: #000000;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.content {
  padding: 120px 64px 120px 64px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  max-width: 1280px;
  position: relative;
}
.text {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}
.a-bold-headline-that-grabs-attention {
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 64px;
  line-height: 110%;
  letter-spacing: -0.02em;
  font-weight: 700;
  position: relative;
  width: 100%;
  max-width: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.a-bold-headline-that-grabs-attention-span {
  color: #f6f6f6;
}
.a-bold-headline-that-grabs-attention-span2 {
  color: #fed100;
}
.diferente-das-hospedagens-internacionais-gen-ricas-a-opar-oferece-servidores-no-brasil-especialistas-em-word-press-e-atendimento-100-humano-para-garantir-que-seu-e-commerce-venda-sem-interrup-es-o-ano-todo {
  color: #c4c4c4;
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 24px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.diferente-das-hospedagens-internacionais-gen-ricas-a-opar-oferece-servidores-no-brasil-especialistas-em-word-press-e-atendimento-100-humano-para-garantir-que-seu-e-commerce-venda-sem-interrup-es-o-ano-todo-span {
  font-family: "Inter-Medium", sans-serif;
  font-weight: 500;
}
.diferente-das-hospedagens-internacionais-gen-ricas-a-opar-oferece-servidores-no-brasil-especialistas-em-word-press-e-atendimento-100-humano-para-garantir-que-seu-e-commerce-venda-sem-interrup-es-o-ano-todo-span2 {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}
.buttons {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  flex-shrink: 0;
  position: relative;
}
.primary-button {
  background: #fed100;
  border-radius: 12px;
  padding: 12px 16px 12px 16px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.fale-com-um-especialista {
  color: #060606;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.secondary-button {
  border-radius: 12px;
  border-style: solid;
  border-color: #fed100;
  border-width: 2px;
  padding: 12px 16px 12px 16px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.conhe-a-nosso-manifesto {
  color: #f6f6f6;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.text-1 {
  background: #17181c;
  padding: 120px 64px 120px 64px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.headline {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.eyebrow {
  color: #f7f7f7;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.por-que-constru-mos-a-hospedagem-ideal-para-editoras {
  color: #fed100;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 48px;
  line-height: 120%;
  letter-spacing: -0.02em;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.durante-grandes-eventos-como-a-flipei-vimos-in-meras-editoras-independentes-enfrentarem-o-mesmo-pesadelo-um-lan-amento-bem-sucedido-nas-redes-sociais-que-faz-o-site-do-e-commerce-cair-justamente-na-hora-de-vender {
  color: #f7f7f7;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 500;
  position: relative;
  width: 100%;
  max-width: 1280px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.hospedagens-gen-ricas-internacionais-colocam-seu-site-em-servidores-nos-eua-com-lat-ncia-alta-usam-atendimento-por-rob-s-travados-e-n-o-oferecem-qualquer-suporte-t-cnico-para-otimiza-o-de-word-press-e-woo-commerce {
  color: #f7f7f7;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 500;
  position: relative;
  width: 100%;
  max-width: 1280px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.marquee-1 {
  background: #000000;
  padding: 48px 24px;
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}
.a-opar-oferece-tecnologia-pr-pria-e-soberana-no-brasil-atendendo-de-forma-personalizada-editoras-portais-de-jornalismo-independente-movimentos-sociais-e-organiza-es-do-terceiro-setor {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.02em;
  font-weight: 700;
  position: relative;
  width: 100%;
  max-width: 1280px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text-list-2 {
  background: #17181c;
  padding: 120px 90px 120px 90px;
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.header {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.nossa-alian-a-t-cnica-com-a-sua-editora {
  color: #fed100;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 48px;
  line-height: 120%;
  letter-spacing: -0.02em;
  font-weight: 700;
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.row-1 {
  background: #ffffff;
  border-radius: 16px;
  border-style: solid;
  border-color: #50398e;
  border-width: 1px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  min-width: 324px;
  position: relative;
}
.header2 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.vector {
  flex-shrink: 0;
  width: 20px;
  height: 12px;
  position: relative;
  overflow: visible;
}
.servidores-no-brasil {
  color: #060606;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -0.015em;
  font-weight: 600;
  position: relative;
}
.menor-lat-ncia-do-mercado-seus-leitores-navegam-pelo-cat-logo-e-fecham-a-compra-sem-demoras-frustrantes {
  color: rgba(0, 0, 0, 0.55);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.row-3 {
  background: #ffffff;
  border-radius: 16px;
  border-style: solid;
  border-color: #50398e;
  border-width: 1px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  min-width: 324px;
  position: relative;
}
.vector2 {
  flex-shrink: 0;
  width: 20px;
  height: 12px;
  position: relative;
  overflow: visible;
}
.especialistas-em-word-press {
  color: #060606;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -0.015em;
  font-weight: 600;
  position: relative;
}
.mais-de-15-anos-de-experi-ncia-pr-tica-em-tuning-de-banco-de-dados-plugins-e-seguran-a-espec-fica-para-word-press {
  color: rgba(0, 0, 0, 0.55);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.row-2 {
  background: #ffffff;
  border-radius: 16px;
  border-style: solid;
  border-color: #50398e;
  border-width: 1px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  min-width: 324px;
  position: relative;
}
.vector3 {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  position: relative;
  overflow: visible;
}
.monitoramento-24-x-7 {
  color: #060606;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -0.015em;
  font-weight: 600;
  position: relative;
}
.nossos-sistemas-e-equipe-vigiam-a-sa-de-do-seu-servidor-24-horas-por-dia-antecedendo-instabilidades-antes-que-afetem-suas-vendas {
  color: rgba(0, 0, 0, 0.55);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.row-4 {
  background: #ffffff;
  border-radius: 16px;
  border-style: solid;
  border-color: #50398e;
  border-width: 1px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  min-width: 324px;
  position: relative;
}
.vector4 {
  flex-shrink: 0;
  width: 20px;
  height: 12px;
  position: relative;
  overflow: visible;
}
.recupera-o-de-carrinho-abandonado {
  color: #060606;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -0.015em;
  font-weight: 600;
  position: relative;
}
.ferramentas-dtc-direct-to-consumer-desenhadas-para-resgatar-compras-iniciadas-durante-feiras-e-campanhas-online {
  color: rgba(0, 0, 0, 0.55);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.row-5 {
  background: #ffffff;
  border-radius: 16px;
  border-style: solid;
  border-color: #50398e;
  border-width: 1px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  min-width: 324px;
  position: relative;
}
.vector5 {
  flex-shrink: 0;
  width: 20px;
  height: 12px;
  position: relative;
  overflow: visible;
}
.atendimento-100-humano {
  color: #060606;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -0.015em;
  font-weight: 600;
  position: relative;
}
.sem-chatbots-ineficientes-voc-conversa-diretamente-no-whats-app-com-t-cnicos-qualificados-que-conhecem-seu-hist-rico {
  color: rgba(0, 0, 0, 0.55);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.row-6 {
  background: #ffffff;
  border-radius: 16px;
  border-style: solid;
  border-color: #50398e;
  border-width: 1px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  min-width: 324px;
  position: relative;
}
.vector6 {
  flex-shrink: 0;
  width: 20px;
  height: 12px;
  position: relative;
  overflow: visible;
}
.site-seguro-lgpd {
  color: #060606;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -0.015em;
  font-weight: 600;
  position: relative;
}
.firewall-avan-ado-backups-di-rios-externos-e-prote-o-total-aos-dados-cadastrais-e-de-pagamento-dos-seus-leitores {
  color: rgba(0, 0, 0, 0.55);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.marquee-2 {
  background: #fed100;
  padding: 48px 0px 48px 0px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.title {
  color: #000000;
  text-align: left;
  font-family: "Inter-ExtraBold", sans-serif;
  font-size: 32px;
  line-height: 48px;
  letter-spacing: 1px;
  font-weight: 800;
  position: relative;
}
.nossa-infraestrutura-apoia-ve-culos-de-jornalismo-independente-e-organiza-es-do-terceiro-setor-que-demandam-m-xima-prote-o-contra-ataques-e-alta-disponibilidade-para-publicar-verdades-e-defender-causas {
  color: #2d2d2d;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.02em;
  font-weight: 700;
  position: relative;
  width: 100%;
  max-width: 1280px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text-list-4 {
  background: #000000;
  padding: 120px 90px 120px 90px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.migre-sua-editora-para-a-opar-e-garanta-condi-es-especiais-exclusivas-da-flipei {
  color: #fed100;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 48px;
  line-height: 120%;
  letter-spacing: -0.02em;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-35 {
  padding: 40px 0px 80px 0px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 1280px;
  position: relative;
}
.frame-36 {
  display: flex;
  flex-direction: row;
  gap: 80px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  max-width: 1280px;
  position: relative;
}
.form {
  background: #2d2d2d;
  border-radius: 16px;
  padding: 24px 32px 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 826px;
  position: relative;
}
.title2 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-ExtraBold", sans-serif;
  font-size: 36px;
  line-height: 66px;
  letter-spacing: 1px;
  font-weight: 800;
  position: relative;
}
.frame-2147237788 {
  display: flex;
  flex-direction: row;
  gap: 104px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.eyebrow2 {
  color: #f7f7f7;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 500;
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-2147237789 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.title3 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 66px;
  letter-spacing: 1px;
  font-weight: 400;
  text-decoration: line-through;
  position: relative;
}
.title4 {
  color: #fed100;
  text-align: left;
  font-family: "Inter-ExtraBold", sans-serif;
  font-size: 36px;
  line-height: 66px;
  letter-spacing: 1px;
  font-weight: 800;
  position: relative;
}
.migre-para-opar {
  color: #000000;
  text-align: center;
  font-family: var(--body-02-font-family, "Roboto-Regular", sans-serif);
  font-size: var(--body-02-font-size, 16px);
  line-height: var(--body-02-line-height, 150%);
  font-weight: var(--body-02-font-weight, 400);
  position: relative;
}
.eyebrow3 {
  color: #f7f7f7;
  text-align: center;
  font-family: "-", sans-serif;
  font-size: 24px;
  line-height: 145%;
  letter-spacing: -0.005em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.eyebrow-3-span {
  font-family: "Inter-Medium", sans-serif;
  font-weight: 500;
}
.eyebrow-3-span2 {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}
.bottom {
  align-self: stretch;
  flex-shrink: 0;
  height: 70px;
  position: relative;
  background: #0d161a;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0 !important;
}
.rectangle-504 {
  background: #0d161a;
  width: 100%;
  height: 70px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.group-1988 {
  position: relative;
  z-index: 2;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.opar-tecnologia-a-hospedagem-tica-das-editoras-independentes {
  color: #ffffff;
  text-align: center;
  font-family: "Arimo-Regular", sans-serif;
  font-size: 12px;
  line-height: 119.1%;
  font-weight: 400;
  position: relative;
  left: auto;
  top: auto;
  width: auto;
}

/* --- Block Margin & Gap Resets for WP Gutenberg --- */
body {
  margin: 0 !important;
  padding: 0 !important;
}

.page-container,
.index-container {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.opara-flipei > *,
:root :where(.opara-flipei.is-layout-flow) > *,
:root :where(.wp-site-blocks) > *,
:root :where(.entry-content) > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* --- Gutenberg Block Alignment & Formatting Overrides --- */
.has-text-align-center,
[style*="text-align: center"],
[style*="text-align:center"] {
  text-align: center !important;
  justify-content: center !important;
}

.has-text-align-left,
[style*="text-align: left"],
[style*="text-align:left"] {
  text-align: left !important;
  justify-content: flex-start !important;
}

.has-text-align-right,
[style*="text-align: right"],
[style*="text-align:right"] {
  text-align: right !important;
  justify-content: flex-end !important;
}

.has-text-align-justify,
[style*="text-align: justify"],
[style*="text-align:justify"] {
  text-align: justify !important;
}

/* --- Mobile & Tablet Responsiveness (@media 1024px / 768px) --- */
@media (max-width: 1024px) {
  html, body {
    overflow-x: hidden !important;
    width: 100% !important;
  }
  
  .opara-flipei {
    width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Header Top Bar Mobile Side-by-Side */
  .top-bar-1280-px {
    width: 100% !important;
    height: auto !important;
    padding: 12px 16px !important;
  }
  .frame-8 {
    width: 100% !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }
  .text-yellow {
    height: 38px !important;
    width: auto !important;
    flex-shrink: 0 !important;
  }
  .text-yellow img {
    height: 38px !important;
    max-height: 38px !important;
    width: auto !important;
  }
  .frame-7 {
    width: auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    justify-content: flex-end !important;
  }
  .frame-4, .frame-42 {
    display: none !important;
  }
  .button {
    padding: 10px 16px !important;
    flex-shrink: 0 !important;
  }
  .entre-em-contato {
    font-size: 14px !important;
  }

  /* Hero Section */
  .hero-1 {
    width: 100% !important;
    padding: 48px 20px !important;
    height: auto !important;
  }
  .hero-1 .content, .hero-1 .text {
    width: 100% !important;
    max-width: 100% !important;
  }
  .a-bold-headline-that-grabs-attention {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 28px !important;
    line-height: 125% !important;
    text-align: center !important;
    display: block !important;
  }
  .a-bold-headline-that-grabs-attention span {
    display: inline !important;
    width: auto !important;
    max-width: 100% !important;
  }
  .diferente-das-hospedagens-internacionais-gen-ricas-a-opar-oferece-servidores-no-brasil-especialistas-em-word-press-e-atendimento-100-humano-para-garantir-que-seu-e-commerce-venda-sem-interrup-es-o-ano-todo {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 150% !important;
    text-align: center !important;
    display: block !important;
  }
  .diferente-das-hospedagens-internacionais-gen-ricas-a-opar-oferece-servidores-no-brasil-especialistas-em-word-press-e-atendimento-100-humano-para-garantir-que-seu-e-commerce-venda-sem-interrup-es-o-ano-todo span {
    display: inline !important;
  }
  .buttons {
    width: 100% !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  .primary-button, .secondary-button {
    width: 100% !important;
    justify-content: center !important;
  }

  /* Text 1 Section (Compromisso Editorial) */
  .text-1 {
    width: 100% !important;
    padding: 48px 20px !important;
    height: auto !important;
  }
  .text-1 .headline {
    width: 100% !important;
  }
  .por-que-constru-mos-a-hospedagem-ideal-para-editoras {
    font-size: 26px !important;
    line-height: 125% !important;
    width: 100% !important;
  }
  .durante-grandes-eventos-como-a-flipei-vimos-in-meras-editoras-independentes-enfrentarem-o-mesmo-pesadelo-um-lan-amento-bem-sucedido-nas-redes-sociais-que-faz-o-site-do-e-commerce-cair-justamente-na-hora-de-vender,
  .hospedagens-gen-ricas-internacionais-colocam-seu-site-em-servidores-nos-eua-com-lat-ncia-alta-usam-atendimento-por-rob-s-travados-e-n-o-oferecem-qualquer-suporte-t-cnico-para-otimiza-o-de-word-press-e-woo-commerce {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 16px !important;
    display: block !important;
  }

  /* Marquee Banners */
  .marquee-1, .marquee-2 {
    width: 100% !important;
    padding: 32px 20px !important;
    height: auto !important;
  }
  .a-opar-oferece-tecnologia-pr-pria-e-soberana-no-brasil-atendendo-de-forma-personalizada-editoras-portais-de-jornalismo-independente-movimentos-sociais-e-organiza-es-do-terceiro-setor,
  .nossa-infraestrutura-apoia-ve-culos-de-jornalismo-independente-e-organiza-es-do-terceiro-setor-que-demandam-m-xima-prote-o-contra-ataques-e-alta-disponibilidade-para-publicar-verdades-e-defender-causas {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 18px !important;
    text-align: center !important;
    display: block !important;
  }

  /* Text List 2 (6 cards grid) */
  .text-list-2 {
    width: 100% !important;
    padding: 48px 20px !important;
    flex-direction: column !important;
    gap: 32px !important;
    height: auto !important;
  }
  .text-list-2 .header, .text-list-2 .list {
    width: 100% !important;
  }
  .nossa-alian-a-t-cnica-com-a-sua-editora {
    font-size: 26px !important;
    width: 100% !important;
  }
  .row-1, .row-2, .row-3, .row-4, .row-5, .row-6 {
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Pricing Section (Text List 4) */
  .text-list-4 {
    width: 100% !important;
    padding: 48px 20px !important;
    height: auto !important;
  }
  .migre-sua-editora-para-a-opar-e-garanta-condi-es-especiais-exclusivas-da-flipei {
    font-size: 26px !important;
    line-height: 125% !important;
    width: 100% !important;
  }
  .frame-35, .frame-36 {
    width: 100% !important;
    padding: 16px 0 !important;
    flex-direction: column !important;
    gap: 20px !important;
  }
  .form {
    width: 100% !important;
    padding: 24px 16px !important;
  }
  .title2 {
    font-size: 22px !important;
    line-height: 130% !important;
    text-align: center !important;
  }
  .frame-2147237788 {
    flex-direction: column !important;
    gap: 20px !important;
  }
  .eyebrow2 {
    font-size: 16px !important;
    text-align: center !important;
  }
  .frame-2147237789 {
    align-items: center !important;
  }
  .title3 {
    font-size: 18px !important;
    line-height: 130% !important;
  }
  .title4 {
    font-size: 26px !important;
    line-height: 130% !important;
  }

  /* Footer */
  .bottom {
    width: 100% !important;
    height: auto !important;
    padding: 20px 16px !important;
  }
  .opar-tecnologia-a-hospedagem-tica-das-editoras-independentes {
    font-size: 12px !important;
    text-align: center !important;
    width: 100% !important;
  }
}

/* --- Contact Form 7 Custom Compact Styling --- */
.opara-contact-section {
  background: #17181c;
  padding: 60px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
}

.opara-contact-title {
  color: #fed100;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -0.02em;
  font-weight: 700;
  margin-bottom: 24px;
}

.opara-cf7-form {
  max-width: 680px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.opara-cf7-form p {
  margin: 0 !important;
  padding: 0 !important;
}

.opara-cf7-form br {
  display: none !important;
}

.opara-cf7-form .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  width: 100%;
}

@media (max-width: 640px) {
  .opara-cf7-form .form-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.opara-cf7-form .form-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.opara-cf7-form label {
  color: #f7f7f7;
  font-family: "Inter-Medium", sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 2px;
  display: block;
}

.opara-cf7-form input.form-control,
.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="tel"] {
  background: #2d2d2d !important;
  border: 1px solid #444444 !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  color: #ffffff !important;
  font-family: "Inter-Regular", sans-serif !important;
  font-size: 15px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  outline: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.opara-cf7-form input.form-control:focus,
.wpcf7-form-control-wrap input:focus {
  border-color: #fed100 !important;
  box-shadow: 0 0 0 3px rgba(254, 209, 0, 0.25) !important;
}

.opara-cf7-form .consent-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 4px;
  color: #f7f7f7;
  font-family: "Inter-Regular", sans-serif;
  font-size: 14px;
}

.opara-cf7-form .consent-field input[type="checkbox"] {
  accent-color: #fed100;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  cursor: pointer;
}

.opara-btn-submit,
.wpcf7-submit {
  background: #fed100 !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 28px !important;
  font-family: "Inter-Bold", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, background-color 0.2s ease !important;
  width: 100% !important;
  margin-top: 6px !important;
}

.opara-btn-submit:hover,
.wpcf7-submit:hover {
  background: #e6bd00 !important;
  transform: translateY(-1px);
}

.wpcf7-not-valid-tip {
  color: #ff6b6b !important;
  font-size: 12px !important;
  margin-top: 2px !important;
}

.wpcf7-response-output {
  border-radius: 8px !important;
  padding: 10px 14px !important;
  margin-top: 12px !important;
  font-size: 14px !important;
  border: 1px solid #fed100 !important;
  color: #fed100 !important;
}