{"id":30355,"date":"2025-07-10T23:08:10","date_gmt":"2025-07-10T23:08:10","guid":{"rendered":"https:\/\/bloquejsrn.com.ar\/nuevo\/?page_id=30355"},"modified":"2025-09-23T14:17:52","modified_gmt":"2025-09-23T14:17:52","slug":"inicio","status":"publish","type":"page","link":"https:\/\/bloquejsrn.com.ar\/portal\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<style>\n\/* Efectos b\u00e1sicos *\/\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n@keyframes zoomIn {\n  from { opacity: 0; transform: scale(0.9); }\n  to { opacity: 1; transform: scale(1); }\n}\n\n.fade-in {\n  animation: fadeIn 0.8s ease forwards;\n  opacity: 0;\n}\n.zoom-in {\n  animation: zoomIn 0.8s ease forwards;\n  opacity: 0;\n}\n\n.sombra {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  transition: transform 0.3s ease;\n}\n.sombra:hover {\n  transform: translateY(-4px);\n}\n\n\/* Delay para que aparezcan escalonadamente *\/\n.fade-in:nth-child(1) { animation-delay: 0.1s; }\n.fade-in:nth-child(2) { animation-delay: 0.3s; }\n.zoom-in:nth-child(1) { animation-delay: 0.2s; }\n.zoom-in:nth-child(2) { animation-delay: 0.4s; }\n<\/style>\n\n\n\n<!-- Tipograf\u00eda Montserrat -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n<!-- Font Awesome -->\n<script src=\"https:\/\/kit.fontawesome.com\/0c8c4c2491.js\" crossorigin=\"anonymous\"><\/script>\n\n<style>\n  body {\n    margin: 0;\n    font-family: 'Montserrat', sans-serif;\n  }\n\n  .encabezado-container {\n    position: relative;\n    width: 100%;\n  }\n\n  .imagen-header {\n    width: 100%;\n    display: block;\n  }\n\n  .redes-sociales {\n    position: absolute;\n    top: 10%;\n    right: 5%;\n    display: flex;\n    gap: 10px;\n    z-index: 2;\n  }\n\n  .redes-sociales a {\n    background-color: #000;\n    color: #fff;\n    border-radius: 50%;\n    width: 30px;\n    height: 30px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-decoration: none;\n    transition: background 0.3s;\n    font-size: 14px;\n  }\n\n  .redes-sociales a:hover {\n    background-color: #66B032;\n  }\n\n  .menu-principal {\n    display: flex;\n    justify-content: center;\n    padding: 10px 0;\n    border-top: 1px solid #e0e0e0;\n    border-bottom: 1px solid #e0e0e0;\n    position: sticky;\n    top: 0;\n    z-index: 1000;\n    flex-wrap: wrap;\n    transition: background-color 0.3s ease, box-shadow 0.3s ease;\n    background-color: #fff;\n  }\n\n  .menu-principal.scrolled {\n    background-color: #fff;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  }\n\n  .menu-principal .contenedor-enlaces {\n    display: flex;\n    gap: 30px;\n    flex-wrap: wrap;\n  }\n\n  .menu-principal a {\n    text-decoration: none;\n    color: #222;\n    font-weight: 500;\n    transition: color 0.2s ease, transform 0.2s ease;\n  }\n\n  .menu-principal a:hover {\n    color: #66B032;\n    transform: translateY(-2px);\n  }\n\n  @media (max-width: 768px) {\n    .redes-sociales {\n      top: 10px;\n      right: 10px;\n      gap: 8px;\n    }\n\n    .redes-sociales a {\n      width: 26px;\n      height: 26px;\n      font-size: 12px;\n    }\n\n    .menu-principal .contenedor-enlaces {\n      gap: 20px;\n      justify-content: center;\n    }\n\n    .titulo-slider h2,\n    .titulo-slider span {\n      font-size: 1.1rem !important;\n    }\n  }\n<\/style>\n\n<!-- Script para cambiar fondo al hacer scroll -->\n<script>\n  window.addEventListener('scroll', function () {\n    const menu = document.querySelector('.menu-principal');\n    if (window.scrollY > 50) {\n      menu.classList.add('scrolled');\n    } else {\n      menu.classList.remove('scrolled');\n    }\n  });\n<\/script>\n\n<!-- Encabezado con imagen e \u00edconos -->\n<div class=\"encabezado-container\">\n  <img decoding=\"async\" src=\"https:\/\/bloquejsrn.com.ar\/nuevo\/wp-content\/uploads\/2025\/07\/Noticias-1-2-e1753885005644.png\" class=\"imagen-header\" alt=\"Juntos Somos R\u00edo Negro\" \/>\n  <div class=\"redes-sociales\">\n    <a href=\"https:\/\/www.facebook.com\/bloquelegisladoresjsrn\" target=\"_blank\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n    <a href=\"https:\/\/www.instagram.com\/bloque_jsrn\" target=\"_blank\"><i class=\"fab fa-instagram\"><\/i><\/a>\n    <a href=\"https:\/\/youtube.com\/@prensabloquejsrn4294?si=HGohP06jxnu5fVyA\" target=\"_blank\"><i class=\"fab fa-youtube\"><\/i><\/a>\n  <\/div>\n<\/div>\n\n<!-- Men\u00fa -->\n<nav class=\"menu-principal\">\n  <div class=\"contenedor-enlaces\">\n    <a href=\"\/nuevo\/\">Inicio<\/a>\n    <a href=\"https:\/\/bloquejsrn.com.ar\/nuevo\/index.php\/noticias\/\">Noticias<\/a>\n    <a href=\"https:\/\/bloquejsrn.com.ar\/nuevo\/index.php\/opinion\/\">Opini\u00f3n<\/a>\n    <a href=\"https:\/\/bloquejsrn.com.ar\/nuevo\/index.php\/autoridades\/\">Autoridades<\/a>\n    <a href=\"https:\/\/www.youtube.com\/@lrnvideo\/streams\" target=\"_blank\">Sesi\u00f3n en vivo<\/a>\n    <a href=\"#contacto\">Contacto<\/a>\n  <\/div>\n<\/nav>\n\n\n\n<!-- Secci\u00f3n Noticias -->\r\n<section class=\"seccion-noticias\">\r\n  <h2 class=\"titulo-seccion\">Noticias<\/h2>\r\n\r\n  <div id=\"custom-slider\" class=\"slider-container\">\r\n          <div class=\"slide active\">\r\n        <img decoding=\"async\" src=\"https:\/\/bloquejsrn.com.ar\/portal\/wp-content\/uploads\/2026\/04\/504015167_23880518308253083_1238727311719655597_n-1024x683.jpg\" alt=\"\u201c\u00c1lbum de figuritas, identidad y pertenencia\u201d\" class=\"slide-img\">\r\n        <div class=\"overlay\">\r\n          <h2>\u201c\u00c1lbum de figuritas, identidad y pertenencia\u201d<\/h2>\r\n          <p class=\"date\">10\/04\/2026<\/p>\r\n          <a href=\"https:\/\/bloquejsrn.com.ar\/portal\/album-de-figuritas-identidad-y-pertenencia\/\" class=\"button\">Leer m\u00e1s<\/a>\r\n        <\/div>\r\n      <\/div>\r\n          <div class=\"slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/bloquejsrn.com.ar\/portal\/wp-content\/uploads\/2026\/04\/02.jpeg\" alt=\"\u201cFormaci\u00f3n Profesional en Prevenci\u00f3n del Suicidio\u201d\" class=\"slide-img\">\r\n        <div class=\"overlay\">\r\n          <h2>\u201cFormaci\u00f3n Profesional en Prevenci\u00f3n del Suicidio\u201d<\/h2>\r\n          <p class=\"date\">10\/04\/2026<\/p>\r\n          <a href=\"https:\/\/bloquejsrn.com.ar\/portal\/formacion-profesional-en-prevencion-del-suicidio\/\" class=\"button\">Leer m\u00e1s<\/a>\r\n        <\/div>\r\n      <\/div>\r\n          <div class=\"slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/bloquejsrn.com.ar\/portal\/wp-content\/uploads\/2026\/04\/Captura-de-pantalla-2026-04-10-12-38-30.png\" alt=\"Antonia Malloni, Seleccionado Nacional Argentino de Hockey sobre C\u00e9sped\" class=\"slide-img\">\r\n        <div class=\"overlay\">\r\n          <h2>Antonia Malloni, Seleccionado Nacional Argentino de Hockey sobre C\u00e9sped<\/h2>\r\n          <p class=\"date\">10\/04\/2026<\/p>\r\n          <a href=\"https:\/\/bloquejsrn.com.ar\/portal\/antonia-malloni-seleccionado-nacional-argentino-de-hockey-sobre-cesped\/\" class=\"button\">Leer m\u00e1s<\/a>\r\n        <\/div>\r\n      <\/div>\r\n          <div class=\"slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/bloquejsrn.com.ar\/portal\/wp-content\/uploads\/2026\/04\/600217161_1324697456368619_3281594937042405732_n.jpg\" alt=\"Resaltan la trayectoria de H\u00e9ctor Fabi\u00e1n Tolosa\" class=\"slide-img\">\r\n        <div class=\"overlay\">\r\n          <h2>Resaltan la trayectoria de H\u00e9ctor Fabi\u00e1n Tolosa<\/h2>\r\n          <p class=\"date\">10\/04\/2026<\/p>\r\n          <a href=\"https:\/\/bloquejsrn.com.ar\/portal\/resaltan-la-trayectoria-de-hector-fabian-tolosa\/\" class=\"button\">Leer m\u00e1s<\/a>\r\n        <\/div>\r\n      <\/div>\r\n          <div class=\"slide\">\r\n        <img decoding=\"async\" src=\"https:\/\/bloquejsrn.com.ar\/portal\/wp-content\/uploads\/2026\/04\/Captura-de-pantalla-2026-04-10-11-49-28.png\" alt=\"Destacan el proyecto &quot;Vestidos del Michay&quot;\" class=\"slide-img\">\r\n        <div class=\"overlay\">\r\n          <h2>Destacan el proyecto &quot;Vestidos del Michay&quot;<\/h2>\r\n          <p class=\"date\">10\/04\/2026<\/p>\r\n          <a href=\"https:\/\/bloquejsrn.com.ar\/portal\/destacan-el-proyecto-vestidos-del-michay\/\" class=\"button\">Leer m\u00e1s<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    \r\n    <!-- Flechas de navegaci\u00f3n -->\r\n    <a class=\"prev\" onclick=\"changeSlide(-1)\">&#10094;<\/a>\r\n    <a class=\"next\" onclick=\"changeSlide(1)\">&#10095;<\/a>\r\n\r\n    <!-- Puntitos -->\r\n    <div class=\"slider-dots\">\r\n              <span class=\"dot active\" onclick=\"showSlide(0)\"><\/span>\r\n              <span class=\"dot\" onclick=\"showSlide(1)\"><\/span>\r\n              <span class=\"dot\" onclick=\"showSlide(2)\"><\/span>\r\n              <span class=\"dot\" onclick=\"showSlide(3)\"><\/span>\r\n              <span class=\"dot\" onclick=\"showSlide(4)\"><\/span>\r\n          <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"noticias-limpias-grid\">\r\n          <div class=\"noticia-limpia\">\r\n        <div class=\"barra-color\" style=\"background: #2e7d32;\"><\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/bloquejsrn.com.ar\/portal\/wp-content\/uploads\/2026\/04\/621249414_883365214278446_1991328463336847250_n-240x300.jpg\" alt=\"\" class=\"noticia-img-limpia\">\r\n        <p class=\"noticia-fecha\">10\/04\/2026<\/p>\r\n        <h3>100\u00ba Aniversario de fundaci\u00f3n del Club Cipolletti<\/h3>\r\n        <p class=\"noticia-excerpt\">Desde sus inicios el Club Cipolletti se configur\u00f3 como una entidad profundamente vinculada conel crecimiento y la evoluci\u00f3n de la ciudad que le da nombre,&hellip;<\/p>\r\n        <a href=\"https:\/\/bloquejsrn.com.ar\/portal\/100o-aniversario-de-fundacion-del-club-cipolletti\/\" class=\"noticia-btn\">Leer m\u00e1s<\/a>\r\n      <\/div>\r\n          <div class=\"noticia-limpia\">\r\n        <div class=\"barra-color\" style=\"background: #222;\"><\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/bloquejsrn.com.ar\/portal\/wp-content\/uploads\/2026\/04\/Captura-de-pantalla-2026-04-10-11-38-50-300x196.png\" alt=\"\" class=\"noticia-img-limpia\">\r\n        <p class=\"noticia-fecha\">10\/04\/2026<\/p>\r\n        <h3>Catriel: Capital Provincial del Boxeo<\/h3>\r\n        <p class=\"noticia-excerpt\">El boxeo en Catriel cuenta con el respaldo local, convirti\u00e9ndose as\u00ed en una \u201ctierra de campeonasy campeones\u201d en la regi\u00f3n, promoviendo el deporte y la&hellip;<\/p>\r\n        <a href=\"https:\/\/bloquejsrn.com.ar\/portal\/catriel-capital-provincial-del-boxeo\/\" class=\"noticia-btn\">Leer m\u00e1s<\/a>\r\n      <\/div>\r\n          <div class=\"noticia-limpia\">\r\n        <div class=\"barra-color\" style=\"background: #0275d8;\"><\/div>\r\n        <img decoding=\"async\" src=\"\" alt=\"\" class=\"noticia-img-limpia\">\r\n        <p class=\"noticia-fecha\">10\/04\/2026<\/p>\r\n        <h3>Test post title<\/h3>\r\n        <p class=\"noticia-excerpt\">Test post content<\/p>\r\n        <a href=\"https:\/\/bloquejsrn.com.ar\/portal\/test-post-title-2\/\" class=\"noticia-btn\">Leer m\u00e1s<\/a>\r\n      <\/div>\r\n      <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.seccion-noticias {\r\n  font-family: 'Montserrat', sans-serif;\r\n  background: #fafafa;\r\n  padding: 4rem 5% 2rem;\r\n}\r\n.titulo-seccion {\r\n  text-align: center;\r\n  font-size: 2rem;\r\n  font-weight: 600;\r\n  color: #1a1a1a;\r\n  margin-bottom: 2rem;\r\n  position: relative;\r\n}\r\n.titulo-seccion::after {\r\n  content: '';\r\n  display: block;\r\n  width: 60px;\r\n  height: 4px;\r\n  background: #95c23d;\r\n  margin: 0.5rem auto 0;\r\n}\r\n\r\n\/* Slider *\/\r\n.slider-container {\r\n  position: relative;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  margin-bottom: 3rem;\r\n}\r\n.slide {\r\n  display: none;\r\n  position: relative;\r\n}\r\n.slide.active { display: block; }\r\n.slide-img {\r\n  width: 100%;\r\n  height: 350px;\r\n  object-fit: contain;   \/* \u2705 ahora muestra la imagen entera *\/\r\n  background-color: #fff; \/* espacios en blanco donde falte *\/\r\n}\r\n\r\n\/* Overlay *\/\r\n.overlay {\r\n  background: rgba(0, 0, 0, 0.5);\r\n  color: white;\r\n  padding: 2rem;\r\n  position: absolute;\r\n  bottom: 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n}\r\n.slide h2 {\r\n  margin: 0;\r\n  font-size: 2rem;\r\n  color: #fff;\r\n  font-weight: bold;\r\n}\r\n.date {\r\n  font-size: 0.95rem;\r\n  color: #ccc;\r\n  margin-top: 0.5rem;\r\n}\r\n.button {\r\n  margin-top: 1rem;\r\n  background: #2e7d32;\r\n  color: white;\r\n  padding: 0.5rem 1.2rem;\r\n  display: inline-block;\r\n  text-decoration: none;\r\n  border-radius: 5px;\r\n  border: none;\r\n}\r\n\r\n\/* Flechas *\/\r\n.prev, .next {\r\n  cursor: pointer;\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  padding: 12px;\r\n  color: white;\r\n  font-weight: bold;\r\n  font-size: 2rem;\r\n  border-radius: 50%;\r\n  background: rgba(0,0,0,0.3);\r\n  user-select: none;\r\n  transition: background 0.3s;\r\n}\r\n.prev:hover, .next:hover { background: rgba(0,0,0,0.6); }\r\n.prev { left: 15px; }\r\n.next { right: 15px; }\r\n\r\n.slider-dots {\r\n  text-align: center;\r\n  margin-top: 10px;\r\n}\r\n.dot {\r\n  height: 10px;\r\n  width: 10px;\r\n  margin: 0 5px;\r\n  background-color: #ccc;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n  transition: background 0.3s;\r\n  cursor: pointer;\r\n}\r\n.dot.active { background-color: #2e7d32; }\r\n\r\n\/* Noticias limpias *\/\r\n.noticias-limpias-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n  gap: 3rem;\r\n}\r\n.noticia-limpia { display: flex; flex-direction: column; }\r\n.barra-color { height: 4px; width: 60px; margin-bottom: 1rem; }\r\n.noticia-img-limpia {\r\n  width: 100%;\r\n  height: 200px;\r\n  object-fit: contain;   \/* \u2705 imagen completa en las noticias tambi\u00e9n *\/\r\n  background-color: #fff; \/* espacios en blanco *\/\r\n  margin-bottom: 1rem;\r\n}\r\n.noticia-fecha {\r\n  font-size: 0.9rem;\r\n  color: #999;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.noticia-limpia h3 {\r\n  font-size: 1.3rem;\r\n  margin: 0 0 0.7rem;\r\n  color: #222;\r\n}\r\n.noticia-excerpt { font-size: 1rem; color: #444; }\r\n.noticia-btn {\r\n  margin-top: auto;\r\n  align-self: center;\r\n  background: #2e7d32;\r\n  color: white;\r\n  padding: 0.5rem 1rem;\r\n  border-radius: 4px;\r\n  text-decoration: none;\r\n  font-size: 0.9rem;\r\n}\r\n.noticia-btn:hover { background: #1e5824; }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .slide-img { height: 220px; }\r\n  .slide h2 { font-size: 1.4rem; }\r\n  .overlay { padding: 1rem; }\r\n  .button { padding: 0.4rem 1rem; font-size: 0.9rem; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nlet slideIndex = 0;\r\nlet slides = document.querySelectorAll(\"#custom-slider .slide\");\r\nlet dots = document.querySelectorAll(\"#custom-slider .dot\");\r\n\r\nfunction showSlide(index) {\r\n  if (index >= slides.length) index = 0;\r\n  if (index < 0) index = slides.length - 1;\r\n  slides.forEach((slide, i) => {\r\n    slide.classList.toggle(\"active\", i === index);\r\n    dots[i].classList.toggle(\"active\", i === index);\r\n  });\r\n  slideIndex = index;\r\n}\r\nfunction changeSlide(n) {\r\n  showSlide(slideIndex + n);\r\n}\r\nfunction autoSlide() {\r\n  showSlide(slideIndex + 1);\r\n}\r\nsetInterval(autoSlide, 5000);\r\n<\/script>\r\n\n\n\n\n<!-- Ficha Facundo L\u00f3pez centrada y m\u00e1s compacta -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .fl-card * { box-sizing: border-box; }\n  .fl-card{\n    --jsrn-green:#2e7d32;\n    --bg: rgba(46,125,50,.10);\n    --text:#152028;\n    --muted:#475569;\n\n    font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n    background:var(--bg);\n    color:var(--text);\n    border:1px solid rgba(46,125,50,.20);\n    border-radius:24px;\n    padding: clamp(22px, 3vw, 36px);\n    display:grid;\n    grid-template-columns: 220px 1fr 240px;\n    gap: clamp(20px, 2.5vw, 30px);\n    align-items:center;\n    transition:box-shadow .25s ease, transform .25s ease;\n    max-width: 1100px;         \/* l\u00edmite de ancho *\/\n    margin: 0 auto;            \/* centrado en la p\u00e1gina *\/\n  }\n  .fl-card:hover{ box-shadow:0 12px 26px rgba(0,0,0,.10); transform:translateY(-2px); }\n\n  \/* Avatar *\/\n  .fl-avatar-wrap{ display:flex; justify-content:center; padding-left:20px; } \/* empuja un poco hacia adentro *\/\n  .fl-avatar{\n    width: clamp(180px, 14vw, 200px);\n    height: clamp(180px, 14vw, 200px);\n    object-fit: cover;\n    border-radius: 50%;\n    border:4px solid #0f1a10;\n    box-shadow: 0 6px 18px rgba(0,0,0,.12);\n    background:#fff;\n  }\n  .fl-card.is-square .fl-avatar{ border-radius:18px; }\n\n  \/* Columna principal *\/\n  .fl-info .fl-area{ color:var(--jsrn-green); font-weight:700; margin:0 0 2px; }\n  .fl-info h2{\n    font-size: clamp(24px, 3vw, 34px);\n    margin:0 0 8px 0; line-height:1.1; position:relative; padding-bottom:6px;\n  }\n  .fl-info h2::after{\n    content:\"\"; position:absolute; left:0; bottom:0; width:44px; height:3px;\n    background:var(--jsrn-green); border-radius:2px;\n  }\n  .fl-info .fl-role{ color:var(--muted); margin:0 0 12px 0; }\n\n  \/* Redes *\/\n  .fl-social{ display:flex; gap:10px; }\n  .fl-social a{\n    width:42px; height:42px; display:grid; place-items:center;\n    background:#111; color:#fff; border-radius:50%;\n    text-decoration:none; border:1px solid rgba(0,0,0,.2);\n    transition:transform .16s ease, filter .16s ease;\n  }\n  .fl-social a:hover{ transform:translateY(-2px); filter:brightness(.95); }\n  .fl-social svg{ width:20px; height:20px; fill:currentColor; }\n\n  \/* Lateral centrada visualmente *\/\n  .fl-side{\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n    gap:14px;\n    text-align:center;\n    padding-right:20px; \/* trae el bot\u00f3n hacia adentro *\/\n    position:relative;\n  }\n  .fl-side::before{\n    content:\"\"; position:absolute; left:-10px; top:8px; bottom:8px; width:1px;\n    background:rgba(0,0,0,.14);\n  }\n  .fl-side h3{ margin:0; font-size:16px; font-weight:700; }\n  .fl-whatsapp{\n    display:inline-flex; align-items:center; gap:8px;\n    background:#25D366; color:#0b2314; text-decoration:none; font-weight:700;\n    padding:11px 14px; border-radius:999px; border:1px solid rgba(0,0,0,.12);\n    transition:transform .16s ease, filter .16s ease; box-shadow:0 8px 18px rgba(37,211,102,.18);\n  }\n  .fl-whatsapp:hover{ transform:translateY(-2px); filter:brightness(.97); }\n  .fl-whatsapp svg{ width:18px; height:18px; fill:currentColor; }\n\n  \/* Responsive *\/\n  @media (max-width: 980px){\n    .fl-card{ grid-template-columns: 200px 1fr; }\n    .fl-side{ grid-column: 1 \/ -1; padding-left:0; padding-top:14px; }\n    .fl-side::before{ display:none; }\n  }\n  @media (max-width: 560px){\n    .fl-card{ grid-template-columns: 1fr; text-align:center; }\n    .fl-info h2::after{ left:50%; transform:translateX(-50%); }\n    .fl-social{ justify-content:center; }\n  }\n<\/style>\n\n<section class=\"fl-card\" aria-label=\"Ficha Facundo L\u00f3pez\">\n  <div class=\"fl-avatar-wrap\">\n    <img decoding=\"async\" class=\"fl-avatar\"\n         src=\"https:\/\/bloquejsrn.com.ar\/nuevo\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-22-at-10.38.51-AM.jpeg\"\n         alt=\"Facundo L\u00f3pez\" loading=\"lazy\">\n  <\/div>\n\n  <div class=\"fl-info\">\n    <div class=\"fl-area\">Bloque Juntos Somos R\u00edo Negro<\/div>\n    <h2>Facundo L\u00f3pez<\/h2>\n    <div class=\"fl-role\">Presidente del Bloque Juntos Somos R\u00edo Negro<\/div>\n    <div class=\"fl-social\">\n      <a href=\"https:\/\/www.instagram.com\/facundolopezrn\/?hl=es\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.2c3.2 0 3.6 0 4.9.1 1.2.1 1.9.3 2.3.6.6.3 1.1.8 1.4 1.4.3.4.5 1.1.6 2.3.1 1.3.1 1.7.1 4.9s0 3.6-.1 4.9c-.1 1.2-.3 1.9-.6 2.3-.3.6-.8 1.1-1.4 1.4-.4.3-1.1.5-2.3.6-1.3.1-1.7.1-4.9.1s-3.6 0-4.9-.1c-1.2-.1-1.9-.3-2.3-.6a3.4 3.4 0 0 1-1.4-1.4c-.3-.4-.5-1.1-.6-2.3C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.9c.1-1.2.3-1.9.6-2.3.3-.6.8-1.1 1.4-1.4.4-.3 1.1-.5 2.3-.6C8.4 2.2 8.8 2.2 12 2.2Zm0 1.8c-3.1 0-3.5 0-4.8.1-1 .1-1.6.2-1.9.4-.5.2-.8.5-1.1 1.1-.2.3-.3.9-.4 1.9-.1 1.3-.1 1.7-.1 4.8s0 3.5.1 4.8c.1 1 .2 1.6.4 1.9.2.5.5.8 1.1 1.1.3.2.9.3 1.9.4 1.3.1 1.7.1 4.8.1s3.5 0 4.8-.1c1-.1 1.6-.2 1.9-.4.5-.2.8-.5 1.1-1.1.2-.3.3-.9.4-1.9.1-1.3.1-1.7.1-4.8s0-3.5-.1-4.8c-.1-1-.2-1.6-.4-1.9-.2-.5-.5-.8-1.1-1.1-.3-.2-.9-.3-1.9-.4-1.3-.1-1.7-.1-4.8-.1Zm0 3.1a6.9 6.9 0 1 1 0 13.8 6.9 6.9 0 0 1 0-13.8Zm0 1.8a5.1 5.1 0 1 0 0 10.2 5.1 5.1 0 0 0 0-10.2Zm5.5-2.1a1.6 1.6 0 1 1 0 3.2 1.6 1.6 0 0 1 0-3.2Z\"\/><\/svg>\n      <\/a>\n      <a href=\"https:\/\/x.com\/facundolopezrn?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor\" target=\"_blank\" rel=\"noopener\" aria-label=\"X (Twitter)\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M18.9 2H22l-6.8 7.8L23 22h-6.6l-5.2-6.8L4.9 22H2l7.3-8.4L1.3 2h6.7l4.7 6.1L18.9 2Zm-2.3 18h2.2L7.5 4H5.3l11.3 16Z\"\/><\/svg>\n      <\/a>\n      <a href=\"https:\/\/www.youtube.com\/channel\/UChgOjM3vfRS9qdL01uegOMQ\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M23.5 7.2a4 4 0 0 0-.8-1.9 2.9 2.9 0 0 0-2-.8C18 4.2 12 4.2 12 4.2s-6 0-8.7.3c-.7 0-1.4.3-2 .8A4 4 0 0 0 .5 7.2 33.7 33.7 0 0 0 0 12c0 1.6.1 3.2.5 4.8.2.7.5 1.3 1 1.8.6.5 1.3.8 2 .8C6 19.6 12 19.6 12 19.6s6 0 8.7-.3c.7 0 1.4-.3 2-.8.5-.5.8-1.1 1-1.8.4-1.6.5-3.2.5-4.8 0-1.6-.1-3.2-.5-4.8ZM9.8 15.5v-7l6 3.5-6 3.5Z\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <aside class=\"fl-side\">\n    <h3>Prensa y Contacto<\/h3>\n    <a class=\"fl-whatsapp\" href=\"https:\/\/wa.me\/5492920554979\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp Prensa\">\n      <svg viewBox=\"0 0 32 32\"><path d=\"M19.1 17.6c-.3-.2-1.7-.8-1.9-.9-.2-.1-.3-.2-.5 0s-.6.9-.8 1.1-.3.2-.5.1-1.1-.4-2.1-1.3c-.8-.7-1.3-1.6-1.5-1.8s0-.4.1-.5l.3-.3c.1-.1.1-.2.2-.3.1-.1.1-.2.2-.3 0-.1 0-.2-.1-.3 0-.1-.5-1.2-.7-1.7-.2-.4-.4-.4-.5-.4h-.4c-.1 0-.3 0-.5.2s-.7.6-.7 1.5.8 1.8.9 1.9c.1.2 1.6 2.5 3.9 3.5 2.3 1 2.3.7 2.7.7s1.3-.5 1.5-1.1c.2-.6.2-1 0-1.1Z\"\/><path d=\"M26.7 5.3a12 12 0 0 0-18.7 14l-1.3 4.6 4.7-1.2a12 12 0 0 0 6 1.6h.1a12 12 0 0 0 9.2-19Zm-9.2 20.4h-.1A10.4 10.4 0 0 1 12 24l-.3-.1-2.8.7.8-2.7-.2-.3A10.4 10.4 0 1 1 17.5 25.7Z\"\/><\/svg>\n      WhatsApp Prensa\n    <\/a>\n  <\/aside>\n<\/section>\n\n\n\n<section class=\"enlaces-oficiales\">\n  <h2>Enlaces oficiales<\/h2>\n  <div class=\"botones-grid\">\n    <a href=\"https:\/\/legisrn.gov.ar\/\" class=\"boton verde\" target=\"_blank\">\n      <i class=\"fas fa-landmark\"><\/i> Legislatura RN\n    <\/a>\n    <a href=\"https:\/\/rionegro.gov.ar\/\" class=\"boton negro\" target=\"_blank\">\n      <i class=\"fas fa-globe-americas\"><\/i> Gobierno RN\n    <\/a>\n    <a href=\"https:\/\/www.jusrionegro.gov.ar\/inicio\/web\/\" class=\"boton azul\" target=\"_blank\">\n      <i class=\"fas fa-scale-balanced\"><\/i> Poder Judicial RN\n    <\/a>\n  <\/div>\n<\/section>\n\n<style>\n.enlaces-oficiales {\n  text-align: center;\n  margin: 4rem auto;\n  font-family: 'Montserrat', sans-serif;\n}\n.enlaces-oficiales h2 {\n  font-size: 1.7rem;\n  margin-bottom: 2rem;\n  position: relative;\n  display: inline-block;\n  border-bottom: 2px solid #8bc34a;\n  padding-bottom: 0.3rem;\n}\n.botones-grid {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 1.5rem;\n}\n.boton {\n  text-decoration: none;\n  padding: 1rem 2rem;\n  border-radius: 15px;\n  font-size: 1rem;\n  color: white;\n  display: flex;\n  align-items: center;\n  gap: 0.7rem;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n  box-shadow: 0 2px 6px rgba(0,0,0,0.1);\n}\n.boton i {\n  font-size: 1.2rem;\n}\n.boton:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n}\n.verde {\n  background-color: #2e7d32;\n}\n.negro {\n  background-color: #212121;\n}\n.azul {\n  background-color: #0074b8;\n}\n<\/style>\n\n<!-- \u00cdconos de Font Awesome -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n\n\n<!-- Secci\u00f3n de Contacto con fondo e imagen -->\n<section id=\"contacto\" class=\"seccion-contacto\">\n  <div class=\"capa-oscura\">\n    <div class=\"contenedor-contacto\">\n      <div class=\"info-contacto\">\n        <h2>Contacto<\/h2>\n        <p><i class=\"fas fa-map-marker-alt\"><\/i> Viedma, Saavedra 537<\/p>\n        <p><i class=\"fas fa-phone\"><\/i> (2920) 421866<\/p>\n        <div class=\"mapa\">\n          <iframe src=\"https:\/\/www.google.com\/maps?q=Saavedra+537,+Viedma,+R\u00edo+Negro,+Argentina&#038;output=embed\" width=\"100%\" height=\"250\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n        <\/div>\n      <\/div>\n      <div class=\"formulario-contacto\">\n        <form action=\"mailto:bloque@legisrn.gov.ar\" method=\"POST\" enctype=\"text\/plain\">\n          <label for=\"nombre\">Nombre<\/label>\n          <input type=\"text\" id=\"nombre\" name=\"nombre\" required>\n\n          <label for=\"asunto\">Asunto<\/label>\n          <input type=\"text\" id=\"asunto\" name=\"asunto\" required>\n\n          <label for=\"mensaje\">Mensaje<\/label>\n          <textarea id=\"mensaje\" name=\"mensaje\" rows=\"5\" required><\/textarea>\n\n          <button type=\"submit\">Enviar mensaje<\/button>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.seccion-contacto {\n  background: url('https:\/\/bloquejsrn.com.ar\/nuevo\/wp-content\/uploads\/2025\/06\/Viedma-Patagones-1.jpg') no-repeat center center\/cover;\n  position: relative;\n  padding: 5rem 5% 4rem;\n  font-family: 'Montserrat', sans-serif;\n  color: white;\n}\n\n.capa-oscura {\n  background-color: rgba(0, 0, 0, 0.6);\n  padding: 3rem;\n  border-radius: 8px;\n}\n\n.contenedor-contacto {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 3rem;\n  justify-content: space-between;\n}\n\n.info-contacto, .formulario-contacto {\n  flex: 1 1 300px;\n  color: white;\n}\n\n.info-contacto h2,\n.info-contacto p,\n.info-contacto i,\nlabel {\n  color: white;\n}\n\n.formulario-contacto input,\n.formulario-contacto textarea {\n  padding: 0.8rem;\n  border: none;\n  border-radius: 5px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1rem;\n  background-color: rgba(255,255,255,0.8);\n  color: #000;\n}\n\n.formulario-contacto button {\n  padding: 0.8rem 1.5rem;\n  background: #66B032;\n  color: white;\n  border: none;\n  border-radius: 5px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background 0.3s;\n}\n\n.formulario-contacto button:hover {\n  background: #558a2f;\n}\n\n@media (max-width: 768px) {\n  .contenedor-contacto {\n    flex-direction: column;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Inicio Noticias Opini\u00f3n Autoridades Sesi\u00f3n en vivo Contacto Bloque Juntos Somos R\u00edo Negro Facundo L\u00f3pez Presidente del Bloque Juntos Somos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-30355","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bloquejsrn.com.ar\/portal\/wp-json\/wp\/v2\/pages\/30355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bloquejsrn.com.ar\/portal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bloquejsrn.com.ar\/portal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bloquejsrn.com.ar\/portal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bloquejsrn.com.ar\/portal\/wp-json\/wp\/v2\/comments?post=30355"}],"version-history":[{"count":63,"href":"https:\/\/bloquejsrn.com.ar\/portal\/wp-json\/wp\/v2\/pages\/30355\/revisions"}],"predecessor-version":[{"id":30612,"href":"https:\/\/bloquejsrn.com.ar\/portal\/wp-json\/wp\/v2\/pages\/30355\/revisions\/30612"}],"wp:attachment":[{"href":"https:\/\/bloquejsrn.com.ar\/portal\/wp-json\/wp\/v2\/media?parent=30355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}