{"id":13008,"date":"2026-10-15T19:09:37","date_gmt":"2026-10-15T16:09:37","guid":{"rendered":"https:\/\/beta2.socradar.io\/brand-guideline-2\/"},"modified":"2026-10-15T19:09:37","modified_gmt":"2026-10-15T16:09:37","slug":"brand-guideline","status":"publish","type":"page","link":"https:\/\/socradar.io\/es\/brand-guideline\/","title":{"rendered":"Gu\u00eda de Marca"},"content":{"rendered":"\n<section class=\"doc-hero bgl-hero\">\n  <div class=\"doc-hero__container\">\n    \n<nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\n  <a href=\"\/es\/\">Home<\/a>\n      <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4.5 2.5 8 6l-3.5 3.5\"><\/path><\/svg>\n          <a href=\"https:\/\/socradar.io\/es\/about-us\/\">Empresa<\/a>\n          <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4.5 2.5 8 6l-3.5 3.5\"><\/path><\/svg>\n          <span aria-current=\"page\">Directrices de Marca<\/span>\n      <\/nav>\n    <h1 class=\"doc-hero__title\">Directrices de Marca<\/h1>\n    <p class=\"doc-hero__lede\">Identidad Visual y Est\u00e1ndares de Dise\u00f1o<\/p>\n    <p class=\"bgl-version\">Versi\u00f3n 1.0, octubre de 2025<\/p>\n\n    <div class=\"bgl-personality\">\n      <h2 class=\"bgl-personality__title\">Personalidad de Marca<\/h2>\n      <ul class=\"bgl-personality__list\">\n        <li>Innovative<\/li><li>Trustworthy<\/li><li>Human-Centric<\/li><li>Dynamic<\/li>      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<nav class=\"bgl-nav\" aria-label=\"Secciones de las directrices de marca\" data-toc=\"\">\n  <div class=\"bgl-nav__inner\">\n    <a href=\"#logo-usage\">Uso del Logotipo<\/a>\n    <a href=\"#color-palette\">Paleta de Color<\/a>\n    <a href=\"#typography\">Tipograf\u00eda<\/a>\n    <a href=\"#social-media\">Redes Sociales<\/a>\n    <a href=\"#co-branding\">Principios de Comarcado<\/a>\n  <\/div>\n<\/nav>\n\n\n\n<section class=\"bgl-sec\" id=\"logo-usage\" aria-labelledby=\"logo-usage-t\">\n  <div class=\"bgl-sec__inner\">\n    <header class=\"bgl-sec__head\">\n      <h2 class=\"bgl-sec__title\" id=\"logo-usage-t\">Uso del Logotipo<\/h2>\n      <p class=\"bgl-sec__lede\">Pautas para el uso y la colocaci\u00f3n correctos del logotipo en todos los materiales de marca.<\/p>\n    <\/header>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Logotipo Principal<\/h3>\n      <figure class=\"doc-card bgl-figure\">\n        <img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/primary-logo-v1.png-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/primary-logo-v1.png-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/primary-logo-v1.png-800w.webp 800w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/primary-logo-v1.png-1200w.webp 1200w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/primary-logo-v1.png.webp 1833w\" sizes=\"auto, 100vw\" width=\"1833\" height=\"356\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/primary-logo-v1.png.webp\" alt=\"Logotipo principal de SOCRadar con el lema Your Eyes Beyond\" loading=\"lazy\" decoding=\"async\">\n        <figcaption>Este es nuestro logotipo principal y debe usarse en la mayor\u00eda de las situaciones. Combina el s\u00edmbolo y el logotipo tipogr\u00e1fico con el lema \u00abYour Eyes Beyond\u00bb.<\/figcaption>\n      <\/figure>\n    <\/div>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Variaciones del Logotipo<\/h3>\n      <ul class=\"bgl-grid bgl-grid--3\">\n                  <li class=\"doc-card bgl-item\">\n            <img width=\"580\" height=\"384\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container.png.webp\" alt=\"Logotipo Completo (Principal)\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">Logotipo Completo (Principal)<\/h4>\n            <p>\u00dasalo sobre fondos claros para lograr la m\u00e1xima visibilidad y reconocimiento de marca.<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item\">\n            <img width=\"580\" height=\"384\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container-1.png.webp\" alt=\"Logotipo Secundario\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">Logotipo Secundario<\/h4>\n            <p>\u00dasalo sobre fondos oscuros como marca alternativa cuando el espacio sea limitado o en momentos de marca singulares.<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item\">\n            <img width=\"579\" height=\"384\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container-2.png.webp\" alt=\"Negativo (Versi\u00f3n Blanca)\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">Negativo (Versi\u00f3n Blanca)<\/h4>\n            <p>\u00dasalo sobre fondos oscuros y fotograf\u00edas para un contraste \u00f3ptimo.<\/p>\n          <\/li>\n              <\/ul>\n      <div class=\"bgl-download\">\n        <div>\n          <p class=\"bgl-download__title\">Descargar el Paquete de Logotipos<\/p>\n          <p class=\"bgl-download__text\">Consigue todas las variaciones del logotipo en varios formatos (PNG, SVG, AI)<\/p>\n        <\/div>\n        <a class=\"btn btn--primary btn--lg bgl-download__btn\" href=\"https:\/\/cdn.socradar.io\/wp-content\/uploads\/SOCRadar_LogoPack.zip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3v12M7 10l5 5 5-5M5 21h14\"><\/path><\/svg> Download<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Icono<\/h3>\n      <div class=\"doc-card bgl-split\">\n        <img width=\"192\" height=\"192\" class=\"bgl-split__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/icon.png.webp\" alt=\"Icono de radar de SOCRadar\" loading=\"lazy\" decoding=\"async\">\n        <div>\n          <h4 class=\"doc-card__title\">Cu\u00e1ndo Usar el Icono<\/h4>\n          <ul>\n            <li>Iconos de app y favicons<\/li><li>Fotos de perfil en redes sociales<\/li><li>Patrones y fondos de marca<\/li><li>Animaciones de carga y microinteracciones<\/li><li>Materiales de marketing con espacio limitado<\/li><li>Como elemento decorativo junto al logotipo completo<\/li>          <\/ul>\n          <p>El icono de radar es un activo de marca potente que representa la misi\u00f3n central de SOCRadar: una vigilancia constante en ciberseguridad. Los arcos conc\u00e9ntricos simbolizan el escaneo y la protecci\u00f3n continuos.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"bgl-download\">\n        <div>\n          <p class=\"bgl-download__title\">Descargar el Paquete de Iconos<\/p>\n          <p class=\"bgl-download__text\">Consigue todas las variaciones del icono en varios formatos (PNG, SVG, AI)<\/p>\n        <\/div>\n        <a class=\"btn btn--primary btn--lg bgl-download__btn\" href=\"https:\/\/cdn.socradar.io\/wp-content\/uploads\/SOCRadar_IconPack.zip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3v12M7 10l5 5 5-5M5 21h14\"><\/path><\/svg> Download<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Zona de Seguridad<\/h3>\n      <p class=\"bgl-block__text\">Nuestro logotipo necesita espacio para respirar. Mant\u00e9n siempre una zona de seguridad m\u00ednima a su alrededor equivalente al ancho de la \u00aba\u00bb min\u00fascula del logotipo tipogr\u00e1fico de SOCRadar. As\u00ed la marca conserva su impacto visual y se mantiene despejada en cualquier aplicaci\u00f3n.<\/p>\n      <div class=\"doc-card\">\n        <h4 class=\"doc-card__title\">Medida de la Zona de Seguridad<\/h4>\n        <p>Entender la unidad \u00aba\u00bb para un espaciado coherente del logotipo<\/p>\n        <p>La unidad de zona de seguridad se basa en el ancho de la \u00aba\u00bb min\u00fascula del logotipo tipogr\u00e1fico de SOCRadar.<\/p>\n        <img width=\"402\" height=\"204\" class=\"bgl-wide-img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/clear-space.png.webp\" alt=\"Zona de seguridad alrededor del logotipo de SOCRadar medida en unidades de \u00aba\u00bb min\u00fascula\" loading=\"lazy\" decoding=\"async\">\n        <ol class=\"bgl-steps\">\n                      <li><span class=\"bgl-steps__n\">1<\/span><div><h5>Mide la \u00aba\u00bb<\/h5><p>Localiza el ancho de la \u00aba\u00bb min\u00fascula del logotipo tipogr\u00e1fico<\/p><\/div><\/li>\n                      <li><span class=\"bgl-steps__n\">2<\/span><div><h5>Apl\u00edcalo en todos los lados<\/h5><p>Usa esa medida como espacio m\u00ednimo arriba, abajo, a izquierda y a derecha<\/p><\/div><\/li>\n                      <li><span class=\"bgl-steps__n\">3<\/span><div><h5>Mant\u00e9n la coherencia<\/h5><p>As\u00ed el logotipo siempre respira lo suficiente, sea cual sea su tama\u00f1o<\/p><\/div><\/li>\n                  <\/ol>\n      <\/div>\n    <\/div>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Tama\u00f1o M\u00ednimo<\/h3>\n      <div class=\"bgl-grid bgl-grid--2\">\n        <div class=\"doc-card\">\n          <h4 class=\"doc-card__title\">Color Principal<\/h4>\n          <div class=\"bgl-min\">\n            <figure><img width=\"121\" height=\"51\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/print.png.webp\" alt=\"Ancho m\u00ednimo: 120 px para el logotipo completo\" loading=\"lazy\" decoding=\"async\"><figcaption>Ancho m\u00ednimo: 120 px para el logotipo completo<\/figcaption><\/figure>\n            <figure><img width=\"33\" height=\"33\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/icon-small.png.webp\" alt=\"Ancho m\u00ednimo: 32 px solo para el icono\" loading=\"lazy\" decoding=\"async\"><figcaption>Ancho m\u00ednimo: 32 px solo para el icono<\/figcaption><\/figure>\n          <\/div>\n        <\/div>\n        <div class=\"doc-card\">\n          <h4 class=\"doc-card__title\">Impresi\u00f3n<\/h4>\n          <div class=\"bgl-min\">\n            <figure><img width=\"121\" height=\"51\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/print.png.webp\" alt=\"Ancho m\u00ednimo: 3 cm (30 mm) para el logotipo completo\" loading=\"lazy\" decoding=\"async\"><figcaption>Ancho m\u00ednimo: 3 cm (30 mm) para el logotipo completo<\/figcaption><\/figure>\n            <figure><img width=\"33\" height=\"33\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/icon-small.png.webp\" alt=\"Ancho m\u00ednimo: 1 cm (10 mm) solo para el icono\" loading=\"lazy\" decoding=\"async\"><figcaption>Ancho m\u00ednimo: 1 cm (10 mm) solo para el icono<\/figcaption><\/figure>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Qu\u00e9 No Hacer con el Logotipo (usos incorrectos)<\/h3>\n      <p class=\"bgl-block__text\">Para mantener la integridad y la coherencia de la marca, nunca modifiques el logotipo de las siguientes formas:<\/p>\n      <ul class=\"bgl-grid bgl-grid--5\">\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"580\" height=\"385\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container-15.png.webp\" alt=\"No estires ni deformes\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">No estires ni deformes<\/h4>\n            <p>Mant\u00e9n siempre la proporci\u00f3n original<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"580\" height=\"385\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container-1-1.png.webp\" alt=\"No comprimas\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">No comprimas<\/h4>\n            <p>Nunca comprimas ni aplastes el logotipo verticalmente<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"579\" height=\"384\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container-2-1.png.webp\" alt=\"No rotes\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">No rotes<\/h4>\n            <p>El logotipo debe mantenerse siempre horizontal<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"580\" height=\"385\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container-3.png.webp\" alt=\"No cambies los colores\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">No cambies los colores<\/h4>\n            <p>Utiliza \u00fanicamente los colores de marca aprobados<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"580\" height=\"385\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container-4.png.webp\" alt=\"No a\u00f1adas efectos ni sombras\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">No a\u00f1adas efectos ni sombras<\/h4>\n            <p>Mant\u00e9n el logotipo limpio, sin degradados ni sombras<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"579\" height=\"385\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container-5.png.webp\" alt=\"No a\u00f1adas contornos ni bordes\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">No a\u00f1adas contornos ni bordes<\/h4>\n            <p>El logotipo no debe llevar contornos a\u00f1adidos<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"580\" height=\"385\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container-6.png.webp\" alt=\"No reorganices los elementos\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">No reorganices los elementos<\/h4>\n            <p>Conserva la disposici\u00f3n original de todos los elementos<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"580\" height=\"385\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container-7.png.webp\" alt=\"No lo uses sobre fondos recargados\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">No lo uses sobre fondos recargados<\/h4>\n            <p>Asegura un contraste y una nitidez suficientes<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"579\" height=\"385\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container-8.png.webp\" alt=\"No lo uses sobre colores similares\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">No lo uses sobre colores similares<\/h4>\n            <p>Evita fondos que reduzcan la visibilidad<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"580\" height=\"385\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container-9.png.webp\" alt=\"No cambies el espaciado entre elementos\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">No cambies el espaciado entre elementos<\/h4>\n            <p>Conserva el espaciado original entre los elementos del logotipo<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"580\" height=\"385\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container-10.png.webp\" alt=\"No uses baja resoluci\u00f3n\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">No uses baja resoluci\u00f3n<\/h4>\n            <p>Utiliza siempre archivos vectoriales de alta calidad<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"579\" height=\"385\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container-11.png.webp\" alt=\"No uses el logotipo en versi\u00f3n de contorno\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">No uses el logotipo en versi\u00f3n de contorno<\/h4>\n            <p>Utiliza siempre la versi\u00f3n rellena del logotipo<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"580\" height=\"385\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container-12.png.webp\" alt=\"No cambies la tipograf\u00eda\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">No cambies la tipograf\u00eda<\/h4>\n            <p>Utiliza siempre la tipograf\u00eda original<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"580\" height=\"385\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container-13.png.webp\" alt=\"No a\u00f1adas iconos ni elementos\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">No a\u00f1adas iconos ni elementos<\/h4>\n            <p>Mant\u00e9n el logotipo en su forma original, sin a\u00f1adidos<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"579\" height=\"385\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/Container-14.png.webp\" alt=\"No cambies el lema\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">No cambies el lema<\/h4>\n            <p>Escribe siempre \u00abYour Eyes Beyond\u00bb tal cual<\/p>\n          <\/li>\n              <\/ul>\n    <\/div>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Legibilidad<\/h3>\n      <p class=\"bgl-block__text\">Que el logotipo se mantenga claro y legible en todos los tama\u00f1os y contextos es clave para el reconocimiento de marca. Estos ejemplos muestran los est\u00e1ndares correctos de contraste y visibilidad.<\/p>\n\n      <h4 class=\"bgl-sub\">Tama\u00f1o y Nitidez<\/h4>\n      <ul class=\"bgl-grid bgl-grid--2\">\n                  <li class=\"doc-card bgl-item\">\n            <img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-5-1.png-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-5-1.png-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-5-1.png.webp 893w\" sizes=\"auto, 100vw\" width=\"893\" height=\"513\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-5-1.png.webp\" alt=\"Tama\u00f1o \u00d3ptimo\" loading=\"lazy\" decoding=\"async\">\n            <h5 class=\"doc-card__title\">Tama\u00f1o \u00d3ptimo<\/h5>\n            <p>El logotipo se ve con claridad y todos los detalles son n\u00edtidos<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item\">\n            <img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-1-1.png-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-1-1.png-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-1-1.png.webp 893w\" sizes=\"auto, 100vw\" width=\"893\" height=\"513\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-1-1.png.webp\" alt=\"Tama\u00f1o M\u00ednimo (120 px)\" loading=\"lazy\" decoding=\"async\">\n            <h5 class=\"doc-card__title\">Tama\u00f1o M\u00ednimo (120 px)<\/h5>\n            <p>Sigue siendo legible en el tama\u00f1o m\u00ednimo recomendado<\/p>\n          <\/li>\n              <\/ul>\n\n      <h4 class=\"bgl-sub\">Contraste con el Fondo<\/h4>\n      <ul class=\"bgl-grid bgl-grid--3\">\n                  <li class=\"doc-card bgl-item\">\n            <img width=\"580\" height=\"385\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-2-1.png.webp\" alt=\"Fondo Oscuro\" loading=\"lazy\" decoding=\"async\">\n            <h5 class=\"doc-card__title\">Fondo Oscuro<\/h5>\n            <p>Contraste excelente sobre fondos oscuros<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item\">\n            <img width=\"580\" height=\"385\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-3-1.png.webp\" alt=\"Fondo Claro\" loading=\"lazy\" decoding=\"async\">\n            <h5 class=\"doc-card__title\">Fondo Claro<\/h5>\n            <p>Usa el logotipo completo sobre fondos claros<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item\">\n            <img width=\"579\" height=\"385\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-4-1.png.webp\" alt=\"Con Zona de Seguridad\" loading=\"lazy\" decoding=\"async\">\n            <h5 class=\"doc-card__title\">Con Zona de Seguridad<\/h5>\n            <p>Usa una capa de fondo cuando sea necesario<\/p>\n          <\/li>\n              <\/ul>\n\n      <h4 class=\"bgl-sub\">Pautas de Contraste<\/h4>\n      <p class=\"bgl-block__text\">Asegura siempre un contraste suficiente entre el logotipo y su fondo. El logotipo debe reconocerse de inmediato, sin forzar la vista.<\/p>\n      <ul class=\"bgl-grid bgl-grid--6\">\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"410\" height=\"257\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-false.png.webp\" alt=\"0 % negro\" loading=\"lazy\" decoding=\"async\">\n            <h5 class=\"doc-card__title\">0 % negro<\/h5>\n            <p>Contrast ratio = 4.8:1<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"409\" height=\"257\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-false-1.png.webp\" alt=\"10 % negro\" loading=\"lazy\" decoding=\"async\">\n            <h5 class=\"doc-card__title\">10 % negro<\/h5>\n            <p>Contrast ratio = 3.8:1<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"410\" height=\"257\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-false-2.png.webp\" alt=\"20 % negro\" loading=\"lazy\" decoding=\"async\">\n            <h5 class=\"doc-card__title\">20 % negro<\/h5>\n            <p>Contrast ratio = 3:1<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"409\" height=\"257\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-false-3.png.webp\" alt=\"30 % negro\" loading=\"lazy\" decoding=\"async\">\n            <h5 class=\"doc-card__title\">30 % negro<\/h5>\n            <p>Contrast ratio = 2.5:1<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"410\" height=\"257\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-false-4.png.webp\" alt=\"40 % negro\" loading=\"lazy\" decoding=\"async\">\n            <h5 class=\"doc-card__title\">40 % negro<\/h5>\n            <p>Contrast ratio = 1.7:1<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"409\" height=\"257\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-false-5.png.webp\" alt=\"50 % negro\" loading=\"lazy\" decoding=\"async\">\n            <h5 class=\"doc-card__title\">50 % negro<\/h5>\n            <p>Contrast ratio = 1.2:1<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"410\" height=\"257\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-false-6.png.webp\" alt=\"60 % negro\" loading=\"lazy\" decoding=\"async\">\n            <h5 class=\"doc-card__title\">60 % negro<\/h5>\n            <p>Contrast ratio = 1.2:1<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"409\" height=\"257\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-false-7.png.webp\" alt=\"70 % negro\" loading=\"lazy\" decoding=\"async\">\n            <h5 class=\"doc-card__title\">70 % negro<\/h5>\n            <p>Contrast ratio = 1.8:1<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"410\" height=\"257\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-false-8.png.webp\" alt=\"80 % negro\" loading=\"lazy\" decoding=\"async\">\n            <h5 class=\"doc-card__title\">80 % negro<\/h5>\n            <p>Contrast ratio = 2.6:1<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"409\" height=\"257\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-false-9.png.webp\" alt=\"90 % negro\" loading=\"lazy\" decoding=\"async\">\n            <h5 class=\"doc-card__title\">90 % negro<\/h5>\n            <p>Contrast ratio = 3.7:1<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item bgl-item--sm\">\n            <img width=\"410\" height=\"257\" class=\"bgl-item__img\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/true-false-10.png.webp\" alt=\"100 % negro\" loading=\"lazy\" decoding=\"async\">\n            <h5 class=\"doc-card__title\">100 % negro<\/h5>\n            <p>Contrast ratio = 4.4:1<\/p>\n          <\/li>\n              <\/ul>\n      <div class=\"doc-card bgl-note\">\n        <h5 class=\"doc-card__title\">Pautas de Relaci\u00f3n de Contraste<\/h5>\n        <ul>\n          <li><strong>3:1 o superior<\/strong>: cumple los est\u00e1ndares para elementos no textuales; aceptable para el uso del logotipo<\/li>\n          <li><strong>Por debajo de 3:1<\/strong>: contraste insuficiente; evita colocar ah\u00ed el logotipo<\/li>\n          <li>Usa la versi\u00f3n blanca o clara del logotipo sobre fondos muy oscuros (90 % de negro o m\u00e1s)<\/li>\n          <li>Usa el logotipo principal sobre fondos claros (0-20 % de negro) para una mejor visibilidad<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"bgl-sec bgl-sec--gray\" id=\"color-palette\" aria-labelledby=\"color-palette-t\">\n  <div class=\"bgl-sec__inner\">\n    <header class=\"bgl-sec__head\">\n      <h2 class=\"bgl-sec__title\" id=\"color-palette-t\">Paleta de Color<\/h2>\n      <p class=\"bgl-sec__lede\">Nuestra paleta de color cuidadosamente seleccionada, que define nuestra identidad visual.<\/p>\n    <\/header>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Colores Principales<\/h3>\n      <ul class=\"bgl-grid bgl-grid--3\">\n                  <li class=\"doc-card bgl-color\">\n            <span class=\"bgl-color__chip\" style=\"background: #FF4562\"><\/span>\n            <div class=\"bgl-color__head\"><h4 class=\"doc-card__title\">Coral En\u00e9rgico<\/h4><span class=\"bgl-color__tag\">PRINCIPAL<\/span><\/div>\n            <dl class=\"bgl-color__codes\">\n              <div><dt>HEX<\/dt><dd>#FF4562<\/dd><\/div>\n              <div><dt>RGB<\/dt><dd>255, 69, 98<\/dd><\/div>\n              <div><dt>CMYK<\/dt><dd>0, 73, 62, 0<\/dd><\/div>\n            <\/dl>\n            <p>Botones de llamada a la acci\u00f3n, titulares, destacados clave y acentos.<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-color\">\n            <span class=\"bgl-color__chip\" style=\"background: #1B1B3C\"><\/span>\n            <div class=\"bgl-color__head\"><h4 class=\"doc-card__title\">Azul Noche Profundo<\/h4><span class=\"bgl-color__tag\">PRINCIPAL<\/span><\/div>\n            <dl class=\"bgl-color__codes\">\n              <div><dt>HEX<\/dt><dd>#1B1B3C<\/dd><\/div>\n              <div><dt>RGB<\/dt><dd>27, 27, 60<\/dd><\/div>\n              <div><dt>CMYK<\/dt><dd>55, 55, 0, 76<\/dd><\/div>\n            <\/dl>\n            <p>Texto principal, fondos oscuros y materiales corporativos que requieren un tono profesional.<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-color\">\n            <span class=\"bgl-color__chip\" style=\"background: #FFFFFF\"><\/span>\n            <div class=\"bgl-color__head\"><h4 class=\"doc-card__title\">Blanco Puro<\/h4><span class=\"bgl-color__tag\">PRINCIPAL<\/span><\/div>\n            <dl class=\"bgl-color__codes\">\n              <div><dt>HEX<\/dt><dd>#FFFFFF<\/dd><\/div>\n              <div><dt>RGB<\/dt><dd>255, 255, 255<\/dd><\/div>\n              <div><dt>CMYK<\/dt><dd>0, 0, 0, 0<\/dd><\/div>\n            <\/dl>\n            <p>Fondos, espacio negativo y texto sobre fondos oscuros.<\/p>\n          <\/li>\n              <\/ul>\n    <\/div>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Tonos y Matices de Color<\/h3>\n      <p class=\"bgl-block__text\">Usa estas variaciones tonales para crear profundidad y jerarqu\u00eda manteniendo la coherencia de marca.<\/p>\n              <h4 class=\"bgl-sub\">Variaciones del Coral En\u00e9rgico<\/h4>\n        <ul class=\"bgl-shades\">\n                      <li>\n              <span class=\"bgl-shades__chip\" style=\"background: #FFD1DB\"><\/span>\n              <h5>El m\u00e1s claro<\/h5>\n              <dl class=\"bgl-color__codes\">\n                <div><dt>HEX<\/dt><dd>#FFD1DB<\/dd><\/div>\n                <div><dt>RGB<\/dt><dd>255, 209, 219<\/dd><\/div>\n              <\/dl>\n            <\/li>\n                      <li>\n              <span class=\"bgl-shades__chip\" style=\"background: #FF9BB0\"><\/span>\n              <h5>Claro<\/h5>\n              <dl class=\"bgl-color__codes\">\n                <div><dt>HEX<\/dt><dd>#FF9BB0<\/dd><\/div>\n                <div><dt>RGB<\/dt><dd>255, 155, 176<\/dd><\/div>\n              <\/dl>\n            <\/li>\n                      <li>\n              <span class=\"bgl-shades__chip\" style=\"background: #FF4562\"><\/span>\n              <h5>Base<\/h5>\n              <dl class=\"bgl-color__codes\">\n                <div><dt>HEX<\/dt><dd>#FF4562<\/dd><\/div>\n                <div><dt>RGB<\/dt><dd>255, 69, 98<\/dd><\/div>\n              <\/dl>\n            <\/li>\n                      <li>\n              <span class=\"bgl-shades__chip\" style=\"background: #CC3750\"><\/span>\n              <h5>Oscuro<\/h5>\n              <dl class=\"bgl-color__codes\">\n                <div><dt>HEX<\/dt><dd>#CC3750<\/dd><\/div>\n                <div><dt>RGB<\/dt><dd>204, 55, 80<\/dd><\/div>\n              <\/dl>\n            <\/li>\n                      <li>\n              <span class=\"bgl-shades__chip\" style=\"background: #99293C\"><\/span>\n              <h5>El m\u00e1s oscuro<\/h5>\n              <dl class=\"bgl-color__codes\">\n                <div><dt>HEX<\/dt><dd>#99293C<\/dd><\/div>\n                <div><dt>RGB<\/dt><dd>153, 41, 60<\/dd><\/div>\n              <\/dl>\n            <\/li>\n                  <\/ul>\n              <h4 class=\"bgl-sub\">Variaciones del Azul Noche Profundo<\/h4>\n        <ul class=\"bgl-shades\">\n                      <li>\n              <span class=\"bgl-shades__chip\" style=\"background: #8D8DA2\"><\/span>\n              <h5>El m\u00e1s claro<\/h5>\n              <dl class=\"bgl-color__codes\">\n                <div><dt>HEX<\/dt><dd>#8D8DA2<\/dd><\/div>\n                <div><dt>RGB<\/dt><dd>141, 141, 162<\/dd><\/div>\n              <\/dl>\n            <\/li>\n                      <li>\n              <span class=\"bgl-shades__chip\" style=\"background: #54546F\"><\/span>\n              <h5>Claro<\/h5>\n              <dl class=\"bgl-color__codes\">\n                <div><dt>HEX<\/dt><dd>#54546F<\/dd><\/div>\n                <div><dt>RGB<\/dt><dd>84, 84, 111<\/dd><\/div>\n              <\/dl>\n            <\/li>\n                      <li>\n              <span class=\"bgl-shades__chip\" style=\"background: #1B1B3C\"><\/span>\n              <h5>Base<\/h5>\n              <dl class=\"bgl-color__codes\">\n                <div><dt>HEX<\/dt><dd>#1B1B3C<\/dd><\/div>\n                <div><dt>RGB<\/dt><dd>27, 27, 60<\/dd><\/div>\n              <\/dl>\n            <\/li>\n                      <li>\n              <span class=\"bgl-shades__chip\" style=\"background: #15152F\"><\/span>\n              <h5>Oscuro<\/h5>\n              <dl class=\"bgl-color__codes\">\n                <div><dt>HEX<\/dt><dd>#15152F<\/dd><\/div>\n                <div><dt>RGB<\/dt><dd>21, 21, 47<\/dd><\/div>\n              <\/dl>\n            <\/li>\n                      <li>\n              <span class=\"bgl-shades__chip\" style=\"background: #0D0D1C\"><\/span>\n              <h5>El m\u00e1s oscuro<\/h5>\n              <dl class=\"bgl-color__codes\">\n                <div><dt>HEX<\/dt><dd>#0D0D1C<\/dd><\/div>\n                <div><dt>RGB<\/dt><dd>13, 13, 28<\/dd><\/div>\n              <\/dl>\n            <\/li>\n                  <\/ul>\n          <\/div>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Jerarqu\u00eda de Uso del Color<\/h3>\n      <p class=\"bgl-block__text\">La regla 60-30-10 garantiza el equilibrio visual en todos los materiales de marca. Este principio crea jerarqu\u00eda y evita la saturaci\u00f3n de color.<\/p>\n      <div class=\"bgl-grid bgl-grid--2\">\n        <ul class=\"doc-card bgl-hier\">\n                      <li><span class=\"bgl-hier__chip\" style=\"background: #1B1B3C\"><\/span><div><h4 class=\"doc-card__title\">Azul Noche Profundo (dominante)<\/h4><p>Fondos, secciones grandes, cabeceras<\/p><\/div><\/li>\n                      <li><span class=\"bgl-hier__chip\" style=\"background: #F5F5F7\"><\/span><div><h4 class=\"doc-card__title\">Blanco Puro \/ Gris Claro (secundario)<\/h4><p>\u00c1reas de contenido, tarjetas, elementos de apoyo<\/p><\/div><\/li>\n                      <li><span class=\"bgl-hier__chip\" style=\"background: #FF4562\"><\/span><div><h4 class=\"doc-card__title\">Coral En\u00e9rgico (acento)<\/h4><p>CTA, destacados, interacciones importantes<\/p><\/div><\/li>\n                  <\/ul>\n        <div class=\"doc-card\">\n          <h4 class=\"doc-card__title\">Ejemplo Visual<\/h4>\n          <div class=\"bgl-ratio\" aria-hidden=\"true\"><span style=\"flex: 60\"><\/span><span style=\"flex: 30\"><\/span><span style=\"flex: 10\"><\/span><\/div>\n          <ul class=\"bgl-ratio__legend\">\n            <li>60 % &#8211; Fondo y cabeceras<\/li>\n            <li>30 % &#8211; \u00c1reas de contenido<\/li>\n            <li>10 % &#8211; Acentos<\/li>\n          <\/ul>\n          <p>Este reparto proporcional crea jerarqu\u00eda visual y dirige la atenci\u00f3n del usuario de forma eficaz.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"bgl-sec\" id=\"typography\" aria-labelledby=\"typography-t\">\n  <div class=\"bgl-sec__inner\">\n    <header class=\"bgl-sec__head\">\n      <h2 class=\"bgl-sec__title\" id=\"typography-t\">Tipograf\u00eda<\/h2>\n      <p class=\"bgl-sec__lede\">Familias tipogr\u00e1ficas, pesos y jerarqu\u00eda para una comunicaci\u00f3n coherente.<\/p>\n    <\/header>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Familias Tipogr\u00e1ficas<\/h3>\n      <div class=\"bgl-grid bgl-grid--2\">\n        <div class=\"doc-card bgl-font\">\n          <h4 class=\"bgl-font__name bgl-rhd\">Red Hat Display<\/h4>\n          <p>Tipograf\u00eda principal para titulares y textos de impacto<\/p>\n          <ul class=\"bgl-font__weights\">\n            <li><span>Medium (500)<\/span><span class=\"bgl-rhd\" style=\"font-weight: 500\">Your Eyes Beyond<\/span><\/li>\n            <li><span>Semibold (600)<\/span><span class=\"bgl-rhd\" style=\"font-weight: 600\">Your Eyes Beyond<\/span><\/li>\n            <li><span>Bold (700)<\/span><span class=\"bgl-rhd\" style=\"font-weight: 700\">Your Eyes Beyond<\/span><\/li>\n          <\/ul>\n          <p class=\"bgl-font__use\">\u00dasala para: titulares principales (H1), subt\u00edtulos (H2, H3) y otros elementos de texto de impacto.<\/p>\n        <\/div>\n        <div class=\"doc-card bgl-font\">\n          <h4 class=\"bgl-font__name\">Inter<\/h4>\n          <p>Tipograf\u00eda secundaria para texto de cuerpo y legibilidad<\/p>\n          <ul class=\"bgl-font__weights\">\n            <li><span>Regular (400)<\/span><span style=\"font-weight: 400\">Tu sistema de alerta temprana frente a los hackers<\/span><\/li>\n            <li><span>Medium (500)<\/span><span style=\"font-weight: 500\">Tu sistema de alerta temprana frente a los hackers<\/span><\/li>\n            <li><span>Semibold (600)<\/span><span style=\"font-weight: 600\">Tu sistema de alerta temprana frente a los hackers<\/span><\/li>\n          <\/ul>\n          <p class=\"bgl-font__use\">\u00dasala para: p\u00e1rrafos, listas, texto de botones y cualquier texto peque\u00f1o donde la legibilidad sea cr\u00edtica<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Familias Tipogr\u00e1ficas<\/h3>\n      <ul class=\"doc-card bgl-scale\">\n                  <li>\n            <div class=\"bgl-scale__meta\"><h4>H1 &#8211; Titular<\/h4><p><span>Red Hat Display<\/span><span>Medium (500)<\/span><span>32px<\/span><\/p><\/div>\n            <p class=\"bgl-spec bgl-spec--h1\">Innovando el futuro de la tecnolog\u00eda<\/p>\n          <\/li>\n                  <li>\n            <div class=\"bgl-scale__meta\"><h4>H2 &#8211; T\u00edtulo de secci\u00f3n<\/h4><p><span>Inter<\/span><span>Semibold (600)<\/span><span>20px<\/span><\/p><\/div>\n            <p class=\"bgl-spec bgl-spec--h2\">Nuestra misi\u00f3n y visi\u00f3n<\/p>\n          <\/li>\n                  <li>\n            <div class=\"bgl-scale__meta\"><h4>H3 &#8211; Subt\u00edtulo<\/h4><p><span>Inter<\/span><span>Bold (700)<\/span><span>16px<\/span><\/p><\/div>\n            <p class=\"bgl-spec bgl-spec--h3\">Funcionalidades y ventajas clave<\/p>\n          <\/li>\n                  <li>\n            <div class=\"bgl-scale__meta\"><h4>H4 &#8211; T\u00edtulo peque\u00f1o<\/h4><p><span>Inter<\/span><span>Bold (700)<\/span><span>14px<\/span><\/p><\/div>\n            <p class=\"bgl-spec bgl-spec--h4\">Informaci\u00f3n adicional<\/p>\n          <\/li>\n                  <li>\n            <div class=\"bgl-scale__meta\"><h4>P\u00e1rrafo &#8211; Texto de cuerpo<\/h4><p><span>Inter<\/span><span>Regular (400)<\/span><span>14px<\/span><\/p><\/div>\n            <p class=\"bgl-spec bgl-spec--body\">Nuestra marca aspira a marcar la diferencia en el sector con interfaces f\u00e1ciles de usar y una infraestructura potente. Creemos en la innovaci\u00f3n, la confianza y en poner a las personas en el centro de todo lo que hacemos.<\/p>\n          <\/li>\n                  <li>\n            <div class=\"bgl-scale__meta\"><h4>Texto de cuerpo 2 &#8211; Light<\/h4><p><span>Inter<\/span><span>Light (300)<\/span><span>14px<\/span><\/p><\/div>\n            <p class=\"bgl-spec bgl-spec--light\">Texto de apoyo que aporta contexto adicional con un peso visual m\u00e1s ligero. Perfecto para informaci\u00f3n secundaria y contenido complementario.<\/p>\n          <\/li>\n                  <li>\n            <div class=\"bgl-scale__meta\"><h4>Etiqueta &#8211; Etiquetas de formulario<\/h4><p><span>Inter<\/span><span>Regular (400)<\/span><span>12px<\/span><\/p><\/div>\n            <p class=\"bgl-spec bgl-spec--label\">Direcci\u00f3n de correo<\/p>\n          <\/li>\n              <\/ul>\n    <\/div>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">La Tipograf\u00eda en la Pr\u00e1ctica<\/h3>\n      <div class=\"bgl-practice\">\n        <div class=\"doc-card bgl-demo bgl-demo--hero\">\n          <p class=\"bgl-demo__label\">SECCI\u00d3N HERO<\/p>\n          <p class=\"bgl-demo__hero-title bgl-rhd\">Your Eyes Beyond<\/p>\n          <p class=\"bgl-demo__hero-sub\">Tu sistema de alerta temprana frente a los hackers<\/p>\n          <p class=\"bgl-demo__hero-text\">Detecta las amenazas antes de que se conviertan en brechas. SOCRadar ofrece inteligencia de ciberamenazas y protecci\u00f3n del riesgo digital completas para organizaciones de todo el mundo. Adel\u00e1ntate a los ciberadversarios con monitorizaci\u00f3n en tiempo real y hallazgos accionables.<\/p>\n        <\/div>\n\n        <div class=\"doc-card bgl-demo\">\n          <p class=\"bgl-demo__label\">TARJETA DE FUNCIONALIDAD<\/p>\n          <ul class=\"bgl-demo__features\">\n            <li><p class=\"bgl-demo__h\">Plataforma de Inteligencia de Amenazas<\/p><p>Monitorizaci\u00f3n y an\u00e1lisis en tiempo real de las ciberamenazas en todo el panorama digital.<\/p><\/li>\n            <li><p class=\"bgl-demo__h\">Protecci\u00f3n de Marca<\/p><p>Protege la reputaci\u00f3n de tu marca con monitorizaci\u00f3n continua y alertas instant\u00e1neas.<\/p><\/li>\n            <li><p class=\"bgl-demo__h\">Gesti\u00f3n de la Superficie de Ataque<\/p><p>Identifica y reduce las vulnerabilidades antes de que los atacantes puedan explotarlas.<\/p><\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"doc-card bgl-demo\">\n          <p class=\"bgl-demo__label\">MAQUETA DE ART\u00cdCULO<\/p>\n          <p class=\"bgl-demo__article-title bgl-rhd\">El futuro de la inteligencia de ciberamenazas<\/p>\n          <p class=\"bgl-demo__byline\"><span>31 de octubre de 2025<\/span><span aria-hidden=\"true\">\u2022<\/span><span>5 min de lectura<\/span><\/p>\n          <p>En un mundo cada vez m\u00e1s conectado, las organizaciones se enfrentan a ciberamenazas sofisticadas que evolucionan a un ritmo sin precedentes. Las medidas de seguridad tradicionales ya no bastan para protegerse de los vectores de ataque modernos.<\/p>\n          <ul class=\"bgl-demo__points\">\n            <li><p class=\"bgl-demo__h\">Monitorizaci\u00f3n 24\/7<\/p><p>Vigilancia continua de las amenazas potenciales<\/p><\/li>\n            <li><p class=\"bgl-demo__h\">An\u00e1lisis Impulsado por IA<\/p><p>El aprendizaje autom\u00e1tico detecta anomal\u00edas al instante<\/p><\/li>\n            <li><p class=\"bgl-demo__h\">Cobertura Global<\/p><p>Protecci\u00f3n en todos los canales digitales del mundo<\/p><\/li>\n          <\/ul>\n          <p class=\"bgl-demo__h\">Estrategia de Defensa Proactiva<\/p>\n          <p>SOCRadar permite a los equipos de seguridad pasar de una defensa reactiva a una proactiva. Al aportar se\u00f1ales de alerta temprana e inteligencia accionable, las organizaciones pueden prevenir los incidentes antes de que ocurran.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"bgl-sec bgl-sec--gray\" id=\"social-media\" aria-labelledby=\"social-media-t\">\n  <div class=\"bgl-sec__inner\">\n    <header class=\"bgl-sec__head\">\n      <h2 class=\"bgl-sec__title\" id=\"social-media-t\">Redes Sociales<\/h2>\n      <p class=\"bgl-sec__lede\">Plantillas y pautas para crear contenido atractivo en redes sociales.<\/p>\n    <\/header>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Principios Generales<\/h3>\n      <ul class=\"bgl-grid bgl-grid--3\">\n                  <li class=\"doc-card\">\n            <span class=\"bgl-icon\"><img width=\"118\" height=\"48\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/cobranding-logo-2.png.webp\" alt=\"Incluye Siempre el Logotipo\" loading=\"lazy\" decoding=\"async\"><\/span>\n            <h4 class=\"doc-card__title\">Incluye Siempre el Logotipo<\/h4>\n            <p>El logotipo debe estar presente y visible en cada publicaci\u00f3n, normalmente en la esquina superior derecha o inferior izquierda.<\/p>\n          <\/li>\n                  <li class=\"doc-card\">\n            <span class=\"bgl-icon\"><img width=\"33\" height=\"24\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/bg-icon-2.png.webp\" alt=\"Respeta los Colores de Marca\" loading=\"lazy\" decoding=\"async\"><\/span>\n            <h4 class=\"doc-card__title\">Respeta los Colores de Marca<\/h4>\n            <p>C\u00ed\u00f1ete estrictamente a la paleta de la marca. Usa el Coral En\u00e9rgico para dirigir la atenci\u00f3n a los elementos clave.<\/p>\n          <\/li>\n                  <li class=\"doc-card\">\n            <span class=\"bgl-icon\"><img width=\"33\" height=\"22\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/bg-icon-3.png.webp\" alt=\"Mant\u00e9n la Tipograf\u00eda\" loading=\"lazy\" decoding=\"async\"><\/span>\n            <h4 class=\"doc-card__title\">Mant\u00e9n la Tipograf\u00eda<\/h4>\n            <p>La jerarqu\u00eda tipogr\u00e1fica establecida debe mantenerse en todo el contenido de redes sociales.<\/p>\n          <\/li>\n              <\/ul>\n    <\/div>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Ejemplos<\/h3>\n      <ul class=\"bgl-gallery\">\n                  <li><img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/9b154453d3c6bde25562ea99d2e0a17daf3430cf.jpeg-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/9b154453d3c6bde25562ea99d2e0a17daf3430cf.jpeg-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/9b154453d3c6bde25562ea99d2e0a17daf3430cf.jpeg-800w.webp 800w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/9b154453d3c6bde25562ea99d2e0a17daf3430cf.jpeg-1200w.webp 1200w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/9b154453d3c6bde25562ea99d2e0a17daf3430cf.jpeg.webp 1920w\" sizes=\"auto, 100vw\" width=\"1920\" height=\"1494\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/9b154453d3c6bde25562ea99d2e0a17daf3430cf.jpeg.webp\" alt=\"Ejemplo de publicaci\u00f3n de SOCRadar en redes sociales 1\" loading=\"lazy\" decoding=\"async\"><\/li>\n                  <li><img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/ffaa0809a1935cbfb4443f20ceb2b2bc578e8b7a.jpeg-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/ffaa0809a1935cbfb4443f20ceb2b2bc578e8b7a.jpeg-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/ffaa0809a1935cbfb4443f20ceb2b2bc578e8b7a.jpeg-800w.webp 800w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/ffaa0809a1935cbfb4443f20ceb2b2bc578e8b7a.jpeg-1200w.webp 1200w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/ffaa0809a1935cbfb4443f20ceb2b2bc578e8b7a.jpeg.webp 1920w\" sizes=\"auto, 100vw\" width=\"1920\" height=\"1080\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/ffaa0809a1935cbfb4443f20ceb2b2bc578e8b7a.jpeg.webp\" alt=\"Ejemplo de publicaci\u00f3n de SOCRadar en redes sociales 2\" loading=\"lazy\" decoding=\"async\"><\/li>\n                  <li><img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/ab54e99794160f5fc2918ded266b9465330fac3d.jpeg-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/ab54e99794160f5fc2918ded266b9465330fac3d.jpeg-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/ab54e99794160f5fc2918ded266b9465330fac3d.jpeg-800w.webp 800w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/ab54e99794160f5fc2918ded266b9465330fac3d.jpeg-1200w.webp 1200w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/ab54e99794160f5fc2918ded266b9465330fac3d.jpeg.webp 1920w\" sizes=\"auto, 100vw\" width=\"1920\" height=\"1080\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/ab54e99794160f5fc2918ded266b9465330fac3d.jpeg.webp\" alt=\"Ejemplo de publicaci\u00f3n de SOCRadar en redes sociales 3\" loading=\"lazy\" decoding=\"async\"><\/li>\n                  <li><img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/2a1fda03026b3dae525f2d2df402c6d218b0d51f.png-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/2a1fda03026b3dae525f2d2df402c6d218b0d51f.png-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/2a1fda03026b3dae525f2d2df402c6d218b0d51f.png-800w.webp 800w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/2a1fda03026b3dae525f2d2df402c6d218b0d51f.png.webp 1280w\" sizes=\"auto, 100vw\" width=\"1280\" height=\"720\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/2a1fda03026b3dae525f2d2df402c6d218b0d51f.png.webp\" alt=\"Ejemplo de publicaci\u00f3n de SOCRadar en redes sociales 4\" loading=\"lazy\" decoding=\"async\"><\/li>\n                  <li><img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/1524cdb577ccdcecb3daf41be57ed65e3bbcc676.jpeg-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/1524cdb577ccdcecb3daf41be57ed65e3bbcc676.jpeg-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/1524cdb577ccdcecb3daf41be57ed65e3bbcc676.jpeg.webp 800w\" sizes=\"auto, 100vw\" width=\"800\" height=\"800\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/1524cdb577ccdcecb3daf41be57ed65e3bbcc676.jpeg.webp\" alt=\"Ejemplo de publicaci\u00f3n de SOCRadar en redes sociales 5\" loading=\"lazy\" decoding=\"async\"><\/li>\n                  <li><img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/99197ad27a857390be792df92caa9c752539d7fd.jpeg-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/99197ad27a857390be792df92caa9c752539d7fd.jpeg-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/99197ad27a857390be792df92caa9c752539d7fd.jpeg-800w.webp 800w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/99197ad27a857390be792df92caa9c752539d7fd.jpeg-1200w.webp 1200w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/99197ad27a857390be792df92caa9c752539d7fd.jpeg.webp 2048w\" sizes=\"auto, 100vw\" width=\"2048\" height=\"1365\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/99197ad27a857390be792df92caa9c752539d7fd.jpeg.webp\" alt=\"Ejemplo de publicaci\u00f3n de SOCRadar en redes sociales 6\" loading=\"lazy\" decoding=\"async\"><\/li>\n                  <li><img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/4f98847c6d7d252118ab588895b2918951755791.jpeg-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/4f98847c6d7d252118ab588895b2918951755791.jpeg-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/4f98847c6d7d252118ab588895b2918951755791.jpeg-800w.webp 800w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/4f98847c6d7d252118ab588895b2918951755791.jpeg-1200w.webp 1200w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/4f98847c6d7d252118ab588895b2918951755791.jpeg.webp 1920w\" sizes=\"auto, 100vw\" width=\"1920\" height=\"1494\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/4f98847c6d7d252118ab588895b2918951755791.jpeg.webp\" alt=\"Ejemplo de publicaci\u00f3n de SOCRadar en redes sociales 7\" loading=\"lazy\" decoding=\"async\"><\/li>\n                  <li><img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/37d596e53ac6176d694c03ae8079bb132468a039.jpeg-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/37d596e53ac6176d694c03ae8079bb132468a039.jpeg-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/37d596e53ac6176d694c03ae8079bb132468a039.jpeg-800w.webp 800w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/37d596e53ac6176d694c03ae8079bb132468a039.jpeg-1200w.webp 1200w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/37d596e53ac6176d694c03ae8079bb132468a039.jpeg.webp 1920w\" sizes=\"auto, 100vw\" width=\"1920\" height=\"1080\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/37d596e53ac6176d694c03ae8079bb132468a039.jpeg.webp\" alt=\"Ejemplo de publicaci\u00f3n de SOCRadar en redes sociales 8\" loading=\"lazy\" decoding=\"async\"><\/li>\n                  <li><img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/227a8d9e85fd659ca09811f53f4b23a7e1b81609.jpeg-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/227a8d9e85fd659ca09811f53f4b23a7e1b81609.jpeg-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/227a8d9e85fd659ca09811f53f4b23a7e1b81609.jpeg-800w.webp 800w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/227a8d9e85fd659ca09811f53f4b23a7e1b81609.jpeg-1200w.webp 1200w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/227a8d9e85fd659ca09811f53f4b23a7e1b81609.jpeg.webp 1920w\" sizes=\"auto, 100vw\" width=\"1920\" height=\"1080\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/227a8d9e85fd659ca09811f53f4b23a7e1b81609.jpeg.webp\" alt=\"Ejemplo de publicaci\u00f3n de SOCRadar en redes sociales 9\" loading=\"lazy\" decoding=\"async\"><\/li>\n                  <li><img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/7a2db49404a31677b58a2542ce7f63ca4548dadb.jpeg-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/7a2db49404a31677b58a2542ce7f63ca4548dadb.jpeg-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/7a2db49404a31677b58a2542ce7f63ca4548dadb.jpeg-800w.webp 800w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/7a2db49404a31677b58a2542ce7f63ca4548dadb.jpeg.webp 1080w\" sizes=\"auto, 100vw\" width=\"1080\" height=\"1080\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/7a2db49404a31677b58a2542ce7f63ca4548dadb.jpeg.webp\" alt=\"Ejemplo de publicaci\u00f3n de SOCRadar en redes sociales 10\" loading=\"lazy\" decoding=\"async\"><\/li>\n                  <li><img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/c8177f5a7301be98b2a262064c0a181e85c26fbd.jpeg-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/c8177f5a7301be98b2a262064c0a181e85c26fbd.jpeg-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/c8177f5a7301be98b2a262064c0a181e85c26fbd.jpeg-800w.webp 800w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/c8177f5a7301be98b2a262064c0a181e85c26fbd.jpeg-1200w.webp 1200w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/c8177f5a7301be98b2a262064c0a181e85c26fbd.jpeg.webp 1920w\" sizes=\"auto, 100vw\" width=\"1920\" height=\"1494\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/c8177f5a7301be98b2a262064c0a181e85c26fbd.jpeg.webp\" alt=\"Ejemplo de publicaci\u00f3n de SOCRadar en redes sociales 11\" loading=\"lazy\" decoding=\"async\"><\/li>\n                  <li><img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/ccec9e1ba7a3c79bdbce69ae2cbd19264507693a.jpeg-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/ccec9e1ba7a3c79bdbce69ae2cbd19264507693a.jpeg-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/ccec9e1ba7a3c79bdbce69ae2cbd19264507693a.jpeg-800w.webp 800w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/ccec9e1ba7a3c79bdbce69ae2cbd19264507693a.jpeg.webp 1080w\" sizes=\"auto, 100vw\" width=\"1080\" height=\"1080\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/ccec9e1ba7a3c79bdbce69ae2cbd19264507693a.jpeg.webp\" alt=\"Ejemplo de publicaci\u00f3n de SOCRadar en redes sociales 12\" loading=\"lazy\" decoding=\"async\"><\/li>\n                  <li><img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/34ff6dc527f52118b67ed9602e2beb177a5444a7.jpeg-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/34ff6dc527f52118b67ed9602e2beb177a5444a7.jpeg-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/34ff6dc527f52118b67ed9602e2beb177a5444a7.jpeg-800w.webp 800w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/34ff6dc527f52118b67ed9602e2beb177a5444a7.jpeg.webp 1080w\" sizes=\"auto, 100vw\" width=\"1080\" height=\"1080\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/34ff6dc527f52118b67ed9602e2beb177a5444a7.jpeg.webp\" alt=\"Ejemplo de publicaci\u00f3n de SOCRadar en redes sociales 13\" loading=\"lazy\" decoding=\"async\"><\/li>\n                  <li><img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/e05685053bb01dca0bdfdc41cec5a867c17bb4ca.jpeg-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/e05685053bb01dca0bdfdc41cec5a867c17bb4ca.jpeg-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/e05685053bb01dca0bdfdc41cec5a867c17bb4ca.jpeg-800w.webp 800w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/e05685053bb01dca0bdfdc41cec5a867c17bb4ca.jpeg.webp 1080w\" sizes=\"auto, 100vw\" width=\"1080\" height=\"1080\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/e05685053bb01dca0bdfdc41cec5a867c17bb4ca.jpeg.webp\" alt=\"Ejemplo de publicaci\u00f3n de SOCRadar en redes sociales 14\" loading=\"lazy\" decoding=\"async\"><\/li>\n              <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"bgl-sec\" id=\"co-branding\" aria-labelledby=\"co-branding-t\">\n  <div class=\"bgl-sec__inner\">\n    <header class=\"bgl-sec__head\">\n      <h2 class=\"bgl-sec__title\" id=\"co-branding-t\">Principios de Comarcado<\/h2>\n      <p class=\"bgl-sec__lede\">Pautas profesionales para colaborar con otras organizaciones manteniendo la integridad de la marca.<\/p>\n    <\/header>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Visi\u00f3n General del Comarcado<\/h3>\n      <p class=\"bgl-block__text\">Al colaborar con otras organizaciones es clave mantener la integridad de nuestra marca respetando la identidad de los socios. Estas pautas garantizan aplicaciones de comarcado profesionales y equilibradas.<\/p>\n      <ul class=\"bgl-grid bgl-grid--3\">\n                  <li class=\"doc-card\"><h4 class=\"doc-card__title\">Jerarqu\u00eda Visual<\/h4><p>Establece una jerarqu\u00eda clara seg\u00fan el tipo de colaboraci\u00f3n y el contexto<\/p><\/li>\n                  <li class=\"doc-card\"><h4 class=\"doc-card__title\">Espaciado Coherente<\/h4><p>Mant\u00e9n un espacio adecuado entre logotipos para preservar la identidad de cada marca<\/p><\/li>\n                  <li class=\"doc-card\"><h4 class=\"doc-card__title\">Respeto Mutuo<\/h4><p>Trata los logotipos de los socios con el mismo cuidado que los activos de nuestra propia marca<\/p><\/li>\n              <\/ul>\n    <\/div>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Disposici\u00f3n de Logotipos<\/h3>\n      <p class=\"bgl-block__text\">Una disposici\u00f3n correcta asegura que ambas marcas queden representadas con profesionalidad<\/p>\n      <ul class=\"bgl-grid bgl-grid--3\">\n                  <li class=\"doc-card bgl-item\">\n            <div class=\"bgl-cobrand bgl-cobrand--dark bgl-cobrand--row\">\n              <img width=\"235\" height=\"96\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-logo-1.png.webp\" alt=\"Logotipo de SOCRadar\" loading=\"lazy\" decoding=\"async\">\n              <span class=\"bgl-cobrand__divider\" aria-hidden=\"true\"><\/span>\n              <span class=\"bgl-cobrand__partner\">Logotipo del Socio<\/span>\n            <\/div>\n            <h4 class=\"doc-card__title\">Disposici\u00f3n Horizontal (preferida)<\/h4>\n            <p>Usa un separador vertical con un espacio de entre 1 y 1,5 veces la altura del logotipo<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item\">\n            <div class=\"bgl-cobrand bgl-cobrand--dark bgl-cobrand--col\">\n              <img width=\"235\" height=\"96\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-logo-1.png.webp\" alt=\"Logotipo de SOCRadar\" loading=\"lazy\" decoding=\"async\">\n              <span class=\"bgl-cobrand__divider\" aria-hidden=\"true\"><\/span>\n              <span class=\"bgl-cobrand__partner\">Logotipo del Socio<\/span>\n            <\/div>\n            <h4 class=\"doc-card__title\">Disposici\u00f3n Vertical (alternativa)<\/h4>\n            <p>Usa un separador horizontal cuando el espacio vertical sea limitado. Mant\u00e9n un espacio de 1,5 veces la altura del logotipo<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item\">\n            <div class=\"bgl-cobrand bgl-cobrand--dark bgl-cobrand--tight\">\n              <img width=\"235\" height=\"96\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-logo-1.png.webp\" alt=\"Logotipo de SOCRadar\" loading=\"lazy\" decoding=\"async\">\n              <span class=\"bgl-cobrand__divider\" aria-hidden=\"true\"><\/span>\n              <span class=\"bgl-cobrand__partner\">Logotipo del Socio<\/span>\n            <\/div>\n            <h4 class=\"doc-card__title\">Evita: espaciado insuficiente<\/h4>\n            <p>Nunca coloques los logotipos demasiado juntos: genera confusi\u00f3n visual<\/p>\n          <\/li>\n              <\/ul>\n    <\/div>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Relaciones de Tama\u00f1o<\/h3>\n      <p class=\"bgl-block__text\">El tama\u00f1o de los logotipos debe reflejar la jerarqu\u00eda y el contexto de la colaboraci\u00f3n<\/p>\n      <div class=\"bgl-grid bgl-grid--3\">\n        <div class=\"doc-card bgl-item\">\n          <div class=\"bgl-cobrand bgl-cobrand--light bgl-cobrand--row\">\n            <img width=\"118\" height=\"48\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/cobranding-logo-2.png.webp\" alt=\"Logotipo de SOCRadar\" loading=\"lazy\" decoding=\"async\">\n            <span class=\"bgl-cobrand__divider\" aria-hidden=\"true\"><\/span>\n            <span class=\"bgl-cobrand__partner\">Logotipo del Socio<\/span>\n          <\/div>\n          <h4 class=\"doc-card__title\">Colaboraci\u00f3n<\/h4>\n          <p>En colaboraciones entre iguales, los logotipos deben tener la misma altura<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Consideraciones de Fondo y Color<\/h3>\n      <p class=\"bgl-block__text\">Elige la versi\u00f3n del logotipo adecuada seg\u00fan el fondo<\/p>\n      <ul class=\"bgl-grid bgl-grid--2\">\n                  <li class=\"doc-card bgl-item\">\n            <div class=\"bgl-cobrand bgl-cobrand--light bgl-cobrand--row\">\n              <img width=\"196\" height=\"80\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-logo-2.png.webp\" alt=\"Logotipo de SOCRadar\" loading=\"lazy\" decoding=\"async\">\n              <span class=\"bgl-cobrand__divider\" aria-hidden=\"true\"><\/span>\n              <span class=\"bgl-cobrand__partner\">Logotipo del Socio<\/span>\n            <\/div>\n            <h4 class=\"doc-card__title\">Fondos Claros<\/h4>\n            <p>Usa las versiones principales del logotipo sobre fondos claros<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item\">\n            <div class=\"bgl-cobrand bgl-cobrand--dark bgl-cobrand--row\">\n              <img width=\"235\" height=\"96\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-logo-1.png.webp\" alt=\"Logotipo de SOCRadar\" loading=\"lazy\" decoding=\"async\">\n              <span class=\"bgl-cobrand__divider\" aria-hidden=\"true\"><\/span>\n              <span class=\"bgl-cobrand__partner\">Logotipo del Socio<\/span>\n            <\/div>\n            <h4 class=\"doc-card__title\">Fondos Oscuros<\/h4>\n            <p>Usa las versiones blancas o claras del logotipo sobre fondos oscuros<\/p>\n          <\/li>\n              <\/ul>\n    <\/div>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Buenas Pr\u00e1cticas<\/h3>\n      <div class=\"bgl-grid bgl-grid--2\">\n        <div class=\"doc-card bgl-dodont bgl-dodont--do\">\n          <h4 class=\"doc-card__title\">S\u00ed<\/h4>\n          <ul><li>Usa siempre los archivos oficiales de logotipo de ambas marcas<\/li><li>Mant\u00e9n un espaciado coherente en todas las aplicaciones<\/li><li>Usa separadores entre logotipos cuando proceda<\/li><li>Asegura que ambos logotipos tengan contraste suficiente con el fondo<\/li><li>Documenta la disposici\u00f3n acordada para mantener la coherencia<\/li><\/ul>\n        <\/div>\n        <div class=\"doc-card bgl-dodont bgl-dodont--dont\">\n          <h4 class=\"doc-card__title\">No<\/h4>\n          <ul><li>Never modify partner logos or change their colors<\/li><li>Don&#8217;t merge or overlap logos<\/li><li>Never use low-resolution or stretched logos<\/li><li>Don&#8217;t place logos on busy or distracting backgrounds<\/li><li>Avoid placing logos at dramatically different sizes unless approved<\/li><\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Requisitos del Logotipo del Socio<\/h3>\n      <p class=\"bgl-block__text\">Prepara estos recursos para un comarcado correcto<\/p>\n      <ol class=\"bgl-grid bgl-grid--4 bgl-reqs\">\n                  <li class=\"doc-card\"><span class=\"bgl-steps__n\">1<\/span><h4 class=\"doc-card__title\">Archivos Vectoriales (AI, EPS o SVG)<\/h4><p>Formatos escalables de alta calidad para impresi\u00f3n y uso digital<\/p><\/li>\n                  <li class=\"doc-card\"><span class=\"bgl-steps__n\">2<\/span><h4 class=\"doc-card__title\">Archivos PNG (fondo transparente)<\/h4><p>M\u00ednimo 300 ppp para impresi\u00f3n; 72 ppp es aceptable para digital<\/p><\/li>\n                  <li class=\"doc-card\"><span class=\"bgl-steps__n\">3<\/span><h4 class=\"doc-card__title\">Varias Versiones de Color<\/h4><p>Versiones a todo color, en blanco y en negro para distintos fondos<\/p><\/li>\n                  <li class=\"doc-card\"><span class=\"bgl-steps__n\">4<\/span><h4 class=\"doc-card__title\">Directrices de Marca<\/h4><p>Requisitos de zona de seguridad, tama\u00f1os m\u00ednimos y restricciones de uso<\/p><\/li>\n              <\/ol>\n    <\/div>\n\n    <div class=\"bgl-block\">\n      <h3 class=\"bgl-block__title\">Ejemplos Reales<\/h3>\n      <p class=\"bgl-block__text\">Descubre c\u00f3mo aplicar el comarcado en distintos materiales de marketing y plataformas<\/p>\n      <ul class=\"bgl-grid bgl-grid--3\">\n                  <li class=\"doc-card bgl-item\">\n            <img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-1.png-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-1.png-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-1.png.webp 775w\" sizes=\"auto, 100vw\" width=\"775\" height=\"525\" class=\"bgl-item__img bgl-item__img--photo\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-1.png.webp\" alt=\"Portada de Informe\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">Portada de Informe<\/h4>\n            <p>Materiales de investigaci\u00f3n comarcados con presencia equilibrada de ambas marcas<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item\">\n            <img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-2.png-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-2.png-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-2.png.webp 775w\" sizes=\"auto, 100vw\" width=\"775\" height=\"435\" class=\"bgl-item__img bgl-item__img--photo\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-2.png.webp\" alt=\"Presentaci\u00f3n de Webinar\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">Presentaci\u00f3n de Webinar<\/h4>\n            <p>Diapositivas digitales con el logotipo en la esquina superior<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item\">\n            <img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-3.png-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-3.png-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-3.png.webp 775w\" sizes=\"auto, 100vw\" width=\"775\" height=\"406\" class=\"bgl-item__img bgl-item__img--photo\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-3.png.webp\" alt=\"Banner de Evento\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">Banner de Evento<\/h4>\n            <p>Banners de evento f\u00edsicos y digitales con disposici\u00f3n horizontal de logotipos<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item\">\n            <img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-4.png-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-4.png-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-4.png.webp 775w\" sizes=\"auto, 100vw\" width=\"775\" height=\"406\" class=\"bgl-item__img bgl-item__img--photo\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-4.png.webp\" alt=\"Publicaci\u00f3n en Redes Sociales\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">Publicaci\u00f3n en Redes Sociales<\/h4>\n            <p>Gr\u00e1ficos para redes sociales con presencia m\u00ednima del logotipo<\/p>\n          <\/li>\n                  <li class=\"doc-card bgl-item\">\n            <img srcset=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-5.png-160w.webp 160w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-5.png-400w.webp 400w, \/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-5.png.webp 777w\" sizes=\"auto, 100vw\" width=\"777\" height=\"391\" class=\"bgl-item__img bgl-item__img--photo\" src=\"\/wp-content\/themes\/srpoc\/assets\/images\/brand-guidelines\/co-branding-5.png.webp\" alt=\"Estand de Congreso\" loading=\"lazy\" decoding=\"async\">\n            <h4 class=\"doc-card__title\">Estand de Congreso<\/h4>\n            <p>Impresiones de gran formato para estands y expositores<\/p>\n          <\/li>\n              <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Gu\u00eda de Marca de SOCRadar \u2014 identidad visual, uso del logotipo, paleta de colores, tipograf\u00eda y est\u00e1ndares de dise\u00f1o.<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-13008","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/socradar.io\/es\/wp-json\/wp\/v2\/pages\/13008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/socradar.io\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/socradar.io\/es\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/socradar.io\/es\/wp-json\/wp\/v2\/comments?post=13008"}],"version-history":[{"count":0,"href":"https:\/\/socradar.io\/es\/wp-json\/wp\/v2\/pages\/13008\/revisions"}],"wp:attachment":[{"href":"https:\/\/socradar.io\/es\/wp-json\/wp\/v2\/media?parent=13008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}