/* ########################################################################################################### */
/* MINI BANNERS */

@font-face {
    font-family: "panton-black";
    src: url("/fontes/font_panton_black.woff2") format("woff2"),
        url("/fontes/font_panton_black.woff") format("woff"),
        url("/fontes/font_panton_black.otf") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 900;
    font-stretch: normal;
}

:root {
    --minibanner_color-blue: #61C1D0;
    --minibanner_color-dark-red: #9E0C08;
    --minibanner_color-bright-red: #CD210B;
    --minibanner_color-lime: #98CA3A;
    --minibanner_color-white: #FFFFFF;
    --minibanner_color-dark-bg: #202020;
    --minibanner_color-cdt: #12A37A;
    --minibanner_branco: #ffffff;
    --minibanner_gradient-green: linear-gradient(45deg, #12A37A 0%, #1FD7B3 48%, #12A37A 99%);
}

.section_minibanners {
  padding: 60px 0;
  /* background: #F1FCFD; */
  background: #FFE8F8;
}

.titulo_topo_minibanner {
font-family: 'arboria';
font-weight: 700;
font-size: 32px;
line-height: 100%;
text-align: center;
color: #D20167;
padding-bottom: 15px;
max-width: 925px;
margin: auto;
}

.txt_topo_minibanner {
  font-family: 'arboria';
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
  text-align: center;
  color: #D20167;
  padding-bottom: 30px;
  max-width: 925px;
  margin: auto;
}

.section_minibanners .titulomb {
  /* font-family: 'arboria-bold'; */
  font-size: 48px;
  line-height: 100%;
  color: var(--cyan);
  font-weight:700;
}

.section_minibanners .titulomb_odonto_adjust {
    color: var(--minibanner_color-cdt) !important;
}

.group_minibanners {
    padding: 30px 0 60px 0;
    display: grid;
    grid-gap: 25px;
    grid-template-columns: repeat(auto-fit, minmax(670px, 1fr));
    place-items: center;
}

@media only screen and (max-width: 768px) {

  .group_minibanners {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }

}

.bt_card {
  width: 100%;
  margin: auto;
  max-width: 670px;
  text-decoration: none !important;
}

  .minibanner_card-container {
    width: 100%;
    /* max-width: 360px; */
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    max-width: 670px;
    background: var(--minibanner_branco);
  }

  @media only screen and (max-width: 768px) {

    .minibanner_card-container {
      flex-direction: column;
    }

    .minibanner_icon {
      width: 20%;
      top:7& !important;

    }

  }

  /* ---- PARTE SUPERIOR (AZUL) ---- */
  .minibanner_card-top {
    background-color: var(--minibanner_color-blue);
    position: relative;
    padding: 24px 0 20px 0;
    min-height: 165px;
    display: flex;
    justify-content: start;
    align-items: center;
    min-width: 410px;
  }

  .minibanner_card-top_odonto_adjust {
    /* background-color: var(--minibanner_color-cdt) !important; */
    background-image: linear-gradient(135deg, #CD200B 2%, #D63316 33%, #CD200B 72%, #EA7354 97%);
  }

  .minibanner_card-top_wid100 {
    width: 100% !important;
  }

  .minibanner_tag-combo {
    background-color: var(--cyan-dark2);
    color: var(--minibanner_color-white);
    display: inline-block;
    padding: 6px 16px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 0 12px 12px 0;
    margin-bottom: 8px;
    /* font-family: 'arboria-bold'; */
  }

  .minibanner_title {
    color: var(--minibanner_color-white);
    font-size: 52px;
    font-weight: 900;
    line-height: 1;
    margin-left: 20px;
    letter-spacing: -1px;
    font-family: 'panton-black';
  }
  .minibanner_title_odonto_adjust {
    font-size: 29px !important;
    max-width: 275px;
  }

    .minibanner_title_odonto_adjust span {
        font-weight:400;
        font-family:arboria;
    }

  /* Ícone SVG (+) */
  .minibanner_icon {
    width: 25%;
    height: auto;
    position: absolute;
    top: 25%;
    right: 10px;
  }

  .minibanner_icon_adjust {
    top: 0 !important;
  }

@media only screen and (max-width: 400px) {
    .minibanner_icon {
        /* width: 15%;
        height: auto;
        position: absolute;
        top: 40px;
        right: 10px; */
        display: none;
    }
}

  /* ---- PARTE INFERIOR (ESCURA) ---- */
  .minibanner_card-bottom {
    display: flex;
    flex-direction: column;
    padding: 20px 16px 16px 16px;
    gap: 20px;
    margin: auto;
  }

  .minibanner_tag-cartao {
    background: var(--minibanner_color-cdt);
    color: var(--minibanner_color-white);
    font-size: 17px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 8px;
    align-self: flex-start;
    /* font-family: 'arboria-bold'; */
  }

  /* Container do Preço */
  .minibanner_price-wrapper {
    align-self: flex-end;
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 8px;
  }

  .minibanner_price-box {
    background: var(--minibanner_gradient-green);
    border-radius: 12px;
    padding: 12px 20px 10px 32px; 
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--minibanner_color-white);
  }

  .minibanner_price-label {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.5px;
    margin-bottom: -4px;
    align-self: flex-start;
  }

  .minibanner_price-label_odonto_adjust {
    font-size: 29px !important;
  }

.minibanner_price-value {
    font-size: 64px;
    font-weight: 900;
    line-height: 0.85;
    /* letter-spacing: -2px; */
    /* font-family: 'arboria-black'; */
  }

  .minibanner_price-value_odonto_adjust {
    font-size: 80px !important;
  }

.minibanner_price-value span {
    font-size: 20px;
}

.minibanner_price-asterisk {
    font-size: 32px;
    vertical-align: top;
    line-height: 0;
    margin-left: 2px;
    position: absolute;
    top: 42%;
    right: 7px;
}

  .minibanner_price-currency-circle {
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    background-color: var(--minibanner_color-lime);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--minibanner_color-white);
    font-weight: 700;
    font-size: 18px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    /* font-family: 'arboria-bold'; */
  }

  /* Botão Agendar */
  .minibanner_btn-agendar {
    background-color: var(--minibanner_color-bright-red);
    color: var(--minibanner_color-white);
    border: none;
    border-radius: 12px;
    font-size: 22px;
    width: 100%;
    height: 50px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-family: 'arboria-bold'; */
    font-weight:700;
    text-decoration: none;
  }

  .minibanner_btn-agendar:hover {
    background-color: var(--red-dark);
    color:var(--minibanner_branco);
    text-decoration: none;
  }
/* MINI BANNERS */


.container2 {
  width: 100%;
  max-width: 1310px;
  margin: auto;
  padding: 0 15px;
}