/* =========================== */
	/* ESTILOS PÁGINA DE VISITAS   */
	/* =========================== */

	.contenido {
	  padding: clamp(1rem, 3vw, 3rem);
	  margin-right: var(--ancho-barra);
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	}

	/* Encabezado */
	.encabezado-seccion {
	  text-align: center;
	  margin-bottom: 3rem;
	  max-width: 85%;
	}

	.img-librovisitas img {
		width: 15%;
		border-radius: 50%;
	}

	/* =========================== */
	/* FORMULARIO                  */
	/* =========================== */

	.seccion-formulario {
	  width: 90%;
	  max-width: 1000px;
	  background: var(--color-nav);
	  padding: 2rem;
	  border-radius: 1rem;
	  box-shadow: 0 5px 12px rgba(0,0,0,0.1);
	  margin-bottom: 4rem;
	}

	.titulo-seccion {
	  /*font-size: clamp(1.4rem, 3vw, 2.2rem);*/
	  border-bottom: 2px solid var(--color-nav-hover);
	  padding-bottom: 0.3rem;
	  margin-bottom: 1.5rem;
	}

	.formulario-visitas {
	  display: flex;
	  flex-direction: column;
	  gap: 1.2rem;
	}
	
	/* Grid principal */
	.grid-formulario {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 2rem;
	}

	/* Columnas */
	.columna-datos,
	.columna-mensaje {
		display: flex;
		flex-direction: column;
		gap: 1.2rem;
	}

	.campo {
	  display: flex;
	  flex-direction: column;
	}

	.campo label {
	  font-weight: bold;
	  margin-bottom: 0.3rem;
	}

	.campo input,
	.campo textarea {
	  padding: 0.7rem 1rem;
	  border-radius: 0.6rem;
	  border: 1px solid var(--color-nav-hover);
	  background-color: var(--color-fondo);
	  font-family: var(--fuente-base);
	  /*font-size: 1rem;*/
	}

	/* Ajuste textarea */
	.columna-mensaje textarea {
		resize: vertical;
	}
	
	/* Acciones */
	.columna-mensaje .acciones-form {
		margin-top: 0.5rem;
	}
	
	.campo input:focus,
	.campo textarea:focus {
	  border-color: var(--color-icono);
	  outline: none;
	}

	.campo-check {
	  display: flex;
	  align-items: center;
	  gap: 0.5rem;
	}

	.campo-check label {
	  /*font-size: 0.9rem;*/
	}

	/* Botones */
	.acciones-form {
	  display: flex;
	  gap: 1rem;
	  margin-top: 1rem;
	}

	.btn-enviar,
	.btn-reset {
	  flex: 1;
	  padding: 0.9rem;
	  border: none;
	  border-radius: 0.8rem;
	  cursor: pointer;
	  font-family: var(--fuente-base);
	  transition: transform 0.2s ease, background 0.3s ease;
	}

	.btn-enviar {
	  background: var(--color-nav-hover);
	}

	.btn-enviar:hover {
	  background: var(--color-icono);
	  color: #fff;
	}

	.btn-reset {
	  background: #ddd;
	}

	.btn-reset:hover {
	  background: #bbb;
	}

	/* Estado del formulario */
	.estado-form {
	  /*font-size: 0.95rem;*/
	  margin-top: 0.5rem;
	  min-height: 1.4rem;
	}
	.letritas-form {
		margin-left: 0.5rem;
	}
	/* =========================== */
	/* MENSAJES PUBLICADOS         */
	/* =========================== */

	.seccion-mensajes {
	  width: 90%;
	  max-width: 900px;
	}

	.contenedor-mensajes {
	  display: flex;
	  flex-direction: column;
	  gap: 1.2rem;
	  margin-top: 2rem;
	}

	.tarjeta-mensaje {
	  background: var(--color-nav);
	  border-radius: 1rem;
	  padding: 1.2rem 1.4rem;
	  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	}

	.tarjeta-mensaje h4 {
	  margin-bottom: 0.3rem;
	}

	.tarjeta-mensaje .detalle {
	  /*font-size: 0.85rem;*/
	  opacity: 0.8;
	  margin-bottom: 0.8rem;
	}

	.tarjeta-mensaje p {
	  line-height: 1.4;
	}

	.sin-mensajes {
	  text-align: center;
	  color: var(--color-icono);
	  margin-top: 2rem;
	}