/* Herramientas públicas — 29/09/2026. Reutiliza a propósito los estilos ya
   cargados de .gsp-cm-wrap/.gsp-field/.gsp-itp-row-3 (calc-motos.css) y de
   .gsp-gi-btn-primario/.gsp-cv-modal-* (calc-motos.css/calc-unificada.css);
   aquí solo va lo que de verdad es nuevo para esta herramienta. */

/* 29/09/2026 (v8.95): a petición de Roberto, "como el de T24" — fondo
   blanco de tarjeta para el formulario, y Vendedor/Comprador uno junto al
   otro en vez de uno debajo del otro. */
.gsp-herr-wrap.gsp-cm-wrap { display: block; }
.gsp-herr-wrap .gsp-herr-form {
    background: #fff;
    max-width: 1000px;
    margin: 0 auto;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.gsp-herr-wrap .gsp-herr-parte { margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid #eee; }
.gsp-herr-wrap .gsp-herr-parte:last-of-type { border-bottom: 0; }
.gsp-herr-wrap .gsp-herr-parte h3 { margin: 0 0 12px; font-size: 17px; color: #960a25; }
.gsp-herr-wrap textarea { width: 100%; border: 1px solid #ccc; border-radius: 4px; padding: 8px; font: inherit; }

.gsp-herr-wrap .gsp-herr-fila-partes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eee;
}
.gsp-herr-wrap .gsp-herr-fila-partes .gsp-herr-parte { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
@media (max-width: 780px) {
    .gsp-herr-wrap .gsp-herr-fila-partes { grid-template-columns: 1fr; gap: 0; }
    .gsp-herr-wrap .gsp-herr-fila-partes .gsp-herr-parte:first-child {
        margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid #eee;
    }
}

.gsp-herr-wrap #gsp-herr-generar { margin-top: 10px; }
.gsp-herr-status { color: #960a25; font-weight: 600; min-height: 1.2em; }

/* Ventana emergente comercial al generar el contrato */
.gsp-herr-modal .gsp-cv-modal-dialog { text-align: center; }
.gsp-herr-modal-aviso-texto { font-size: 16px; line-height: 1.5; margin: 10px 0 20px; }
.gsp-herr-modal-contratar { display: block; width: 100%; margin: 0 0 12px; font-size: 16px; }
.gsp-herr-modal-descargar {
    display: block; width: 100%; background: transparent; border: 0;
    color: #666; text-decoration: underline; cursor: pointer; font-size: 13px; padding: 6px;
}
.gsp-herr-modal-descargar:hover { color: #960a25; }