(function () {
"use strict";
var MAPA_SVG = `
Canindeyú Alto Paraná Itapúa Caaguazú Caazapá Amambay Guairá San Pedro Concepción Cordillera Misiones Paraguarí Presidente Hayes Central Ñeembucú Asunción Alto Paraguay Boquerón
`;
function iniciarMapa() {
var contenedor = document.getElementById("mapa-paraguay-contenedor");
if (!contenedor) return;
contenedor.innerHTML = MAPA_SVG;
var svg = document.getElementById("mapa-paraguay-svg");
if (!svg) return;
var deptos = svg.querySelectorAll(".depto");
deptos.forEach(function (depto) {
depto.addEventListener("click", function () {
var nombre = depto.getAttribute("data-departamento");
if (!nombre) return;
deptos.forEach(function (d) { d.classList.remove("seleccionado"); });
depto.classList.add("seleccionado");
if (typeof window.IntendentesFiltrarDepartamento === "function") {
window.IntendentesFiltrarDepartamento(nombre);
}
});
});
}
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", iniciarMapa);
} else {
iniciarMapa();
}
})();
(function () {
"use strict";
var INTERVALO_MS = 7000; // 7 segundos entre foto y foto
function iniciarCarrusel() {
var contenedor = document.getElementById("hero-carrusel");
if (!contenedor) return;
var imagenes = contenedor.querySelectorAll("img");
if (imagenes.length <= 1) return;
var indiceActual = 0;
setInterval(function () {
imagenes[indiceActual].classList.remove("activa");
indiceActual = (indiceActual + 1) % imagenes.length;
imagenes[indiceActual].classList.add("activa");
}, INTERVALO_MS);
}
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", iniciarCarrusel);
} else {
iniciarCarrusel();
}
})();
(function () {
"use strict";
/*
* DATOS DE CANDIDATOS
* -------------------
* Reemplazá este arreglo por la lista real (hasta ~1500 registros anda bien).
* Cada candidato es un objeto con estas propiedades:
* nombre (texto) - Nombre y apellido
* partido (texto) - Partido político
* departamento (texto) - Debe escribirse igual entre todos los candidatos del mismo depto.
* distrito (texto)
* ciudad (texto)
* foto (URL) - Si lo dejás vacío, usa una imagen genérica
* firmado (true/false) - Si ya firmó el compromiso
*
* Cuando tengas el listado real (Excel/CSV), pasámelo y te lo convierto
* automáticamente a este formato.
*/
var candidatosData = [
{ nombre: "Nombre Apellido", partido: "Partido A", departamento: "Central", distrito: "Fernando de la Mora", ciudad: "Fernando de la Mora", foto: "", firmado: true },
{ nombre: "Nombre Apellido", partido: "Partido B", departamento: "Central", distrito: "San Lorenzo", ciudad: "San Lorenzo", foto: "", firmado: false },
{ nombre: "Nombre Apellido", partido: "Partido A", departamento: "Central", distrito: "Luque", ciudad: "Luque", foto: "", firmado: false },
{ nombre: "Nombre Apellido", partido: "Partido C", departamento: "Alto Paraná", distrito: "Ciudad del Este", ciudad: "Ciudad del Este", foto: "", firmado: true },
{ nombre: "Nombre Apellido", partido: "Partido B", departamento: "Alto Paraná", distrito: "Hernandarias", ciudad: "Hernandarias", foto: "", firmado: false },
{ nombre: "Nombre Apellido", partido: "Partido A", departamento: "Itapúa", distrito: "Encarnación", ciudad: "Encarnación", foto: "", firmado: true },
{ nombre: "Nombre Apellido", partido: "Partido C", departamento: "Itapúa", distrito: "Cambyretá", ciudad: "Cambyretá", foto: "", firmado: false },
{ nombre: "Nombre Apellido", partido: "Partido A", departamento: "Asunción", distrito: "Asunción", ciudad: "Asunción", foto: "", firmado: true },
{ nombre: "Nombre Apellido", partido: "Partido B", departamento: "Caaguazú", distrito: "Coronel Oviedo", ciudad: "Coronel Oviedo", foto: "", firmado: false },
{ nombre: "Nombre Apellido", partido: "Partido A", departamento: "Concepción", distrito: "Concepción", ciudad: "Concepción", foto: "", firmado: false },
{ nombre: "Nombre Apellido", partido: "Partido C", departamento: "Guairá", distrito: "Villarrica", ciudad: "Villarrica", foto: "", firmado: true },
{ nombre: "Nombre Apellido", partido: "Partido B", departamento: "Cordillera", distrito: "Caacupé", ciudad: "Caacupé", foto: "", firmado: false }
];
var PAGE_SIZE = 9;
var state = { departamento: "", distrito: "", busqueda: "", estado: "todos", pagina: 1 };
var FOTO_DEFECTO = "https://via.placeholder.com/52/dfe6ea/999999?text=%20";
function escapeHtml(str) {
if (!str) return "";
return String(str).replace(/[&"']/g, function (ch) {
return { "&": "&", "": ">", '"': """, "'": "'" }[ch];
});
}
function departamentosUnicos() {
var set = {};
candidatosData.forEach(function (c) { set[c.departamento] = true; });
return Object.keys(set).sort();
}
function distritosUnicos(departamento) {
var set = {};
candidatosData.forEach(function (c) {
if (!departamento || c.departamento === departamento) set[c.distrito] = true;
});
return Object.keys(set).sort();
}
function poblarDepartamentos() {
var sel = document.getElementById("filtro-departamento");
departamentosUnicos().forEach(function (d) {
var opt = document.createElement("option");
opt.value = d;
opt.textContent = d;
sel.appendChild(opt);
});
}
function poblarDistritos() {
var sel = document.getElementById("filtro-distrito");
var valorActual = state.distrito;
sel.innerHTML = '';
distritosUnicos(state.departamento).forEach(function (d) {
var opt = document.createElement("option");
opt.value = d;
opt.textContent = d;
if (d === valorActual) opt.selected = true;
sel.appendChild(opt);
});
}
function filtrar() {
var texto = state.busqueda.toLowerCase();
return candidatosData.filter(function (c) {
if (state.departamento && c.departamento !== state.departamento) return false;
if (state.distrito && c.distrito !== state.distrito) return false;
if (state.estado === "firmado" && !c.firmado) return false;
if (state.estado === "no-firmado" && c.firmado) return false;
if (texto) {
var campo = (c.nombre + " " + c.ciudad).toLowerCase();
if (campo.indexOf(texto) === -1) return false;
}
return true;
});
}
function crearTarjeta(c) {
var a = document.createElement("a");
a.href = "#";
a.className = "tarjeta-candidato" + (c.firmado ? " firmado" : "");
var img = document.createElement("img");
img.className = "foto";
img.src = c.foto || FOTO_DEFECTO;
img.alt = "";
a.appendChild(img);
var datos = document.createElement("div");
datos.className = "datos";
var nombre = document.createElement("div");
nombre.className = "nombre";
nombre.textContent = c.nombre;
datos.appendChild(nombre);
var detalle = document.createElement("div");
detalle.className = "detalle";
detalle.textContent = [c.partido, c.departamento, c.distrito, c.ciudad].filter(Boolean).join(" · ");
datos.appendChild(detalle);
if (c.firmado) {
var estado = document.createElement("div");
estado.className = "estado-firma";
estado.innerHTML = "✓ Ya firmó el compromiso";
datos.appendChild(estado);
}
a.appendChild(datos);
return a;
}
function renderPaginacion(totalPaginas) {
var cont = document.getElementById("paginacion-candidatos");
cont.innerHTML = "";
if (totalPaginas totalPaginas) state.pagina = totalPaginas;
var inicio = (state.pagina - 1) * PAGE_SIZE;
resultados.slice(inicio, inicio + PAGE_SIZE).forEach(function (c) {
grilla.appendChild(crearTarjeta(c));
});
renderPaginacion(totalPaginas);
}
function initFiltros() {
var deptSelect = document.getElementById("filtro-departamento");
var distSelect = document.getElementById("filtro-distrito");
var busquedaInput = document.getElementById("filtro-busqueda");
var radios = document.querySelectorAll('#filtros-candidatos input[name="estado"]');
deptSelect.addEventListener("change", function () {
state.departamento = this.value;
state.distrito = "";
state.pagina = 1;
poblarDistritos();
render();
});
distSelect.addEventListener("change", function () {
state.distrito = this.value;
state.pagina = 1;
render();
});
var timeoutBusqueda;
busquedaInput.addEventListener("input", function () {
var valor = this.value;
clearTimeout(timeoutBusqueda);
timeoutBusqueda = setTimeout(function () {
state.busqueda = valor.trim();
state.pagina = 1;
render();
}, 200);
});
radios.forEach(function (radio) {
radio.addEventListener("change", function () {
state.estado = this.value;
state.pagina = 1;
render();
});
});
}
function actualizarGraficoFirmas() {
var dona = document.getElementById("dona-firmas");
var texto = document.getElementById("dona-firmas-texto");
if (!dona || !texto || candidatosData.length === 0) return;
var firmados = candidatosData.filter(function (c) { return c.firmado; }).length;
var porcentaje = Math.round((firmados / candidatosData.length) * 100);
texto.textContent = porcentaje + "%";
dona.style.background =
"conic-gradient(var(--rojo) 0% " + porcentaje + "%, var(--azul-polvo) " + porcentaje + "% 100%)";
}
function iniciar() {
if (!document.getElementById("grilla-candidatos")) return;
poblarDepartamentos();
poblarDistritos();
initFiltros();
render();
actualizarGraficoFirmas();
}
// Permite que el mapa (u otro elemento externo) filtre por departamento.
window.IntendentesFiltrarDepartamento = function (nombreDepartamento) {
if (!document.getElementById("grilla-candidatos")) return;
state.departamento = nombreDepartamento;
state.distrito = "";
state.pagina = 1;
var deptSelect = document.getElementById("filtro-departamento");
if (deptSelect) deptSelect.value = nombreDepartamento;
poblarDistritos();
render();
var seccion = document.getElementById("candidatos");
if (seccion) window.scrollTo({ top: seccion.offsetTop - 20, behavior: "smooth" });
};
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", iniciar);
} else {
iniciar();
}
})();
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&family=Fredoka:wght@600;700&display=swap');
#intxninez {
--rojo:#AD1315;
--rojo-osc:#7E0D0F;
--coral:#E98B82;
--azul-polvo:#859CCB;
--azul-logo:#00529C;
--degrade-naranja: #F6D171;
--oscuro:#262626;
--oscuro-2:#3a3a3a;
--crema:#FFF8F5;
--gris-linea:#f0ddd8;
--texto:#2b2b2b;
--radius:8px;
--fuente-disp:"Oswald","Arial Narrow",Arial,sans-serif;
--fuente-titulo:"Fredoka","Arial",sans-serif;
--fuente:"Segoe UI",Arial,sans-serif;
font-family: var(--fuente);
background: var(--crema);
color: var(--texto);
line-height:1.55;
margin:0;
padding:0;
}
#intxninez * { box-sizing:border-box; }
#intxninez img { max-width:100%; display:block; }
#intxninez a { color:inherit; }
#intxninez .wrap {
max-width:1180px;
margin:0 auto;
padding:0 24px;
}
/* ===== HEADER ===== */
#intxninez .site-header {
background: var(--degrade-naranja);
color: var(--oscuro);
border-bottom:1px solid var(--gris-linea);
}
#intxninez .site-header .wrap {
display:flex;
align-items:center;
justify-content:space-between;
padding:18px 24px;
flex-wrap:wrap;
gap:16px;
}
#intxninez .marca {
display:flex;
flex-direction:row;
align-items:center;
gap:18px;
}
#intxninez .marca .logo-img {
height:110px !important;
width:auto !important;
max-width:none !important;
object-fit:contain;
display:block;
}
#intxninez .marca .lema-img {
height:98px !important;
width:auto !important;
max-width:none !important;
object-fit:contain;
display:block;
}
#intxninez nav.menu-principal {
display:flex;
align-items:center;
gap:28px;
flex-wrap:wrap;
}
#intxninez nav.menu-principal a {
text-decoration:none;
color: var(--oscuro) !important;
font-family: var(--fuente-disp);
text-transform:uppercase;
font-size:.98rem;
letter-spacing:.5px;
padding-bottom:4px;
border-bottom:2px solid transparent;
transition:.2s;
}
#intxninez nav.menu-principal a:hover,
#intxninez nav.menu-principal a.activo {
color: var(--rojo) !important;
border-bottom-color: var(--rojo);
}
/* ===== HERO ===== */
#intxninez .hero {
position:relative;
background: #ffffff;
color: var(--oscuro) !important;
overflow:hidden;
}
#intxninez .hero .wrap {
display:grid;
grid-template-columns: 1.1fr 1fr;
align-items:end;
gap:24px;
padding-top:40px;
padding-bottom:0;
}
#intxninez .hero-texto {
padding-bottom:40px;
}
#intxninez .hero-texto h1 {
font-family: var(--fuente-titulo);
font-weight:700;
text-transform:uppercase;
font-size:clamp(1.9rem,3.6vw,2.8rem);
line-height:1.15;
margin:0 0 14px;
letter-spacing:0;
color: var(--azul-logo) !important;
}
#intxninez .hero-texto h1 em {
font-style:normal;
color: var(--rojo) !important;
}
#intxninez .hero-texto p {
color: var(--oscuro) !important;
font-size:1.05rem;
max-width:480px;
margin:0;
}
#intxninez .hero-foto {
align-self:end;
position:relative;
height:340px;
}
#intxninez .hero-foto img {
border-radius:6px 6px 0 0;
width:100%;
height:340px;
object-fit:cover;
object-position:center 30%;
position:absolute;
top:0; left:0;
opacity:0;
transition:opacity 1.2s ease-in-out;
}
#intxninez .hero-foto img.activa {
opacity:1;
}
/* ===== BARRA AUSPICIANTES ===== */
#intxninez .barra-auspicio {
background: var(--degrade-naranja);
border-top:1px solid var(--gris-linea);
}
#intxninez .barra-auspicio .wrap {
display:flex;
align-items:center;
justify-content:center;
gap:40px;
flex-wrap:wrap;
padding:16px 24px;
}
#intxninez .barra-auspicio img { height:44px !important; width:auto !important; max-width:none !important; object-fit:contain; }
#intxninez footer.site-footer img.logo-tall,
#intxninez .barra-auspicio img.logo-tall {
height:66px !important;
}
#intxninez footer.site-footer img.logo-chico,
#intxninez .barra-auspicio img.logo-chico {
height:34px !important;
}
#intxninez footer.site-footer img.logo-chip,
#intxninez .barra-auspicio img.logo-chip {
background:#fff;
border-radius:6px;
padding:4px 8px;
box-shadow:0 1px 3px rgba(0,0,0,.08);
}
/* ===== SECCIONES GENERALES ===== */
#intxninez section { padding:56px 0; }
#intxninez .titulo-eyebrow {
font-family: var(--fuente-disp);
color: var(--oscuro);
text-transform:uppercase;
font-size:1.05rem;
letter-spacing:1px;
margin:0 0 4px;
}
#intxninez .titulo-eyebrow .num { color: var(--rojo); }
#intxninez h2.titulo-seccion {
font-family: var(--fuente-disp);
text-transform:uppercase;
font-size:1.4rem;
color: var(--rojo-osc);
margin:0 0 18px;
letter-spacing:.4px;
}
/* ===== CAMPAÑA ===== */
#intxninez .campania-grid {
display:grid;
grid-template-columns: 1.4fr 1fr;
gap:40px;
align-items:center;
}
#intxninez .campania-texto {
max-width:820px;
}
#intxninez .campania-texto p {
font-size:1.02rem;
color:#444;
text-align:justify;
margin:0 0 12px;
}
#intxninez .campania-texto strong { color: var(--oscuro); }
#intxninez .campania-mapa {
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
}
#intxninez .campania-mapa svg {
width:100%;
max-width:380px;
height:auto;
}
#intxninez .depto {
fill:#FFFFFF;
stroke:#c9bd9e;
stroke-width:1.5;
cursor:pointer;
transition:fill .2s ease;
}
#intxninez .depto:hover {
fill: var(--azul-logo);
}
#intxninez .depto.seleccionado {
fill: var(--rojo);
}
#intxninez .depto-borde {
fill:none;
stroke:#8a7b5c;
stroke-width:1;
pointer-events:none;
}
#intxninez .mapa-ayuda {
font-size:.75rem;
color:#777;
text-align:center;
margin:0;
}
@media (max-width: 900px) {
#intxninez .campania-grid { grid-template-columns:1fr; }
#intxninez .campania-mapa { order:-1; max-width:260px; margin:0 auto; }
}
/* ===== BUSCADOR CANDIDATOS ===== */
#intxninez .franja-buscador {
background: var(--degrade-naranja);
}
#intxninez h2.titulo-grande {
font-family: var(--fuente-titulo);
font-weight:700;
text-transform:uppercase;
color: var(--azul-logo);
font-size:clamp(1.6rem,3.1vw,2.3rem);
line-height:1.25;
margin:0 0 24px;
text-align:center;
}
#intxninez h2.titulo-grande em {
font-style:normal;
color: var(--rojo);
}
#intxninez .filtros {
display:flex;
flex-wrap:wrap;
gap:12px;
align-items:center;
margin-bottom:28px;
}
#intxninez .filtros select,
#intxninez .filtros input[type="text"] {
font-family: var(--fuente);
border:1px solid #cfcabb;
background:#fff;
color: var(--texto);
border-radius:4px;
padding:10px 12px;
font-size:.85rem;
}
#intxninez .filtros select {
background: var(--oscuro-2);
color:#fff;
border-color: var(--oscuro-2);
min-width:150px;
}
#intxninez .filtros .campo-busqueda {
position:relative;
flex:1;
min-width:220px;
}
#intxninez .filtros .campo-busqueda input {
width:100%;
padding-right:38px;
}
#intxninez .filtros .campo-busqueda button {
position:absolute;
right:6px;
top:50%;
transform:translateY(-50%);
border:none;
background:none;
color: var(--rojo-osc);
cursor:pointer;
font-size:1rem;
}
#intxninez .filtros .estado-toggle {
display:flex;
align-items:center;
gap:14px;
font-size:.82rem;
color:#555;
margin-left:auto;
}
#intxninez .filtros .estado-toggle label {
display:flex;
align-items:center;
gap:5px;
cursor:pointer;
}
#intxninez .paginacion {
display:flex;
align-items:center;
justify-content:center;
gap:16px;
margin-top:24px;
}
#intxninez .paginacion .pag-btn {
font-family: var(--fuente-disp);
text-transform:uppercase;
letter-spacing:.4px;
font-size:.8rem;
background:#fff;
border:1px solid var(--rojo);
color: var(--rojo-osc);
padding:9px 18px;
border-radius:4px;
cursor:pointer;
transition:.2s;
}
#intxninez .paginacion .pag-btn:hover:not(:disabled) {
background: var(--rojo);
color:#fff;
}
#intxninez .paginacion .pag-btn:disabled {
opacity:.4;
cursor:default;
}
#intxninez .paginacion .pag-info {
font-size:.82rem;
color:#666;
}
/* ===== GRILLA CANDIDATOS ===== */
#intxninez .grilla-candidatos {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
}
#intxninez .tarjeta-candidato {
display:flex;
align-items:center;
gap:12px;
background:#fff;
border:1px solid var(--gris-linea);
border-radius:6px;
padding:10px 12px;
text-decoration:none;
color:inherit;
transition:.2s;
}
#intxninez .tarjeta-candidato:hover {
border-color: var(--rojo);
box-shadow:0 4px 12px rgba(0,0,0,.06);
}
#intxninez .tarjeta-candidato.firmado { background:#FCEEEC; }
#intxninez .tarjeta-candidato .foto {
width:52px;
height:52px;
border-radius:50%;
object-fit:cover;
background:#dfe6ea;
flex-shrink:0;
}
#intxninez .tarjeta-candidato .datos { flex:1; min-width:0; }
#intxninez .tarjeta-candidato .datos .nombre {
font-weight:700;
font-size:.88rem;
color: var(--oscuro);
}
#intxninez .tarjeta-candidato .datos .detalle {
font-size:.72rem;
color:#777;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#intxninez .tarjeta-candidato .estado-firma {
font-size:.68rem;
font-weight:700;
color: var(--rojo-osc);
display:flex;
align-items:center;
gap:4px;
margin-top:2px;
}
#intxninez .ver-mas {
text-align:center;
margin-top:26px;
}
#intxninez .btn {
display:inline-block;
font-family: var(--fuente-disp);
text-transform:uppercase;
letter-spacing:.5px;
font-size:.85rem;
background: var(--rojo);
color:#fff;
border:none;
padding:12px 28px;
border-radius:3px;
text-decoration:none;
cursor:pointer;
transition:.2s;
}
#intxninez .btn:hover { background: var(--rojo-osc); }
/* ===== CARTA CANDIDATOS ===== */
#intxninez .franja-carta {
position:relative;
background: var(--oscuro);
color:#eee;
overflow:hidden;
padding:70px 0;
}
#intxninez .carta-fondo {
position:absolute;
inset:-20px;
background-size:cover;
background-position:center 30%;
filter:grayscale(100%);
transform:scale(1.05);
z-index:0;
}
#intxninez .franja-carta::before {
content:"";
position:absolute; inset:0;
background:rgba(20,20,20,.10);
z-index:1;
}
#intxninez .franja-carta .wrap { position:relative; z-index:2; text-align:center; }
#intxninez .carta-tarjeta {
background:rgba(255,255,255,.62);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
border-radius:10px;
padding:40px 44px;
max-width:900px;
margin:0 auto;
box-shadow:0 20px 50px rgba(0,0,0,.25);
}
#intxninez .franja-carta h2.titulo-grande { font-family: var(--fuente-disp); color: var(--rojo-osc); text-align:center; }
#intxninez .franja-carta .texto-carta {
max-width:820px;
margin:0 auto;
font-size:1.02rem;
color:#444;
text-align:justify;
}
#intxninez .franja-carta .texto-carta p { margin:0 0 12px; }
#intxninez .franja-carta .texto-carta p[style] { color: var(--rojo-osc) !important; }
#intxninez .franja-carta .btn { margin-top:10px; }
/* ===== FIRMAS + NOTICIAS ===== */
#intxninez .franja-stats {
display:grid;
grid-template-columns: 0.8fr 1.2fr 0.9fr;
gap:36px;
align-items:start;
}
#intxninez .grafico-firmas { text-align:center; }
#intxninez .dona {
width:170px;
height:170px;
border-radius:50%;
margin:0 auto 16px;
background: conic-gradient(var(--rojo) 0% 60%, var(--azul-polvo) 60% 100%);
display:flex;
align-items:center;
justify-content:center;
position:relative;
}
#intxninez .dona::after {
content:"";
position:absolute;
width:100px; height:100px;
border-radius:50%;
background: var(--crema);
}
#intxninez .dona span {
position:relative;
z-index:1;
font-family:var(--fuente-disp);
font-size:1.1rem;
color: var(--oscuro);
}
#intxninez .leyenda {
display:flex;
flex-direction:column;
gap:6px;
font-size:.78rem;
color:#555;
max-width:220px;
margin:0 auto;
text-align:left;
}
#intxninez .leyenda .item { display:flex; align-items:center; gap:8px; }
#intxninez .leyenda .swatch { width:12px; height:12px; border-radius:2px; flex-shrink:0; }
#intxninez .leyenda .rojo { background: var(--rojo); }
#intxninez .leyenda .gris { background:var(--azul-polvo); }
#intxninez .lista-noticias { list-style:none; margin:0; padding:0; }
#intxninez .lista-noticias li {
display:flex;
gap:14px;
align-items:flex-start;
padding:10px 0;
border-bottom:1px solid var(--gris-linea);
}
#intxninez .lista-noticias .fecha {
font-family: var(--fuente-disp);
background: var(--oscuro-2);
color:#fff;
text-align:center;
border-radius:4px;
padding:6px 10px;
min-width:46px;
}
#intxninez .lista-noticias .fecha .dia { display:block; font-size:1.1rem; line-height:1; }
#intxninez .lista-noticias .fecha .mes { display:block; font-size:.6rem; text-transform:uppercase; letter-spacing:.5px; }
#intxninez .lista-noticias .info a {
display:block;
font-weight:700;
font-size:.85rem;
color: var(--oscuro);
text-decoration:none;
margin-bottom:2px;
}
#intxninez .lista-noticias .info a:hover { color: var(--rojo-osc); }
#intxninez .lista-noticias .info p { margin:0; font-size:.78rem; color:#777; }
#intxninez .lista-firmantes { list-style:none; margin:0; padding:0; }
#intxninez .lista-firmantes li {
display:flex;
align-items:center;
gap:10px;
padding:8px 0;
border-bottom:1px solid var(--gris-linea);
}
#intxninez .lista-firmantes img {
width:38px; height:38px;
border-radius:50%;
object-fit:cover;
background:#dfe6ea;
}
#intxninez .lista-firmantes .nombre { font-weight:700; font-size:.8rem; color:var(--oscuro); }
#intxninez .lista-firmantes .detalle { font-size:.7rem; color:#888; }
/* ===== FOOTER ===== */
#intxninez footer.site-footer {
background: var(--degrade-naranja);
border-top:1px solid var(--gris-linea);
padding:26px 0;
}
#intxninez footer.site-footer .wrap {
display:flex;
align-items:center;
justify-content:center;
gap:40px;
flex-wrap:wrap;
}
#intxninez footer.site-footer img { height:40px !important; width:auto !important; max-width:none !important; object-fit:contain; }
/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
#intxninez .hero .wrap { grid-template-columns:1fr; }
#intxninez .franja-stats { grid-template-columns:1fr; }
#intxninez .grilla-candidatos { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 600px) {
#intxninez nav.menu-principal { gap:14px; }
#intxninez .grilla-candidatos { grid-template-columns:1fr; }
}
Fono Ayuda está compuesto por un equipo de orientadores sociales altamente calificados en distintas áreas (abogados, psicólogos, trabajadores sociales) que trabajan las 24 horas los siete días de la semana, incluyendo feriados, en turnos rotativos.
