/*! HTML5 Boilerplate v9.0.0-RC1 | MIT License | https://html5boilerplate.com/ */

/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
  font-family: 'Nunito', sans-serif;
}
body{
  font-family: 'Nunito', sans-serif;

}
.form--anamnese{
  padding-top: 0px !important;
}
.f-out.htmx-swapping {
  opacity: 0;
  transition: opacity 1s ease-out;
}

.flags{
  display:flex;
  padding-left: 20px;
}

.flags img{
  max-width: 24px;
}

.flags button{
  border: 0;
  background: transparent;
}
.flags form{
  background: transparent;
}

.border-b-gradient{
  display: block;
  width: fit-content;
  border-bottom: 4px solid;
  border-image: linear-gradient(to right, #0099FF 0%, #00DE30 100%) 1;

}

.features{
  padding-bottom: 8rem !important;
}
.feature {
  margin: 0.8rem 0;
}
.feature .card{
  /* Rectangle */
padding: 1.5rem 2rem;
border: 0;
display: block;
height: 100%;
background: #FFFFFF;
box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.13);
border-radius: 4px;

}

.carousel-caption{
  left: auto;
  right: auto;
}

.bg-dark-blue{
  background-color: #000516;
}

.dr-guilherme-corradi{
  background-color: #000516;
}
.dr-guilherme-corradi h1, .dr-guilherme-corradi h5{
  color: #FFF;
}
.dr-guilherme-corradi h4{
  color: #00DE30;
}
.dr-guilherme-corradi p{
  font-size: 16px;
  line-height: 28px;
  color: #F3F3F3;
}

.dr-guilherme-corradi img{
}
.dr-guilherme-corradi .border-img{
  position: relative;
  max-width: 312px;
  padding: 6px;
  margin: 0 auto;
}

.team .border-img{
  position: relative;
  max-height: 212px;
  padding: 6px;
  margin: 0 auto;
  border-radius: 1000px;
}

.team .border-img img{
  max-width: 200px;
}

.social-nt-team img{
  max-height: 20px;
}



.btn-outline-corradi-medical-white {
  --bs-btn-color: #FFF;
  --bs-btn-border-color: #FFF;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #FFF;
  --bs-btn-hover-border-color: #FFF;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #FFF;
  --bs-btn-active-border-color: #FFF;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FFF;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FFF;
  --bs-gradient: none;
}

.btn-corradi-medical-green{
  --bs-btn-color: #FFF;
background-color: #00DE30;
--bs-btn-hover-color: #FFF;
--bs-btn-hover-bg: rgb(17, 166, 49);
color: #000;
border-radius: 40px;
}

.btn-corradi-medical-green-nav{
background-color: #08aa2b;
color: #FFF;
border-radius: 40px;
transition: all 0.5s ease;
}

.btn-corradi-medical-green-nav:hover{
background-color: #027e1c;  
color: #FFF;
border-radius: 40px;
transition: all 0.5s ease;
}





.bg-body-corradi-medical{
  color: #FFF;
  background-color: #000516;
}
.bg-body-corradi-medical .container .text-body-emphasis{
  color: #FFF !important;
  margin: 0.5rem 0 !important;
}



.bg-body-about{
  background-image: url(../img/bg-body/about-by-flavio-paulino-noronha-brasil.webp);
  background-attachment: fixed;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat; 
}

.bg-body-team{
  background-image: url(../img/bg-body/chapada-diamantina-andarai-ba-rasil.jpg);
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat; 
}



.bg-body-mev{
  background-image: url(../img/bg-body/about-by-flavio-paulino-noronha-brasil.webp);
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat; 
}

.bg-body-longevidade{
  background-image: url(../img/bg-longevity.jpg);
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat; 
}

.bg-body-longevidade-planos{
  background-image: url(../img/bg-longevity.jpg);
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}

.bg-body-anamnese {
  color: #FFFFFF;
  background-image: url(../img/bg-body/anamnese-by-flavio-paulino-bahamas.jpg);
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat; 
}

@media only screen and (max-width: 768px) {
  .bg-body-anamnese {
    background-attachment: scroll; /* melhora a performance em mobile */
    padding: 18px 16px 10px !important; /* reduz espaço interno para evitar altura exagerada */
    height: auto; /* ajusta a altura conforme o conteúdo */
  }
  .bg-body-anamnese h3 {
    font-size: 1rem; /* reduz o tamanho do texto */
    margin: 0; /* remove margens desnecessárias */
  }
}



.bg-body-nutrisoro{
  background-image: url(../img/bg-body/nutrisoro-soroterapia-terapia-de-injetaveis-soro-vitaminas.webp);

  background-attachment: fixed;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover !important;
  background-position: 0px -195px;
  background-repeat: no-repeat; 
}

.bg-body-hyperflow{
  background-image: url(../img/bg-body/hyperflow.jpg);

  background-attachment: fixed;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover !important;
  background-position: 0px -195px;
  background-repeat: no-repeat; 
}

.bg-body-gc-academy{
  background-image: url(../img/bg-body/gcacademy-mentoria-para-medicos.webp);

  background-attachment: fixed;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover !important;
  background-position: 0px -305px;
  background-repeat: no-repeat; 
}

.bg-green{
  background-color: #7AF896;
}
.bg-green-light{
  background-color: #b4f5c2;
}
.bg-gold{
  background-color: #EECE98;
}
.bg-gold{
  background-color: #ffe044;
}
.bg-blue{
  background-color: #C0E4FD;
}

.border-green{
  color: #00DE30;
}

.navbar-brand img{
  max-width: 200px;
}

.navbar-toggler{
  border: 0;
}
.navbar-toggler:focus{
  outline: none;
  box-shadow: none;
}

.navbar-toggler-container{
  display: block !important;
  float: right;
}

/* Responsive: reduzir logo e alinhar menu à direita em telas menores (mobile/tablet) */
@media (max-width: 991.98px) {
  .navbar-brand img{
    max-width: 200px !important;
    height: auto !important;
  }
  .navbar-toggler-container{
    float: right !important;
    margin-left: auto;
  }
  .navbar-toggler{
    margin-top: 6px;
    float: right !important;
  }
  /* Alinhar itens do menu mobile à direita */
  .navbar-collapse{
    text-align: right !important;
  }
  .navbar-nav.ms-auto.mb-2{
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    text-align: right !important;
    align-items: flex-end !important;
  }
  .navbar-nav.ms-auto.mb-lg-0{
    margin-bottom: 0 !important;
  }
  .navbar-nav .nav-item{
    text-align: right !important;
  }
  .navbar-nav .nav-item:last-child{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .navbar-nav .nav-item:last-child .nav-link{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .navbar-nav .nav-link{
    text-align: right !important;
    padding-right: 0 !important;
    justify-content: flex-end;
  }
  /* Alinhar botão "Agendar uma consulta" à direita */
  .navbar-collapse .btn{
    margin-left: auto !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0.5rem !important;
    display: block;
    width: fit-content;
  }
  /* Alinhar bandeiras de idioma à direita */
  .navbar-collapse .flags{
    padding-left: 0 !important;
    padding-right: 0 !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }
}

/* Desktop: logo maior em telas grandes */
@media (min-width: 992px) { 
  .navbar-brand img{
    max-width: 340px;
  }
  .navbar-toggler{
    margin-top: 6px;
    float: right !important;
  }
}

.menu-footer li a{
  text-decoration: none !important;
  transition: 0.5s ease all;
  color: #000;
}
.menu-footer li a:hover{
  text-decoration: none !important;
  transition: 0.5s ease all;
  color: #2fcd70 !important;
}

.menu-navbar li a{
  text-decoration: none !important;
  transition: 0.5s ease all;
  color: #000;
}
.menu-navbar li a:hover{
  text-decoration: none !important;
  transition: 0.5s ease all;
  color: #1a9d4a !important;
}
.menu-navbar .nav-link.active {
  color: #1a9d4a !important;
}




/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .visually-hidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * The use of `table` rather than `block` is only necessary if using
 * `::before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

.lgpd{
  font-size: 12px;
  color: #999;
}
.lgpd a{
  color: #2fcd70;
}

div.col-lg-12 {
  padding-top: 32px;
  padding-bottom: 32px;
}