@import "forms";


.body-copy {
  font-family: 'Courier New', monospace;
  font-size: 23px;
}
.contenedor-boton {
  display: flex;
  justify-content: center;
  margin-top: 40px; /* opcional para separación */
}
.boton-interesado {
	background: #0084ff;
	border-radius: 12px;
	color: white;
	font-size: 20px;
	padding: 20px 40px;
	text-decoration: none;
	display: inline-block;
	transition: background 0.3s ease;
	margin-top: 40px;
	margin-bottom: 43px;
        font-family: "Montserrat", sans-serif;
        font-weight: bold;
}
.boton-interesado:hover {
  background: #005fcc;
}
.display-content {
	display: block;
	padding: 40px;
	text-align: center;
}
.title {
  font-size: 2rem;
  font-weight: bold;
  margin: 0;
  color: #007bff;
  font-size: 4em;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.brand {
  display: flex;
  justify-content: center;    
  align-items: center;        
  gap: 0.5rem;                 
  margin-top: 2rem;
  color: inherit;
  text-decoration: none;            
}
.footer {
text-align: center;
}
.footerlogo {
  font-family: 'Courier New', monospace;
  font-size: 20px;
}
.link_left {
  font-family: 'Courier New', monospace;
  float: right;

}
.registro {
font-family: 'Courier New', monospace;
}
.navbar {
  background: #333;
  padding: 10px 20px;
}

.navbar-items {
  list-style: none;      /* elimina los puntos de <li> */
  margin: 0;
  padding: 0;
  display: flex;         /* coloca los elementos en fila */
  justify-content: center; /* centra horizontalmente */
  gap: 40px;             /* espacio entre los items */
}

.navbar-item a {
  color: white;
  font-weight: bold;
  font-size: 1.1em;
  text-decoration: none;
  font-family: 'Courier New', monospace;
}

.navbar-item a:hover {
  color: #ff9900;        /* efecto hover */
}
.idiomas {
  text-align: center;   /* centra el contenido horizontalmente */
  margin-top: 20px;     /* opcional: separación hacia arriba */
}

.idiomas a {
  margin: 0 10px;       /* espacio entre los links */
  text-decoration: none;
  font-weight: bold;
}
.tabs-container {
  border: 2px solid #333;   /* borde alrededor de todo el bloque */
  border-radius: 8px;       /* esquinas redondeadas */
  padding: 20px;            /* espacio interno */
  margin-top: 20px;         /* separación respecto a la navbar */
  background-color: #f9f9f9; /* fondo claro */
}

.tab-content {
  margin-bottom: 20px;      /* espacio entre secciones */
}
.tabs-labels {
font-family: 'Courier New', monospace;
}
.btn-responder {
  display: inline-block;
  padding: 4px 10px;        /* tamaño pequeño */
  font-size: 12px;          /* texto reducido */
  font-weight: 600;         /* un poco más marcado */
  color: #fff;              /* texto blanco */
  background-color: #007bff; /* azul clásico */
  border: none;
  border-radius: 4px;       /* esquinas suaves */
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.btn-responder:hover {
  background-color: #0056b3; /* azul más oscuro al pasar el mouse */
  transform: scale(1.05);    /* ligera ampliación */
}

.btn-responder:active {
  background-color: #004080; /* aún más oscuro al hacer click */
  transform: scale(0.95);    /* efecto de presión */
}