{"id":771,"date":"2026-09-28T11:35:22","date_gmt":"2026-09-28T09:35:22","guid":{"rendered":"https:\/\/revistacodigoazul.es\/?page_id=771"},"modified":"2026-09-28T13:36:33","modified_gmt":"2026-09-28T11:36:33","slug":"index-2","status":"publish","type":"page","link":"https:\/\/revistacodigoazul.es\/","title":{"rendered":"index"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.codigoazul-home {\n    padding-top: 35px !important;\n}\n\n@media (max-width: 640px) {\n    .codigoazul-home {\n        padding-top: 20px !important;\n    }\n}\n<\/style>\n\n<!-- =========================================================\n     C\u00d3DIGO AZUL \u00b7 BLOQUE PRINCIPAL DE PORTADA\n     Versi\u00f3n con la portada de la revista como imagen principal\n     Pensado para Gutenberg\n========================================================= -->\n\n<style>\n.codigoazul-home,\n.codigoazul-home *{\n  box-sizing:border-box;\n}\n\n.codigoazul-home{\n  --ca-blue:#005fa8;\n  --ca-cyan:#09b8d3;\n  --ca-navy:#071c2b;\n  --ca-text:#24313d;\n  --ca-muted:#647484;\n  --ca-line:#e6edf2;\n  --ca-soft:#f4f8fb;\n\n  width:100%;\n  margin:0;\n  padding:0;\n  font-family:Arial, Helvetica, sans-serif;\n  color:var(--ca-text);\n  background:#ffffff;\n}\n\n\/* CABECERA DEL BLOQUE *\/\n\n.codigoazul-home-wrap{\n  max-width:1280px;\n  margin:0 auto;\n  padding:0 24px;\n}\n\n.codigoazul-home-top{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n  padding:18px 0 16px;\n  border-bottom:1px solid var(--ca-line);\n}\n\n.codigoazul-brand{\n  display:flex;\n  align-items:center;\n  gap:14px;\n}\n\n.codigoazul-brand-bar{\n  width:5px;\n  height:40px;\n  border-radius:12px;\n  background:var(--ca-cyan);\n  flex:0 0 auto;\n}\n\n.codigoazul-brand-copy strong{\n  display:block;\n  font-size:24px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:-.5px;\n  color:var(--ca-navy);\n}\n\n.codigoazul-brand-copy span{\n  display:block;\n  margin-top:5px;\n  font-size:11px;\n  line-height:1.3;\n  font-weight:700;\n  letter-spacing:1.1px;\n  text-transform:uppercase;\n  color:var(--ca-muted);\n}\n\n.codigoazul-brand-jupol{\n  font-size:11px;\n  line-height:1.3;\n  font-weight:800;\n  letter-spacing:1px;\n  text-transform:uppercase;\n  color:var(--ca-blue);\n  text-align:right;\n}\n\n\/* HERO *\/\n\n.codigoazul-hero{\n  padding:34px 0 30px;\n}\n\n.codigoazul-hero-box{\n  display:grid;\n  grid-template-columns:minmax(0,1.2fr) minmax(300px,420px);\n  gap:38px;\n  align-items:center;\n\n  background:linear-gradient(135deg,#ffffff 0%, #f6fafc 100%);\n  border:1px solid var(--ca-line);\n  border-radius:22px;\n  padding:38px;\n  overflow:hidden;\n}\n\n.codigoazul-copy{\n  min-width:0;\n}\n\n.codigoazul-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  margin-bottom:18px;\n  font-size:12px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n  color:var(--ca-blue);\n}\n\n.codigoazul-kicker::before{\n  content:\"\";\n  width:32px;\n  height:3px;\n  border-radius:10px;\n  background:var(--ca-cyan);\n}\n\n.codigoazul-title{\n  margin:0 0 16px;\n  font-size:clamp(38px,5vw,68px);\n  line-height:.94;\n  letter-spacing:-2.6px;\n  font-weight:900;\n  color:var(--ca-navy);\n  text-wrap:balance;\n}\n\n.codigoazul-subtitle{\n  max-width:700px;\n  margin:0 0 22px;\n  font-size:17px;\n  line-height:1.6;\n  color:var(--ca-muted);\n}\n\n.codigoazul-meta{\n  display:flex;\n  align-items:center;\n  flex-wrap:wrap;\n  gap:12px;\n  margin-bottom:25px;\n  font-size:11px;\n  line-height:1.3;\n  font-weight:800;\n  letter-spacing:.8px;\n  text-transform:uppercase;\n  color:#738291;\n}\n\n.codigoazul-dot{\n  width:4px;\n  height:4px;\n  border-radius:50%;\n  background:var(--ca-cyan);\n}\n\n.codigoazul-buttons{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n}\n\n.codigoazul-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:10px;\n  padding:14px 22px;\n  border-radius:999px;\n  text-decoration:none;\n  font-size:12px;\n  line-height:1;\n  font-weight:900;\n  letter-spacing:.6px;\n  text-transform:uppercase;\n  transition:all .2s ease;\n}\n\n.codigoazul-btn-primary{\n  background:var(--ca-blue);\n  color:#ffffff;\n}\n\n.codigoazul-btn-primary:hover{\n  background:#004a83;\n  transform:translateY(-1px);\n}\n\n.codigoazul-btn-secondary{\n  background:#eaf4fb;\n  color:var(--ca-navy);\n}\n\n.codigoazul-btn-secondary:hover{\n  background:#dceef9;\n  transform:translateY(-1px);\n}\n\n\/* PORTADA *\/\n\n.codigoazul-cover-wrap{\n  position:relative;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n.codigoazul-cover-wrap::before{\n  content:\"\";\n  position:absolute;\n  inset:auto 8% 6% 8%;\n  height:24px;\n  border-radius:50%;\n  background:rgba(7,28,43,.14);\n  filter:blur(18px);\n  z-index:0;\n}\n\n.codigoazul-cover{\n  position:relative;\n  z-index:1;\n  display:block;\n  width:100%;\n  max-width:390px;\n  border-radius:14px;\n  overflow:hidden;\n  box-shadow:0 28px 60px rgba(7,28,43,.20);\n  background:#fff;\n}\n\n.codigoazul-cover img{\n  display:block;\n  width:100%;\n  height:auto;\n}\n\n\/* DESTACADOS *\/\n\n.codigoazul-issue-strip{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:1px;\n  margin-top:24px;\n  border-top:1px solid var(--ca-line);\n  padding-top:24px;\n}\n\n.codigoazul-issue-item{\n  padding:0 16px;\n  border-left:1px solid var(--ca-line);\n}\n\n.codigoazul-issue-item:first-child{\n  border-left:0;\n  padding-left:0;\n}\n\n.codigoazul-issue-item:last-child{\n  padding-right:0;\n}\n\n.codigoazul-issue-item span{\n  display:block;\n  margin-bottom:8px;\n  font-size:10px;\n  line-height:1.3;\n  font-weight:900;\n  letter-spacing:1.1px;\n  text-transform:uppercase;\n  color:var(--ca-blue);\n}\n\n.codigoazul-issue-item strong{\n  display:block;\n  font-size:15px;\n  line-height:1.32;\n  font-weight:800;\n  color:var(--ca-navy);\n}\n\n\/* RESPONSIVE *\/\n\n@media (max-width: 980px){\n  .codigoazul-hero-box{\n    grid-template-columns:1fr;\n    gap:28px;\n    padding:28px;\n  }\n\n  .codigoazul-cover{\n    max-width:340px;\n  }\n\n  .codigoazul-issue-strip{\n    grid-template-columns:1fr 1fr;\n    gap:18px 0;\n  }\n\n  .codigoazul-issue-item:nth-child(3){\n    border-left:0;\n    padding-left:0;\n  }\n}\n\n@media (max-width: 640px){\n  .codigoazul-home-wrap{\n    padding:0 14px;\n  }\n\n  .codigoazul-home-top{\n    padding:14px 0 12px;\n  }\n\n  .codigoazul-brand-copy strong{\n    font-size:20px;\n  }\n\n  .codigoazul-brand-copy span{\n    font-size:9px;\n  }\n\n  .codigoazul-brand-jupol{\n    display:none;\n  }\n\n  .codigoazul-hero{\n    padding:16px 0 24px;\n  }\n\n  .codigoazul-hero-box{\n    padding:22px 18px;\n    border-radius:16px;\n  }\n\n  .codigoazul-kicker{\n    font-size:10px;\n    margin-bottom:14px;\n  }\n\n  .codigoazul-title{\n    font-size:clamp(32px,11vw,46px);\n    line-height:.96;\n    letter-spacing:-1.6px;\n  }\n\n  .codigoazul-subtitle{\n    font-size:14px;\n    line-height:1.55;\n    margin-bottom:18px;\n  }\n\n  .codigoazul-meta{\n    font-size:9px;\n    gap:8px;\n    margin-bottom:18px;\n  }\n\n  .codigoazul-btn{\n    width:100%;\n    padding:13px 16px;\n    font-size:10px;\n  }\n\n  .codigoazul-cover{\n    max-width:280px;\n  }\n\n  .codigoazul-issue-strip{\n    grid-template-columns:1fr;\n    margin-top:20px;\n    padding-top:20px;\n  }\n\n  .codigoazul-issue-item,\n  .codigoazul-issue-item:first-child,\n  .codigoazul-issue-item:last-child,\n  .codigoazul-issue-item:nth-child(3){\n    border-left:0;\n    border-top:1px solid var(--ca-line);\n    padding:14px 0 0;\n  }\n\n  .codigoazul-issue-item:first-child{\n    border-top:0;\n    padding-top:0;\n  }\n}\n<\/style>\n\n<section class=\"codigoazul-home\">\n  <div class=\"codigoazul-home-wrap\">\n\n    <div class=\"codigoazul-home-top\">\n      <div class=\"codigoazul-brand\">\n        <span class=\"codigoazul-brand-bar\"><\/span>\n        <div class=\"codigoazul-brand-copy\">\n          <strong>C\u00d3DIGO AZUL<\/strong>\n          <span>Revista de seguridad<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"codigoazul-brand-jupol\">\n        Revista oficial del sindicato JUPOL\n      <\/div>\n    <\/div>\n\n    <div class=\"codigoazul-hero\">\n      <div class=\"codigoazul-hero-box\">\n\n        <div class=\"codigoazul-copy\">\n          <div class=\"codigoazul-kicker\">N\u00ba 8 \u00b7 Septiembre 2026<\/div>\n\n          <h1 class=\"codigoazul-title\">\n            La revista digital de JUPOL,\n            actualidad, an\u00e1lisis y profesi\u00f3n policial\n          <\/h1>\n\n          <p class=\"codigoazul-subtitle\">\n            Descubre el nuevo n\u00famero de <strong>C\u00f3digo Azul<\/strong>, con los\n            principales temas de actualidad profesional y sindical: Ceuta,\n            jubilaci\u00f3n anticipada, entrevista sobre el dispositivo de seguridad\n            de la visita del Papa y el reportaje de Brigada M\u00f3vil.\n          <\/p>\n\n          <div class=\"codigoazul-meta\">\n            <span>Revista oficial<\/span>\n            <span class=\"codigoazul-dot\"><\/span>\n            <span>JUPOL<\/span>\n            <span class=\"codigoazul-dot\"><\/span>\n            <span>Formato digital<\/span>\n          <\/div>\n\n          <div class=\"codigoazul-buttons\">\n\n    <!-- Sustituye # por la URL del n\u00famero completo o de la revista -->\n    <a class=\"codigoazul-btn codigoazul-btn-primary\" href=\"https:\/\/www.flipsnack.com\/jupolnacional\/c-digo_azul_08\">\n        Leer revista\n        <span>\u2192<\/span>\n    <\/a>\n\n            <!-- Sustituye # por la URL del art\u00edculo principal o hemeroteca -->\n            <a class=\"codigoazul-btn codigoazul-btn-secondary\" href=\"#contenidos-destacados\">\n    Ver contenidos destacados\n<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"codigoazul-cover-wrap\">\n          <a class=\"codigoazul-cover\" href=\"#\">\n            <!-- SUSTITUIR la URL por la imagen subida a WordPress -->\n            <img decoding=\"async\" src=\"https:\/\/revistacodigoazul.es\/wp-content\/uploads\/2026\/09\/Codigo_Azul_08_1-scaled.jpg\" alt=\"Portada de la revista C\u00f3digo Azul n\u00famero 8\">\n          <\/a>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"codigoazul-issue-strip\">\n        <div class=\"codigoazul-issue-item\">\n          <span>Actualidad<\/span>\n          <strong>Ceuta: los polic\u00edas que sostuvieron la frontera<\/strong>\n        <\/div>\n\n        <div class=\"codigoazul-issue-item\">\n          <span>Especial jubilaci\u00f3n<\/span>\n          <strong>Jubilaci\u00f3n anticipada: el derecho que est\u00e1 m\u00e1s cerca que nunca<\/strong>\n        <\/div>\n\n        <div class=\"codigoazul-issue-item\">\n          <span>Entrevista<\/span>\n          <strong>La visita del Papa Le\u00f3n XI y las claves del dispositivo<\/strong>\n        <\/div>\n\n        <div class=\"codigoazul-issue-item\">\n          <span>Reportaje<\/span>\n          <strong>Brigada M\u00f3vil: un siglo protegiendo el transporte en Espa\u00f1a<\/strong>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.ca-card-title {\n    max-width: 650px;\n\n    margin: 0 0 12px;\n\n    color: var(--ca-navy);\n\n    font-size: 21px;\n    line-height: 1.18;\n    font-weight: 800;\n    letter-spacing: -.35px;\n}\n\n\n.ca-destacado-card.grande .ca-card-title {\n    font-size: 26px;\n    line-height: 1.12;\n}\n\n.ca-destacado-card.mediana .ca-card-title {\n    font-size: 22px;\n}\n\n.ca-destacado-card.tercio .ca-card-title {\n    font-size: 20px;\n}\n<\/style>\n\n<!-- =========================================================\n     C\u00d3DIGO AZUL \u00b7 CONTENIDOS DESTACADOS N\u00ba 8\n========================================================= -->\n\n<style>\n.ca-destacados,\n.ca-destacados * {\n    box-sizing: border-box;\n}\n\n.ca-destacados {\n    --ca-blue: #005fa8;\n    --ca-cyan: #09b8d3;\n    --ca-navy: #071c2b;\n    --ca-text: #263746;\n    --ca-muted: #6c7b88;\n    --ca-line: #e5edf2;\n    --ca-soft: #f5f8fa;\n\n    width: 100%;\n    padding: 66px 24px 72px;\n    background: #ffffff;\n\n    font-family: Arial, Helvetica, sans-serif;\n\n    scroll-margin-top: 80px;\n}\n\n.ca-destacados-inner {\n    max-width: 1280px;\n    margin: 0 auto;\n}\n\n\n\/* CABECERA *\/\n\n.ca-destacados-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    gap: 30px;\n\n    margin-bottom: 34px;\n    padding-bottom: 20px;\n\n    border-bottom: 1px solid var(--ca-line);\n}\n\n.ca-destacados-header-left {\n    max-width: 730px;\n}\n\n.ca-destacados-kicker {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n\n    margin-bottom: 11px;\n\n    color: var(--ca-blue);\n\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n}\n\n.ca-destacados-kicker::before {\n    content: \"\";\n\n    width: 30px;\n    height: 3px;\n\n    border-radius: 10px;\n\n    background: var(--ca-cyan);\n}\n\n.ca-destacados-title {\n    margin: 0 0 10px;\n\n    color: var(--ca-navy);\n\n    font-size: clamp(32px, 4vw, 52px);\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: -1.8px;\n}\n\n.ca-destacados-intro {\n    margin: 0;\n\n    color: var(--ca-muted);\n\n    font-size: 15px;\n    line-height: 1.55;\n}\n\n.ca-destacados-number {\n    flex: 0 0 auto;\n\n    color: #dce7ed;\n\n    font-size: 76px;\n    line-height: .8;\n    font-weight: 900;\n    letter-spacing: -5px;\n}\n\n\n\/* GRID *\/\n\n.ca-destacados-grid {\n    display: grid;\n    grid-template-columns: repeat(12, 1fr);\n    gap: 18px;\n}\n\n\n\/* TARJETAS *\/\n\n.ca-destacado-card {\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n\n    min-height: 245px;\n\n    padding: 26px;\n\n    overflow: hidden;\n\n    border: 1px solid var(--ca-line);\n    border-radius: 17px;\n\n    background: #ffffff;\n\n    text-decoration: none;\n\n    transition:\n        transform .22s ease,\n        box-shadow .22s ease,\n        border-color .22s ease;\n}\n\n.ca-destacado-card:hover {\n    transform: translateY(-4px);\n\n    border-color: #cbdfe9;\n\n    box-shadow: 0 18px 40px rgba(7,28,43,.09);\n}\n\n\n\/* MEDIDAS DE LAS TARJETAS *\/\n\n.ca-destacado-card.grande {\n    grid-column: span 7;\n}\n\n.ca-destacado-card.mediana {\n    grid-column: span 5;\n}\n\n.ca-destacado-card.tercio {\n    grid-column: span 4;\n}\n\n\n\/* TARJETA ESPECIAL *\/\n\n.ca-destacado-card.especial {\n    background:\n        linear-gradient(\n            135deg,\n            #071c2b 0%,\n            #064b79 100%\n        );\n\n    border: 0;\n}\n\n.ca-destacado-card.especial .ca-card-category,\n.ca-destacado-card.especial .ca-card-title,\n.ca-destacado-card.especial .ca-card-text,\n.ca-destacado-card.especial .ca-card-arrow {\n    color: #ffffff;\n}\n\n.ca-destacado-card.especial .ca-card-category {\n    color: #66d9e9;\n}\n\n.ca-destacado-card.especial .ca-card-text {\n    color: rgba(255,255,255,.74);\n}\n\n\n\/* CATEGOR\u00cdA *\/\n\n.ca-card-category {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    margin-bottom: 16px;\n\n    color: var(--ca-blue);\n\n    font-size: 10px;\n    line-height: 1.2;\n    font-weight: 900;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n}\n\n.ca-card-category::before {\n    content: \"\";\n\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: var(--ca-cyan);\n}\n\n\n\/* TITULAR *\/\n\n.ca-card-title {\n    max-width: 650px;\n\n    margin: 0 0 12px;\n\n    color: var(--ca-navy);\n\n    font-size: 25px;\n    line-height: 1.08;\n    font-weight: 900;\n    letter-spacing: -.8px;\n}\n\n\n\/* TEXTO *\/\n\n.ca-card-text {\n    max-width: 600px;\n\n    margin: 0 0 24px;\n\n    color: var(--ca-muted);\n\n    font-size: 13px;\n    line-height: 1.5;\n}\n\n\n\/* FLECHA *\/\n\n.ca-card-arrow {\n    margin-top: auto;\n\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n\n    color: var(--ca-blue);\n\n    font-size: 11px;\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: .6px;\n    text-transform: uppercase;\n}\n\n.ca-card-arrow span {\n    font-size: 18px;\n\n    transition: transform .2s ease;\n}\n\n.ca-destacado-card:hover .ca-card-arrow span {\n    transform: translateX(5px);\n}\n\n\n\/* RESPONSIVE *\/\n\n@media (max-width: 900px) {\n\n    .ca-destacado-card.grande,\n    .ca-destacado-card.mediana,\n    .ca-destacado-card.tercio {\n        grid-column: span 6;\n    }\n\n    .ca-destacados-number {\n        font-size: 60px;\n    }\n}\n\n\n@media (max-width: 620px) {\n\n    .ca-destacados {\n        padding: 45px 14px 55px;\n    }\n\n    .ca-destacados-header {\n        align-items: flex-start;\n        margin-bottom: 24px;\n    }\n\n    .ca-destacados-number {\n        display: none;\n    }\n\n    .ca-destacados-title {\n        font-size: 34px;\n        letter-spacing: -1px;\n    }\n\n    .ca-destacados-intro {\n        font-size: 14px;\n    }\n\n    .ca-destacados-grid {\n        display: block;\n    }\n\n    .ca-destacado-card {\n        min-height: auto;\n        margin-bottom: 13px;\n        padding: 22px;\n    }\n\n    .ca-card-title {\n        font-size: 21px;\n    }\n\n    .ca-card-text {\n        font-size: 13px;\n        margin-bottom: 20px;\n    }\n}\n<\/style>\n\n\n<section class=\"ca-destacados\" id=\"contenidos-destacados\">\n\n    <div class=\"ca-destacados-inner\">\n\n\n        <!-- CABECERA -->\n\n        <header class=\"ca-destacados-header\">\n\n            <div class=\"ca-destacados-header-left\">\n\n                <div class=\"ca-destacados-kicker\">\n                    C\u00f3digo Azul \u00b7 N\u00ba 8\n                <\/div>\n\n                <h2 class=\"ca-destacados-title\">\n                    Contenidos destacados\n                <\/h2>\n\n                <p class=\"ca-destacados-intro\">\n                    Reportajes, entrevistas y an\u00e1lisis sobre los asuntos\n                    que marcan la actualidad de la Polic\u00eda Nacional.\n                <\/p>\n\n            <\/div>\n\n            <div class=\"ca-destacados-number\">\n                08\n            <\/div>\n\n        <\/header>\n\n\n\n        <!-- CONTENIDOS -->\n\n        <div class=\"ca-destacados-grid\">\n\n\n            <!-- 1 \u00b7 JUBILACI\u00d3N -->\n\n            <a class=\"ca-destacado-card grande especial\" href=\"https:\/\/www.flipsnack.com\/jupolnacional\/c-digo_azul_08?p=6\">\n\n                <div class=\"ca-card-category\">\n                    Especial jubilaci\u00f3n\n                <\/div>\n\n                <h3 class=\"ca-card-title\">\n                    Jubilaci\u00f3n anticipada:\n                    el derecho que est\u00e1 m\u00e1s cerca que nunca\n                <\/h3>\n\n                <p class=\"ca-card-text\">\n                    La sentencia del Tribunal Supremo, el impulso de JUPOL\n                    y la unidad sindical abren una etapa decisiva para\n                    polic\u00edas nacionales y guardias civiles.\n                <\/p>\n\n                <div class=\"ca-card-arrow\">\n                    Leer reportaje\n                    <span>\u2192<\/span>\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- 2 \u00b7 CEUTA -->\n\n            <a class=\"ca-destacado-card mediana\" href=\"https:\/\/www.flipsnack.com\/jupolnacional\/c-digo_azul_08?p=16\">\n\n                <div class=\"ca-card-category\">\n                    Actualidad\n                <\/div>\n\n                <h3 class=\"ca-card-title\">\n                    Ceuta: los polic\u00edas que sostuvieron la frontera\n                <\/h3>\n\n                <p class=\"ca-card-text\">\n                    La respuesta policial ante una situaci\u00f3n excepcional\n                    y las condiciones en las que trabajaron los agentes.\n                <\/p>\n\n                <div class=\"ca-card-arrow\">\n                    Leer reportaje\n                    <span>\u2192<\/span>\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- 3 \u00b7 ENTREVISTA -->\n\n            <a class=\"ca-destacado-card tercio\" href=\"https:\/\/www.flipsnack.com\/jupolnacional\/c-digo_azul_08?p=28\">\n\n                <div class=\"ca-card-category\">\n                    Entrevista\n                <\/div>\n\n                <h3 class=\"ca-card-title\">\n                    Las claves del dispositivo de seguridad\n                    de la visita del Papa\n                <\/h3>\n\n                <p class=\"ca-card-text\">\n                    Entrevista al Comisario General de Seguridad Ciudadana\n                    sobre la organizaci\u00f3n del dispositivo.\n                <\/p>\n\n                <div class=\"ca-card-arrow\">\n                    Leer entrevista\n                    <span>\u2192<\/span>\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- 4 \u00b7 BRIGADA M\u00d3VIL -->\n\n            <a class=\"ca-destacado-card tercio\" href=\"https:\/\/www.flipsnack.com\/jupolnacional\/c-digo_azul_08?p=68\">\n\n                <div class=\"ca-card-category\">\n                    Reportaje\n                <\/div>\n\n                <h3 class=\"ca-card-title\">\n                    Brigada M\u00f3vil:\n                    los guardianes del viaje\n                <\/h3>\n\n                <p class=\"ca-card-text\">\n                    Un siglo protegiendo el transporte\n                    y la seguridad de los viajeros en Espa\u00f1a.\n                <\/p>\n\n                <div class=\"ca-card-arrow\">\n                    Leer reportaje\n                    <span>\u2192<\/span>\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- 5 \u00b7 CIBERDELINCUENCIA -->\n\n            <a class=\"ca-destacado-card tercio\" href=\"https:\/\/www.flipsnack.com\/jupolnacional\/c-digo_azul_08?p=60\">\n\n                <div class=\"ca-card-category\">\n                    Seguridad\n                <\/div>\n\n                <h3 class=\"ca-card-title\">\n                    La ciberdelincuencia organizada:\n                    nuevas tendencias y modelos criminales\n                <\/h3>\n\n                <p class=\"ca-card-text\">\n                    Un an\u00e1lisis sobre la evoluci\u00f3n de las nuevas\n                    formas de delincuencia en el entorno digital.\n                <\/p>\n\n                <div class=\"ca-card-arrow\">\n                    Leer art\u00edculo\n                    <span>\u2192<\/span>\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- 6 \u00b7 PREVENCI\u00d3N -->\n\n            <a class=\"ca-destacado-card mediana\" href=\"https:\/\/www.flipsnack.com\/jupolnacional\/c-digo_azul_08?p=38\">\n\n                <div class=\"ca-card-category\">\n                    Prevenci\u00f3n de riesgos laborales\n                <\/div>\n\n                <h3 class=\"ca-card-title\">\n                    Los grandes dispositivos policiales:\n                    una asignatura pendiente\n                <\/h3>\n\n                <p class=\"ca-card-text\">\n                    La prevenci\u00f3n de riesgos laborales ante servicios\n                    extraordinarios y despliegues policiales de gran magnitud.\n                <\/p>\n\n                <div class=\"ca-card-arrow\">\n                    Leer art\u00edculo\n                    <span>\u2192<\/span>\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- 7 \u00b7 FORMACI\u00d3N -->\n\n            <a class=\"ca-destacado-card grande\" href=\"https:\/\/www.flipsnack.com\/jupolnacional\/c-digo_azul_08?p=44\">\n\n                <div class=\"ca-card-category\">\n                    Formaci\u00f3n\n                <\/div>\n\n                <h3 class=\"ca-card-title\">\n                    La formaci\u00f3n contin\u00faa:\n                    JUPOL presenta su programaci\u00f3n\n                    para lo que resta de 2026\n                <\/h3>\n\n                <p class=\"ca-card-text\">\n                    Nuevas oportunidades formativas para continuar\n                    avanzando en la preparaci\u00f3n profesional.\n                <\/p>\n\n                <div class=\"ca-card-arrow\">\n                    Ver contenido\n                    <span>\u2192<\/span>\n                <\/div>\n\n            <\/a>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     C\u00d3DIGO AZUL \u00b7 N\u00daMEROS ANTERIORES\n========================================================= -->\n\n<style>\n.ca-anteriores,\n.ca-anteriores * {\n    box-sizing: border-box;\n}\n\n.ca-anteriores {\n    --ca-blue: #005fa8;\n    --ca-cyan: #08b6cf;\n    --ca-navy: #071c2b;\n    --ca-muted: #6b7a88;\n    --ca-line: #e4edf2;\n    --ca-soft: #f6f9fb;\n\n    width: 100%;\n    padding: 68px 24px 76px;\n\n    background: var(--ca-soft);\n\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n.ca-anteriores-inner {\n    max-width: 1280px;\n    margin: 0 auto;\n}\n\n\n\/* CABECERA *\/\n\n.ca-anteriores-header {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 30px;\n\n    margin-bottom: 34px;\n}\n\n.ca-anteriores-kicker {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n\n    margin-bottom: 11px;\n\n    color: var(--ca-blue);\n\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n}\n\n.ca-anteriores-kicker::before {\n    content: \"\";\n    width: 30px;\n    height: 3px;\n\n    border-radius: 10px;\n\n    background: var(--ca-cyan);\n}\n\n.ca-anteriores-title {\n    margin: 0 0 9px;\n\n    color: var(--ca-navy);\n\n    font-size: clamp(32px, 4vw, 50px);\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: -1.7px;\n}\n\n.ca-anteriores-description {\n    max-width: 620px;\n    margin: 0;\n\n    color: var(--ca-muted);\n\n    font-size: 14px;\n    line-height: 1.55;\n}\n\n\n\/* GRID *\/\n\n.ca-anteriores-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 18px;\n}\n\n\n\/* TARJETA *\/\n\n.ca-numero-card {\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n\n    min-height: 255px;\n\n    padding: 25px;\n\n    overflow: hidden;\n\n    border: 1px solid var(--ca-line);\n    border-radius: 17px;\n\n    background: #ffffff;\n\n    text-decoration: none !important;\n\n    transition:\n        transform .22s ease,\n        box-shadow .22s ease,\n        border-color .22s ease;\n}\n\n.ca-numero-card:hover {\n    transform: translateY(-5px);\n\n    border-color: #c9dce7;\n\n    box-shadow: 0 18px 38px rgba(7,28,43,.09);\n}\n\n\n\/* N\u00daMERO GRANDE *\/\n\n.ca-numero-bg {\n    position: absolute;\n    right: 16px;\n    top: 8px;\n\n    color: #edf3f6;\n\n    font-size: 86px;\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: -6px;\n\n    pointer-events: none;\n}\n\n\n\/* CONTENIDO *\/\n\n.ca-numero-meta {\n    position: relative;\n    z-index: 2;\n\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n\n    margin-bottom: 38px;\n\n    color: var(--ca-blue);\n\n    font-size: 9px;\n    line-height: 1.2;\n    font-weight: 900;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n}\n\n.ca-numero-meta::before {\n    content: \"\";\n\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: var(--ca-cyan);\n}\n\n.ca-numero-title {\n    position: relative;\n    z-index: 2;\n\n    margin: 0 0 11px;\n\n    color: var(--ca-navy);\n\n    font-size: 24px;\n    line-height: 1.08;\n    font-weight: 900;\n    letter-spacing: -.7px;\n\n    text-decoration: none !important;\n}\n\n.ca-numero-text {\n    position: relative;\n    z-index: 2;\n\n    margin: 0 0 24px;\n\n    color: var(--ca-muted);\n\n    font-size: 13px;\n    line-height: 1.5;\n\n    text-decoration: none !important;\n}\n\n.ca-numero-link {\n    position: relative;\n    z-index: 2;\n\n    margin-top: auto;\n\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    color: var(--ca-blue);\n\n    font-size: 10px;\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: .7px;\n    text-transform: uppercase;\n}\n\n.ca-numero-link span {\n    font-size: 17px;\n\n    transition: transform .2s ease;\n}\n\n.ca-numero-card:hover .ca-numero-link span {\n    transform: translateX(5px);\n}\n\n\n\/* PRIMER N\u00daMERO M\u00c1S DESTACADO *\/\n\n.ca-numero-card.ca-reciente {\n    background:\n        linear-gradient(\n            135deg,\n            #071c2b 0%,\n            #064d7b 100%\n        );\n\n    border: 0;\n}\n\n.ca-numero-card.ca-reciente .ca-numero-bg {\n    color: rgba(255,255,255,.08);\n}\n\n.ca-numero-card.ca-reciente .ca-numero-meta {\n    color: #68deeb;\n}\n\n.ca-numero-card.ca-reciente .ca-numero-title {\n    color: #ffffff;\n}\n\n.ca-numero-card.ca-reciente .ca-numero-text {\n    color: rgba(255,255,255,.72);\n}\n\n.ca-numero-card.ca-reciente .ca-numero-link {\n    color: #ffffff;\n}\n\n\n\/* RESPONSIVE *\/\n\n@media (max-width: 1000px) {\n\n    .ca-anteriores-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n\n@media (max-width: 600px) {\n\n    .ca-anteriores {\n        padding: 48px 14px 56px;\n    }\n\n    .ca-anteriores-header {\n        margin-bottom: 24px;\n    }\n\n    .ca-anteriores-title {\n        font-size: 34px;\n    }\n\n    .ca-anteriores-description {\n        font-size: 13px;\n    }\n\n    .ca-anteriores-grid {\n        grid-template-columns: 1fr;\n        gap: 12px;\n    }\n\n    .ca-numero-card {\n        min-height: 220px;\n        padding: 22px;\n    }\n\n    .ca-numero-bg {\n        font-size: 72px;\n    }\n\n    .ca-numero-meta {\n        margin-bottom: 30px;\n    }\n\n    .ca-numero-title {\n        font-size: 22px;\n    }\n}\n<\/style>\n\n\n<section class=\"ca-anteriores\">\n\n    <div class=\"ca-anteriores-inner\">\n\n\n        <!-- CABECERA -->\n\n        <header class=\"ca-anteriores-header\">\n\n            <div>\n\n                <div class=\"ca-anteriores-kicker\">\n                    Hemeroteca\n                <\/div>\n\n                <h2 class=\"ca-anteriores-title\">\n                    N\u00fameros anteriores\n                <\/h2>\n\n                <p class=\"ca-anteriores-description\">\n                    Consulta las ediciones anteriores de C\u00f3digo Azul,\n                    la revista digital de JUPOL.\n                <\/p>\n\n            <\/div>\n\n        <\/header>\n\n\n\n        <!-- REVISTAS -->\n\n        <div class=\"ca-anteriores-grid\">\n\n\n            <!-- N\u00ba 7 -->\n\n            <a class=\"ca-numero-card ca-reciente\" href=\"https:\/\/www.flipsnack.com\/jupolnacional\/codigo_azul_007\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n                <span class=\"ca-numero-bg\">07<\/span>\n\n                <div class=\"ca-numero-meta\">\n                    C\u00f3digo Azul\n                <\/div>\n\n                <h3 class=\"ca-numero-title\">\n                    N\u00famero 7\n                <\/h3>\n\n                <p class=\"ca-numero-text\">\n                    Consulta la edici\u00f3n completa de C\u00f3digo Azul.\n                <\/p>\n\n                <div class=\"ca-numero-link\">\n                    Leer revista\n                    <span>\u2192<\/span>\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- N\u00ba 6 -->\n\n            <a class=\"ca-numero-card\" href=\"https:\/\/www.flipsnack.com\/jupolnacional\/revista_06\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n                <span class=\"ca-numero-bg\">06<\/span>\n\n                <div class=\"ca-numero-meta\">\n                    C\u00f3digo Azul\n                <\/div>\n\n                <h3 class=\"ca-numero-title\">\n                    N\u00famero 6\n                <\/h3>\n\n                <p class=\"ca-numero-text\">\n                    Consulta la edici\u00f3n completa de C\u00f3digo Azul.\n                <\/p>\n\n                <div class=\"ca-numero-link\">\n                    Leer revista\n                    <span>\u2192<\/span>\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- N\u00ba 5 -->\n\n            <a class=\"ca-numero-card\" href=\"https:\/\/www.flipsnack.com\/jupolnacional\/c-digo_azul_05\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n                <span class=\"ca-numero-bg\">05<\/span>\n\n                <div class=\"ca-numero-meta\">\n                    C\u00f3digo Azul\n                <\/div>\n\n                <h3 class=\"ca-numero-title\">\n                    N\u00famero 5\n                <\/h3>\n\n                <p class=\"ca-numero-text\">\n                    Consulta la edici\u00f3n completa de C\u00f3digo Azul.\n                <\/p>\n\n                <div class=\"ca-numero-link\">\n                    Leer revista\n                    <span>\u2192<\/span>\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- N\u00ba 4 -->\n\n            <a class=\"ca-numero-card\" href=\"https:\/\/www.flipsnack.com\/jupolnacional\/c-digo_azul_04\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n                <span class=\"ca-numero-bg\">04<\/span>\n\n                <div class=\"ca-numero-meta\">\n                    C\u00f3digo Azul\n                <\/div>\n\n                <h3 class=\"ca-numero-title\">\n                    N\u00famero 4\n                <\/h3>\n\n                <p class=\"ca-numero-text\">\n                    Consulta la edici\u00f3n completa de C\u00f3digo Azul.\n                <\/p>\n\n                <div class=\"ca-numero-link\">\n                    Leer revista\n                    <span>\u2192<\/span>\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- N\u00ba 3 -->\n\n            <a class=\"ca-numero-card\" href=\"https:\/\/www.flipsnack.com\/jupolnacional\/co-digo_azul_03\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n                <span class=\"ca-numero-bg\">03<\/span>\n\n                <div class=\"ca-numero-meta\">\n                    C\u00f3digo Azul\n                <\/div>\n\n                <h3 class=\"ca-numero-title\">\n                    N\u00famero 3\n                <\/h3>\n\n                <p class=\"ca-numero-text\">\n                    Consulta la edici\u00f3n completa de C\u00f3digo Azul.\n                <\/p>\n\n                <div class=\"ca-numero-link\">\n                    Leer revista\n                    <span>\u2192<\/span>\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- N\u00ba 2 -->\n\n            <a class=\"ca-numero-card\" href=\"https:\/\/www.flipsnack.com\/jupolnacional\/c-digo_azul_02\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n                <span class=\"ca-numero-bg\">02<\/span>\n\n                <div class=\"ca-numero-meta\">\n                    C\u00f3digo Azul\n                <\/div>\n\n                <h3 class=\"ca-numero-title\">\n                    N\u00famero 2\n                <\/h3>\n\n                <p class=\"ca-numero-text\">\n                    Consulta la edici\u00f3n completa de C\u00f3digo Azul.\n                <\/p>\n\n                <div class=\"ca-numero-link\">\n                    Leer revista\n                    <span>\u2192<\/span>\n                <\/div>\n\n            <\/a>\n\n\n\n            <!-- N\u00ba 1 -->\n\n            <a class=\"ca-numero-card\" href=\"https:\/\/www.flipsnack.com\/jupolnacional\/c-digo_azul_01\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n                <span class=\"ca-numero-bg\">01<\/span>\n\n                <div class=\"ca-numero-meta\">\n                    C\u00f3digo Azul\n                <\/div>\n\n                <h3 class=\"ca-numero-title\">\n                    N\u00famero 1\n                <\/h3>\n\n                <p class=\"ca-numero-text\">\n                    Consulta la edici\u00f3n completa de C\u00f3digo Azul.\n                <\/p>\n\n                <div class=\"ca-numero-link\">\n                    Leer revista\n                    <span>\u2192<\/span>\n                <\/div>\n\n            <\/a>\n\n\n                    <!-- N\u00ba 0 -->\n\n<a class=\"ca-numero-card\" href=\"https:\/\/www.flipsnack.com\/jupolnacional\/c-digo-azul_00\" target=\"_blank\" rel=\"noopener noreferrer\">\n\n    <span class=\"ca-numero-bg\">00<\/span>\n\n    <div class=\"ca-numero-meta\">\n        C\u00f3digo Azul\n    <\/div>\n\n    <h3 class=\"ca-numero-title\">\n        N\u00famero 0\n    <\/h3>\n\n    <p class=\"ca-numero-text\">\n        Consulta la edici\u00f3n completa de C\u00f3digo Azul.\n    <\/p>\n\n    <div class=\"ca-numero-link\">\n        Leer revista\n        <span>\u2192<\/span>\n    <\/div>\n\n<\/a>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.ca-jupol-cta-title {\n    margin: 0 0 16px;\n\n    color: #ffffff !important;\n\n    font-size: clamp(34px, 5vw, 58px);\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: -1.8px;\n\n    text-wrap: balance;\n}\n\n\n.ca-jupol-btn-secondary {\n    border: 1px solid rgba(255,255,255,.32);\n    background: rgba(255,255,255,.08);\n    color: #ffffff !important;\n}\n<\/style>\n\n<style>\n.ca-jupol-cta,\n.ca-jupol-cta * {\n    box-sizing: border-box;\n}\n\n.ca-jupol-cta {\n    --ca-blue: #0065a8;\n    --ca-cyan: #11b8d1;\n    --ca-navy: #071c2b;\n    --ca-white: #ffffff;\n\n    width: 100%;\n    padding: 72px 24px;\n\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n.ca-jupol-cta-inner {\n    position: relative;\n    max-width: 1280px;\n    margin: 0 auto;\n\n    padding: 58px 60px;\n\n    overflow: hidden;\n\n    border-radius: 22px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #061c2c 0%,\n            #073b62 55%,\n            #0065a8 100%\n        );\n\n    color: #ffffff;\n}\n\n\n\/* detalle decorativo *\/\n\n.ca-jupol-cta-inner::after {\n    content: \"JUPOL\";\n\n    position: absolute;\n    right: -20px;\n    bottom: -45px;\n\n    font-size: 180px;\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: -10px;\n\n    color: rgba(255,255,255,.045);\n\n    pointer-events: none;\n}\n\n\n\/* contenido *\/\n\n.ca-jupol-cta-content {\n    position: relative;\n    z-index: 2;\n\n    max-width: 760px;\n}\n\n.ca-jupol-cta-kicker {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n\n    margin-bottom: 16px;\n\n    color: #68d9e9;\n\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n}\n\n.ca-jupol-cta-kicker::before {\n    content: \"\";\n\n    width: 32px;\n    height: 3px;\n\n    border-radius: 10px;\n\n    background: var(--ca-cyan);\n}\n\n.ca-jupol-cta-title {\n    margin: 0 0 16px;\n\n    color: #ffffff;\n\n    font-size: clamp(34px, 5vw, 58px);\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: -1.8px;\n\n    text-wrap: balance;\n}\n\n.ca-jupol-cta-text {\n    max-width: 680px;\n\n    margin: 0 0 28px;\n\n    color: rgba(255,255,255,.78);\n\n    font-size: 16px;\n    line-height: 1.6;\n}\n\n\n\/* botones *\/\n\n.ca-jupol-cta-buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n}\n\n.ca-jupol-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n\n    padding: 14px 22px;\n\n    border-radius: 999px;\n\n    text-decoration: none !important;\n\n    font-size: 11px;\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: .7px;\n    text-transform: uppercase;\n\n    transition:\n        transform .2s ease,\n        background .2s ease;\n}\n\n.ca-jupol-btn-primary {\n    background: #ffffff;\n    color: #071c2b;\n}\n\n.ca-jupol-btn-primary:hover {\n    transform: translateY(-2px);\n    background: #eaf7fb;\n}\n\n.ca-jupol-btn-secondary {\n    border: 1px solid rgba(255,255,255,.32);\n    background: rgba(255,255,255,.08);\n    color: #ffffff;\n}\n\n.ca-jupol-btn-secondary:hover {\n    transform: translateY(-2px);\n    background: rgba(255,255,255,.15);\n}\n\n\n\/* m\u00f3vil *\/\n\n@media (max-width: 640px) {\n\n    .ca-jupol-cta {\n        padding: 46px 14px;\n    }\n\n    .ca-jupol-cta-inner {\n        padding: 38px 24px;\n        border-radius: 16px;\n    }\n\n    .ca-jupol-cta-title {\n        font-size: 36px;\n    }\n\n    .ca-jupol-cta-text {\n        font-size: 14px;\n    }\n\n    .ca-jupol-cta-buttons {\n        flex-direction: column;\n    }\n\n    .ca-jupol-btn {\n        width: 100%;\n    }\n\n    .ca-jupol-cta-inner::after {\n        font-size: 100px;\n        right: -10px;\n        bottom: -20px;\n    }\n}\n<\/style>\n\n\n<section class=\"ca-jupol-cta\">\n\n    <div class=\"ca-jupol-cta-inner\">\n\n        <div class=\"ca-jupol-cta-content\">\n\n            <div class=\"ca-jupol-cta-kicker\">\n                C\u00f3digo Azul \u00b7 Una publicaci\u00f3n de JUPOL\n            <\/div>\n\n            <h2 class=\"ca-jupol-cta-title\">\n                Detr\u00e1s de C\u00f3digo Azul est\u00e1 JUPOL\n            <\/h2>\n\n            <p class=\"ca-jupol-cta-text\">\n                Informaci\u00f3n, actualidad y contenidos pensados para quienes\n                viven cada d\u00eda la profesi\u00f3n policial. Conoce JUPOL y descubre\n                todo lo que el sindicato pone a disposici\u00f3n de sus afiliados\n                y simpatizantes.\n            <\/p>\n\n            <div class=\"ca-jupol-cta-buttons\">\n\n                <a class=\"ca-jupol-btn ca-jupol-btn-primary\" href=\"https:\/\/jupol.es\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    Conoce JUPOL\n                    <span>\u2192<\/span>\n                <\/a>\n\n                <a class=\"ca-jupol-btn ca-jupol-btn-secondary\" href=\"https:\/\/gesid.info\/jupol-afiliate\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    Af\u00edliate o simpat\u00edzate\n                    <span>\u2192<\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.ca-sobre-left {\n    display: grid;\n    gap: 22px;\n}\n\n.ca-sobre-subcard {\n    padding: 30px 34px;\n    border: 1px solid var(--ca-line);\n    border-radius: 18px;\n    background: #ffffff;\n}\n\n.ca-sobre-subcard h4 {\n    margin: 0 0 14px;\n    color: var(--ca-navy) !important;\n    font-size: 20px;\n    line-height: 1.2;\n    font-weight: 900;\n    letter-spacing: -.4px;\n}\n\n.ca-sobre-points {\n    display: grid;\n    gap: 12px;\n}\n\n.ca-sobre-point {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n\n    color: var(--ca-text);\n    font-size: 14px;\n    line-height: 1.55;\n}\n\n.ca-sobre-point::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    margin-top: 7px;\n    border-radius: 50%;\n    background: var(--ca-cyan);\n    flex: 0 0 auto;\n}\n\n\n@media (max-width: 640px) {\n    .ca-sobre-subcard {\n        padding: 24px;\n        border-radius: 15px;\n    }\n\n    .ca-sobre-subcard h4 {\n        font-size: 18px;\n    }\n\n    .ca-sobre-point {\n        font-size: 14px;\n    }\n}\n<\/style>\n\n<!-- =========================================================\n     C\u00d3DIGO AZUL \u00b7 SOBRE LA REVISTA \/ INFORMACI\u00d3N EDITORIAL\n========================================================= -->\n\n<style>\n.ca-sobre,\n.ca-sobre * {\n    box-sizing: border-box;\n}\n\n.ca-sobre {\n    --ca-blue: #005fa8;\n    --ca-cyan: #10b7d0;\n    --ca-navy: #071c2b;\n    --ca-text: #263746;\n    --ca-muted: #6d7a87;\n    --ca-line: #e5edf2;\n    --ca-soft: #f6f9fb;\n\n    width: 100%;\n    padding: 70px 24px 76px;\n    background: #ffffff;\n\n    font-family: Arial, Helvetica, sans-serif;\n}\n\n.ca-sobre-inner {\n    max-width: 1280px;\n    margin: 0 auto;\n}\n\n\n\/* CABECERA *\/\n\n.ca-sobre-header {\n    max-width: 760px;\n    margin-bottom: 34px;\n}\n\n.ca-sobre-kicker {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n\n    margin-bottom: 11px;\n\n    color: var(--ca-blue);\n\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n}\n\n.ca-sobre-kicker::before {\n    content: \"\";\n\n    width: 30px;\n    height: 3px;\n\n    border-radius: 10px;\n\n    background: var(--ca-cyan);\n}\n\n.ca-sobre-title {\n    margin: 0 0 12px;\n\n    color: var(--ca-navy) !important;\n\n    font-size: clamp(32px, 4vw, 50px);\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: -1.6px;\n}\n\n.ca-sobre-intro {\n    margin: 0;\n\n    color: var(--ca-muted);\n\n    font-size: 15px;\n    line-height: 1.6;\n}\n\n\n\/* GRID PRINCIPAL *\/\n\n.ca-sobre-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(360px, 1fr);\n    gap: 22px;\n    align-items: start;\n}\n\n\n\/* COLUMNA IZQUIERDA *\/\n\n.ca-sobre-left {\n    display: grid;\n    gap: 22px;\n}\n\n\n\/* TARJETA PRINCIPAL *\/\n\n.ca-sobre-card {\n    padding: 34px;\n\n    border: 1px solid var(--ca-line);\n    border-radius: 18px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #ffffff 0%,\n            #f7fafc 100%\n        );\n}\n\n.ca-sobre-card h3 {\n    margin: 0 0 14px;\n\n    color: var(--ca-navy) !important;\n\n    font-size: 24px;\n    line-height: 1.15;\n    font-weight: 900;\n    letter-spacing: -.6px;\n}\n\n.ca-sobre-card p {\n    margin: 0;\n\n    color: var(--ca-text);\n\n    font-size: 15px;\n    line-height: 1.65;\n}\n\n\n\/* SEGUNDA TARJETA IZQUIERDA *\/\n\n.ca-sobre-subcard {\n    padding: 30px 34px;\n\n    border: 1px solid var(--ca-line);\n    border-radius: 18px;\n\n    background: #ffffff;\n}\n\n.ca-sobre-subcard h4 {\n    margin: 0 0 16px;\n\n    color: var(--ca-navy) !important;\n\n    font-size: 20px;\n    line-height: 1.2;\n    font-weight: 900;\n    letter-spacing: -.4px;\n}\n\n.ca-sobre-points {\n    display: grid;\n    gap: 14px;\n}\n\n.ca-sobre-point {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n\n    color: var(--ca-text);\n\n    font-size: 14px;\n    line-height: 1.55;\n}\n\n.ca-sobre-point::before {\n    content: \"\";\n\n    width: 7px;\n    height: 7px;\n\n    margin-top: 7px;\n\n    border-radius: 50%;\n\n    background: var(--ca-cyan);\n\n    flex: 0 0 auto;\n}\n\n\n\/* BOT\u00d3N *\/\n\n.ca-sobre-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n\n    margin-top: 24px;\n    padding: 13px 20px;\n\n    border-radius: 999px;\n\n    background: var(--ca-blue);\n\n    color: #ffffff !important;\n\n    text-decoration: none !important;\n\n    font-size: 10px;\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: .7px;\n    text-transform: uppercase;\n\n    transition:\n        transform .2s ease,\n        background .2s ease;\n}\n\n.ca-sobre-button:hover {\n    transform: translateY(-2px);\n    background: #004b84;\n}\n\n\n\/* FICHA EDITORIAL *\/\n\n.ca-editorial {\n    padding: 30px;\n\n    border-radius: 18px;\n\n    background: var(--ca-navy);\n\n    color: #ffffff;\n}\n\n.ca-editorial-label {\n    display: block;\n\n    margin-bottom: 22px;\n\n    color: #64d6e7;\n\n    font-size: 10px;\n    line-height: 1.2;\n    font-weight: 900;\n    letter-spacing: 1.3px;\n    text-transform: uppercase;\n}\n\n.ca-editorial-grid {\n    display: grid;\n    gap: 0;\n}\n\n.ca-editorial-item {\n    padding: 14px 0;\n\n    border-bottom: 1px solid rgba(255,255,255,.12);\n}\n\n.ca-editorial-item:first-child {\n    padding-top: 0;\n}\n\n.ca-editorial-item:last-child {\n    border-bottom: 0;\n}\n\n.ca-editorial-item small {\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: rgba(255,255,255,.52);\n\n    font-size: 9px;\n    line-height: 1.2;\n    font-weight: 900;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n}\n\n.ca-editorial-item strong,\n.ca-editorial-item span,\n.ca-editorial-item a {\n    color: #ffffff !important;\n\n    font-size: 13px;\n    line-height: 1.5;\n    font-weight: 600;\n\n    text-decoration: none !important;\n}\n\n.ca-editorial-item a:hover {\n    color: #6bdeea !important;\n}\n\n\n\/* AUTORES *\/\n\n.ca-editorial-authors {\n    color: rgba(255,255,255,.82) !important;\n    font-size: 12px !important;\n    line-height: 1.55 !important;\n}\n\n\n\/* AVISO LEGAL *\/\n\n.ca-editorial-legal {\n    margin-top: 20px;\n    padding-top: 18px;\n\n    border-top: 1px solid rgba(255,255,255,.14);\n\n    color: rgba(255,255,255,.48);\n\n    font-size: 10px;\n    line-height: 1.5;\n}\n\n\n\/* RESPONSIVE *\/\n\n@media (max-width: 900px) {\n\n    .ca-sobre-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n@media (max-width: 640px) {\n\n    .ca-sobre {\n        padding: 48px 14px 54px;\n    }\n\n    .ca-sobre-header {\n        margin-bottom: 24px;\n    }\n\n    .ca-sobre-title {\n        font-size: 34px;\n    }\n\n    .ca-sobre-intro {\n        font-size: 14px;\n    }\n\n    .ca-sobre-card,\n    .ca-sobre-subcard,\n    .ca-editorial {\n        padding: 24px;\n        border-radius: 15px;\n    }\n\n    .ca-sobre-card h3 {\n        font-size: 21px;\n    }\n\n    .ca-sobre-subcard h4 {\n        font-size: 18px;\n    }\n\n    .ca-sobre-card p,\n    .ca-sobre-point {\n        font-size: 14px;\n    }\n}\n<\/style>\n\n\n<section class=\"ca-sobre\">\n\n    <div class=\"ca-sobre-inner\">\n\n\n        <!-- CABECERA -->\n\n        <header class=\"ca-sobre-header\">\n\n            <div class=\"ca-sobre-kicker\">\n                Sobre la revista\n            <\/div>\n\n            <h2 class=\"ca-sobre-title\">\n                C\u00f3digo Azul\n            <\/h2>\n\n            <p class=\"ca-sobre-intro\">\n                La revista de seguridad de JUPOL.\n            <\/p>\n\n        <\/header>\n\n\n        <div class=\"ca-sobre-grid\">\n\n\n            <!-- COLUMNA IZQUIERDA -->\n\n            <div class=\"ca-sobre-left\">\n\n\n                <!-- TARJETA 1 -->\n\n                <div class=\"ca-sobre-card\">\n\n                    <h3>\n                        Informaci\u00f3n, profesi\u00f3n y actualidad policial\n                    <\/h3>\n\n                    <p>\n                        C\u00f3digo Azul es la revista de seguridad de JUPOL,\n                        una publicaci\u00f3n dedicada a la actualidad policial,\n                        los grandes temas de la profesi\u00f3n, entrevistas,\n                        reportajes, formaci\u00f3n y an\u00e1lisis de inter\u00e9s para\n                        los miembros de la Polic\u00eda Nacional.\n                    <\/p>\n\n                    <a\n                        class=\"ca-sobre-button\"\n                        href=\"https:\/\/jupol.es\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                    >\n                        Visitar JUPOL\n                        <span>\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n\n                <!-- TARJETA 2 -->\n\n                <div class=\"ca-sobre-subcard\">\n\n                    <h4>\n                        Qu\u00e9 encontrar\u00e1s en C\u00f3digo Azul\n                    <\/h4>\n\n                    <div class=\"ca-sobre-points\">\n\n                        <div class=\"ca-sobre-point\">\n                            Actualidad policial, reportajes y entrevistas de inter\u00e9s profesional.\n                        <\/div>\n\n                        <div class=\"ca-sobre-point\">\n                            An\u00e1lisis sobre seguridad, formaci\u00f3n, profesi\u00f3n y temas de actualidad sindical.\n                        <\/div>\n\n                        <div class=\"ca-sobre-point\">\n                            Una publicaci\u00f3n trimestral impulsada por JUPOL para acercar informaci\u00f3n \u00fatil y especializada.\n                        <\/div>\n\n                        <div class=\"ca-sobre-point\">\n                            Contenidos pensados para polic\u00edas nacionales, afiliados, simpatizantes y lectores interesados en el sector.\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n\n\n            <!-- COLUMNA DERECHA \u00b7 INFORMACI\u00d3N EDITORIAL -->\n\n            <aside class=\"ca-editorial\">\n\n                <span class=\"ca-editorial-label\">\n                    Informaci\u00f3n editorial\n                <\/span>\n\n\n                <div class=\"ca-editorial-grid\">\n\n\n                    <div class=\"ca-editorial-item\">\n                        <small>Direcci\u00f3n<\/small>\n                        <strong>Aar\u00f3n Rivero Mart\u00edn<\/strong>\n                    <\/div>\n\n\n                    <div class=\"ca-editorial-item\">\n                        <small>Direcci\u00f3n ejecutiva<\/small>\n                        <strong>\u00d3scar Sainz Vidal<\/strong>\n                    <\/div>\n\n\n                    <div class=\"ca-editorial-item\">\n                        <small>Edici\u00f3n<\/small>\n                        <strong>Consejo de Redacci\u00f3n de JUPOL<\/strong>\n                    <\/div>\n\n\n                    <div class=\"ca-editorial-item\">\n                        <small>Dise\u00f1o y maquetaci\u00f3n<\/small>\n                        <span>Agencia de Medios Dupol S.L.<\/span>\n                    <\/div>\n\n\n                    <div class=\"ca-editorial-item\">\n                        <small>Colaboradores \/ autores<\/small>\n\n                        <span class=\"ca-editorial-authors\">\n                            Javier Otero,\n                            Secretar\u00eda Nacional de Formaci\u00f3n de JUPOL,\n                            Secretar\u00eda Nacional de Nuevas Tecnolog\u00edas de JUPOL,\n                            Francisco Javier Vidal y Delgado-Roig,\n                            Daniel Blanco,\n                            B2Group,\n                            Fernando G. Calleja D\u00f3mine,\n                            Junta Directiva de Jusapol\n                            y QUBIT.\n                        <\/span>\n                    <\/div>\n\n\n                    <div class=\"ca-editorial-item\">\n                        <small>Impresi\u00f3n<\/small>\n                        <span>Etiquetas Alhambra, S.L.<\/span>\n                    <\/div>\n\n\n                    <div class=\"ca-editorial-item\">\n                        <small>Dep\u00f3sito legal<\/small>\n                        <span>GR 206-2024<\/span>\n                    <\/div>\n\n\n                    <div class=\"ca-editorial-item\">\n                        <small>ISSN<\/small>\n                        <span>3045-5561<\/span>\n                    <\/div>\n\n\n                    <div class=\"ca-editorial-item\">\n                        <small>Publicidad<\/small>\n\n                        <span>\n                            Agencia de Medios Dupol S.L.<br>\n                            CIF: B-88.435.631<br>\n                            C\/ Casas de Miravete, 22B, 3\u00aa planta, Oficina 3<br>\n                            28031 Madrid<br>\n                            Tel.: 91 955 18 28<br>\n\n                            <a href=\"mailto:codigoazul@dupol.es\">\n                                codigoazul@dupol.es\n                            <\/a>\n                        <\/span>\n                    <\/div>\n\n\n                    <div class=\"ca-editorial-item\">\n                        <small>Contacto JUPOL<\/small>\n\n                        <span>\n                            Plaza Carabanchel 5 \u00b7 Madrid<br>\n\n                            <a href=\"mailto:info@jupol.es\">\n                                info@jupol.es\n                            <\/a>\n                            <br>\n\n                            Tel.: 91 204 24 24\n                        <\/span>\n                    <\/div>\n\n\n                <\/div>\n\n\n                <div class=\"ca-editorial-legal\">\n                    Queda prohibida la reproducci\u00f3n total o parcial del contenido\n                    de esta publicaci\u00f3n, su tratamiento inform\u00e1tico o su transmisi\u00f3n\n                    por cualquier medio sin permiso expl\u00edcito y por escrito de la\n                    empresa editora. La empresa no comparte necesariamente las\n                    opiniones de art\u00edculos, entrevistas firmadas y contenidos\n                    de los anuncios.\n                <\/div>\n\n\n            <\/aside>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>C\u00d3DIGO AZUL Revista de seguridad Revista oficial del sindicato JUPOL N\u00ba 8 \u00b7 Septiembre 2026 La revista digital de JUPOL, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-771","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/revistacodigoazul.es\/index.php?rest_route=\/wp\/v2\/pages\/771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/revistacodigoazul.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/revistacodigoazul.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/revistacodigoazul.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/revistacodigoazul.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=771"}],"version-history":[{"count":28,"href":"https:\/\/revistacodigoazul.es\/index.php?rest_route=\/wp\/v2\/pages\/771\/revisions"}],"predecessor-version":[{"id":810,"href":"https:\/\/revistacodigoazul.es\/index.php?rest_route=\/wp\/v2\/pages\/771\/revisions\/810"}],"wp:attachment":[{"href":"https:\/\/revistacodigoazul.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}