@charset "UTF-8";
/* line 1, app/assets/stylesheets/externo.scss */
:root {
  --pm-bg: #ffffff;
  --pm-border: #e9ecef;
  --pm-hover-bg: #f8f9fa;
  --pm-hover-border: #3c8dbc;
  --pm-focus: #2563eb;
  /* azul foco */
  --pm-selected-bg: #B9E9AF;
  /* verde do seu print */
  --pm-selected-border: #7dd66b;
  --pm-selected-text: #0f2a12;
  /* melhora contraste no verde */
  --pm-title: #2c3e50;
  --pm-desc: #6c757d;
  --pm-icon: #3c8dbc;
  --pm-shadow: 0 4px 14px rgba(0,0,0,.06);
  --pm-radius: 12px;
  --pm-pad: 16px 18px;
  --pm-gap: 14px;
  --pm-transition: .2s ease;
}

/* line 22, app/assets/stylesheets/externo.scss */
#recebimento-externo :is(h1, h3) {
  color: #444;
  font-weight: bold;
}

/* line 27, app/assets/stylesheets/externo.scss */
#recebimento-externo .text-color-white {
  color: #ffffff;
}

/* line 32, app/assets/stylesheets/externo.scss */
body.content-externo {
  flex: 1;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

/* line 39, app/assets/stylesheets/externo.scss */
.content-externo {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 47, app/assets/stylesheets/externo.scss */
.content-externo body {
  font-family: 'Poppins', sans-serif;
}

/* line 51, app/assets/stylesheets/externo.scss */
.content-externo :is(h1, h2, h5, h6) {
  color: #444;
  font-weight: bold;
}

/* line 56, app/assets/stylesheets/externo.scss */
.content-externo :is(label, th) {
  color: #444;
}

/* line 60, app/assets/stylesheets/externo.scss */
.content-externo #success-header {
  color: #FFFFFF;
}

/* line 64, app/assets/stylesheets/externo.scss */
.content-externo #location {
  color: #444;
  font-weight: normal;
}

/* line 69, app/assets/stylesheets/externo.scss */
.content-externo #save-btn {
  border: none;
  background: #87C979;
}

/* line 74, app/assets/stylesheets/externo.scss */
.content-externo .form-control:focus {
  border-color: #33393f !important;
  box-shadow: none;
}

/* line 79, app/assets/stylesheets/externo.scss */
.content-externo .btn-finish-event, .content-externo #btn-search-inscrito {
  background-color: #87C979;
  color: #FFFFFF;
  font-weight: bold;
}

/* line 85, app/assets/stylesheets/externo.scss */
.content-externo #btn-search-inscrito {
  border: none;
}

/* line 89, app/assets/stylesheets/externo.scss */
.content-externo .view-modal-share {
  background-color: #469d98;
}

/* line 94, app/assets/stylesheets/externo.scss */
#header-container {
  width: 100%;
  height: 60px;
  background-color: #1d242d;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}

/* line 106, app/assets/stylesheets/externo.scss */
#field_img > img {
  width: 145px;
  height: 30px;
}

/* line 113, app/assets/stylesheets/externo.scss */
#content-main {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

/* line 122, app/assets/stylesheets/externo.scss */
.main-content-wrapper {
  padding: 20px;
  flex: 1;
}

/* line 128, app/assets/stylesheets/externo.scss */
#banner {
  display: flex;
  position: relative;
  width: 100%;
  height: 80vh;
  /* Altura reduzida */
  overflow: hidden;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}

/* line 139, app/assets/stylesheets/externo.scss */
#banner_back_img {
  position: absolute;
  width: 100%;
  height: 100%;
  filter: blur(12px);
  /* Blur ajustado */
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}

/* line 148, app/assets/stylesheets/externo.scss */
#banner_front_img {
  position: relative;
  border-radius: 10px;
  max-width: 85%;
  /* Diminuído para responsividade */
  height: auto;
  z-index: 1;
}

/* line 158, app/assets/stylesheets/externo.scss */
#searchCPFORCNPG {
  display: flex;
  align-items: flex-start;
}

/* line 163, app/assets/stylesheets/externo.scss */
#input-cpf-cnpj {
  flex: 2;
}

/* line 167, app/assets/stylesheets/externo.scss */
#btn-searchform {
  flex: 1;
  align-items: center;
  margin-top: 30px;
}

/* line 173, app/assets/stylesheets/externo.scss */
#content_and_values_event {
  width: 80%;
  display: flex;
  justify-content: center;
  margin: 20px auto;
  flex: 1;
}

/* line 181, app/assets/stylesheets/externo.scss */
#content_event {
  flex: 70%;
  max-width: 70%;
  padding: 30px;
  background-color: #FFFFFF;
  border-radius: 10px;
}

/* line 189, app/assets/stylesheets/externo.scss */
#content_event > h2 {
  font-weight: 700;
}

/* line 194, app/assets/stylesheets/externo.scss */
#content_share_button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 201, app/assets/stylesheets/externo.scss */
#content_share_button > h2 {
  font-weight: 700;
  flex-grow: 1;
  max-width: 75%;
}

/* line 207, app/assets/stylesheets/externo.scss */
#share-button {
  margin-left: auto;
}

/* Estilos específicos para dispositivos móveis */
@media (max-width: 650px) {
  /* line 213, app/assets/stylesheets/externo.scss */
  #content_share_button {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 218, app/assets/stylesheets/externo.scss */
  #content_share_button > h2 {
    max-width: 100%;
  }
  /* line 222, app/assets/stylesheets/externo.scss */
  #share-button {
    align-self: flex-start;
    margin-bottom: 20px;
    margin-left: inherit;
  }
}

/* line 229, app/assets/stylesheets/externo.scss */
.location_icon {
  font-size: 15px;
  margin-bottom: 5px;
}

/* line 234, app/assets/stylesheets/externo.scss */
#Description_event {
  font-size: 15px;
  text-align: justify;
}

/* line 239, app/assets/stylesheets/externo.scss */
#Description_event_title {
  margin: 10px 0 10px 0;
  font-weight: 600;
}

/* line 244, app/assets/stylesheets/externo.scss */
#content_event > #new_diverso div > label {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90%;
}

/* line 251, app/assets/stylesheets/externo.scss */
#Description_event p > img {
  width: 100%;
  height: auto;
}

/* line 258, app/assets/stylesheets/externo.scss */
#alentList {
  justify-content: center;
  margin: 10px;
  padding: 10px;
  font-size: 15px;
  color: #FFFFFF;
  font-weight: bold;
  border-radius: 10px;
  background-color: #F68D68;
}

/* line 269, app/assets/stylesheets/externo.scss */
#values_event {
  flex: 30%;
  max-width: 100%;
  width: 100%;
  height: 100%;
  margin: 0 10px;
  border-radius: 10px;
  background-color: #FFFFFF;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
}

/* line 281, app/assets/stylesheets/externo.scss */
#values_event_header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #1d242d;
  border-radius: 10px 10px 0 0;
  color: #ffffff;
  padding: 10px;
}

/* line 292, app/assets/stylesheets/externo.scss */
.values_event_header_item {
  font-size: 20px;
}

/* line 297, app/assets/stylesheets/externo.scss */
#summary {
  margin: 10px;
  padding: 10px;
}

/* line 302, app/assets/stylesheets/externo.scss */
#summary_header, #summary_discount, #summary_total {
  display: flex;
  justify-content: space-between;
}

/* line 307, app/assets/stylesheets/externo.scss */
.values_event_header_item_summary {
  color: #444;
  font-weight: normal;
  font-size: 14px;
}

/* line 313, app/assets/stylesheets/externo.scss */
.values_event_header_item_summary_titles {
  font-weight: 500;
  color: #444;
}

/* line 318, app/assets/stylesheets/externo.scss */
.separator_detailing {
  width: 100%;
  height: 1px;
  border-radius: 10px;
  background-color: #8d8c8c;
  margin: 0 0 10px 0;
}

/* line 326, app/assets/stylesheets/externo.scss */
#values_event_cupom {
  display: flex;
  justify-content: center;
  margin: 10px;
  flex-direction: column;
  text-align: center;
}

/* line 334, app/assets/stylesheets/externo.scss */
#cupom-evento > input {
  width: 100%;
  margin-bottom: 10px;
}

/* line 339, app/assets/stylesheets/externo.scss */
#btn-cupom {
  width: 100%;
  cursor: pointer;
  background-color: #33393f;
  border: none;
  border-radius: 5px;
  color: #ffffff;
  font-weight: bold;
  padding: 5px;
}

/* line 350, app/assets/stylesheets/externo.scss */
#values_event_finishBTN {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px;
}

/* line 358, app/assets/stylesheets/externo.scss */
#values_event_finishBTN > button {
  width: 90%;
  padding: 10px;
  background-color: #87c979;
  border: none;
  border-radius: 5px;
  color: #ffffff;
  font-weight: bold;
}

/* line 368, app/assets/stylesheets/externo.scss */
.values_event_body_detailing {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 375, app/assets/stylesheets/externo.scss */
.values_event_item {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 10px;
  margin: 10px;
}

/* line 383, app/assets/stylesheets/externo.scss */
.item-cupom {
  display: flex;
  flex-direction: column;
  flex: 70%;
}

/* line 389, app/assets/stylesheets/externo.scss */
.item-cupom-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  color: #444;
}

/* line 396, app/assets/stylesheets/externo.scss */
.item-cupom-value {
  font-size: 15px;
  font-weight: 400;
  color: #4b646f;
}

/* line 402, app/assets/stylesheets/externo.scss */
.counter {
  display: flex;
  flex: 10%;
}

/* line 407, app/assets/stylesheets/externo.scss */
.decrement, .increment {
  width: 20px;
  height: 20px;
  background-color: #469d98;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: #FFFFFF;
  font-size: 17px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
}

/* line 423, app/assets/stylesheets/externo.scss */
.count {
  font-size: 15px;
  width: 20px;
  display: inline-block;
  text-align: center;
}

/* line 430, app/assets/stylesheets/externo.scss */
#cupomInfor {
  font-weight: bold;
  background-color: #e64949;
  color: #FFFFFF;
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
}

/* line 439, app/assets/stylesheets/externo.scss */
.ingressos_disponiveis {
  font-size: 15px;
  font-weight: 600;
}

/* line 445, app/assets/stylesheets/externo.scss */
.evento-footer {
  width: 100%;
  background-color: #1d242d;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 10px;
  margin-top: auto;
  flex-shrink: 0;
}

/* line 456, app/assets/stylesheets/externo.scss */
#inscricao-footer {
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}

/* line 462, app/assets/stylesheets/externo.scss */
#inscricao-footer a {
  margin-top: 5px;
}

/* line 466, app/assets/stylesheets/externo.scss */
body.no-background {
  background: #d2d6de none;
}

/* line 472, app/assets/stylesheets/externo.scss */
.header-indisponivel-title {
  background-color: #f7e5e3;
  text-align: center;
  margin-top: 0;
  padding: 7px 10px;
}

/* line 479, app/assets/stylesheets/externo.scss */
.content-externo-indisponivel {
  width: 40%;
  margin: auto;
}

/* line 484, app/assets/stylesheets/externo.scss */
#content-inscricao {
  max-width: 900px;
}

/* line 488, app/assets/stylesheets/externo.scss */
.banner-top {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-bottom: 20px;
  max-width: 900px;
  /* actual img width */
  max-height: 300px;
  /* actual img height */
  *height: 300px;
  /* actual img height - IE7 */
  background-size: cover;
  background-position: center;
}

/* line 499, app/assets/stylesheets/externo.scss */
.banner-top:after {
  content: " ";
  display: block;
  width: 100%;
  padding-top: 33.333%;
  /* 3:1 ratio */
}

/* line 506, app/assets/stylesheets/externo.scss */
.content-externo .help-block {
  color: #444;
}

/* line 510, app/assets/stylesheets/externo.scss */
.box-header-2 {
  background-color: #2b87b5;
}

/* line 516, app/assets/stylesheets/externo.scss */
.aviso {
  margin: 0px -10px 10px -10px;
  padding: 10px;
  color: #444;
  background: #f8f9fa;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
}

/* line 526, app/assets/stylesheets/externo.scss */
.aviso.color-red {
  background: #E57373;
  padding: 15px;
}

/* line 530, app/assets/stylesheets/externo.scss */
.aviso.color-red p {
  font-size: 15px;
}

/* line 535, app/assets/stylesheets/externo.scss */
.aviso p {
  margin: 0;
}

/* line 539, app/assets/stylesheets/externo.scss */
.campo_forma_pagemento {
  background-color: antiquewhite;
  padding: 10px;
  border-radius: 10px;
  margin: 10px;
  color: #0f0f0f;
  text-align: justify;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 551, app/assets/stylesheets/externo.scss */
.alertActive {
  display: inline-block;
}

/* line 555, app/assets/stylesheets/externo.scss */
.alertNotActive {
  display: none;
}

/* line 561, app/assets/stylesheets/externo.scss */
a.logo-grande {
  color: #444;
  font-size: 60px;
}

@media (max-width: 480px) {
  /* line 561, app/assets/stylesheets/externo.scss */
  a.logo-grande {
    font-size: 38px;
  }
}

/* line 570, app/assets/stylesheets/externo.scss */
.acesso-titulo {
  margin-left: 0;
  margin-right: 0;
  padding-top: 5%;
  text-align: center;
}

/* line 577, app/assets/stylesheets/externo.scss */
.acesso-conteudo {
  margin-left: 0;
  margin-right: 0;
}

/* line 582, app/assets/stylesheets/externo.scss */
.under-btn {
  margin-top: 5%;
  margin-bottom: 10%;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  /* line 589, app/assets/stylesheets/externo.scss */
  #banner {
    height: auto;
    min-height: unset;
  }
  /* line 593, app/assets/stylesheets/externo.scss */
  #banner_front_img {
    position: static;
    width: 100%;
    height: auto;
  }
  /* line 599, app/assets/stylesheets/externo.scss */
  .content-externo-indisponivel {
    width: 100%;
    margin: auto;
  }
  /* line 605, app/assets/stylesheets/externo.scss */
  #content_and_values_event {
    width: 100%;
    justify-content: center;
    flex-direction: column-reverse;
    padding: 0 10px;
    margin: 0;
  }
  /* line 613, app/assets/stylesheets/externo.scss */
  #values_event {
    position: static;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 10px 0;
  }
  /* line 621, app/assets/stylesheets/externo.scss */
  #content_event {
    width: 100%;
    max-width: 100%;
    padding: 30px;
    background-color: #FFFFFF;
    border-radius: 10px;
  }
  /* line 629, app/assets/stylesheets/externo.scss */
  #Description_event {
    font-size: 15px;
    text-align: justify;
    max-width: 100%;
    overflow-x: hidden;
  }
  /* line 636, app/assets/stylesheets/externo.scss */
  #Description_event p > img {
    width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 390px) {
  /* line 643, app/assets/stylesheets/externo.scss */
  #banner {
    height: auto;
    min-height: unset;
  }
  /* line 647, app/assets/stylesheets/externo.scss */
  #banner_front_img {
    position: static;
    width: 100%;
    height: auto;
  }
  /* line 653, app/assets/stylesheets/externo.scss */
  #content_and_values_event {
    padding: 0 10px;
    margin: 0;
  }
  /* line 658, app/assets/stylesheets/externo.scss */
  #Description_event > img {
    width: 100%;
    height: auto;
  }
}

/* line 667, app/assets/stylesheets/externo.scss */
.content-externo-associados :is(h1, h2, h3, h4, h5, h6) :not(.text-form-h3) {
  color: #FFFFFF;
  font-weight: bold;
}

/* line 672, app/assets/stylesheets/externo.scss */
#content-associados-sucesso {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 678, app/assets/stylesheets/externo.scss */
main.content-externo-associados-sucesso {
  flex: 1;
  width: 80%;
  text-align: center;
  margin: 0 auto;
  /* Centraliza o conteúdo horizontalmente */
  box-sizing: border-box;
  padding: 20px;
  /* Ajuste conforme necessário */
}

/* line 687, app/assets/stylesheets/externo.scss */
.content-externo-associados {
  box-sizing: border-box;
}

/* line 691, app/assets/stylesheets/externo.scss */
.content-externo-associados {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 699, app/assets/stylesheets/externo.scss */
.content-externo-associados div.content-alerts {
  padding-top: 0;
}

/* line 703, app/assets/stylesheets/externo.scss */
.content-externo-associados div.content-alerts > .alert-error {
  margin-top: 0;
  margin-bottom: 20px;
}

/* line 708, app/assets/stylesheets/externo.scss */
.content-externo-associados > main {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 12px;
  min-height: 100%;
}

/* line 717, app/assets/stylesheets/externo.scss */
.content-externo-associados #container-description, .content-externo-associados #container-form {
  padding: 10px;
  margin: 5px;
  border-radius: 10px;
}

/* line 723, app/assets/stylesheets/externo.scss */
.content-externo-associados #container-description {
  width: 40%;
  padding: 10px;
  background-color: #fff;
}

/* line 729, app/assets/stylesheets/externo.scss */
.content-externo-associados #container-description img {
  max-width: 100%;
}

/* line 733, app/assets/stylesheets/externo.scss */
.content-externo-associados #container-form {
  width: 60%;
  background-color: #fff;
}

@media (max-width: 800px) {
  /* line 739, app/assets/stylesheets/externo.scss */
  .content-externo-associados .content-externo-associados-sucesso {
    width: 100%;
    margin: auto;
    text-align: center;
  }
  /* line 744, app/assets/stylesheets/externo.scss */
  .content-externo-associados > main {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  /* line 750, app/assets/stylesheets/externo.scss */
  .content-externo-associados #container-description {
    width: 100%;
    margin: 0 0 15px 0;
  }
  /* line 755, app/assets/stylesheets/externo.scss */
  .content-externo-associados #container-form {
    width: 100%;
  }
}

@media (max-width: 600px) {
  /* line 761, app/assets/stylesheets/externo.scss */
  .content-externo-associados-sucesso {
    width: 100%;
    margin: auto;
    text-align: center;
  }
  /* line 766, app/assets/stylesheets/externo.scss */
  #container-description img {
    max-width: 100%;
    height: 400px;
  }
}

/* -------------------------------  background - EVENTO Disponivel e INDISPONIVEL ------------------------------------*/
/* Pagina conteúdo total */
/* line 774, app/assets/stylesheets/externo.scss */
.full-page-content {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* 2. Fundo e Overlay (Fixos) */
/* line 782, app/assets/stylesheets/externo.scss */
.background-evento-layout {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  filter: blur(4px);
  z-index: -2;
}

/* line 794, app/assets/stylesheets/externo.scss */
.hero-evento-layout {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: #ffffff;
  z-index: 1;
  text-align: center;
}

/* ------------------------------- NOVA TELA DE ERRO E EVENTO INDISPONIVEL ------------------------------------*/
/* line 810, app/assets/stylesheets/externo.scss */
.overlay-evento-layout {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(6, 13, 25, 0.863);
  z-index: -1;
}

/* line 820, app/assets/stylesheets/externo.scss */
.overlay-evento-layout.error-screen {
  color: #FFFFFF;
  background: rgba(176, 59, 46, 0.97);
}

/* line 825, app/assets/stylesheets/externo.scss */
.content-title-evento-layout {
  margin-bottom: 50px;
}

/* line 829, app/assets/stylesheets/externo.scss */
.content-title-evento-layout h1 {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
}

/* --------- ICONE DO TITULO --------- */
/* line 839, app/assets/stylesheets/externo.scss */
.error-icon {
  color: #ffffff;
  font-size: 50px;
}

/* line 844, app/assets/stylesheets/externo.scss */
.content-info-evento-indisponivel {
  max-width: 600px;
  margin-bottom: 20px;
  text-align: left;
  transform: translate(-50%, 20%);
}

/* line 851, app/assets/stylesheets/externo.scss */
.content-info-evento-indisponivel, #info-one, #info-two {
  color: #ffffff;
}

/* line 856, app/assets/stylesheets/externo.scss */
#info-one {
  padding: 25px 0;
}

/* line 860, app/assets/stylesheets/externo.scss */
#info-two {
  font-size: 13px;
}

/* line 864, app/assets/stylesheets/externo.scss */
.content-info-evento-indisponivel #info-two p {
  font-size: 1.2em;
  margin: 10px 0;
}

/* line 869, app/assets/stylesheets/externo.scss */
.content-info-evento-indisponivel #info-two a {
  color: #ffffff;
  text-decoration: none;
}

/* --------- Rodapé  --------- */
/* line 876, app/assets/stylesheets/externo.scss */
.evento-indisponivel-footer {
  flex-shrink: 0;
  width: 100%;
  /* background-color: #01562f;  */
  padding: 20px 0;
  text-align: center;
  z-index: 1;
  /*border-top: 1px solid rgba(255,255,255,0.1);*/
}

/* line 886, app/assets/stylesheets/externo.scss */
.evento-indisponivel-footer-p {
  font-size: 13px;
  color: #ffffff;
  margin-bottom: 10px;
}

/* --------------------- */
/* line 894, app/assets/stylesheets/externo.scss */
#field-img-evento-indisponivel > img {
  width: 135px;
}

/* Estilos específicos para dispositivos móveis - novas telas de evento indisponivel, erro e sucesso*/
@media (max-width: 768px) {
  /* line 901, app/assets/stylesheets/externo.scss */
  .content-title-evento-indisponivel h1 {
    font-size: 2em;
  }
  /* line 904, app/assets/stylesheets/externo.scss */
  .content-info-evento-indisponivel {
    width: 50%;
    margin: 0 auto;
    font-size: 1em;
  }
  /* line 910, app/assets/stylesheets/externo.scss */
  #info-one {
    font-size: 0.9em;
  }
  /* line 913, app/assets/stylesheets/externo.scss */
  #info-two {
    font-size: 0.7em;
  }
  /* line 917, app/assets/stylesheets/externo.scss */
  .content-info-footer-sucesso {
    width: 50%;
    margin: 0 auto;
    font-size: 1em;
  }
  /* line 923, app/assets/stylesheets/externo.scss */
  .c {
    width: 70%;
    margin: 0 auto;
    font-size: 1em;
  }
  /* line 929, app/assets/stylesheets/externo.scss */
  .pix-text {
    text-align: center;
    word-wrap: break-word;
    word-break: break-all;
    width: 100%;
    font-size: 15px;
  }
}

/* NOVA TELA DE SUCESSO AO SE INSCREVER EM UM EVENTO */
/* 1. Estrutura do Body/Container Principal */
/* line 943, app/assets/stylesheets/externo.scss */
body.sucesso-layout-body {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: 'Poppins', sans-serif;
  position: relative;
  background-color: #01562f;
}

/* line 954, app/assets/stylesheets/externo.scss */
.overlay-evento-sucesso {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #01562ff0;
  z-index: -1;
}

/* --------- TITULO --------- */
/* line 966, app/assets/stylesheets/externo.scss */
.content-title-sucesso {
  margin-bottom: 30px;
}

/* line 970, app/assets/stylesheets/externo.scss */
.success-icon {
  font-size: 80px;
  color: #ffffff;
  margin-bottom: 20px;
}

/* line 976, app/assets/stylesheets/externo.scss */
.content-title-sucesso h1 {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
}

/* line 982, app/assets/stylesheets/externo.scss */
.waiting-icon {
  color: #ffffff;
  font-size: 80px;
}

/* --------- QR code --------- */
/* line 990, app/assets/stylesheets/externo.scss */
.content-qrcode {
  background: #ffffff;
  padding: 15px;
  border-radius: 12px;
  margin-bottom: 25px;
  display: inline-block;
}

/* line 998, app/assets/stylesheets/externo.scss */
.content-qrcode svg {
  width: 100% !important;
  height: 100% !important;
  /* zoom: 0.6; */
}

/* --------- Container de Copiar PIX --------- */
/* line 1016, app/assets/stylesheets/externo.scss */
.copy-pix-container {
  display: flex;
  background: #ffffff;
  border-radius: 8px;
  padding: 4px;
  margin-top: 20px;
  width: 100%;
  /*max-width: 450px;*/
  border: 1px solid #ddd;
}

/* line 1027, app/assets/stylesheets/externo.scss */
.copy-pix-container input {
  flex: 1;
  border: none;
  padding: 10px;
  outline: none;
  font-family: monospace;
  color: #333;
  background: transparent;
}

/* line 1037, app/assets/stylesheets/externo.scss */
.copy-pix-container button {
  background-color: #006594;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: bold;
  transition: background 0.3s;
}

/* line 1048, app/assets/stylesheets/externo.scss */
.copy-pix-container button:hover {
  background-color: #004d71;
}

/* --- Media Query para Mobile - SUCESSO AO SE INSCREVER EM UM EVENTO --- */
@media (max-width: 600px) {
  /* line 1054, app/assets/stylesheets/externo.scss */
  .content-title-sucesso h1 {
    font-size: 3rem;
  }
  /* line 1058, app/assets/stylesheets/externo.scss */
  .success-icon {
    font-size: 60px;
  }
  /* line 1062, app/assets/stylesheets/externo.scss */
  .copy-pix-container {
    flex-direction: column;
    background: transparent;
    border: none;
  }
  /* line 1068, app/assets/stylesheets/externo.scss */
  .copy-pix-container input {
    background: white;
    margin-bottom: 8px;
    border-radius: 6px;
    text-align: center;
  }
  /* line 1075, app/assets/stylesheets/externo.scss */
  .copy-pix-container button {
    width: 100%;
  }
}

/* line 1081, app/assets/stylesheets/externo.scss */
#qr-code-text {
  font-weight: 700;
  color: #ffffff;
  word-wrap: break-word;
}

/* ---------------------------Informação (Boleto / Pix / Contato) ------------------------------------ */
/* line 1089, app/assets/stylesheets/externo.scss */
.content-info-waiting-boleto,
.content-info-waiting-pix,
.content-info-footer-sucesso {
  max-width: 600px;
  margin-bottom: 20px;
}

/* line 1096, app/assets/stylesheets/externo.scss */
.content-info-waiting-boleto h4,
.content-info-waiting-pix h4 {
  font-weight: 600;
  margin-bottom: 10px;
}

/* line 1102, app/assets/stylesheets/externo.scss */
.content-info-waiting-pix p {
  font-size: 15px;
  color: #ffffff;
}

/* line 1107, app/assets/stylesheets/externo.scss */
.content-info-waiting-boleto h5 {
  font-weight: 400;
  opacity: 0.9;
}

/* --------------------------------------------------------------- */
/* ESTILOS PARA SISTEMA DE ETAPAS */
/* Container das etapas */
/* line 1117, app/assets/stylesheets/externo.scss */
.form-steps-container {
  margin-bottom: 30px;
}

/* Indicador de progresso das etapas */
/* line 1122, app/assets/stylesheets/externo.scss */
.steps-indicator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  overflow-x: auto;
}

/* line 1134, app/assets/stylesheets/externo.scss */
.step-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 80px;
  position: relative;
  opacity: 0.5;
  transition: all 0.3s ease;
}

/* line 1145, app/assets/stylesheets/externo.scss */
.step-item.active {
  opacity: 1;
  transform: scale(1.05);
}

/* line 1150, app/assets/stylesheets/externo.scss */
.step-item.completed {
  opacity: 1;
}

/* line 1154, app/assets/stylesheets/externo.scss */
.step-item.completed:not(:last-child)::after {
  background: #87c979;
}

/* line 1158, app/assets/stylesheets/externo.scss */
.step-number {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ccc;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 0.9rem;
  z-index: 2;
  position: relative;
  transition: all 0.3s ease;
}

/* line 1174, app/assets/stylesheets/externo.scss */
.step-item.active .step-number {
  background: #469d98;
  box-shadow: 0 0 0 4px rgba(70, 157, 152, 0.2);
}

/* line 1179, app/assets/stylesheets/externo.scss */
.step-item.completed .step-number {
  background: #87C979;
}

/* line 1183, app/assets/stylesheets/externo.scss */
.step-item.completed .step-number::before {
  content: '✓';
  font-size: 0.8rem;
}

/* line 1188, app/assets/stylesheets/externo.scss */
.step-title {
  font-size: 1rem;
  font-weight: 500;
  color: #666;
  text-align: center;
  line-height: 1.2;
}

/* line 1196, app/assets/stylesheets/externo.scss */
.step-item.active .step-title {
  color: #469d98;
  font-weight: 600;
}

/* line 1201, app/assets/stylesheets/externo.scss */
.step-item.completed .step-title {
  color: #87c979;
  font-weight: 600;
}

/* Etapas do formulário */
/* line 1207, app/assets/stylesheets/externo.scss */
.form-step {
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* line 1216, app/assets/stylesheets/externo.scss */
.step-content {
  padding: 0;
}

/* line 1220, app/assets/stylesheets/externo.scss */
.step-content .box {
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

/* line 1227, app/assets/stylesheets/externo.scss */
.step-content .box-header {
  background: #f8f9fa;
  border-bottom: 1px solid #e1e1e1;
  padding: 20px;
}

/* line 1233, app/assets/stylesheets/externo.scss */
.step-content .box-header h3 {
  margin: 0;
  color: #333;
  font-size: 1.2rem;
}

/* line 1239, app/assets/stylesheets/externo.scss */
.step-description {
  margin: 5px 0 0 0;
  color: #666;
  font-size: 1.2rem;
  font-weight: normal;
}

/* line 1246, app/assets/stylesheets/externo.scss */
.step-content .box-body {
  padding: 20px;
}

/* Navegação das etapas */
/* line 1251, app/assets/stylesheets/externo.scss */
.step-navigation {
  padding: 20px;
  background: #f8f9fa;
  border-top: 1px solid #e1e1e1;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

/* line 1260, app/assets/stylesheets/externo.scss */
.step-navigation .btn {
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Botões das etapas */
/* line 1270, app/assets/stylesheets/externo.scss */
.btn-next {
  background-color: #33393f;
  border-color: #33393f;
  color: white;
}

/* line 1276, app/assets/stylesheets/externo.scss */
.btn-next:hover {
  background-color: #33393f;
  border-color: #33393f;
}

/* line 1281, app/assets/stylesheets/externo.scss */
.btn-prev {
  background-color: #6c757d;
  border-color: #6c757d;
  color: white;
}

/* line 1287, app/assets/stylesheets/externo.scss */
.btn-prev:hover {
  background-color: #545b62;
  border-color: #545b62;
}

/* line 1292, app/assets/stylesheets/externo.scss */
.btn-finish {
  background-color: #33393f;
  border-color: #33393f;
  color: white;
}

/* line 1298, app/assets/stylesheets/externo.scss */
.btn-finish:hover {
  background-color: #33393f;
  border-color: #33393f;
}

/* line 1303, app/assets/stylesheets/externo.scss */
.step-navigation .btn-next:hover {
  background: #33393f;
  transform: translateY(-1px);
}

/* line 1308, app/assets/stylesheets/externo.scss */
.step-navigation .btn-finish:hover {
  background: #218838;
  transform: translateY(-1px);
}

/* line 1313, app/assets/stylesheets/externo.scss */
.step-navigation .btn:disabled {
  background: #ccc;
  cursor: not-allowed;
  transform: none;
}

/* Layout responsivo para etapas */
@media (max-width: 768px) {
  /* line 1321, app/assets/stylesheets/externo.scss */
  .steps-indicator {
    padding: 15px 10px;
    gap: 10px;
  }
  /* line 1326, app/assets/stylesheets/externo.scss */
  .step-item {
    min-width: 60px;
  }
  /* line 1330, app/assets/stylesheets/externo.scss */
  .step-number {
    width: 25px;
    height: 25px;
    font-size: 0.8rem;
  }
  /* line 1336, app/assets/stylesheets/externo.scss */
  .step-title {
    font-size: 0.75rem;
  }
  /* line 1340, app/assets/stylesheets/externo.scss */
  .step-item:not(:last-child)::after {
    width: 20px;
    left: calc(100% + 5px);
  }
  /* line 1345, app/assets/stylesheets/externo.scss */
  .step-navigation {
    padding: 15px;
    flex-direction: column;
  }
  /* line 1350, app/assets/stylesheets/externo.scss */
  .step-navigation .btn {
    width: 100%;
  }
}

/* Unificar cor do texto */
/* Formas de pagamento como radio buttons */
/* line 1358, app/assets/stylesheets/externo.scss */
.payment-method-options {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 20px 0;
}

/* Cartão da opção */
/* line 1366, app/assets/stylesheets/externo.scss */
.payment-option {
  display: flex;
  align-items: center;
  gap: var(--pm-gap);
  padding: var(--pm-pad);
  border: 2px solid var(--pm-selected-border);
  border-radius: var(--pm-radius);
  cursor: pointer;
  transition: border-color var(--pm-transition);
  box-shadow: 0 4px 14px rgba(185, 233, 175, 0.15);
  color: var(--pm-selected-text);
  will-change: transform;
}

/* Hover e active (mouse) */
/* line 1381, app/assets/stylesheets/externo.scss */
.payment-option:hover {
  border-color: #7dd66b;
  background: #B9E9AF;
  transform: translateY(-1px);
}

/* line 1387, app/assets/stylesheets/externo.scss */
.payment-option:active {
  transform: translateY(0);
}

/* Acessibilidade: foco via teclado */
/* line 1392, app/assets/stylesheets/externo.scss */
.payment-option:focus-within {
  outline: 3px solid transparent;
  box-shadow: 0 0 0 3px rgba(125, 214, 107, 0.25), var(--pm-shadow);
  border-color: #7dd66b;
}

/* Estado selecionado */
/* line 1399, app/assets/stylesheets/externo.scss */
.payment-option.selected {
  background: #B9E9AF;
  border-color: #7dd66b;
  color: #0f2a12;
}

/* line 1405, app/assets/stylesheets/externo.scss */
.payment-option.selected .payment-title,
.payment-option.selected .payment-description,
.payment-option.selected .payment-icon {
  color: #0f2a12;
  opacity: .95;
}

/* Radio: mantém acessível mas com visual melhor */
/* line 1413, app/assets/stylesheets/externo.scss */
.payment-option input[type="radio"] {
  margin: 0 4px 0 2px;
  width: 18px;
  height: 18px;
  accent-color: #0f2a12;
  flex: 0 0 auto;
  transform: none;
}

/* Ícone + textos */
/* line 1423, app/assets/stylesheets/externo.scss */
.payment-option .payment-icon {
  font-size: 26px;
  color: #7dd66b;
  line-height: 1;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
}

/* line 1433, app/assets/stylesheets/externo.scss */
.payment-option .payment-info {
  flex: 1;
  min-width: 0;
}

/* line 1438, app/assets/stylesheets/externo.scss */
.payment-option .payment-title {
  font-weight: 700;
  font-size: 16px;
  color: #0f2a12;
  margin: 0 0 3px;
}

/* line 1445, app/assets/stylesheets/externo.scss */
.payment-option .payment-description {
  font-size: 14px;
  color: #0f2a12;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1454, app/assets/stylesheets/externo.scss */
.payment-option.is-disabled {
  opacity: .55;
  cursor: not-allowed;
  filter: grayscale(0.1);
  background: #e9ecef;
  border-color: #e9ecef;
  color: #6c757d;
}

/* line 1463, app/assets/stylesheets/externo.scss */
.payment-option.is-disabled input[type="radio"] {
  pointer-events: none;
}

/* Nota/ajuda abaixo (do seu print) */
/* line 1468, app/assets/stylesheets/externo.scss */
.payment-note {
  padding: 14px 16px;
  border-radius: var(--pm-radius);
  background: #f7f9fc;
  border: 1px solid #e6eef8;
  color: #334155;
  font-size: 14px;
}

/* Modal fullscreen para inscritos */
/* line 1478, app/assets/stylesheets/externo.scss */
.modal-fullscreen {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  max-width: none;
}

/* line 1486, app/assets/stylesheets/externo.scss */
.modal-fullscreen .modal-content {
  height: 100vh;
  border-radius: 0;
}

/* line 1491, app/assets/stylesheets/externo.scss */
.modal-fullscreen .modal-body {
  padding: 30px;
  overflow-y: auto;
  max-height: calc(100vh - 120px);
}

/* line 1497, app/assets/stylesheets/externo.scss */
.modal-fullscreen .modal-header {
  padding: 20px 30px;
  border-bottom: 1px solid #dee2e6;
}

/* line 1502, app/assets/stylesheets/externo.scss */
.modal-fullscreen .modal-footer {
  padding: 20px 30px;
  border-top: 1px solid #dee2e6;
}

/* Campos específicos de pagamento */
/* line 1508, app/assets/stylesheets/externo.scss */
#payment-details {
  margin-top: 20px;
}

/* line 1512, app/assets/stylesheets/externo.scss */
.payment-info-box {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 20px;
}

/* line 1520, app/assets/stylesheets/externo.scss */
.payment-info-box p {
  margin: 0;
  color: #6c757d;
  font-size: 14px;
}

/* line 1526, app/assets/stylesheets/externo.scss */
#cartao-details .row {
  margin-bottom: 15px;
}

/* line 1530, app/assets/stylesheets/externo.scss */
#cartao-details .form-group,
#boleto-details .form-group {
  margin-bottom: 15px;
}

/* Melhorar aparência dos termos na aba responsável */
/* line 1537, app/assets/stylesheets/externo.scss */
#termos_responsabilidade .box {
  margin-top: 20px;
  border: 1px solid #e9ecef;
  border-radius: 8px;
}

/* line 1543, app/assets/stylesheets/externo.scss */
#termos_responsabilidade .checkbox label {
  font-weight: normal;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

/* Botões com nova cor */
/* line 1556, app/assets/stylesheets/externo.scss */
.step-navigation .btn-finish:hover {
  background: #218838;
  transform: translateY(-1px);
}

/* ===== ESTILOS PARA GOOGLE SIGN-IN E MELHORIAS DE UX ===== */
/* Seção do Google Login */
/* line 1564, app/assets/stylesheets/externo.scss */
#google-login-section {
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 20px;
  background-color: #f8f9fa;
  margin: 15px 0;
  text-align: center;
}

/* line 1573, app/assets/stylesheets/externo.scss */
#google-login-section .g_id_signin {
  display: inline-block;
  margin: 0 auto;
}

/* Garantir que o botão Google fique centralizado */
/* line 1579, app/assets/stylesheets/externo.scss */
#google-login-section > div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* Centralização específica para elementos do Google */
/* line 1587, app/assets/stylesheets/externo.scss */
#google-login-section .g_id_signin,
#google-login-section #g_id_onload {
  margin: 0 auto;
  text-align: center;
}

/* line 1593, app/assets/stylesheets/externo.scss */
#google-login-section p {
  margin-bottom: 15px;
  color: #666;
  font-size: 14px;
}

/* Divisor "OU" */
/* line 1600, app/assets/stylesheets/externo.scss */
.divider-or {
  position: relative;
  text-align: center;
  margin: 15px 0;
}

/* line 1606, app/assets/stylesheets/externo.scss */
.divider-or::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: #ddd;
}

/* line 1616, app/assets/stylesheets/externo.scss */
.divider-or span {
  background: white;
  padding: 0 15px;
  color: #999;
  font-weight: 600;
  position: relative;
  z-index: 1;
}

/* Resultado do Google/Pesquisa */
/* line 1626, app/assets/stylesheets/externo.scss */
#search-google-result {
  -webkit-animation: fadeInUp 0.3s ease;
          animation: fadeInUp 0.3s ease;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 1641, app/assets/stylesheets/externo.scss */
.google-user-data {
  border: 1px solid #e9ecef;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

/* line 1647, app/assets/stylesheets/externo.scss */
.google-user-data:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Melhorias nos botões do Google */
/* line 1652, app/assets/stylesheets/externo.scss */
.google-user-data .btn {
  transition: all 0.3s ease;
  font-weight: 500;
}

/* line 1657, app/assets/stylesheets/externo.scss */
.google-user-data .btn:hover {
  transform: translateY(-1px);
}

/* Responsividade para Google Sign-In */
@media (max-width: 768px) {
  /* line 1663, app/assets/stylesheets/externo.scss */
  #google-login-section {
    padding: 15px;
    margin-bottom: 15px;
  }
  /* line 1668, app/assets/stylesheets/externo.scss */
  #google-login-section .g_id_signin {
    width: 100%;
    max-width: 300px;
  }
  /* line 1673, app/assets/stylesheets/externo.scss */
  .google-user-data {
    padding: 15px;
  }
  /* line 1677, app/assets/stylesheets/externo.scss */
  .google-user-data .btn {
    width: 100%;
    margin: 5px 0;
  }
}

/* Melhorar aparência do botão de pesquisa */
/* line 1684, app/assets/stylesheets/externo.scss */
#btn-searchform .btn-search {
  background-color: #33393f;
  border-color: #33393f;
  transition: all 0.3s ease;
}

/* line 1690, app/assets/stylesheets/externo.scss */
.content-externo #consulta {
  background-color: #33393f;
  border-color: #33393f;
}

/* line 1695, app/assets/stylesheets/externo.scss */
#btn-searchform .btn-search:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Estilo para campos preenchidos automaticamente */
/* line 1701, app/assets/stylesheets/externo.scss */
.auto-filled {
  background-color: #e8f5e8 !important;
  border-color: #87c979 !important;
}

/* Indicador visual para campos do Google */
/* line 1707, app/assets/stylesheets/externo.scss */
.google-filled {
  position: relative;
}

/* line 1711, app/assets/stylesheets/externo.scss */
.google-filled::after {
  content: '🔵';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
}

/* Estilos do Modal Personalizado */
/* line 1721, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

/* line 1731, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  -webkit-animation: fadeIn 0.3s ease-out;
          animation: fadeIn 0.3s ease-out;
  z-index: 2;
}

/* line 1743, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  min-width: 400px;
  max-width: 500px;
  width: 90%;
  -webkit-animation: slideIn 0.3s ease-out;
          animation: slideIn 0.3s ease-out;
  overflow: hidden;
  z-index: 3;
}

/* line 1759, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-header {
  padding: 20px 25px 15px;
  border-bottom: 1px solid #e9ecef;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

/* line 1768, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-title {
  margin: 0;
  font-size: 2rem;
  font-weight: 600;
  color: #495057;
}

/* line 1775, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-close {
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #6c757d;
  cursor: pointer;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
}

/* line 1791, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-close:hover {
  background: rgba(108, 117, 125, 0.1);
  color: #495057;
  transform: scale(1.1);
}

/* line 1797, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-body {
  padding: 25px;
  display: flex;
  align-items: center;
  gap: 15px;
}

/* line 1804, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  flex-shrink: 0;
}

/* line 1815, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-icon.warning {
  background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
  color: #856404;
}

/* line 1820, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-icon.error {
  background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
  color: #721c24;
}

/* line 1825, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-icon.success {
  background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
  color: #155724;
}

/* line 1830, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-icon.info {
  background: linear-gradient(135deg, #d1ecf1 0%, #bee5eb 100%);
  color: #0c5460;
}

/* line 1835, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-message {
  margin: 0;
  font-size: 1.7rem;
  line-height: 1.5;
  color: #495057;
  flex: 1;
}

/* line 1843, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-footer {
  padding: 15px 25px 20px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  background: #f8f9fa;
}

/* line 1851, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-btn {
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 80px;
}

/* line 1862, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-btn-primary {
  background: #33393f;
  color: white;
  font-weight: 500;
  font-size: smaller;
}

/* line 1869, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-btn-primary:hover {
  background: linear-gradient(135deg, #3a8580 0%, #2a2f34 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(70, 157, 152, 0.3);
}

/* line 1875, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-btn-secondary {
  background: #6c757d;
  color: white;
}

/* line 1880, app/assets/stylesheets/externo.scss */
.content-externo .custom-modal-btn-secondary:hover {
  background: #545b62;
  transform: translateY(-1px);
}

/* Animações */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes slideIn {
  from {
    opacity: 0;
    transform: translate(-50%, -60%);
    scale: 0.9;
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
    scale: 1;
  }
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translate(-50%, -60%);
    scale: 0.9;
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
    scale: 1;
  }
}

@-webkit-keyframes slideOut {
  from {
    opacity: 1;
    transform: translate(-50%, -50%);
    scale: 1;
  }
  to {
    opacity: 0;
    transform: translate(-50%, -40%);
    scale: 0.95;
  }
}

@keyframes slideOut {
  from {
    opacity: 1;
    transform: translate(-50%, -50%);
    scale: 1;
  }
  to {
    opacity: 0;
    transform: translate(-50%, -40%);
    scale: 0.95;
  }
}

/* Responsividade */
@media (max-width: 480px) {
  /* line 1923, app/assets/stylesheets/externo.scss */
  .custom-modal-content {
    min-width: 300px;
    margin: 20px;
    width: calc(100% - 40px);
  }
  /* line 1929, app/assets/stylesheets/externo.scss */
  .custom-modal-header,
.custom-modal-body,
.custom-modal-footer {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 1936, app/assets/stylesheets/externo.scss */
  .custom-modal-body {
    flex-direction: column;
    text-align: center;
  }
  /* line 1941, app/assets/stylesheets/externo.scss */
  .custom-modal-icon {
    align-self: center;
  }
}

/*  Estilização de medias na descrição de eventos  */
/* line 1949, app/assets/stylesheets/externo.scss */
.media-responsive {
  aspect-ratio: 16 / 9;
  width: 100%;
  position: relative;
}

/* line 1955, app/assets/stylesheets/externo.scss */
.media-responsive iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 768px) {
  /* line 1963, app/assets/stylesheets/externo.scss */
  .media-responsive {
    aspect-ratio: auto;
    height: auto;
  }
  /* line 1968, app/assets/stylesheets/externo.scss */
  .media-responsive iframe {
    height: auto;
    aspect-ratio: 9 / 16;
    max-height: 40vh;
    /* evita esticar demais */
    margin: 0 auto;
    display: block;
  }
}

/* Estilos para step desabilitado */
/* line 1978, app/assets/stylesheets/externo.scss */
.step-item.step-disabled {
  opacity: 0.5 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
}

/* line 1984, app/assets/stylesheets/externo.scss */
.step-item.step-disabled .step-number {
  background-color: #ccc !important;
  color: #888 !important;
}

/* line 1989, app/assets/stylesheets/externo.scss */
.step-item.step-disabled .step-title {
  color: #aaa !important;
}