/**********************************************************************************/
/** INÍCIO DOS ESTILOS - TEMA DIVI **/
/**********************************************************************************/
/* --- Variáveis CSS Globais (Custom Properties) --- */
:root {
  --my-blue: hsla(215, 90%, 65%, 1);
  --my-blue-alt: hsla(215, 90%, 65%, 1);
  --my-violet: hsla(322, 82%, 43%, 1);
  --my-cool-red: hsla(341, 100%, 37%, 1);
  --my-green: hsla(160, 100%, 37%, 1);
}

/* --- Colors as Class --- */
.my-blue {color: var(--my-blue);}
.my-blue-alt {color: var(--my-blue-alt);}
.my-violet {color: var(--my-violet);}
.my-cool-red {color: var(--my-cool-red);}
.my-green {color: var(--my-green);}

/* --- MODERN RESET GLOBAL --- */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html, body {
  height: 100%;
  font-size: 100%;
  font-family: sans-serif;
}
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
a {
  text-decoration: none;
  color: inherit;
}
button, input, select, textarea {
  border: none;
  background: none;
  font: inherit;
}

/* --- Classes Utilitárias e Hacks Globais --- */
hr {margin: .2em 0;}
.my-hide {display:none !important;}
.my-debug {background-color: lightblue;}
.my-debug2 {background-color: lightcoral;}
.my-reset {margin:0; padding:0;}
.frm_section_spacing {margin:0; padding:0;} /* Específico para Formidable, mas usado como utilitário */
.my-hr-dashed {border-top: 1px dashed #dfdfdf;}
.my-lighter-hr {border:1px solid #ccc; border-width:thin;}
.my-logo-home {filter: drop-shadow(3px 3px 12px rgba(0, 0, 0, .5));}
.my-custom-hr {
  position: relative;
  width: 100%;
  height: 6px;
  background-color: var(--my-violet);
  margin: 0 0 2.4rem 0;
}
.my-custom-hr .arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateY(8px);
  background: transparent;
  font-size: 33px;
  color: var(--my-violet);
  line-height: 1;
  cursor: default;
}

/* --- Custom Type Weights --- */
.my-100 {font-weight: 100;}
.my-300 {font-weight: 300;}
.my-500 {font-weight: 500;}
.my-700 {font-weight: 700;}
.my-900 {font-weight: 900;}
.my-upper {text-transform: uppercase !important;}

/* --- Rodapé Principal (Footer) --- */
#footer-widgets {background-color:#161617;}
body #footer-outer .row {padding:36px 0; background-color:#161617;}
.textwidget p {font-size:15px; font-weight:500;}
.my-fa-heart {color:#b21e4d;}

/* --- DIVI Main Nav --- */
#logo {padding: .1rem}
#main-header {border-bottom: 1px solid hsla(0, 0%, 80%, 1);}
.et-fixed-header {
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-bottom: 1px solid hsla(0, 0%, 80%, 1);
}
/* .et-fixed-header #logo {
  content: url('http://redeentrepares.local/wp-content/uploads/2025/12/logo-web-color.png'); max-height: 66%;
} */

/* --- Page Styles --- */
.my-page-content h2 {
  margin: 1rem 0;
  padding-left: .5rem;
  padding-bottom: 0;
  border-left: 9px solid hsla(37, 100%, 61%, 1);
  width: fit-content;
}

.et_pb_media_alignment_center .et_pb_slide_image img {
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
}


/* --- Estilos Responsivos para Divi --- */
@media (max-width: 980px) {
  #my-logo-intro img {width: 93%;}
  .container {width: 90%;}
  .et_header_style_left #logo {max-width: 70%;}
  .et_header_style_slide .et_slide_in_menu_container .et_mobile_menu li a {font-size: 0.8rem !important;}
}

/**********************************************************************************/
/** INÍCIO DOS ESTILOS - FORMIDABLE FORMS **/
/**********************************************************************************/
.my-form-title {font-family: Quattrocento, Lato, sans-serif !important;}
.my-form-title h3 {
  font-size: 2.4rem;
  letter-spacing: -1px;
  font-weight: 700;
  color: #222;
  margin-bottom: .5rem;
  padding-bottom: .5rem;
}
.my-form-title h4 {font-size: 1.1rem; color: #555; line-height: 1.3}
.my-radio {border-bottom: 1px dashed #ccc; padding-bottom: 1rem;}
.my-radio label {margin-right: 1rem !important;}
.my-field-text label,
.my-radio .frm_primary_label {font-weight: bold !important; font-size: 1.1rem !important;}