{"id":12117,"date":"2022-12-13T13:00:00","date_gmt":"2022-12-13T12:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=12117"},"modified":"2023-01-03T10:18:29","modified_gmt":"2023-01-03T09:18:29","slug":"not-selector-avanzado-css","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/","title":{"rendered":":not(), selector avanzado de CSS"},"content":{"rendered":"\n

Con los selectores de CSS escogemos clases, id y etiquetas sobre las que actuar, pero \u00bfy si queremos escoger todo lo que no cumpla con ciertos criterios? Para ello podemos hacer uso del selector avanzado de CSS<\/strong> :not()<\/em><\/strong>.<\/p>\n\n\n\n

Pseudoclase :not()<\/h2>\n\n\n\n

Una pseudoclase <\/strong>es una instrucci\u00f3n que se a\u00f1ade a los selectores CSS y que le a\u00f1ade una especificaci\u00f3n sobre el elemento a seleccionar. Podr\u00edamos decir que, mientras los selectores siguen el \u00e1rbol de la estructura del HTML, las pseudoclases vitaminan el selector enriqueci\u00e9ndolo con opciones de contenido, navegaci\u00f3n, etc. En nuestro caso, :not()<\/em>, es una pseudoclase de CSS que permite seleccionar aquellos elementos que no cumplan con las caracter\u00edsticas indicadas<\/strong>. Estas caracter\u00edsticas se indican dentro de los par\u00e9ntesis, como cualquier selector de CSS. M\u00e1s abajo puedes encontrar varios ejemplos de uso<\/a>.<\/p>\n\n\n\n

Compatibilidad<\/h2>\n\n\n\n

Se encuentra ampliamente soportado<\/strong> por los navegadores, incluso por Internet Explorer, que ya deber\u00eda haber desaparecido de todos los ordenadores, por lo que podemos usarla sin problema.<\/p>\n\n\n\n

\"Compatibilidad
Compatibilidad de la pseudoclase :not() con los navegadores. Fuente caniuse.com<\/a><\/figcaption><\/figure>\n\n\n\n

Uso de :not()<\/h2>\n\n\n\n

Veamos un ejemplo sencillo de la pseudoclase :not()<\/em>:<\/p>\n\n\n\n

:not(h1){\n     text-align: left;\n}<\/code><\/pre>\n\n\n\n
A su vez permite crear selectores m\u00e1s espec\u00edficos a\u00f1adiendo la pseudoclase al final:<\/p>\n\n\n\n
body .main:not(h1){\n     text-align: left;\n}<\/code><\/pre>\n\n\n\n
En este caso se aplicar\u00e1 a todo elemento que no sea un H1 y que est\u00e9 dentro de la clase \u00abmain<\/em>\u00bb perteneciente al body<\/em>.<\/p>\n\n\n\n
Puede parecer que :not()<\/em> no aporta nada, ya que pod\u00edamos haber declarado una alineaci\u00f3n de texto a la izquierda para la clase \u00abmain\u00bb y otra espec\u00edfica para su encabezado H1. Sin embargo veamos el siguiente caso. Primero planteemos este HTML:<\/p>\n\n\n\n
<main id=\"home\">\n     <div id=\"home-carrusel\">[...]<\/div>\n     <div id=\"home-bienvenida\">[...]<\/div>\n     <div id=\"home-destacado\">[...]<\/div>\n     <div id=\"home-marcas\">[...]<\/div>\n     <div id=\"home-opiniones\">[...]<\/div>\n     <div id=\"home-footer\">[...]<\/div>\n<\/main><\/code><\/pre>\n\n\n\n
Frente a esta estructura una instrucci\u00f3n CSS como:<\/p>\n\n\n\n
#home-carrusel,\n#home-bienvenida,\n#home-marcas,\n#home-opiniones,\n#home-footer{\n     margin-bottom:1rem\n}<\/code><\/pre>\n\n\n\n
Podr\u00edamos resumirlo, m\u00e1s limpio y elegante gracias a :not()<\/em>, como:<\/p>\n\n\n\n
#home:not(#home-destacado){\n     margin-bottom:1rem\n}<\/code><\/pre>\n\n\n\n
Hay que tener en cuenta que es una regla m\u00e1s espec\u00edfica que el selector al que extiende<\/strong>. Por tanto, frente a dos reglas como:<\/p>\n\n\n\n
body .main{\n     text-align: center;\n}\nbody .main:not(h1){\n     text-align: left;\n}<\/code><\/pre>\n\n\n\n
… ser\u00e1 m\u00e1s espec\u00edfica la segunda regla y, por tanto, prevalece sobre la primera.<\/p>\n\n\n\n
Anidaci\u00f3n y listas<\/h2>\n\n\n\n
\u00bfSe puede especificar un listado en el selector de negaci\u00f3n? En principio s\u00ed, se har\u00eda con una lista separada por comas, pero, dado que es un selector a\u00fan en modo experimental<\/strong>, no recomendamos usarlo a\u00fan por razones de incompatibilidad<\/strong>.<\/p>\n\n\n\n
body .main:not(h1, .h1){\n     text-align: left;\n}<\/code><\/pre>\n\n\n\n
En su lugar es conveniente anidar las pseudoclases una tras otra:<\/p>\n\n\n\n
body .main:not(h1):not(.h1){\n     text-align: left;\n}<\/code><\/pre>\n\n\n\n
\":not()
Compatibilidad del listado de argumentos para la pseudoclase :not(). Fuente caniuse.com<\/a><\/figcaption><\/figure>\n\n\n\n
\n
\n
\"Selectores<\/a><\/figure>\n<\/div>\n\n\n\n
\n
\"Tipos<\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
Con los selectores de CSS escogemos clases, id y etiquetas sobre las que actuar, pero \u00bfy si queremos escoger todo lo que no cumpla con ciertos criterios? Para ello podemos hacer uso del selector avanzado de CSS :not(). Te explicamos qu\u00e9 hace esta pseudoclase y c\u00f3mo se usa.<\/p>\n","protected":false},"author":2,"featured_media":12122,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[94],"tags":[93],"class_list":["post-12117","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-css"],"acf":[],"yoast_head":"\nSelectores avanzados de CSS - :not() - Qu\u00e9 es y c\u00f3mo usarlo<\/title>\n<meta name=\"description\" content=\"En este art\u00edculo te explicamos qu\u00e9 hace la pseudoclase :not() y c\u00f3mo se usa, con ejemplos pr\u00e1cticos y ejemplos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Selectores avanzados de CSS - :not() - Qu\u00e9 es y c\u00f3mo usarlo\" \/>\n<meta property=\"og:description\" content=\"En este art\u00edculo te explicamos qu\u00e9 hace la pseudoclase :not() y c\u00f3mo se usa, con ejemplos pr\u00e1cticos y ejemplos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de marketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-13T12:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-03T09:18:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/11\/selector-avanzado-css-not.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alberto Bravo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Selectores avanzados de CSS - :not() - Qu\u00e9 es y c\u00f3mo usarlo\" \/>\n<meta name=\"twitter:description\" content=\"En este art\u00edculo te explicamos qu\u00e9 hace la pseudoclase :not() y c\u00f3mo se usa, con ejemplos pr\u00e1cticos y ejemplos.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/11\/selector-avanzado-css-not.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alberto Bravo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/not-selector-avanzado-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/not-selector-avanzado-css\\\/\"},\"author\":{\"name\":\"Alberto Bravo\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/a0133e9cd91f1e8b75d120ac01ff0350\"},\"headline\":\":not(), selector avanzado de CSS\",\"datePublished\":\"2022-12-13T12:00:00+00:00\",\"dateModified\":\"2023-01-03T09:18:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/not-selector-avanzado-css\\\/\"},\"wordCount\":413,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/not-selector-avanzado-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/selector-avanzado-css-not.jpg\",\"keywords\":[\"CSS\"],\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/not-selector-avanzado-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/not-selector-avanzado-css\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/not-selector-avanzado-css\\\/\",\"name\":\"Selectores avanzados de CSS - :not() - Qu\u00e9 es y c\u00f3mo usarlo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/not-selector-avanzado-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/not-selector-avanzado-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/selector-avanzado-css-not.jpg\",\"datePublished\":\"2022-12-13T12:00:00+00:00\",\"dateModified\":\"2023-01-03T09:18:29+00:00\",\"description\":\"En este art\u00edculo te explicamos qu\u00e9 hace la pseudoclase :not() y c\u00f3mo se usa, con ejemplos pr\u00e1cticos y ejemplos.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/not-selector-avanzado-css\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/not-selector-avanzado-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/not-selector-avanzado-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/selector-avanzado-css-not.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/selector-avanzado-css-not.jpg\",\"width\":1250,\"height\":737,\"caption\":\"Selector avanzado CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/not-selector-avanzado-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\":not(), selector avanzado de CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/a0133e9cd91f1e8b75d120ac01ff0350\",\"name\":\"Alberto Bravo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"caption\":\"Alberto Bravo\"},\"sameAs\":[\"http:\\\/\\\/albertobravoart.com\",\"https:\\\/\\\/www.instagram.com\\\/albertobravoart\\\/\",\"https:\\\/\\\/es.linkedin.com\\\/in\\\/albertobravobarreiro\",\"https:\\\/\\\/www.youtube.com\\\/@albertobravoart224\"],\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/alberto\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Selectores avanzados de CSS - :not() - Qu\u00e9 es y c\u00f3mo usarlo","description":"En este art\u00edculo te explicamos qu\u00e9 hace la pseudoclase :not() y c\u00f3mo se usa, con ejemplos pr\u00e1cticos y ejemplos.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/","og_locale":"es_ES","og_type":"article","og_title":"Selectores avanzados de CSS - :not() - Qu\u00e9 es y c\u00f3mo usarlo","og_description":"En este art\u00edculo te explicamos qu\u00e9 hace la pseudoclase :not() y c\u00f3mo se usa, con ejemplos pr\u00e1cticos y ejemplos.","og_url":"https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/","og_site_name":"Blog de marketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2022-12-13T12:00:00+00:00","article_modified_time":"2023-01-03T09:18:29+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/11\/selector-avanzado-css-not.jpg","type":"image\/jpeg"}],"author":"Alberto Bravo","twitter_card":"summary_large_image","twitter_title":"Selectores avanzados de CSS - :not() - Qu\u00e9 es y c\u00f3mo usarlo","twitter_description":"En este art\u00edculo te explicamos qu\u00e9 hace la pseudoclase :not() y c\u00f3mo se usa, con ejemplos pr\u00e1cticos y ejemplos.","twitter_image":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/11\/selector-avanzado-css-not.jpg","twitter_misc":{"Escrito por":"Alberto Bravo","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/"},"author":{"name":"Alberto Bravo","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/a0133e9cd91f1e8b75d120ac01ff0350"},"headline":":not(), selector avanzado de CSS","datePublished":"2022-12-13T12:00:00+00:00","dateModified":"2023-01-03T09:18:29+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/"},"wordCount":413,"commentCount":0,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/11\/selector-avanzado-css-not.jpg","keywords":["CSS"],"articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/","url":"https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/","name":"Selectores avanzados de CSS - :not() - Qu\u00e9 es y c\u00f3mo usarlo","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/11\/selector-avanzado-css-not.jpg","datePublished":"2022-12-13T12:00:00+00:00","dateModified":"2023-01-03T09:18:29+00:00","description":"En este art\u00edculo te explicamos qu\u00e9 hace la pseudoclase :not() y c\u00f3mo se usa, con ejemplos pr\u00e1cticos y ejemplos.","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/11\/selector-avanzado-css-not.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/11\/selector-avanzado-css-not.jpg","width":1250,"height":737,"caption":"Selector avanzado CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/not-selector-avanzado-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":":not(), selector avanzado de CSS"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/a0133e9cd91f1e8b75d120ac01ff0350","name":"Alberto Bravo","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","caption":"Alberto Bravo"},"sameAs":["http:\/\/albertobravoart.com","https:\/\/www.instagram.com\/albertobravoart\/","https:\/\/es.linkedin.com\/in\/albertobravobarreiro","https:\/\/www.youtube.com\/@albertobravoart224"],"url":"https:\/\/carontestudio.com\/blog\/author\/alberto\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/12117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=12117"}],"version-history":[{"count":7,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/12117\/revisions"}],"predecessor-version":[{"id":12863,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/12117\/revisions\/12863"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/12122"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=12117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=12117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=12117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}