




body { font-family: 'Poppins', sans-serif; }

/* Reset básico */
* { margin: 0; padding: 0; box-sizing: border-box; }

/* Layout de la sección */
.info-split { width: 100%; background-color: #f7f4fe; padding: 80px 20px; }
.info-split-inner {
  max-width: 1000px; margin: 0 auto; display: flex; min-height: 400px;
  border-radius: 12px; overflow: hidden; box-shadow: 0 12px 40px rgba(0,0,0,.08);
}
.info-text { flex: 1; padding: 40px; display: flex; flex-direction: column; justify-content: center; }
.info-text h1 { font-size: 48px; font-weight: 700; font-style: italic; color: #1d1d1d; margin-bottom: 20px; }
.info-text p { color: #333; font-size: 16px; margin-bottom: 30px; }

/* Responsive básico */
@media (max-width: 768px) {
  .info-split-inner { flex-direction: column; min-height: auto; }
  .info-text { padding: 24px 20px; text-align: center; align-items: center; }
  .info-text p { font-size: 14px; margin-bottom: 20px; }
}

/* ---- Inputs en línea (carta) ---- */
.campo-linea { display: flex; align-items: center; gap: 8px; margin: 12px 0; }
.campo-linea label { font-weight: 600; }

.inline-input {
  display: inline-block; vertical-align: baseline;
  padding: 8px 10px; border: 1px solid #d1d5db; border-radius: 8px; background: #fafafa;
  min-width: 160px;
}
.inline-input.corto { min-width: 110px; }
.inline-input.largo { min-width: 280px; }

.parrafo-legal { text-wrap: pretty; line-height: 1.6; }
.parrafo-legal .inline-input { margin: 0 6px; }

ol { margin: 10px 0 16px 20px; }
ol li { margin: 6px 0; }

/* ---- Botón de envío ---- */
button[type="submit"] {
  background-color: #532884; /* color principal */
  color: white;
  border: none;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(83, 40, 132, 0.2);
  transition: background-color 0.3s ease, transform 0.2s ease;
  margin-top: 8px; /* separa del elemento anterior */
}

button[type="submit"]:hover {
  background-color: #6a36a8; /* un poco más claro al pasar el mouse */
  transform: scale(1.03);
}

button[type="submit"]:active {
  transform: scale(0.98);
}


.lista-indentada {
  margin-left: 45px; /* mueve a la derecha */
}


/*-------------------------------------PARTE DE FIRMA------------------------------------*/


/* Estilo del bloque de firma */
.bloque-firma {
  margin-top: 20px;
  padding: 16px;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  background: #fafafa;
}

/* Vista previa manuscrita */
.firma-preview {
  margin-top: 8px;
  padding: 12px 16px;
  border: 1px dashed #bbb;
  border-radius: 8px;
  background: #fff;
  font-family: 'Dancing Script', cursive;
  font-size: 36px;
  letter-spacing: 1px;
  color: #222;
  min-height: 50px;
}

/* Texto legal */
.texto-legal-firma {
  font-size: 14px;
  color: #444;
  margin-top: 12px;
  line-height: 1.4;
}


.agente {
  font-weight: 700;     /* negrita fuerte */
  font-size: 1.05em;    /* un poco más grande que el texto normal */
  color: #111;          /* negro oscuro */
}
