.bona-nova-sc-regular {
  font-family: "Bona Nova SC", serif;
  font-weight: 400;
  font-style: normal;
}

.bona-nova-sc-bold {
  font-family: "Bona Nova SC", serif;
  font-weight: 700;
  font-style: normal;
}

.bona-nova-sc-regular-italic {
  font-family: "Bona Nova SC", serif;
  font-weight: 400;
  font-style: italic;
}

/** <uniquifier>: Use a unique and descriptive class name
 <weight>: Use a value from 100 to 900 */
.roboto-condensed {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}
.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.anton-sc-regular {
  font-family: "Anton SC", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* ------- FONTES ASUTEC -------- */

/* Definições das Fontes */
@font-face { /* latin-ext */
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/play/v21/6aez4K2oVqwIvts2H68T.woff2) format('woff2'); /* Latin-ext */
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face { /* latin */
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/play/v21/6aez4K2oVqwIvtU2Hw.woff2) format('woff2'); /* Latin */
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* latin-ext */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRxy7m0dJ9pQOik20.woff2) format('woff2'); /* Latin-ext */
  unicode-range: U+0100-02AF, U+02BD-02BF, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face { /* latin */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRyS7m0dJ9pQOi.woff2) format('woff2'); /* Latin */
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { /* latin-ext */
  font-family: 'Michroma';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/michroma/v21/PN_zRfy9qWD8fEagAPgzpTnr_w.woff2) format('woff2'); /* Latin-ext */
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF, U+AB30-AB4F;
}
@font-face { /* latin */
  font-family: 'Michroma';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/michroma/v21/PN_zRfy9qWD8fEagAPg9pTk.woff2) format('woff2'); /* Latin */
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Aplicando as Fontes aos Elementos
Agora que você tem as regras `@font-face` corretas, você pode usar as classes para aplicar as 
fontes. O navegador irá reconhecer que "Play", "Montserrat" e "Michroma" são fontes que ele 
precisa usar e, graças aos seus `<link rel="preload">` e às regras `@font-face`, o download 
já terá começado. */
.play {
  font-family: "Play", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.montserrat {
  font-family: "Montserrat", sans-serif;
  font-weight: 400; /* Ou o peso que você precisa */
  font-style: normal;
  letter-spacing: 0.04rem;
}
.michroma {
  font-family: "Michroma", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.aldrich { /* Original name: aldrich-regular */
  font-family: "Aldrich", sans-serif;
  font-weight: 400;
  font-style: italic;
}

/* ------ / FONTES ASUTEC ------- */

body {
    margin: 0;
    background-color: rgb(64, 69, 72);
}

a, p, span, li {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    letter-spacing: .2rem;
    color: rgb(205, 218, 228);
}
/* anton-sc-regular h1-rsty */
h1{
  color: rgb(24, 26, 27);
}
.h1-sty {
  letter-spacing: .6rem; 
  /*color: rgb(222, 211, 181); 
  text-shadow: 3px 3px rgb(125, 104, 40);*/
  color: rgb(230, 228, 225);  
  text-shadow: 3px 3px rgb(87, 84, 77); 
  margin-top: 30px;
  font-size: 3.4rem;
}
.h1-rsty {
  letter-spacing: .3rem;
  /*color: rgb(177, 174, 172);*/
  color: rgb(230, 228, 225);  
  text-shadow: 3px 3px rgb(87, 84, 77);
  font-size: 3.2rem; /* 2.8rem */
}
/*.h1-rsty:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}*/
p {
  margin-top: -10px;
  font-size: 1.7rem;
}

.yellow-main {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: normal;
  text-align: center;
  width: 34vw;

  margin: 4vh auto 0;
  padding: 20px 20px 4%;
  border: 3px solid #c4bd7e;
  border-radius: 17px;
}

#logUser input {
  width: 24vw;
  height: 30px;

  letter-spacing: 4px;
  background: transparent;
}
form {
  width: 26vw;
  margin: 12px auto 3vh; /* 0 auto 3vh */
  text-align: center;
  /*border-style: outset;
  border-width: medium;*/
}
.reg-form {
  margin: 12px auto 12px !important;

}
form input {
  background: transparent;
}

a {
  color: black;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.b-btns {
  display: flex;
  flex-direction: row;
  margin: 0 auto 0; /* 0 auto */
  gap: 10px; /* 30px */
}
.b-btns button {
  width: 12vw;
  height: 70px;
  text-align: center;
  margin-top: 3vh;
  border: 0;
  border-radius: 8px;
  font-size: 1.4rem;
  
  background-color: #f5e782; /*#7ea7c4*/
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  transition:  all 0.2s ease;
  cursor: pointer;
  letter-spacing: .2rem;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.b-btns button:hover {
  background-color: #c4bd7e; /*#7ea7c4*/
}

/* MOBILE */
@media (max-width: 720px) {
  form {
    left: 20%;
    width: 200px; 
    top: 35vh;
    text-align: center;
  }
  #logUser input{
    letter-spacing: .1rem;
  }
  button {
      height: 40px;
      width: 180px;
      font-size: 1.6rem;
      letter-spacing: .1rem;
  }
  h1{
    font-size: 2.6rem;
  }
  p {
    font-size: 1.4rem;
  }
}

/* Pagina de Registro */
.user-type-container {
  margin: 10px 0;
  padding: 5px; /* 15px */
  background: #f4f4f4;
  border-radius: 5px;
  border: 1px solid #ddd;
  box-sizing: border-box; /* Garante que o padding não estoure a largura */
}
.type-title {
  margin: 0 0 10px 0;
  font-size: 0.9rem;
  font-weight: bold;
  color: #333;
  text-align: left;
}

/* 1. Cor da borda do círculo externo quando selecionado */
[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:after {
    border: 2px solid #dad181 !important;
}

/* 2. Cor do preenchimento do círculo interno (o ponto) */
[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:before {
    background-color: #dad181 !important;
    border: #dad181 !important;
}


/* Container das opções */
.radio-group {
    display: flex;
    gap: 30px; /* Espaço igual entre as opções */
    margin-top: 2px;
    padding: 3px 0;
}

/* Garante que a label do Materialize não ocupe 100% da largura */
.radio-group label {
    display: flex !important;
    align-items: center !important;
    margin-right: 0 !important; /* Resetando margens padrão */
    height: 25px; /* Altura fixa para alinhar verticalmente */
}

/* Ajuste fino no texto (span) do Materialize */
.radio-group label span {
    padding-left: 30px !important; /* Espaço para o círculo não encostar no texto */
    font-size: 1rem !important;
    color: #333 !important;
    line-height: 25px !important;
}

/*-----------------------------------------------*/

/* Estilo para o Toast de Sucesso  success */
.toast-success {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #22c55e; /* O mesmo verde das suas tags de 'concluído' */
    color: white;
    padding: 12px 24px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 4000;
    font-weight: 600;
    font-size: 0.9rem;
    animation: slideInRight 0.3s ease-out, fadeOut 0.5s 2.5s forwards;
}

/* Animações */
@keyframes slideInRight {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@keyframes fadeOut {
    to { opacity: 0; visibility: hidden; }
}

.toast-error {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #ef4444; /* Vermelho vibrante para erro */
    color: white;
    padding: 12px 24px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
    z-index: 4000;
    font-weight: 600;
    font-size: 0.9rem;
    animation: slideInRight 0.3s ease-out, fadeOut 0.5s 2.5s forwards;
}

/*-----------------------------------------------*/

/* ==========================================================================
   ESTILIZAÇÃO DO SELECT DE LOGIN (MATERIALIZE CUSTOM)
   ========================================================================== */

.login-select {
    width: 24vw;          /* Alinha perfeitamente com a largura dos seus inputs */
    margin: 20px auto;    /* Centraliza e dá espaçamento vertical */
    text-align: left;     /* Alinha a label à esquerda para melhor leitura */
}

/* Customização da Label do Select */
.login-select label {
    font-family: 'Trebuchet MS', sans-serif;
    color: rgb(205, 218, 228); /* Mesma cor dos parágrafos do sistema */
    font-size: 0.95rem;
    letter-spacing: 0.1rem;
    display: block;
    margin-bottom: 8px;
}

/* Customização do Input gerado pelo Materialize (o campo onde aparece a opção selecionada) */
.login-select .select-wrapper input.select-dropdown {
    color: rgb(230, 228, 225) !important; /* Cor do texto selecionado */
    border-bottom: 1px solid #c4bd7e !important; /* Borda inferior amarelada clássica do seu app */
    font-family: 'Trebuchet MS', sans-serif;
    letter-spacing: 0.1rem;
    padding-left: 5px;
    box-sizing: border-box;
}

/* Cor da setinha (ícone) do lado direito do select */
.login-select .select-wrapper .caret {
    fill: #c4bd7e !important;
}

/* Customização da lista de opções (Dropdown flutuante) */
.login-select .dropdown-content {
    background-color: rgb(50, 54, 57) !important; /* Fundo escuro combinando com o body */
    border: 1px solid #c4bd7e !important;
    border-radius: 4px;
}

/* Estilo para cada item/opção dentro do Dropdown */
.login-select .dropdown-content li > span {
    color: rgb(205, 218, 228) !important; /* Cor das letras das opções */
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 1rem;
    letter-spacing: 0.05rem;
    padding: 14px 16px;
}

/* Efeito de Hover ao passar o mouse pelas opções */
.login-select .dropdown-content li:hover, 
.login-select .dropdown-content li.selected {
    background-color: rgba(196, 189, 126, 0.2) !important; /* Fundo amarelo com transparência */
}

/* Ajuste Responsivo para Mobile */
@media (max-width: 720px) {
    .login-select {
        width: 200px; /* Iguala à largura definida no seu @media para o form */
    }
    .login-select .select-wrapper input.select-dropdown {
        letter-spacing: 0.05rem;
        font-size: 0.9rem;
    }
}

/* FONT TITLE */

.barlow-condensed-thin {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-condensed-extralight {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-condensed-light {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-condensed-regular {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-condensed-medium {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-condensed-semibold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-condensed-bold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-condensed-extrabold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-condensed-black {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-condensed-thin-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-condensed-extralight-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-condensed-light-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-condensed-regular-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-condensed-medium-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-condensed-semibold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-condensed-bold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-condensed-extrabold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-condensed-black-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-style: italic;
}