/* ——— el contrato, dentro de su caja ———
   Antes esto llevaba reglas de @page y de html: cargado en la pagina, el
   turquesa del papel se comia el fondo de toda la web. Ahora todo cuelga
   de .contrato-caja y no sale de ahi. */
.contrato-caja{max-height:420px;overflow-y:auto;padding:24px 26px;border-radius:14px;
  color:#e9fbfb;font:15px/1.65 'DM Serif Text',Georgia,serif;
  border:1px solid rgba(169,231,242,.4);
  background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(255,255,255,.02) 55%,rgba(0,0,0,.16))}
.contrato-caja h1{font-family:'Playfair Display',Georgia,serif;font-size:24px;color:#fff;margin:0 0 4px}
.contrato-caja h2{font-family:'Playfair Display',Georgia,serif;font-size:12px;letter-spacing:.24em;
  text-transform:uppercase;color:#a9e7f2;margin:26px 0 10px;padding-bottom:7px;
  border-bottom:1px solid rgba(169,231,242,.35)}
.contrato-caja h3{font-family:'Playfair Display',Georgia,serif;font-size:16px;color:#fff;margin:18px 0 5px}
.contrato-caja p{margin:0 0 9px;text-align:justify;color:#cfe6ea}
.contrato-caja b{color:#fff}
.contrato-caja .c-lugar{color:#a9c8cf;font-size:13.5px;margin-bottom:14px}
.contrato-caja .c-expone{margin:0 0 0 18px;padding:0;color:#cfe6ea}
.contrato-caja .c-expone li{margin-bottom:7px}
.contrato-caja .c-rejilla{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
@media(max-width:620px){.contrato-caja .c-rejilla{grid-template-columns:1fr}}
.contrato-caja .c-caja{padding:11px 13px;border-radius:10px;
  border:1px solid rgba(169,231,242,.45);background:rgba(255,255,255,.05)}
.contrato-caja .c-caja span{display:block;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
  color:#7fd4e8;margin-bottom:5px}
.contrato-caja .c-caja b{display:block;font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.contrato-caja .c-firmas{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
.contrato-caja .c-firmas div{padding-top:10px;border-top:1px solid rgba(169,231,242,.45)}
.contrato-caja .c-firmas span{display:block;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#7fd4e8}
.contrato-caja .c-firmas b{display:block;font-size:16px;margin-top:6px}
.contrato-caja .c-firmas small{display:block;font-size:12px;color:#a9c8cf;margin-top:3px}

/* la casilla de firmar */
.acepto{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:15px 17px;
  border-radius:12px;cursor:pointer;
  border:1px solid rgba(169,231,242,.4);background:rgba(127,212,232,.06)}
.acepto input{width:auto;flex:none;margin-top:4px}
.acepto span{font-size:14.5px;line-height:1.6;color:var(--gris)}

/* listas que crecen: artistas y compositores */
.fila-lista{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.fila-lista input{flex:1;min-width:0}
.quita-fila{flex:none;width:34px;height:34px;border-radius:9px;cursor:pointer;font-size:18px;
  border:1px solid rgba(255,255,255,.25);background:none;color:var(--gris);font-family:inherit}
.quita-fila:hover{border-color:#e79a9a;color:#e79a9a}
.et-fila{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gris);margin:10px 0 5px}
.et-fila:first-child{margin-top:0}
.btn-mini{margin-top:4px;padding:7px 13px;border-radius:9px;cursor:pointer;font-family:inherit;
  font-size:12.5px;border:1px dashed rgba(127,212,232,.5);background:none;color:#7fd4e8}
.btn-mini:hover{border-style:solid;background:rgba(127,212,232,.1)}