/* ============================================================================ cierre.css — CIERRE UNIFICADO (Moderno 2026-06-27). El mismo cierre premium CLARO en TODA piel (gente/inversor/portada/nichos): barra de fuentes (stat) + newsletter premium (panel dark) + disclaimer + footer split (marca izq / volver der). Se carga DESPUES de la skin (gana por orden + especificidad). La zona reescribe los tokens de color a la paleta CLARA, asi rinde identico sobre el fondo dark del inversor. Molde: un solo lugar -> las pieles nunca mas divergen. ============================================================================ */ /* La PALETA de la zona la define CADA SKIN en su `.cierre-zone{}` (gente=claro, despegue=oscuro): asi el MISMO cierre (estructura Moderno) rinde claro en gente y OSCURO en inversor/portada. Aca solo estructura. Tokens que cada skin debe definir: --paper --card --soft --bd --bd2 --ink --sec --dim --ac --acink --ac-soft --ver --pro --bad --on-ac (texto sobre el acento: #fff en claro, casi-negro en dark). */ /* ⭐ EL PIE REGLADO — 2026-08-16. La zona pasa de CAJAS ANIDADAS a BLOQUES SEPARADOS POR REGLAS. ⛔ EL MODELO NO ES UNA MAQUETA: es el CUERPO DE VICUÑA, que ya vive en `molde.css` — `.pyv`/`.pyi`/ `.pyd`/`.pyq` son **filo de 2 px, sin marco, sin fondo, sin radio**. Es un port CON GENEALOGIA en nuestro propio codigo. **Se aplica en LAS DOS PIELES, y esa es la regla** (decision del usuario, 16-ago): el elemento es compartido, asi que su FORMA es una sola; lo unico que difiere por piel es la PALETA. Un defecto de estructura esta, por construccion, en las dos. Lo que se midio antes de tocar (identico en clara y oscura): **37 marcos** en la zona, anidado maximo **4** (`.cierre-zone > .capture > .cap-prov > .opt`), alto 1.143 px a 1440. ⚠️ Y quitarle el FONDO a esta caja es un **NO-OP visual medido**: pinta exactamente el mismo color que el `body` en las dos pieles (`rgb(4,5,10)` y `rgb(250,245,236)`) — mismo precedente que `.nm-card`/`.op-card`. Se va el marco y el radio, no un pixel de color. ⛔ LO QUE **NO** PIERDE SU CAJA: los CONTROLES de formulario (`.cap-mail`, `.cap-nicho`, `.cap-msg`, `.cap-btn`, los chips `.opt`). Un input sin caja no se lee como input — eso no es una caja de contenido, es la afford del control, y Vicuña no tiene equivalente que imitar. */ .cierre-zone{color:var(--ink);font-family:var(--sans); border-top:1px solid var(--bd);padding:34px 0 22px;margin-top:38px; /* (el token --cap-dot del logo del newsletter se retiro con el port de «Alta C»: el panel oscuro lateral que lo alojaba dejo de existir, y la marca ya vive en el header y en el pie) */ } /* kicker (regla 3px + azul) */ .cierre-zone .mm-kicker{display:flex;align-items:center;gap:10px;margin:0 0 13px} .cierre-zone .mm-kicker i{width:24px;height:3px;background:var(--ac);border-radius:2px;flex:0 0 auto} .cierre-zone .mm-kicker span{font-family:var(--mono);font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--acink)} /* fuentes como BARRA DE STATS (summary de un details; abrir -> catalogo) */ .cierre-zone .fsrc{margin:0} /* PIE REGLADO: la barra deja de ser caja y pasa a ser FILA — el mismo idioma que `.pyi-d>summary` en Vicuña (regla abajo, sin marco, sin fondo). Sigue siendo clickeable, asi que conserva su afford: cursor, hover teñido de acento y el CTA que se rellena. */ /* D3 (2026-08-17): la barra dejo de ser el de un
— el catalogo enumerado se retiro (ver panel_fuentes_stat). Con nada que desplegar, `cursor:pointer` y el hover eran una promesa de interaccion falsa, asi que caen; el resto del layout no se mueve. */ .cierre-zone .fsrc-bar{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--bd);padding:18px 2px} .cierre-zone .fsrc-stats{display:flex;align-items:center;gap:22px;flex-wrap:wrap;flex:1 1 auto;min-width:0} .cierre-zone .fsrc-n{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums lining-nums} .cierre-zone .fsrc-n.ac{color:var(--acink)} .cierre-zone .fsrc-n.ok{color:var(--ver)} .cierre-zone .fsrc-l{font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-top:4px} .cierre-zone .fsrc-div{width:1px;height:34px;background:var(--bd)} /* D3: el `max-width:210px` estaba calculado contra el CTA «abrir el catalogo», que ocupaba el extremo derecho de la barra. Sin el, la nota quedaba partida en dos lineas con ~500 px muertos al lado. `margin-left:auto` la manda al extremo que ocupaba el boton — mismo ritmo de lectura de antes (numeros a la izquierda, la afirmacion a la derecha) y sin hueco. */ .cierre-zone .fsrc-note{font-size:var(--fs-body);line-height:1.35;color:var(--sec);max-width:260px; margin-left:auto} /* ...pero en movil los stats ya envuelven a dos filas y la nota cae sola: ahi `margin-left:auto` la manda al borde derecho de una linea vacia, que se lee como un desprendido. Vuelve al flujo. */ @media (max-width:640px){.cierre-zone .fsrc-note{margin-left:0;max-width:none}} .cierre-zone .fsrc-note.compact{max-width:none;flex:1 1 auto} .cierre-zone .fsrc-note b{color:var(--ink);font-weight:700} /* ===== la BARRA DE COMPOSICION del catalogo vivia aca y SE RETIRO el 2026-08-16 ===== Decision del usuario, y el motivo no fue estetico: **repetia lo que esta dos centimetros abajo**. Medido sobre el render: el TOTAL salia 3 veces (kicker · suma de la barra · stat «FUENTES REGISTRADAS») y «oficiales» 2 veces CON EL MISMO NUMERO EXACTO — `g_oficial` y `n_of` son el mismo conjunto. `IDENTIDAD §2` regla 8: cada dato se cuenta UNA vez por pagina. El motivo por el que estas ~14 reglas se BORRAN y no se comentan: verificado que **0 paginas** emiten `gc-bar`/`gc-seg` dentro de `.cierre-zone`, asi que serian reglas que no matchean nunca — la trampa que `RUNBOOK-PORT-DISENO §3` registra, donde el comentario queda como prueba falsa de que algo esta resuelto. ⚠️ **Y una de ellas ya estaba muerta ANTES de este cambio:** el bloque `@media(max-width:1000px)` scopeado a `.cierre-zone .py-cta` matcheaba **0 paginas** —`py-cta` es de la pagina de proyecto, que esta despublicada—, o sea que nunca se aplico. ⛔ Lo que NO se toca: el grafico TAM del nicho (`.gcomp .gc-bar`), que vive en `nicho.css` y sigue emitiendose en 82 paginas. Es otro componente que comparte nombre de clase. ⛔ Y el filo de color por fila del catalogo (`src-g-*`, mas arriba) SE QUEDA: ayuda a escanear la columna TIPO/Type, que ya esta escrita en las 195 paginas. Una leyenda de colores se evaluo renderizada y se descarto porque **volvia a meter el eco** («80 oficiales» debajo del stat). */ /* ===== el CATALOGO ENUMERADO de fuentes vivia aca y SE RETIRO el 2026-08-17 (D3) ===== Decision del usuario. La barra de stats se queda; lo que cae es el `
` con la TABLA de todas las fuentes (URL + tipo + confiabilidad, ordenadas), que no era «la fuente al lado de la cifra» —el activo, intocado— sino el INDICE: el mapa de donde esta el dato. Medido antes de cortar, sobre el render: la pagina de nicho publicaba 44 URLs primarias y sus sellos citaban 6; las otras 38 vivian solo en el catalogo. En las 147 paginas ES: 954 -> 726. Lo que se retira no es volumen (24%), es ORDEN: el catalogo las entregaba CLASIFICADAS. Se BORRAN ~50 reglas (`.fsrc-cta*`, `.fsrc-cat*` y su `@media` de 640) en vez de comentarlas, por el mismo criterio que la barra de composicion de arriba: reglas que no matchean nunca son la trampa de `RUNBOOK-PORT-DISENO §3` — el comentario queda como prueba falsa de que algo esta vivo. ⛔ Lo que NO se toca: `a.src` fuera de `.fsrc-cat` (vive en ~200 lugares del sitio) y el sello de cada cifra, que sigue linkeando a SU primaria. `parte_titulo_fuente()`/`tabla_fuentes()` quedan en el generador sin llamador: son el material con el que se arma la version privada del catalogo (§tarea D4), no restos. */ /* ============================================================================ ALTA / newsletter — port de «Alta C - Segun quien seas», 14a vuelta 2026-08-13. Elegida sobre «Alta A - Reglada» (re-skin: dejaba intacta la grilla de 24 provincias, que es ~200px de los 749 que medía el bloque) y sobre «Alta B - Tres pasos» (pone el EMAIL PRIMERO y el resto «opcional»: buena idea de conversion, pero REORDENA una estructura decidida con el usuario el 2026-06-13 — queda anotada como pregunta de producto, no se ejecuta de paso). Las 3 ganancias, todas medidas: (1) las 24 provincias se pliegan en un
(mismo patron que los bloques 7-13 del molde); (2) cada perfil se lleva SU descripcion — antes las tres vivian en una sola linea colgada debajo del input de busqueda, lejos de los botones que describen; (3) el panel oscuro lateral desaparece: su altura la fijaba el form, asi que sobraba aire. ⛔ PERIMETRO: la maqueta traia ademas el colofon del pie (linea verde + meta legal). Eso NO es `capture()` — es territorio de la familia `Cierre A/B/C`, sin abrir. No se toco. ============================================================================ */ /* PIE REGLADO: el boletin es el bloque de mayor jerarquia de la zona (es el CTA), asi que se lleva el FILO DE ACENTO de `.pyv` — 2 px, 26 px de sangria, sin marco, sin fondo, sin sombra. */ /* `scroll-margin-top` (2026-09-16): desde la ficha de norma se llega acá por un atajo `#sumate` que está en la misma página, y la barra superior es fija. Sin esto el título del formulario queda debajo de la barra justo cuando el lector acaba de pedir verlo. No cambia nada en reposo. */ .cierre-zone .capture{border-left:2px solid var(--ac);padding-left:26px;margin:30px 0 0; scroll-margin-top:70px} /* encabezado a TODO EL ANCHO (antes era el panel oscuro de 300px) */ .cierre-zone .cap-top{display:flex;align-items:flex-end;justify-content:space-between;gap:28px; flex-wrap:wrap;padding:2px 0 20px;border-bottom:1px solid var(--bd)} .cierre-zone .cap-lead{flex:1 1 380px;min-width:0} .cierre-zone .cap-kick{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono); font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase; color:var(--acink);margin-bottom:10px} .cierre-zone .cap-kick i{width:22px;height:1px;background:var(--ac);flex:0 0 auto} .cierre-zone .cap-top h2{margin:0;font-size:27px;font-weight:800;letter-spacing:-.025em; color:var(--ink);line-height:1.1} .cierre-zone .cap-top p{margin:10px 0 0;font-size:var(--fs-body-lg);line-height:1.55;color:var(--sec);max-width:60ch} .cierre-zone .cap-top p b{color:var(--ink);font-weight:700} /* la promesa. ⚠️ ANTES ESTABA HARDCODEADA EN CSS (`.cap-head::after`, content:"SIN SPAM · UN ENVIO POR SEMANA") y por eso salia en ESPANOL en las 48 paginas /en/ — y ningun lint podia verlo: `lint_i18n_fuga` mira nodos de TEXTO, y esto era `content:`. Ahora sale de i18n. */ .cierre-zone .cap-promesa{flex:0 0 auto;display:flex;flex-direction:column;gap:5px;text-align:right; font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)} .cierre-zone .cap-nospam{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;color:var(--ver)} .cierre-zone .cap-nospam::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ver)} .cierre-zone .cap-form{padding:20px 0 6px} .cierre-zone .cap-q{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:11px} .cierre-zone .cap-k{font-family:var(--mono);font-size:var(--fs-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);flex:0 0 100%;margin-bottom:1px} /* TARJETA POR PERFIL: 3 columnas iguales, cada una con rotulo + su descripcion */ /* PIE REGLADO: se va el marco y el radio. Las tres tarjetas siguen siendo CONTROLES, asi que conservan lo que las hace elegibles — el separador entre ellas y el filo de acento del seleccionado (`box-shadow:inset 3px`, mas abajo). Regla arriba y abajo en vez de caja. */ /* ⛔ `border:0` PRIMERO, y no es defensivo: `.cap-perfiles` es un `
`, asi que sus laterales caen al DEFAULT DEL NAVEGADOR (`2px groove #f0f0f0`) en cuanto se deja de declarar `border` en los cuatro lados. La primera version de este port declaraba solo top/bottom y el bloque salia con dos barras grises verticales — medido con `getComputedStyle`, invisible leyendo el CSS. Es la SEGUNDA vez en este mismo port: en `.disc` el default lo ponia la skin, aca lo pone el UA. Omitir una declaracion NO es resetearla. */ .cierre-zone .cap-perfiles{border:0;border-top:1px solid var(--bd2);border-bottom:1px solid var(--bd2); padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))} /* ⭐ (2026-09-07, decision del usuario) CUATRO PUERTAS VAN 2x2, NO 3+1. La reja de arriba se escribio para TRES y la mayoria de las paginas emite CUATRO: medido sobre el sitio emitido, 681 paginas con 4 puertas contra 88 con 3. Con 4 items en 3 columnas la cuarta queda sola en su renglon y media reja vacia al lado — que es el mismo defecto de fila huerfana que el comentario del @media de abajo evita al apilar de 3 a 1. ⛔ Por eso el arreglo NO es cambiar el numero global: eso dejaria a las 88 paginas de 3 puertas en 2+1, o sea moviendo el defecto en vez de curarlo. La reja lee `data-n`, que el render emite con la cantidad real (`len(perfiles)`), asi que cada pagina toma la suya y una quinta puerta el dia que exista no rompe nada. */ .cierre-zone .cap-perfiles[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr))} /* con dos columnas los bordes ya no separan solo columnas: la fila de arriba necesita su filo. ⛔ `nth-of-type` y NO `nth-child`: el primer hijo del fieldset es el ``, asi que `nth-child(2n+1)` marcaria las puertas 2 y 4 en vez de la 1 y la 3. `nth-of-type` cuenta solo entre `