.title{
  font-size: 3rem;
  font-family: "Montserrat-SemiBold-Italic", sans-serif;
  font-style: italic;
}

.rdap-txt{
  font-size: 1.2rem;
  font-family: "Montserrat-Regular", sans-serif;
  margin-bottom: 1.5rem;
  text-align: justify;
  text-align-last: center;
}

.rdap-txt-2{
  font-size: 1.2rem;
  font-family: "Montserrat-Bold", sans-serif;
  margin-bottom: 1.5rem;
  text-align: justify;
  text-align-last: center;
  font-weight: 700;
  font-style: italic;
}

.rdap-txt-4{
  font-size: 1.2rem;
  font-family: "Montserrat-Bold", sans-serif;
  margin-bottom: 1.5rem;
  font-weight: 700;
  font-style: italic;
}

.rdap-txt-3{
  font-size: 1rem;
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.certificado-text{
  font-size: 0.8rem;
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: 700;
  text-decoration-line: underline;
  text-align: right;
  margin: 0;
  cursor: pointer;
}

.modal-footer{
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-header{
  background-color: #fedc32 !important;
  color:#000;
}

.modal-content{
  overflow: hidden;
}

.btn-enviar{
  width: 200px;
  background-color: #fedc32;
  color: black;
  font-family: 'Montserrat-Bold', sans-serif;
  font-weight: 700;
  padding: 0 1rem;
  border-radius: 0.6rem;
  height: 40px;
}

.search-container{
  background-color: #fedc32;
  padding: 2rem;
  border-radius: 1rem;
}

.input-container-search-rdap{
  display: flex;
  gap:16px;
}

.input-container-search-rdap button{
  background-color: #fff !important;
  color: black;
  width: 160px;
  height: 50px;
  border: 1px solid #000;
  font-weight: 700;
  font-size: 1.1rem;
}

.search-input-box-rdap{
  flex: 1;
  height: 50px;
  padding: 0px 1rem;
}

.search-input-box-rdap::placeholder{
  color:#000 !important;
  opacity: 1 !important;
}

.subtitle{
  font-size: 2.2rem;
  font-family: "Montserrat-Bold", sans-serif;
  font-style: italic;
}

.nav{
  gap:2rem;
  height: 50px;
}

.nav a{
  color: inherit;
  text-decoration: none;
  color:#000 !important;
  font-size:1rem;
  font-weight: bold;
}

.panel-body{
  border:1px solid #000 !important;
  padding:2rem !important;
}

.section h3{
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: bold;
  margin-bottom: 0.5rem;
  font-style: italic;
}

.section{
  margin-bottom: 1rem;
}

.section p, .section span, .section a, section dt ,section dd{
  font-family: "Montserrat-Regular", sans-serif;
  font-style: normal;
}

.card-section{
  border:1px solid #000;
  padding: 1rem;
}

.card-section-danger{
  border:1px solid #f60704;
  padding: 1rem;
}

@media (max-width: 767px) {

  .card-section-danger {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .card-section {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .input-container-search-rdap {
    flex-direction: column;
    justify-content: center;
    align-items:center;
  }

  .search-input-box-rdap{
    flex:auto;
    width: 100%;
  }

  .input-container-search-rdap button{
    font-size: 1rem !important;
    width: 100%;
  }

  .nav-tabs{
    margin-bottom: 3rem !important;
  }

  .container{
    padding: 0 1rem !important;
  }

  /* ===== Evita desbordes por URLs/emails ===== */
.table td, .table th { word-break: break-word; }
.table a { word-break: break-all; }

/* ====== KV: apilar en móvil sin tocar HTML ====== */
@media (max-width: 767px) {

  /* En KV no queremos scroll (porque apilamos) */
  .table-responsive-kv { overflow-x: visible; }

  /* Apilamos: cada fila se vuelve "card" */
  .table-responsive-kv table tr {
    display: block;
    padding: 10px 12px;
  }

  /* Las celdas se vuelven bloques */
  .table-responsive-kv table tr > td {
    display: block;
    width: 100%;
    border: 0 !important;
    padding: 4px 0 !important;
  }

  /* Primera celda (label) */
  .table-responsive-kv table tr > td:first-child {
    font-weight: 700;
  }

  /* Segunda celda (valor) */
  .table-responsive-kv table tr > td:last-child {
    padding-top: 0 !important;
  }

  /* Si tu table-striped mete backgrounds raros, igual se ve ok */
  .table-responsive-kv .table-striped > tbody > tr:nth-of-type(odd),
  .table-responsive-kv .table-striped > tr:nth-of-type(odd) {
    background-color: transparent;
  }
}

/* ====== Tablas grandes: seguridad/avisos/servidor autorizado ======
   Solo scroll horizontal (no apilar) */
@media (max-width: 767px) {
  .table-responsive { border: 0; } /* quita borde feo BS3 */
}
}

/* ===== Tablas “anchas” (3 columnas): Seguridad, Avisos, Servidor autorizado ===== */
.table-responsive-wide {
  border: 0;               /* BS3 pone borde feo */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-wide {
  min-width: 620px;        /* fuerza scroll en móvil en vez de aplastar */
}

/* No rompas palabras en headers/celdas de estas tablas */
.table-wide th,
.table-wide td {
  white-space: nowrap;     /* evita que “Enlaces” se rompa vertical */
  word-break: normal;      /* anula tu word-break global */
}

/* PERO: en la columna descripción de Avisos sí queremos que envuelva */
.table-wide .col-wrap {
  white-space: normal;
}

/* Links largos: que se vean decentes */
.table-wide a {
  display: inline-block;
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

.wrapper-certificado{
  display: flex;
  justify-content: center;
  margin-bottom: 3rem;
}

.container-certificado{
  background-color: #fff;
  padding: 2rem;
  max-width: 600px;
  box-shadow:
    0 12px 24px rgba(0,0,0,0.18),
    0 4px 8px rgba(0,0,0,0.12);
}

.container-certificado p{
  text-align: center;
  font-size: 1.2rem;
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  font-family: "Montserrat-SemiBold", sans-serif;
  font-weight: 500;
  margin: 0;
  color:#333;
}

.container-certificado button{
  background-color: #fedc32;
  border-radius: 1rem;
  font-family: "Montserrat-Bold", sans-serif;
  font-weight: 700;
  color: black;
  padding: 0.5rem 1rem;
  text-decoration: none;
  font-size: 1rem !important;
  box-shadow:
    0 12px 24px rgba(0,0,0,0.18),
    0 4px 8px rgba(0,0,0,0.12);
}