/* Quincenea · /insertar (src/vistas/insertar.php). Usa los tokens de estilo.css. */
.ins-quien{display:grid;gap:var(--e4,16px);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.ins-quien .tarjeta h3{margin-top:0}
.ins-quien .tarjeta p{margin:0}
.ins-config{display:grid;gap:var(--e5,24px);grid-template-columns:minmax(0,1fr);align-items:start}
@media (min-width:960px){.ins-config{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.ins-opciones{display:grid;gap:var(--e4,16px);background:var(--papel,#fff);border-radius:var(--r-tarjeta,24px);padding:var(--e5,24px);min-width:0}
.ins-campo{border:0;margin:0;padding:0;min-width:0}
.ins-campo legend{font-weight:700;font-size:.9375rem;margin-bottom:6px;padding:0}
.ins-opciones textarea{width:100%;font:500 .8125rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:12px;border:2px solid var(--borde-campo);border-radius:var(--r-campo,12px);background:var(--fondo);color:var(--tinta);resize:vertical}
.ins-aplicar,.ins-copiar{margin:0}
.ins-copiar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ins-previa{min-width:0}
.ins-previa-titulo{margin:0 0 8px;font-weight:800;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tenue)}
.ins-previa iframe{display:block;width:100%;border:1px solid var(--linea);border-radius:var(--r-chico,16px);background:#fff}
.ins-alto-600{height:600px}.ins-alto-760{height:760px}.ins-alto-960{height:960px}
.ins-todas .opcion{text-decoration:none;color:var(--tinta)}
@media (max-width:720px){.ins-opciones{padding:18px 16px}}