/* Formulario «Envíanos tu noticia». Usa los colores y las letras de la plantilla infoRC; los valores de respaldo son los mismos. */
.envio { display: grid; gap: 18px; margin-block: 8px 28px; }
.envio p { margin: 0; }
.envio-par { display: grid; gap: 18px; }
@media (min-width: 640px) { .envio-par { grid-template-columns: 1fr 1fr; } }
.envio-campo { display: grid; gap: 6px; min-width: 0; }
.envio-campo label { font: 800 17px/1.2 var(--f-titular, system-ui, sans-serif); color: var(--texto, #141212); }
.envio-opcional { font: 400 14px/1 var(--f-texto, system-ui, sans-serif); color: var(--gris, #6f6b6a); }
.envio input[type="text"], .envio input[type="email"], .envio input[type="url"], .envio textarea {
	width: 100%; font: 400 17px/1.4 var(--f-texto, system-ui, sans-serif); color: var(--texto, #141212); background: var(--blanco, #fff);
	padding: 11px 12px; border: 1px solid #a8a2a0; border-radius: 0; min-height: 46px;
}
.envio textarea { resize: vertical; min-height: 200px; }
.envio input[type="file"] { font: 400 15px/1.4 var(--f-texto, system-ui, sans-serif); max-width: 100%; }
.envio input:focus-visible, .envio textarea:focus-visible, .envio button:focus-visible { outline: 3px solid var(--rojo, #e01c0c); outline-offset: 2px; }
.envio [aria-invalid="true"] { border-color: var(--rojo-texto, #c81a0b); border-width: 2px; }
.envio-ayuda { font-size: 14px; color: var(--gris, #6f6b6a); }
.envio-error { font: 700 15px/1.35 var(--f-texto, system-ui, sans-serif); color: var(--rojo-texto, #c81a0b); }
.envio-error--general { border-left: 4px solid var(--rojo, #e01c0c); padding: 10px 12px; background: var(--claro, #efedec); }
.envio-marca { display: grid; grid-template-columns: 24px 1fr; gap: 4px 10px; align-items: start; font-size: 16px; }
.envio-marca input { width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--rojo, #e01c0c); }
.envio-marca .envio-error { grid-column: 2; }
.envio-boton { background: var(--rojo, #e01c0c); color: #fff; border: 0; font: 800 19px/1 var(--f-titular, system-ui, sans-serif); padding: 0 26px; min-height: 52px; cursor: pointer; }
.envio-boton[disabled] { opacity: .65; cursor: progress; }
.envio-datos { font-size: 14px; line-height: 1.5; color: var(--gris, #6f6b6a); border-top: 1px solid var(--linea, #dcd9d8); padding-top: 12px; }
.envio-datos strong { color: var(--texto, #141212); }
.envio-trampa { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.envio-hecho { border-left: 6px solid var(--rojo, #e01c0c); background: var(--claro, #efedec); padding: 16px 18px; display: grid; gap: 8px; margin-block: 8px 28px; }
.envio-hecho p { margin: 0; }
.envio-pat { border-left: 6px solid var(--negro, #000); background: var(--claro, #efedec); padding: 14px 16px; display: grid; gap: 6px; }
.envio-pat p { margin: 0; }
/* «¿Qué nos mandas?»: dos botones grandes; el elegido, en negro. Con «Otra cosa» se esconden los campos de la noticia. */
.envio-tipo { border: 0; margin: 0; padding: 0; min-width: 0; }
.envio-tipo legend { font: 800 17px/1.2 var(--f-titular, system-ui, sans-serif); color: var(--texto, #141212); padding: 0; margin-bottom: 8px; }
.envio-tipo-opciones { display: grid; grid-template-columns: 1fr 1fr; border: 2px solid var(--negro, #000); }
.envio-tipo label { position: relative; display: grid; align-content: start; gap: 3px; padding: 12px 14px; cursor: pointer; font: 800 18px/1.15 var(--f-titular, system-ui, sans-serif); color: var(--texto, #141212); background: var(--blanco, #fff); }
.envio-tipo label + label { border-left: 2px solid var(--negro, #000); }
.envio-tipo label span { font: 400 14px/1.3 var(--f-texto, system-ui, sans-serif); color: var(--gris, #6f6b6a); }
.envio-tipo input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.envio-tipo label:focus-within { outline: 3px solid var(--rojo, #e01c0c); outline-offset: 2px; z-index: 1; }
.envio[data-tipo="noticia"] .envio-tipo label[data-tipo="noticia"], .envio[data-tipo="otra"] .envio-tipo label[data-tipo="otra"] { background: var(--negro, #000); color: #fff; }
.envio[data-tipo="noticia"] .envio-tipo label[data-tipo="noticia"] span, .envio[data-tipo="otra"] .envio-tipo label[data-tipo="otra"] span { color: #cfc9c7; }
.envio-grupo { border: 0; margin: 0; padding: 0; min-width: 0; display: grid; gap: 18px; }
.envio[data-tipo="otra"] .solo-noticia, .envio[data-tipo="noticia"] .solo-otra { display: none; }