/* ================================================================
   GENEBRA SEGUROS – Brand Design System
   Primary #A3231F | Secondary #424341 | Accent #672921
   ================================================================ */

/* --- Brand tokens ------------------------------------------------ */
:root {
  --genebra-primary:        #A3231F;
  --genebra-primary-hover:  #8D1E1B;
  --genebra-secondary:      #424341;
  --genebra-accent:         #672921;
  --genebra-bg-light:       #F8F8F8;
  --genebra-bg-soft:        #E9E6E6;
  --genebra-text-main:      #1F1F1F;
  --genebra-text-secondary: #5E5E5E;
  --genebra-white:          #FFFFFF;
  --genebra-border:         #D8D8D8;
}

/* --- Global: CTA buttons ----------------------------------------- */
.fu-button-button,
.fu-button-button.button-default,
.button,
input[type="submit"],
button[type="submit"],
.wpcf7-submit {
  background-color: var(--genebra-primary) !important;
  border-color:     var(--genebra-primary) !important;
  color:            #ffffff !important;
}
.fu-button-button:hover,
.fu-button-button.button-default:hover,
.button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.wpcf7-submit:hover {
  background-color: var(--genebra-primary-hover) !important;
  border-color:     var(--genebra-primary-hover) !important;
}

/* --- Global: Body content links ---------------------------------- */
.fu-body #wrapper .fu-text a,
.fu-body #wrapper .post-content a,
.fu-body #wrapper .fu-content-boxes a {
  color: var(--genebra-primary);
}
.fu-body #wrapper .fu-text a:hover,
.fu-body #wrapper .post-content a:hover,
.fu-body #wrapper .fu-content-boxes a:hover {
  color: var(--genebra-primary-hover);
}

/* --- Global: Title separators ------------------------------------ */
.fu-body .title-sep {
  border-color: var(--genebra-primary) !important;
}

/* ================================================================
   INSTITUCIONAL – Section styles  /institucional/  (page-id-16)
   Scoped to page-id-16 to avoid bleeding into other pages
   ================================================================ */

/* Row 4: Conheça a Genebra ---------------------------------------- */
body.page-id-16 .fu-builder-row-4 {
  background: linear-gradient(135deg, #F8F8F8 0%, #F0EDEC 100%) !important;
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
}
body.page-id-16 .fu-builder-row-4 .fu-text-3 p {
  font-size: 16px;
  line-height: 1.75;
  color: var(--genebra-text-secondary);
}

/* Shared: section h1 headings in alternating rows */
body.page-id-16 .fu-builder-row-4 h1.fu-title-heading,
body.page-id-16 .fu-builder-row-5 h1.fu-title-heading,
body.page-id-16 .fu-builder-row-7 h1.fu-title-heading,
body.page-id-16 .fu-builder-row-8 h1.fu-title-heading {
  color: var(--genebra-secondary) !important;
}
body.page-id-16 .fu-builder-row-4 .title-sep,
body.page-id-16 .fu-builder-row-5 .title-sep,
body.page-id-16 .fu-builder-row-7 .title-sep,
body.page-id-16 .fu-builder-row-8 .title-sep {
  border-color: var(--genebra-primary) !important;
}

/* Row 5: Nossos Escritórios --------------------------------------- */
body.page-id-16 .fu-builder-row-5 {
  background: #ffffff !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
  border-top: 3px solid var(--genebra-border);
}
body.page-id-16 .fu-builder-row-5 h2.fu-title-heading {
  color: var(--genebra-primary) !important;
}

/* Row 6: Missão, Visão e Valores – premium dark section ----------- */
body.page-id-16 .fu-builder-row-6 {
  background: #2E2C2B !important;
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
}
body.page-id-16 .fu-builder-row-6 h1.fu-title-heading {
  color: #ffffff !important;
}
body.page-id-16 .fu-builder-row-6 h2.fu-title-heading {
  color: #E9E6E6 !important;
}
body.page-id-16 .fu-builder-row-6 .fu-column-has-shadow {
  background: rgba(255, 255, 255, 0.07) !important;
  border-radius: 10px !important;
  padding: 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}
body.page-id-16 .fu-builder-row-6 .fu-text p {
  color: rgba(255, 255, 255, 0.88) !important;
}

/* Row 7: Genebra na Mídia ----------------------------------------- */
body.page-id-16 .fu-builder-row-7 {
  background: var(--genebra-bg-light) !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
  border-top: 1px solid var(--genebra-border);
}
body.page-id-16 .fu-builder-row-7 .fu-imageframe img {
  opacity: 0.6;
  filter: grayscale(30%);
  transition: opacity 0.25s, filter 0.25s;
}
body.page-id-16 .fu-builder-row-7 .fu-imageframe:hover img {
  opacity: 1;
  filter: grayscale(0%);
}
body.page-id-16 .fu-builder-row-7 .fu-text a {
  color: var(--genebra-primary) !important;
}
body.page-id-16 .fu-builder-row-7 .fu-text a:hover {
  text-decoration: underline;
}

/* Row 8: Notícias ------------------------------------------------- */
body.page-id-16 .fu-builder-row-8 {
  background: #ffffff !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
  border-top: 3px solid var(--genebra-border);
}

/* Institucional – Mobile ------------------------------------------ */
@media (max-width: 1024px) {
  body.page-id-16 .fu-builder-row-4,
  body.page-id-16 .fu-builder-row-5,
  body.page-id-16 .fu-builder-row-6,
  body.page-id-16 .fu-builder-row-7,
  body.page-id-16 .fu-builder-row-8 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
@media (max-width: 640px) {
  body.page-id-16 .fu-builder-row-4,
  body.page-id-16 .fu-builder-row-5,
  body.page-id-16 .fu-builder-row-6,
  body.page-id-16 .fu-builder-row-7,
  body.page-id-16 .fu-builder-row-8 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* ================================================================
   SEGURO GARANTIA – Page styles (body.page-id-75)
   Scoped to avoid conflicts with the global INSTITUCIONAL row rules
   ================================================================ */

/* Row 3 – Hero: replace off-brand gray gradient with clean white */
body.page-id-75 .fu-builder-row-3 {
  background: #ffffff !important;
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
  border-bottom: 3px solid var(--genebra-border);
}
body.page-id-75 .fu-builder-row-3 h1.fu-title-heading {
  color: var(--genebra-secondary) !important;
}
body.page-id-75 .fu-builder-row-3 h2.fu-title-heading {
  color: var(--genebra-primary) !important;
}
body.page-id-75 .fu-builder-row-3 .fu-text p,
body.page-id-75 .fu-builder-row-3 .fu-title-text p {
  padding-left: 0 !important;
  color: var(--genebra-text-main) !important;
}
body.page-id-75 .fu-builder-column-3 > .fu-column-wrapper {
  background: transparent !important;
}
body.page-id-75 .fu-builder-column-4 > .fu-column-wrapper {
  background: var(--genebra-bg-light) !important;
  border: 1px solid var(--genebra-border) !important;
  border-radius: 8px !important;
  padding: 20px !important;
}
body.page-id-75 .fu-builder-column-4 h2.fu-title-heading {
  color: var(--genebra-primary) !important;
}
body.page-id-75 .fu-builder-row-3 .fu-checklist .fu-li-icon {
  color: var(--genebra-primary) !important;
}

/* Row 4 – First image gallery (Judicial, Licitações, Execução, Fiança) */
body.page-id-75 .fu-builder-row-4 {
  background: var(--genebra-bg-light) !important;
  padding-top: 40px !important;
  padding-bottom: 20px !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
  border-top: 3px solid var(--genebra-border) !important;
}
body.page-id-75 .fu-builder-row-4 h2.fu-title-heading {
  color: var(--genebra-secondary) !important;
}
body.page-id-75 .fu-builder-row-4 .fu-imageframe img {
  border-radius: 6px;
  width: 100%;
  object-fit: cover;
  transition: opacity 0.2s;
}
body.page-id-75 .fu-builder-row-4 .fu-imageframe img:hover {
  opacity: 0.85;
}
body.page-id-75 .fu-builder-row-4 h3.fu-title-heading {
  color: var(--genebra-primary) !important;
  margin-top: 12px !important;
}
body.page-id-75 .fu-builder-row-4 .fu-text p {
  color: var(--genebra-text-secondary) !important;
  font-size: 15px !important;
}

/* Row 5 – First set of CTA navigation buttons */
body.page-id-75 .fu-builder-row-5 {
  background: #ffffff !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
  border-top: 1px solid var(--genebra-border) !important;
  border-bottom: 1px solid var(--genebra-border) !important;
}
body.page-id-75 .fu-builder-row-5 h1.fu-title-heading {
  color: var(--genebra-secondary) !important;
}

/* Row 6 – Second image gallery: override global dark-charcoal rule */
body.page-id-75 .fu-builder-row-6 {
  background: #ffffff !important;
  padding-top: 40px !important;
  padding-bottom: 20px !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
  border-top: 3px solid var(--genebra-border) !important;
}
body.page-id-75 .fu-builder-row-6 .fu-column-has-shadow {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}
body.page-id-75 .fu-builder-row-6 .fu-imageframe img {
  border-radius: 6px;
  width: 100%;
  object-fit: cover;
  transition: opacity 0.2s;
}
body.page-id-75 .fu-builder-row-6 .fu-imageframe img:hover {
  opacity: 0.85;
}
body.page-id-75 .fu-builder-row-6 h3.fu-title-heading {
  color: var(--genebra-primary) !important;
  margin-top: 12px !important;
}
body.page-id-75 .fu-builder-row-6 .fu-text p {
  color: var(--genebra-text-main) !important;
  font-size: 15px !important;
}

/* Row 7 – Second CTA buttons: override global row-7 image effects */
body.page-id-75 .fu-builder-row-7 {
  background: #ffffff !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
  border-top: 1px solid var(--genebra-border) !important;
  border-bottom: 1px solid var(--genebra-border) !important;
}
body.page-id-75 .fu-builder-row-7 .fu-imageframe img {
  opacity: 1 !important;
  filter: none !important;
}

/* Row 8 – About, Seguradoras, FAQ, News */
body.page-id-75 .fu-builder-row-8 {
  background: var(--genebra-bg-light) !important;
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
  border-top: 3px solid var(--genebra-border) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body.page-id-75 .fu-builder-row-8 h2.fu-title-heading {
  color: var(--genebra-secondary) !important;
}
body.page-id-75 .fu-builder-row-8 h3.fu-title-heading {
  color: var(--genebra-primary) !important;
}
body.page-id-75 .fu-builder-row-8 .fu-text p {
  color: var(--genebra-text-main) !important;
}
body.page-id-75 .fu-builder-row-8 .fu-checklist .fu-li-icon {
  color: var(--genebra-primary) !important;
}

/* Seguro Garantia – Tablet ---------------------------------------- */
@media (max-width: 1024px) {
  body.page-id-75 .fu-builder-row-3,
  body.page-id-75 .fu-builder-row-4,
  body.page-id-75 .fu-builder-row-5,
  body.page-id-75 .fu-builder-row-6,
  body.page-id-75 .fu-builder-row-7,
  body.page-id-75 .fu-builder-row-8 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

/* Seguro Garantia – Mobile ---------------------------------------- */
@media (max-width: 640px) {
  body.page-id-75 .fu-builder-row-3,
  body.page-id-75 .fu-builder-row-4,
  body.page-id-75 .fu-builder-row-5,
  body.page-id-75 .fu-builder-row-6,
  body.page-id-75 .fu-builder-row-7,
  body.page-id-75 .fu-builder-row-8 {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 30px !important;
    padding-bottom: 16px !important;
  }
}

/* ============================================================
   MOBILE OVERFLOW FIX — content rows only (not header)
   Avada rows use max-width:104% + negative margins as inline
   styles to create column gutters. On mobile this bleeds 2%
   past each edge causing horizontal scroll.
   Scoped to #main so the sticky header rows are NOT affected.
   ============================================================ */
@media only screen and (max-width: 800px) {
  #main .fu-builder-row {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #main .fu-builder-row-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}