PageSourceSearch

https://aeic2008santiago.org/tecnologia/adios-a-los-enchufes-empot…dular-y-seguro-para-la-electricidad-en-casa

html aeic2008santiago.org collected 2026-10-07 03:33:24 UTC 166,310 bytes, 204 lines download raw bytes

1 <!DOCTYPE html><html lang="es"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Adiós a los enchufes empotrados: España adopta un sistema modular y…</title><link rel="icon" href="https://aeic2008santiago.org/uploads/site-favicon.svg?v=2bf29866eb" type="image/svg+xml"><link rel="icon" href="https://aeic2008santiago.org/uploads/site-favicon-48.png?v=2bf29866eb" sizes="48x48" type="image/png"><link rel="icon" href="https://aeic2008santiago.org/uploads/site-favicon-192.png?v=2bf29866eb" sizes="192x192" type="image/png"><link rel="apple-touch-icon" href="https://aeic2008santiago.org/uploads/site-favicon-192.png?v=2bf29866eb"><link rel="shortcut icon" href="https://aeic2008santiago.org/favicon.ico?v=2bf29866eb"><meta name="description" content="En España se está adoptando un nuevo sistema modular y seguro para la electricidad en las viviendas, que busca eliminar los enchufes empotrados y simplify"><meta name="robots" content="index, follow, max-image-preview:large"><meta name="language" content="es"><meta name="last-modified" content="2026-10-05 07:49:03"><link rel="canonical" href="https://aeic2008santiago.org/tecnologia/adios-a-los-enchufes-empotrados-espana-adopta-un-sistema-modular-y-seguro-para-la-electricidad-en-casa"><meta property="og:title" content="Adiós a los enchufes empotrados: España adopta un sistema modular y…"><meta property="og:description" content="En España se está adoptando un nuevo sistema modular y seguro para la electricidad en las viviendas, que busca eliminar los enchufes empotrados y simplify"><meta property="og:url" content="https://aeic2008santiago.org/tecnologia/adios-a-los-enchufes-empotrados-espana-adopta-un-sistema-modular-y-seguro-para-la-electricidad-en-casa"><meta property="og:type" content="article"><meta property="og:image" content="https://aeic2008santiago.org/uploads/images/adios-a-los-enchufes-empotrados-espana-adopta-un-sistema-modular-y-seguro-para-la-electricidad-en-casa.jpg"><meta property="og:image:width" content="1920"><meta property="og:image:height" content="1080"><meta property="og:image:alt" content="Adiós a los enchufes empotrados: España adopta un sistema modular y…"><meta property="og:locale" content="es"><meta property="og:site_name" content="Innovación Digital Santiago"><meta property="og:article:published_time" content="2026-10-05 07:49:03"><meta property="og:article:section" content="tecnologia"><meta property="og:article:tag" content="tecnologia"><meta property="og:article:author" content="Natallie Rocha"><meta property="og:article:expiration_time" content="2026-10-12T07:49:03+00:00"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Adiós a los enchufes empotrados: España adopta un sistema modular y…"><meta name="twitter:description" content="En España se está adoptando un nuevo sistema modular y seguro para la electricidad en las viviendas, que busca eliminar los enchufes empotrados y simplify"><meta name="twitter:image" content="https://aeic2008santiago.org/uploads/images/adios-a-los-enchufes-empotrados-espana-adopta-un-sistema-modular-y-seguro-para-la-electricidad-en-casa.jpg"> 
1<script type="application/ld+json">{
2    "@context": "https://schema.org",
3    "@type": "NewsArticle",
4    "headline": "Adiós a los enchufes empotrados: España adopta un sistema modular y seguro para la electricidad en casa",
5    "description": "En España se está adoptando un nuevo sistema modular y seguro para la electricidad en las viviendas, que busca eliminar los enchufes empotrados y simplify",
6    "url": "https://aeic2008santiago.org/tecnologia/adios-a-los-enchufes-empotrados-espana-adopta-un-sistema-modular-y-seguro-para-la-electricidad-en-casa",
7    "mainEntityOfPage": {
8        "@type": "WebPage",
9        "@id": "https://aeic2008santiago.org/tecnologia/adios-a-los-enchufes-empotrados-espana-adopta-un-sistema-modular-y-seguro-para-la-electricidad-en-casa"
10    },
11    "image": {
12        "@type": "ImageObject",
13        "url": "https://aeic2008santiago.org/uploads/images/adios-a-los-enchufes-empotrados-espana-adopta-un-sistema-modular-y-seguro-para-la-electricidad-en-casa.jpg",
14        "width": 1920,
15        "height": 1080
16    },
17    "datePublished": "2026-10-05T07:49:03+00:00",
18    "author": {
19        "@type": "Person",
20        "name": "Natallie Rocha",
21        "url": "https://aeic2008santiago.org/author/natallie-rocha-1",
22        "description": "Desentrañar la complejidad del panorama tecnológico es mi pasión, un proceso que abordó con rigor analítico forjado durante mi experiencia previa en AS y que ahora aplico como reportera en Innovación Digital Santiago. Mi enfoque se centra en la crítica especializada, buscando desglosar las últimas tendencias en inteligencia artificial, software y gadgets con un estilo investigativo y detallado. Desde una perspectiva que combina el análisis profundo con la comprensión de las implicaciones locales e.",
23        "jobTitle": "Analista",
24        "sameAs": [
25            "https://www.linkedin.com/in/natallierocha",
26            "https://helpareporter.com/journalist/natallie-rocha-1"
27        ]
28    },
29    "publisher": {
30        "@type": "NewsMediaOrganization",
31        "@id": "https://aeic2008santiago.org#publisher",
32        "name": "Innovación Digital Santiago",
33        "url": "https://aeic2008santiago.org",
34        "logo": {
35            "@type": "ImageObject",
36            "url": "https://aeic2008santiago.org/uploads/site-logo.svg",
37            "width": 735,
38            "height": 112
39        },
40        "publishingPrinciples": "https://aeic2008santiago.org/politica-editorial",
41        "missionCoveragePrioritiesPolicy": "https://aeic2008santiago.org/politica-editorial",
42        "ethicsPolicy": "https://aeic2008santiago.org/politica-editorial",
43        "masthead": "https://aeic2008santiago.org/politica-editorial#estructura",
44        "correctionsPolicy": "https://aeic2008santiago.org/politica-correcciones",
45        "actionableFeedbackPolicy": "https://aeic2008santiago.org/politica-correcciones",
46        "verificationFactCheckingPolicy": "https://aeic2008santiago.org/fact-checking",
47        "unnamedSourcesPolicy": "https://aeic2008santiago.org/proceso-verificacion"
48    },
49    "articleSection": "tecnologia",
50    "keywords": "tecnologia, Adiós, enchufes, empotrados, España, adopta, sistema, modular",
51    "inLanguage": "es",
52    "wordCount": 492,
53    "articleBody": "Durante mucho tiempo, hemos vivido rodeados de los mismos enchufes empotrados en la pared. Sin embargo, ese modelo ya cuenta los días contados. España comienza a adoptar un nuevo sistema modular que cambia por completo la forma en que se distribuye la electricidad en el hogar. Se han dicho adiós a las obras, el polvo y los cables a la vista, y ha llegado una forma más limpia, rápida y segura de tener corriente donde realmente la necesitamos. Adiós a los enchufes empotrados: España adopta un s..."
54}</script>
54 
54<script type="application/ld+json">{
55    "@context": "https://schema.org",
56    "@type": "BreadcrumbList",
57    "itemListElement": [
58        {
59            "@type": "ListItem",
60            "position": 1,
61            "name": "Inicio",
62            "item": "https://aeic2008santiago.org"
63        },
64        {
65            "@type": "ListItem",
66            "position": 2,
67            "name": "Tecnología",
68            "item": "https://aeic2008santiago.org/tecnologia"
69        },
70        {
71            "@type": "ListItem",
72            "position": 3,
73            "name": "Adiós a los enchufes empotrados: España adopta un sistema modular y seguro para la electricidad en casa"
74        }
75    ]
76}</script>
76 
76<script type="application/ld+json">{
77    "@type": "NewsMediaOrganization",
78    "@id": "https://aeic2008santiago.org#publisher",
79    "name": "Innovación Digital Santiago",
80    "url": "https://aeic2008santiago.org",
81    "logo": {
82        "@type": "ImageObject",
83        "url": "https://aeic2008santiago.org/uploads/site-logo.svg",
84        "width": 735,
85        "height": 112
86    },
87    "publishingPrinciples": "https://aeic2008santiago.org/politica-editorial",
88    "missionCoveragePrioritiesPolicy": "https://aeic2008santiago.org/politica-editorial",
89    "ethicsPolicy": "https://aeic2008santiago.org/politica-editorial",
90    "masthead": "https://aeic2008santiago.org/politica-editorial#estructura",
91    "correctionsPolicy": "https://aeic2008santiago.org/politica-correcciones",
92    "actionableFeedbackPolicy": "https://aeic2008santiago.org/politica-correcciones",
93    "verificationFactCheckingPolicy": "https://aeic2008santiago.org/fact-checking",
94    "unnamedSourcesPolicy": "https://aeic2008santiago.org/proceso-verificacion",
95    "@context": "https://schema.org"
96}</script>
96 
96<script type="application/ld+json">{
97    "@context": "https://schema.org",
98    "@type": "WebPage",
99    "@id": "https://aeic2008santiago.org/tecnologia/adios-a-los-enchufes-empotrados-espana-adopta-un-sistema-modular-y-seguro-para-la-electricidad-en-casa",
100    "url": "https://aeic2008santiago.org/tecnologia/adios-a-los-enchufes-empotrados-espana-adopta-un-sistema-modular-y-seguro-para-la-electricidad-en-casa",
101    "name": "Adiós a los enchufes empotrados: España adopta un sistema modular y seguro para la electricidad en casa",
102    "description": "En España se está adoptando un nuevo sistema modular y seguro para la electricidad en las viviendas, que busca eliminar los enchufes empotrados y simplify",
103    "publisher": {
104        "@type": "NewsMediaOrganization",
105        "@id": "https://aeic2008santiago.org#publisher",
106        "name": "Innovación Digital Santiago",
107        "url": "https://aeic2008santiago.org",
108        "logo": {
109            "@type": "ImageObject",
110            "url": "https://aeic2008santiago.org/uploads/site-logo.svg",
111            "width": 735,
112            "height": 112
113        },
114        "publishingPrinciples": "https://aeic2008santiago.org/politica-editorial",
115        "missionCoveragePrioritiesPolicy": "https://aeic2008santiago.org/politica-editorial",
116        "ethicsPolicy": "https://aeic2008santiago.org/politica-editorial",
117        "masthead": "https://aeic2008santiago.org/politica-editorial#estructura",
118        "correctionsPolicy": "https://aeic2008santiago.org/politica-correcciones",
119        "actionableFeedbackPolicy": "https://aeic2008santiago.org/politica-correcciones",
120        "verificationFactCheckingPolicy": "https://aeic2008santiago.org/fact-checking",
121        "unnamedSourcesPolicy": "https://aeic2008santiago.org/proceso-verificacion"
122    },
123    "datePublished": "2026-10-05T07:49:03+00:00",
124    "inLanguage": "es",
125    "primaryImageOfPage": {
126        "@type": "ImageObject",
127        "url": "https://aeic2008santiago.org/uploads/images/adios-a-los-enchufes-empotrados-espana-adopta-un-sistema-modular-y-seguro-para-la-electricidad-en-casa.jpg"
128    }
129}</script>
129 
129<script type="application/ld+json">{
130    "@context": "https://schema.org",
131    "@type": "ImageObject",
132    "url": "https://aeic2008santiago.org/uploads/images/adios-a-los-enchufes-empotrados-espana-adopta-un-sistema-modular-y-seguro-para-la-electricidad-en-casa.jpg",
133    "width": 1200,
134    "height": 675,
135    "caption": "Adiós a los enchufes empotrados: España adopta un sistema modular y seguro para la electricidad en casa",
136    "description": "En España se está adoptando un nuevo sistema modular y seguro para la electricidad en las viviendas, que busca eliminar los enchufes empotrados y simplify",
137    "contentUrl": "https://aeic2008santiago.org/uploads/images/adios-a-los-enchufes-empotrados-espana-adopta-un-sistema-modular-y-seguro-para-la-electricidad-en-casa.jpg"
138}</script>
vendor: 64 bytes, line 138
138 <script async src="https://www.googletagmanager.com/gtag/js?id=
138G-FKH859Q0KH
vendor: 12 bytes, line 138
138"></script> 
138<script>
139  
vendor: 134 bytes, lines 139-143
139window.dataLayer = window.dataLayer || [];
140  function gtag(){dataLayer.push(arguments);}
141  gtag('js', new Date());
142
143  gtag('config', '
143G-FKH859Q0KH
vendor: 4 bytes, line 143
143');
144</script>
144<script async="async" data-cfasync="false" src="//ddserver.inber.net/?id=3523"></script>
144 <style> /* Fork Awesome 1.2.0 */ @font-face {font-family: 'ShortcodesUltimateIcons'; src: url('/assets/fonts/forkawesome-webfont.eot?v=1.2.0'); src: url('/assets/fonts/forkawesome-webfont.eot?#iefix&v=1.2.0') format('embedded-opentype'), url('/assets/fonts/forkawesome-webfont.woff2?v=1.2.0') format('woff2'), url('/assets/fonts/forkawesome-webfont.woff?v=1.2.0') format('woff'), url('/assets/fonts/forkawesome-webfont.ttf?v=1.2.0') format('truetype'), url('/assets/fonts/forkawesome-webfont.svg?v=1.2.0#forkawesomeregular') format('svg'); font-weight: normal; font-style: normal; font-display: block;} .sui {display: inline-block; font: normal normal normal 14px/1 ShortcodesUltimateIcons; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .sui-lg {font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%;} .sui-2x {font-size: 2em;} .sui-3x {font-size: 3em;} .sui-4x {font-size: 4em;} .sui-5x {font-size: 5em;} .sui-fw {width: 1.28571em; text-align: center;} .sui-ul {padding-left: 0; margin-left: 2.14286em; list-style-type: none;} .sui-ul> li {position: relative;} .sui-li {position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center;} .sui-li.sui-lg {left: -1.85714em;} .sui-border {padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; border-radius: 0.1em;} .sui-pull-left {float: left;} .sui-pull-right {float: right;} .sui.sui-pull-left {margin-right: 0.3em;} .sui.sui-pull-right {margin-left: 0.3em;} .pull-right {float: right;} .pull-left {float: left;} .sui.pull-left {margin-right: 0.3em;} .sui.pull-right {margin-left: 0.3em;} .sui-spin {animation: sui-spin 2s infinite linear;} .sui-pulse {animation: sui-spin 1s infinite steps(8);} @keyframes sui-spin {0% {transform: rotate(0);} 100% {transform: rotate(359deg);}} .sui-rotate-90 {transform: rotate(90deg);} .sui-rotate-180 {transform: rotate(180deg);} .sui-rotate-270 {transform: rotate(270deg);} .sui-flip-horizontal {transform: scale(-1, 1);} .sui-flip-vertical {transform: scale(1, -1);} :root .sui-flip-horizontal, :root .sui-flip-vertical, :root .sui-rotate-180, :root .sui-rotate-270, :root .sui-rotate-90 {filter: none;} .sui-stack {position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle;} .sui-stack-1x, .sui-stack-2x {position: absolute; left: 0; width: 100%; text-align: center;} .sui-stack-1x {line-height: inherit;} .sui-stack-2x {font-size: 2em;} .sui-inverse {color: #fff;} .sui-glass:before {content: "\f000";} .sui-music:before {content: "\f001";} .sui-search:before {content: "\f002";} .sui-envelope-o:before {content: "\f003";} .sui-heart:before {content: "\f004";} .sui-star:before {content: "\f005";} .sui-star-o:before {content: "\f006";} .sui-user:before {content: "\f007";} .sui-film:before {content: "\f008";} .sui-th-large:before {content: "\f009";} .sui-th:before {content: "\f00a";} .sui-th-list:before {content: "\f00b";} .sui-check:before {content: "\f00c";} .sui-close:before, .sui-remove:before, .sui-times:before {content: "\f00d";} .sui-search-plus:before {content: "\f00e";} .sui-search-minus:before {content: "\f010";} .sui-power-off:before {content: "\f011";} .sui-signal:before {content: "\f012";} .sui-cog:before, .sui-gear:before {content: "\f013";} .sui-trash-o:before {content: "\f014";} .sui-home:before {content: "\f015";} .sui-file-o:before {content: "\f016";} .sui-clock-o:before {content: "\f017";} .sui-road:before {content: "\f018";} .sui-download:before {content: "\f019";} .sui-arrow-circle-o-down:before {content: "\f01a";} .sui-arrow-circle-o-up:before {content: "\f01b";} .sui-inbox:before {content: "\f01c";} .sui-play-circle-o:before {content: "\f01d";} .sui-repeat:before, .sui-rotate-right:before {content: "\f01e";} .sui-refresh:before, .sui-sync:before {content: "\f021";} .sui-list-alt:before {content: "\f022";} .sui-lock:before {content: "\f023";} .sui-flag:before {content: "\f024";} .sui-headphones:before {content: "\f025";} .sui-volume-off:before {content: "\f026";} .sui-volume-down:before {content: "\f027";} .sui-volume-up:before {content: "\f028";} .sui-qrcode:before {content: "\f029";} .sui-barcode:before {content: "\f02a";} .sui-tag:before {content: "\f02b";} .sui-tags:before {content: "\f02c";} .sui-book:before {content: "\f02d";} .sui-bookmark:before {content: "\f02e";} .sui-print:before {content: "\f02f";} .sui-camera:before {content: "\f030";} .sui-font:before {content: "\f031";} .sui-bold:before {content: "\f032";} .sui-italic:before {content: "\f033";} .sui-text-height:before {content: "\f034";} .sui-text-width:before {content: "\f035";} .sui-align-left:before {content: "\f036";} .sui-align-center:before {content: "\f037";} .sui-align-right:before {content: "\f038";} .sui-align-justify:before {content: "\f039";} .sui-list:before {content: "\f03a";} .sui-dedent:before, .sui-outdent:before {content: "\f03b";} .sui-indent:before {content: "\f03c";} .sui-video-camera:before, .sui-video:before {content: "\f03d";} .sui-image:before, .sui-photo:before, .sui-picture-o:before {content: "\f03e";} .sui-pencil:before {content: "\f040";} .sui-map-marker:before {content: "\f041";} .sui-adjust:before {content: "\f042";} .sui-tint:before {content: "\f043";} .sui-edit:before, .sui-pencil-square-o:before {content: "\f044";} .sui-share-square-o:before {content: "\f045";} .sui-check-square-o:before {content: "\f046";} .sui-arrows:before {content: "\f047";} .sui-step-backward:before {content: "\f048";} .sui-fast-backward:before {content: "\f049";} .sui-backward:before {content: "\f04a";} .sui-play:before {content: "\f04b";} .sui-pause:before {content: "\f04c";} .sui-stop:before {content: "\f04d";} .sui-forward:before {content: "\f04e";} .sui-fast-forward:before {content: "\f050";} .sui-step-forward:before {content: "\f051";} .sui-eject:before {content: "\f052";} .sui-chevron-left:before {content: "\f053";} .sui-chevron-right:before {content: "\f054";} .sui-plus-circle:before {content: "\f055";} .sui-minus-circle:before {content: "\f056";} .sui-times-circle:before {content: "\f057";} .sui-check-circle:before {content: "\f058";} .sui-question-circle:before {content: "\f059";} .sui-info-circle:before {content: "\f05a";} .sui-crosshairs:before {content: "\f05b";} .sui-times-circle-o:before {content: "\f05c";} .sui-check-circle-o:before {content: "\f05d";} .sui-ban:before {content: "\f05e";} .sui-arrow-left:before {content: "\f060";} .sui-arrow-right:before {content: "\f061";} .sui-arrow-up:before {content: "\f062";} .sui-arrow-down:before {content: "\f063";} .sui-mail-forward:before, .sui-share:before {content: "\f064";} .sui-expand:before {content: "\f065";} .sui-compress:before {content: "\f066";} .sui-plus:before {content: "\f067";} .sui-minus:before {content: "\f068";} .sui-asterisk:before {content: "\f069";} .sui-exclamation-circle:before {content: "\f06a";} .sui-gift:before {content: "\f06b";} .sui-leaf:before {content: "\f06c";} .sui-fire:before {content: "\f06d";} .sui-eye:before {content: "\f06e";} .sui-eye-slash:before {content: "\f070";} .sui-exclamation-triangle:before, .sui-warning:before {content: "\f071";} .sui-plane:before {content: "\f072";} .sui-calendar:before {content: "\f073";} .sui-random:before {content: "\f074";} .sui-comment:before {content: "\f075";} .sui-magnet:before {content: "\f076";} .sui-chevron-up:before {content: "\f077";} .sui-chevron-down:before {content: "\f078";} .sui-retweet:before {content: "\f079";} .sui-shopping-cart:before {content: "\f07a";} .sui-folder:before {content: "\f07b";} .sui-folder-open:before {content: "\f07c";} .sui-arrows-v:before {content: "\f07d";} .sui-arrows-h:before {content: "\f07e";} .sui-bar-chart-o:before, .sui-bar-chart:before {content: "\f080";} .sui-twitter-square:before {content: "\f081";} .sui-facebook-square:before {content: "\f082";} .sui-camera-retro:before {content: "\f083";} .sui-key:before {content: "\f084";} .sui-cogs:before, .sui-gears:before {content: "\f085";} .sui-comments:before {content: "\f086";} .sui-thumbs-o-up:before {content: "\f087";} .sui-thumbs-o-down:before {content: "\f088";} .sui-star-half:before {content: "\f089";} .sui-heart-o:before {content: "\f08a";} .sui-sign-out:before {content: "\f08b";} .sui-linkedin-square:before {content: "\f08c";} .sui-thumb-tack:before {content: "\f08d";} .sui-external-link:before {content: "\f08e";} .sui-sign-in:before {content: "\f090";} .sui-trophy:before {content: "\f091";} .sui-github-square:before {content: "\f092";} .sui-upload:before {content: "\f093";} .sui-lemon-o:before {content: "\f094";} .sui-phone:before {content: "\f095";} .sui-square-o:before {content: "\f096";} .sui-bookmark-o:before {content: "\f097";} .sui-phone-square:before {content: "\f098";} .sui-twitter:before {content: "\f099";} .sui-facebook-f:before, .sui-facebook:before {content: "\f09a";} .sui-github:before {content: "\f09b";} .sui-unlock:before {content: "\f09c";} .sui-credit-card:before {content: "\f09d";} .sui-feed:before, .sui-rss:before {content: "\f09e";} .sui-hdd-o:before {content: "\f0a0";} .sui-bullhorn:before {content: "\f0a1";} .sui-bell-o:before {content: "\f0f3";} .sui-certificate:before {content: "\f0a3";} .sui-hand-o-right:before {content: "\f0a4";} .sui-hand-o-left:before {content: "\f0a5";} .sui-hand-o-up:before {content: "\f0a6";} .sui-hand-o-down:before {content: "\f0a7";} .sui-arrow-circle-left:before {content: "\f0a8";} .sui-arrow-circle-right:before {content: "\f0a9";} .sui-arrow-circle-up:before {content: "\f0aa";} .sui-arrow-circle-down:before {content: "\f0ab";} .sui-globe:before {content: "\f0ac";} .sui-globe-e:before {content: "\f304";} .sui-globe-w:before {content: "\f305";} .sui-wrench:before {content: "\f0ad";} .sui-tasks:before {content: "\f0ae";} .sui-filter:before {content: "\f0b0";} .sui-briefcase:before {content: "\f0b1";} .sui-arrows-alt:before {content: "\f0b2";} .sui-community:before, .sui-group:before, .sui-users:before {content: "\f0c0";} .sui-chain:before, .sui-link:before {content: "\f0c1";} .sui-cloud:before {content: "\f0c2";} .sui-flask:before {content: "\f0c3";} .sui-cut:before, .sui-scissors:before {content: "\f0c4";} .sui-copy:before, .sui-files-o:before {content: "\f0c5";} .sui-paperclip:before {content: "\f0c6";} .sui-floppy-o:before, .sui-save:before {content: "\f0c7";} .sui-square:before {content: "\f0c8";} .sui-bars:before, .sui-navicon:before, .sui-reorder:before {content: "\f0c9";} .sui-list-ul:before {content: "\f0ca";} .sui-list-ol:before {content: "\f0cb";} .sui-strikethrough:before {content: "\f0cc";} .sui-underline:before {content: "\f0cd";} .sui-table:before {content: "\f0ce";} .sui-magic:before {content: "\f0d0";} .sui-truck:before {content: "\f0d1";} .sui-pinterest:before {content: "\f0d2";} .sui-pinterest-square:before {content: "\f0d3";} .sui-google-plus-square:before {content: "\f0d4";} .sui-google-plus-g:before, .sui-google-plus:before {content: "\f0d5";} .sui-money:before {content: "\f0d6";} .sui-caret-down:before {content: "\f0d7";} .sui-caret-up:before {content: "\f0d8";} .sui-caret-left:before {content: "\f0d9";} .sui-caret-right:before {content: "\f0da";} .sui-columns:before {content: "\f0db";} .sui-sort:before, .sui-unsorted:before {content: "\f0dc";} .sui-sort-desc:before, .sui-sort-down:before {content: "\f0dd";} .sui-sort-asc:before, .sui-sort-up:before {content: "\f0de";} .sui-envelope:before {content: "\f0e0";} .sui-linkedin:before {content: "\f0e1";} .sui-rotate-left:before, .sui-undo:before {content: "\f0e2";} .sui-gavel:before, .sui-legal:before {content: "\f0e3";} .sui-dashboard:before, .sui-tachometer:before {content: "\f0e4";} .sui-comment-o:before {content: "\f0e5";} .sui-comments-o:before {content: "\f0e6";} .sui-bolt:before, .sui-flash:before {content: "\f0e7";} .sui-sitemap:before {content: "\f0e8";} .sui-umbrella:before {content: "\f0e9";} .sui-clipboard:before, .sui-paste:before {content: "\f0ea";} .sui-lightbulb-o:before {content: "\f0eb";} .sui-exchange:before {content: "\f0ec";} .sui-cloud-download:before {content: "\f0ed";} .sui-cloud-upload:before {content: "\f0ee";} .sui-user-md:before {content: "\f0f0";} .sui-stethoscope:before {content: "\f0f1";} .sui-suitcase:before {content: "\f0f2";} .sui-bell:before {content: "\f0a2";} .sui-coffee:before {content: "\f0f4";} .sui-cutlery:before, .sui-utensils:before {content: "\f0f5";} .sui-file-text-o:before {content: "\f0f6";} .sui-building-o:before {content: "\f0f7";} .sui-hospital-o:before {content: "\f0f8";} .sui-ambulance:before {content: "\f0f9";} .sui-medkit:before {content: "\f0fa";} .sui-fighter-jet:before {content: "\f0fb";} .sui-beer:before {content: "\f0fc";} .sui-h-square:before {content: "\f0fd";} .sui-plus-square:before {content: "\f0fe";} .sui-angle-double-left:before {content: "\f100";} .sui-angle-double-right:before {content: "\f101";} .sui-angle-double-up:before {content: "\f102";} .sui-angle-double-down:before {content: "\f103";} .sui-angle-left:before {content: "\f104";} .sui-angle-right:before {content: "\f105";} .sui-angle-up:before {content: "\f106";} .sui-angle-down:before {content: "\f107";} .sui-desktop:before {content: "\f108";} .sui-laptop:before {content: "\f109";} .sui-tablet:before {content: "\f10a";} .sui-mobile-phone:before, .sui-mobile:before {content: "\f10b";} .sui-circle-o:before {content: "\f10c";} .sui-quote-left:before {content: "\f10d";} .sui-quote-right:before {content: "\f10e";} .sui-spinner:before {content: "\f110";} .sui-circle:before {content: "\f111";} .sui-mail-reply:before, .sui-reply:before {content: "\f112";} .sui-github-alt:before {content: "\f113";} .sui-folder-o:before {content: "\f114";} .sui-folder-open-o:before {content: "\f115";} .sui-smile-o:before {content: "\f118";} .sui-frown-o:before {content: "\f119";} .sui-meh-o:before {content: "\f11a";} .sui-gamepad:before {content: "\f11b";} .sui-keyboard-o:before {content: "\f11c";} .sui-flag-o:before {content: "\f11d";} .sui-flag-checkered:before {content: "\f11e";} .sui-terminal:before {content: "\f120";} .sui-code:before {content: "\f121";} .sui-mail-reply-all:before, .sui-reply-all:before {content: "\f122";} .sui-star-half-empty:before, .sui-star-half-full:before, .sui-star-half-o:before {content: "\f123";} .sui-location-arrow:before {content: "\f124";} .sui-crop:before {content: "\f125";} .sui-code-fork:before {content: "\f126";} .sui-chain-broken:before, .sui-unlink:before {content: "\f127";} .sui-question:before {content: "\f128";} .sui-info:before {content: "\f129";} .sui-exclamation:before {content: "\f12a";} .sui-superscript:before {content: "\f12b";} .sui-subscript:before {content: "\f12c";} .sui-eraser:before {content: "\f12d";} .sui-puzzle-piece:before {content: "\f12e";} .sui-microphone:before {content: "\f130";} .sui-microphone-slash:before {content: "\f131";} .sui-shield:before {content: "\f132";} .sui-calendar-o:before {content: "\f133";} .sui-fire-extinguisher:before {content: "\f134";} .sui-rocket:before {content: "\f135";} .sui-maxcdn:before {content: "\f136";} .sui-chevron-circle-left:before {content: "\f137";} .sui-chevron-circle-right:before {content: "\f138";} .sui-chevron-circle-up:before {content: "\f139";} .sui-chevron-circle-down:before {content: "\f13a";} .sui-html5:before {content: "\f13b";} .sui-css3:before {content: "\f13c";} .sui-anchor:before {content: "\f13d";} .sui-unlock-alt:before {content: "\f13e";} .sui-bullseye:before {content: "\f140";} .sui-ellipsis-h:before {content: "\f141";} .sui-ellipsis-v:before {content: "\f142";} .sui-rss-square:before {content: "\f143";} .sui-play-circle:before {content: "\f144";} .sui-ticket:before {content: "\f145";} .sui-minus-square:before {content: "\f146";} .sui-minus-square-o:before {content: "\f147";} .sui-level-up:before {content: "\f148";} .sui-level-down:before {content: "\f149";} .sui-check-square:before {content: "\f14a";} .sui-pencil-square:before {content: "\f14b";} .sui-external-link-square:before {content: "\f14c";} .sui-share-square:before {content: "\f14d";} .sui-compass:before {content: "\f14e";} .sui-caret-square-o-down:before, .sui-toggle-down:before {content: "\f150";} .sui-caret-square-o-up:before, .sui-toggle-up:before {content: "\f151";} .sui-caret-square-o-right:before, .sui-toggle-right:before {content: "\f152";} .sui-eur:before, .sui-euro:before {content: "\f153";} .sui-gbp:before, .sui-pound:before {content: "\f154";} .sui-dollar
144:before, .sui-usd:before {content: "\f155";} .sui-inr:before, .sui-rupee:before {content: "\f156";} .sui-cny:before, .sui-jpy:before, .sui-rmb:before, .sui-yen:before {content: "\f157";} .sui-rouble:before, .sui-rub:before, .sui-ruble:before {content: "\f158";} .sui-krw:before, .sui-won:before {content: "\f159";} .sui-bitcoin:before, .sui-btc:before {content: "\f15a";} .sui-file:before {content: "\f15b";} .sui-file-text:before {content: "\f15c";} .sui-sort-alpha-asc:before, .sui-sort-alpha-down:before {content: "\f15d";} .sui-sort-alpha-desc:before, .sui-sort-alpha-up:before {content: "\f15e";} .sui-sort-amount-asc:before, .sui-sort-amount-down:before {content: "\f160";} .sui-sort-amount-desc:before, .sui-sort-amount-up:before {content: "\f161";} .sui-sort-numeric-asc:before, .sui-sort-numeric-down:before {content: "\f162";} .sui-sort-numeric-desc:before, .sui-sort-numeric-up:before {content: "\f163";} .sui-thumbs-up:before {content: "\f164";} .sui-thumbs-down:before {content: "\f165";} .sui-youtube-square:before {content: "\f166";} .sui-youtube:before {content: "\f167";} .sui-xing:before {content: "\f168";} .sui-xing-square:before {content: "\f169";} .sui-youtube-play:before {content: "\f16a";} .sui-dropbox:before {content: "\f16b";} .sui-stack-overflow:before {content: "\f16c";} .sui-instagram:before {content: "\f16d";} .sui-flickr:before {content: "\f16e";} .sui-adn:before {content: "\f170";} .sui-bitbucket:before {content: "\f171";} .sui-bitbucket-square:before {content: "\f172";} .sui-tumblr:before {content: "\f173";} .sui-tumblr-square:before {content: "\f174";} .sui-long-arrow-down:before {content: "\f175";} .sui-long-arrow-up:before {content: "\f176";} .sui-long-arrow-left:before {content: "\f177";} .sui-long-arrow-right:before {content: "\f178";} .sui-apple:before {content: "\f179";} .sui-windows:before {content: "\f17a";} .sui-android:before {content: "\f17b";} .sui-linux:before {content: "\f17c";} .sui-dribbble:before {content: "\f17d";} .sui-skype:before {content: "\f17e";} .sui-foursquare:before {content: "\f180";} .sui-trello:before {content: "\f181";} .sui-female:before {content: "\f182";} .sui-male:before {content: "\f183";} .sui-gittip:before, .sui-gratipay:before {content: "\f184";} .sui-sun-o:before {content: "\f185";} .sui-moon-o:before {content: "\f186";} .sui-archive:before {content: "\f187";} .sui-bug:before {content: "\f188";} .sui-vk:before {content: "\f189";} .sui-weibo:before {content: "\f18a";} .sui-renren:before {content: "\f18b";} .sui-pagelines:before {content: "\f18c";} .sui-stack-exchange:before {content: "\f18d";} .sui-arrow-circle-o-right:before {content: "\f18e";} .sui-arrow-circle-o-left:before {content: "\f190";} .sui-caret-square-o-left:before, .sui-toggle-left:before {content: "\f191";} .sui-dot-circle-o:before {content: "\f192";} .sui-wheelchair:before {content: "\f193";} .sui-vimeo-square:before {content: "\f194";} .sui-try:before, .sui-turkish-lira:before {content: "\f195";} .sui-plus-square-o:before {content: "\f196";} .sui-space-shuttle:before {content: "\f197";} .sui-slack:before {content: "\f198";} .sui-envelope-square:before {content: "\f199";} .sui-wordpress:before {content: "\f19a";} .sui-openid:before {content: "\f19b";} .sui-bank:before, .sui-institution:before, .sui-university:before {content: "\f19c";} .sui-graduation-cap:before, .sui-mortar-board:before {content: "\f19d";} .sui-yahoo:before {content: "\f19e";} .sui-google:before {content: "\f1a0";} .sui-reddit:before {content: "\f1a1";} .sui-reddit-square:before {content: "\f1a2";} .sui-stumbleupon-circle:before {content: "\f1a3";} .sui-stumbleupon:before {content: "\f1a4";} .sui-delicious:before {content: "\f1a5";} .sui-digg:before {content: "\f1a6";} .sui-drupal:before {content: "\f1a9";} .sui-joomla:before {content: "\f1aa";} .sui-language:before {content: "\f1ab";} .sui-fax:before {content: "\f1ac";} .sui-building:before {content: "\f1ad";} .sui-child:before {content: "\f1ae";} .sui-paw:before {content: "\f1b0";} .sui-spoon:before, .sui-utensil-spoon:before {content: "\f1b1";} .sui-cube:before {content: "\f1b2";} .sui-cubes:before {content: "\f1b3";} .sui-behance:before {content: "\f1b4";} .sui-behance-square:before {content: "\f1b5";} .sui-steam:before {content: "\f1b6";} .sui-steam-square:before {content: "\f1b7";} .sui-recycle:before {content: "\f1b8";} .sui-automobile:before, .sui-car:before {content: "\f1b9";} .sui-cab:before, .sui-taxi:before {content: "\f1ba";} .sui-tree:before {content: "\f1bb";} .sui-spotify:before {content: "\f1bc";} .sui-deviantart:before {content: "\f1bd";} .sui-soundcloud:before {content: "\f1be";} .sui-database:before {content: "\f1c0";} .sui-file-pdf-o:before {content: "\f1c1";} .sui-file-word-o:before {content: "\f1c2";} .sui-file-excel-o:before {content: "\f1c3";} .sui-file-powerpoint-o:before {content: "\f1c4";} .sui-file-image-o:before, .sui-file-photo-o:before, .sui-file-picture-o:before {content: "\f1c5";} .sui-file-archive-o:before, .sui-file-zip-o:before {content: "\f1c6";} .sui-file-audio-o:before, .sui-file-sound-o:before {content: "\f1c7";} .sui-file-movie-o:before, .sui-file-video-o:before {content: "\f1c8";} .sui-file-code-o:before {content: "\f1c9";} .sui-vine:before {content: "\f1ca";} .sui-codepen:before {content: "\f1cb";} .sui-jsfiddle:before {content: "\f1cc";} .sui-life-bouy:before, .sui-life-buoy:before, .sui-life-ring:before, .sui-life-saver:before, .sui-support:before {content: "\f1cd";} .sui-circle-o-notch:before {content: "\f1ce";} .sui-ra:before, .sui-rebel:before, .sui-resistance:before {content: "\f1d0";} .sui-empire:before, .sui-ge:before {content: "\f1d1";} .sui-git-square:before {content: "\f1d2";} .sui-git:before {content: "\f1d3";} .sui-hacker-news:before, .sui-y-combinator-square:before, .sui-yc-square:before {content: "\f1d4";} .sui-tencent-weibo:before {content: "\f1d5";} .sui-qq:before {content: "\f1d6";} .sui-wechat:before, .sui-weixin:before {content: "\f1d7";} .sui-paper-plane:before, .sui-send:before {content: "\f1d8";} .sui-paper-plane-o:before, .sui-send-o:before {content: "\f1d9";} .sui-history:before {content: "\f1da";} .sui-circle-thin:before {content: "\f1db";} .sui-header:before, .sui-heading:before {content: "\f1dc";} .sui-paragraph:before {content: "\f1dd";} .sui-sliders:before {content: "\f1de";} .sui-share-alt:before {content: "\f1e0";} .sui-share-alt-square:before {content: "\f1e1";} .sui-bomb:before {content: "\f1e2";} .sui-futbol-o:before, .sui-soccer-ball-o:before {content: "\f1e3";} .sui-tty:before {content: "\f1e4";} .sui-binoculars:before {content: "\f1e5";} .sui-plug:before {content: "\f1e6";} .sui-slideshare:before {content: "\f1e7";} .sui-twitch:before {content: "\f1e8";} .sui-yelp:before {content: "\f1e9";} .sui-newspaper-o:before {content: "\f1ea";} .sui-wifi:before {content: "\f1eb";} .sui-calculator:before {content: "\f1ec";} .sui-paypal:before {content: "\f1ed";} .sui-google-wallet:before {content: "\f1ee";} .sui-cc-visa:before {content: "\f1f0";} .sui-cc-mastercard:before {content: "\f1f1";} .sui-cc-discover:before {content: "\f1f2";} .sui-cc-amex:before {content: "\f1f3";} .sui-cc-paypal:before {content: "\f1f4";} .sui-cc-stripe:before {content: "\f1f5";} .sui-bell-slash:before {content: "\f1f6";} .sui-bell-slash-o:before {content: "\f1f7";} .sui-trash:before {content: "\f1f8";} .sui-copyright:before {content: "\f1f9";} .sui-at:before {content: "\f1fa";} .sui-eyedropper:before {content: "\f1fb";} .sui-paint-brush:before {content: "\f1fc";} .sui-birthday-cake:before {content: "\f1fd";} .sui-area-chart:before {content: "\f1fe";} .sui-pie-chart:before {content: "\f200";} .sui-line-chart:before {content: "\f201";} .sui-lastfm:before {content: "\f202";} .sui-lastfm-square:before {content: "\f203";} .sui-toggle-off:before {content: "\f204";} .sui-toggle-on:before {content: "\f205";} .sui-bicycle:before {content: "\f206";} .sui-bus:before {content: "\f207";} .sui-ioxhost:before {content: "\f208";} .sui-angellist:before {content: "\f209";} .sui-cc:before, .sui-closed-captioning:before {content: "\f20a";} .sui-ils:before, .sui-shekel:before, .sui-sheqel:before {content: "\f20b";} .sui-meanpath:before {content: "\f20c";} .sui-buysellads:before {content: "\f20d";} .sui-connectdevelop:before {content: "\f20e";} .sui-dashcube:before {content: "\f210";} .sui-forumbee:before {content: "\f211";} .sui-leanpub:before {content: "\f212";} .sui-sellsy:before {content: "\f213";} .sui-shirtsinbulk:before {content: "\f214";} .sui-simplybuilt:before {content: "\f215";} .sui-skyatlas:before {content: "\f216";} .sui-cart-plus:before {content: "\f217";} .sui-cart-arrow-down:before {content: "\f218";} .sui-diamond:before, .sui-gem:before {content: "\f219";} .sui-ship:before {content: "\f21a";} .sui-user-secret:before {content: "\f21b";} .sui-motorcycle:before {content: "\f21c";} .sui-street-view:before {content: "\f21d";} .sui-heartbeat:before {content: "\f21e";} .sui-venus:before {content: "\f221";} .sui-mars:before {content: "\f222";} .sui-mercury:before {content: "\f223";} .sui-intersex:before, .sui-transgender:before {content: "\f224";} .sui-transgender-alt:before {content: "\f225";} .sui-venus-double:before {content: "\f226";} .sui-mars-double:before {content: "\f227";} .sui-venus-mars:before {content: "\f228";} .sui-mars-stroke:before {content: "\f229";} .sui-mars-stroke-v:before {content: "\f22a";} .sui-mars-stroke-h:before {content: "\f22b";} .sui-neuter:before {content: "\f22c";} .sui-genderless:before {content: "\f22d";} .sui-facebook-official:before {content: "\f230";} .sui-pinterest-p:before {content: "\f231";} .sui-whatsapp:before {content: "\f232";} .sui-server:before {content: "\f233";} .sui-user-plus:before {content: "\f234";} .sui-user-times:before {content: "\f235";} .sui-bed:before, .sui-hotel:before {content: "\f236";} .sui-viacoin:before {content: "\f237";} .sui-train:before {content: "\f238";} .sui-subway:before {content: "\f239";} .sui-medium:before {content: "\f23a";} .sui-medium-square:before {content: "\f2f8";} .sui-y-combinator:before, .sui-yc:before {content: "\f23b";} .sui-optin-monster:before {content: "\f23c";} .sui-opencart:before {content: "\f23d";} .sui-expeditedssl:before {content: "\f23e";} .sui-battery-4:before, .sui-battery-full:before, .sui-battery:before {content: "\f240";} .sui-battery-3:before, .sui-battery-three-quarters:before {content: "\f241";} .sui-battery-2:before, .sui-battery-half:before {content: "\f242";} .sui-battery-1:before, .sui-battery-quarter:before {content: "\f243";} .sui-battery-0:before, .sui-battery-empty:before {content: "\f244";} .sui-mouse-pointer:before {content: "\f245";} .sui-i-cursor:before {content: "\f246";} .sui-object-group:before {content: "\f247";} .sui-object-ungroup:before {content: "\f248";} .sui-sticky-note:before {content: "\f249";} .sui-sticky-note-o:before {content: "\f24a";} .sui-cc-jcb:before {content: "\f24b";} .sui-cc-diners-club:before {content: "\f24c";} .sui-clone:before {content: "\f24d";} .sui-balance-scale:before {content: "\f24e";} .sui-hourglass-o:before {content: "\f250";} .sui-hourglass-1:before, .sui-hourglass-start:before {content: "\f251";} .sui-hourglass-2:before, .sui-hourglass-half:before {content: "\f252";} .sui-hourglass-3:before, .sui-hourglass-end:before {content: "\f253";} .sui-hourglass:before {content: "\f254";} .sui-hand-grab-o:before, .sui-hand-rock-o:before {content: "\f255";} .sui-hand-paper-o:before, .sui-hand-stop-o:before {content: "\f256";} .sui-hand-scissors-o:before {content: "\f257";} .sui-hand-lizard-o:before {content: "\f258";} .sui-hand-spock-o:before {content: "\f259";} .sui-hand-pointer-o:before {content: "\f25a";} .sui-hand-peace-o:before {content: "\f25b";} .sui-trademark:before {content: "\f25c";} .sui-registered:before {content: "\f25d";} .sui-creative-commons:before {content: "\f25e";} .sui-gg:before {content: "\f260";} .sui-gg-circle:before {content: "\f261";} .sui-tripadvisor:before {content: "\f262";} .sui-odnoklassniki:before {content: "\f263";} .sui-odnoklassniki-square:before {content: "\f264";} .sui-get-pocket:before {content: "\f265";} .sui-wikipedia-w:before {content: "\f266";} .sui-safari:before {content: "\f267";} .sui-chrome:before {content: "\f268";} .sui-firefox:before {content: "\f269";} .sui-opera:before {content: "\f26a";}
144 .sui-internet-explorer:before {content: "\f26b";} .sui-television:before, .sui-tv:before {content: "\f26c";} .sui-contao:before {content: "\f26d";} .sui-500px:before {content: "\f26e";} .sui-amazon:before {content: "\f270";} .sui-calendar-plus-o:before {content: "\f271";} .sui-calendar-minus-o:before {content: "\f272";} .sui-calendar-times-o:before {content: "\f273";} .sui-calendar-check-o:before {content: "\f274";} .sui-industry:before {content: "\f275";} .sui-map-pin:before {content: "\f276";} .sui-map-signs:before {content: "\f277";} .sui-map-o:before {content: "\f278";} .sui-map:before {content: "\f279";} .sui-commenting:before {content: "\f27a";} .sui-commenting-o:before {content: "\f27b";} .sui-houzz:before {content: "\f27c";} .sui-vimeo-v:before, .sui-vimeo:before {content: "\f27d";} .sui-black-tie:before {content: "\f27e";} .sui-fonticons:before {content: "\f280";} .sui-reddit-alien:before {content: "\f281";} .sui-edge:before {content: "\f282";} .sui-credit-card-alt:before {content: "\f283";} .sui-codiepie:before {content: "\f284";} .sui-modx:before {content: "\f285";} .sui-fort-awesome:before {content: "\f286";} .sui-usb:before {content: "\f287";} .sui-product-hunt:before {content: "\f288";} .sui-mixcloud:before {content: "\f289";} .sui-scribd:before {content: "\f28a";} .sui-pause-circle:before {content: "\f28b";} .sui-pause-circle-o:before {content: "\f28c";} .sui-stop-circle:before {content: "\f28d";} .sui-stop-circle-o:before {content: "\f28e";} .sui-shopping-bag:before {content: "\f290";} .sui-shopping-basket:before {content: "\f291";} .sui-hashtag:before {content: "\f292";} .sui-bluetooth:before {content: "\f293";} .sui-bluetooth-b:before {content: "\f294";} .sui-percent:before {content: "\f295";} .sui-gitlab:before {content: "\f296";} .sui-wpbeginner:before {content: "\f297";} .sui-wpforms:before {content: "\f298";} .sui-envira:before {content: "\f299";} .sui-universal-access:before {content: "\f29a";} .sui-wheelchair-alt:before {content: "\f29b";} .sui-question-circle-o:before {content: "\f29c";} .sui-blind:before {content: "\f29d";} .sui-audio-description:before {content: "\f29e";} .sui-phone-volume:before, .sui-volume-control-phone:before {content: "\f2a0";} .sui-braille:before {content: "\f2a1";} .sui-assistive-listening-systems:before {content: "\f2a2";} .sui-american-sign-language-interpreting:before, .sui-asl-interpreting:before {content: "\f2a3";} .sui-deaf:before, .sui-deafness:before, .sui-hard-of-hearing:before {content: "\f2a4";} .sui-glide:before {content: "\f2a5";} .sui-glide-g:before {content: "\f2a6";} .sui-sign-language:before, .sui-signing:before {content: "\f2a7";} .sui-low-vision:before {content: "\f2a8";} .sui-viadeo:before {content: "\f2a9";} .sui-viadeo-square:before {content: "\f2aa";} .sui-snapchat:before {content: "\f2ab";} .sui-snapchat-ghost:before {content: "\f2ac";} .sui-snapchat-square:before {content: "\f2ad";} .sui-first-order:before {content: "\f2b0";} .sui-yoast:before {content: "\f2b1";} .sui-themeisle:before {content: "\f2b2";} .sui-google-plus-circle:before, .sui-google-plus-official:before {content: "\f2b3";} .sui-fa:before, .sui-font-awesome:before {content: "\f2b4";} .sui-handshake-o:before {content: "\f2b5";} .sui-envelope-open:before {content: "\f2b6";} .sui-envelope-open-o:before {content: "\f2b7";} .sui-linode:before {content: "\f2b8";} .sui-address-book:before {content: "\f2b9";} .sui-address-book-o:before {content: "\f2ba";} .sui-address-card:before, .sui-vcard:before {content: "\f2bb";} .sui-address-card-o:before, .sui-vcard-o:before {content: "\f2bc";} .sui-user-circle:before {content: "\f2bd";} .sui-user-circle-o:before {content: "\f2be";} .sui-user-o:before {content: "\f2c0";} .sui-id-badge:before {content: "\f2c1";} .sui-drivers-license:before, .sui-id-card:before {content: "\f2c2";} .sui-drivers-license-o:before, .sui-id-card-o:before {content: "\f2c3";} .sui-quora:before {content: "\f2c4";} .sui-free-code-camp:before {content: "\f2c5";} .sui-telegram:before {content: "\f2c6";} .sui-thermometer-4:before, .sui-thermometer-full:before, .sui-thermometer:before {content: "\f2c7";} .sui-thermometer-3:before, .sui-thermometer-three-quarters:before {content: "\f2c8";} .sui-thermometer-2:before, .sui-thermometer-half:before {content: "\f2c9";} .sui-thermometer-1:before, .sui-thermometer-quarter:before {content: "\f2ca";} .sui-thermometer-0:before, .sui-thermometer-empty:before {content: "\f2cb";} .sui-shower:before {content: "\f2cc";} .sui-bath:before, .sui-bathtub:before, .sui-s15:before {content: "\f2cd";} .sui-podcast:before {content: "\f2ce";} .sui-window-maximize:before {content: "\f2d0";} .sui-window-minimize:before {content: "\f2d1";} .sui-window-restore:before {content: "\f2d2";} .sui-times-rectangle:before, .sui-window-close:before {content: "\f2d3";} .sui-times-rectangle-o:before, .sui-window-close-o:before {content: "\f2d4";} .sui-bandcamp:before {content: "\f2d5";} .sui-grav:before {content: "\f2d6";} .sui-etsy:before {content: "\f2d7";} .sui-imdb:before {content: "\f2d8";} .sui-ravelry:before {content: "\f2d9";} .sui-eercast:before {content: "\f2da";} .sui-microchip:before {content: "\f2db";} .sui-snowflake-o:before {content: "\f2dc";} .sui-superpowers:before {content: "\f2dd";}
144 .sui-wpexplorer:before {content: "\f2de";} .sui-meetup:before {content: "\f2e0";} .sui-mastodon:before {content: "\f2e1";} .sui-mastodon-alt:before {content: "\f2e2";} .sui-fork-awesome:before, .sui-fork-circle:before {content: "\f2e3";} .sui-peertube:before {content: "\f2e4";} .sui-diaspora:before {content: "\f2e5";} .sui-friendica:before {content: "\f2e6";} .sui-gnu-social:before {content: "\f2e7";} .sui-liberapay-square:before {content: "\f2e8";} .sui-liberapay:before {content: "\f2e9";} .sui-scuttlebutt:before, .sui-ssb:before {content: "\f2ea";} .sui-hubzilla:before {content: "\f2eb";} .sui-social-home:before {content: "\f2ec";} .sui-artstation:before {content: "\f2ed";} .sui-discord:before {content: "\f2ee";} .sui-discord-alt:before {content: "\f2ef";} .sui-patreon:before {content: "\f2f0";} .sui-snowdrift:before {content: "\f2f1";} .sui-activitypub:before {content: "\f2f2";} .sui-ethereum:before {content: "\f2f3";} .sui-keybase:before {content: "\f2f4";} .sui-shaarli:before {content: "\f2f5";} .sui-shaarli-o:before {content: "\f2f6";} .sui-cut-key:before, .sui-key-modern:before {content: "\f2f7";} .sui-xmpp:before {content: "\f2f9";} .sui-archive-org:before {content: "\f2fc";} .sui-freedombox:before {content: "\f2fd";} .sui-facebook-messenger:before {content: "\f2fe";} .sui-debian:before {content: "\f2ff";} .sui-mastodon-square:before {content: "\f300";} .sui-tipeee:before {content: "\f301";} .sui-react:before {content: "\f302";} .sui-dogmazic:before {content: "\f303";} .sui-zotero:before {content: "\f309";} .sui-nodejs:before {content: "\f308";} .sui-nextcloud:before {content: "\f306";} .sui-nextcloud-square:before {content: "\f307";} .sui-hackaday:before {content: "\f30a";} .sui-laravel:before {content: "\f30b";} .sui-signalapp:before {content: "\f30c";} .sui-gnupg:before {content: "\f30d";} .sui-php:before {content: "\f30e";} .sui-ffmpeg:before {content: "\f30f";} .sui-joplin:before {content: "\f310";} .sui-syncthing:before {content: "\f311";} .sui-inkscape:before {content: "\f312";} .sui-matrix-org:before {content: "\f313";} .sui-pixelfed:before {content: "\f314";} .sui-bootstrap:before {content: "\f315";} .sui-dev-to:before {content: "\f316";} .sui-hashnode:before {content: "\f317";} .sui-jirafeau:before {content: "\f318";} .sui-emby:before {content: "\f319";} .sui-wikidata:before {content: "\f31a";} .sui-gimp:before {content: "\f31b";} .sui-c:before {content: "\f31c";} .sui-digitalocean:before {content: "\f31d";} .sui-att:before {content: "\f31e";} .sui-gitea:before {content: "\f31f";} .sui-file-epub:before {content: "\f321";} .sui-python:before {content: "\f322";} .sui-archlinux:before {content: "\f323";} .sui-pleroma:before {content: "\f324";} .sui-unsplash:before {content: "\f325";} .sui-hackster:before {content: "\f326";} .sui-spell-check:before {content: "\f327";} .sui-moon:before {content: "\f328";} .sui-sun:before {content: "\f329";} .sui-f-droid:before {content: "\f32a";} .sui-biometric:before {content: "\f32b";} .sui-wire:before {content: "\f32c";} .sui-tor-onion:before {content: "\f32e";} .sui-volume-mute:before {content: "\f32f";} .sui-bell-ringing:before {content: "\f32d";} .sui-bell-ringing-o:before {content: "\f330";} .sui-hal:before {content: "\f333";} .sui-jupyter:before {content: "\f335";} .sui-julia:before {content: "\f334";} .sui-classicpress:before {content: "\f331";} .sui-classicpress-circle:before {content: "\f332";} .sui-open-collective:before {content: "\f336";} .sui-orcid:before {content: "\f337";} .sui-researchgate:before {content: "\f338";} .sui-funkwhale:before {content: "\f339";} .sui-askfm:before {content: "\f33a";} .sui-blockstack:before {content: "\f33b";} .sui-boardgamegeek:before {content: "\f33c";} .sui-bunny:before {content: "\f35f";} .sui-buymeacoffee:before {content: "\f33d";} .sui-cc-by:before {content: "\f33e";} .sui-cc-cc:before, .sui-creative-commons-alt:before {content: "\f33f";} .sui-cc-nc-eu:before {content: "\f341";} .sui-cc-nc-jp:before {content: "\f342";} .sui-cc-nc:before {content: "\f340";} .sui-cc-nd:before {content: "\f343";} .sui-cc-pd:before {content: "\f344";} .sui-cc-remix:before {content: "\f345";} .sui-cc-sa:before {content: "\f346";} .sui-cc-share:before {content: "\f347";} .sui-cc-zero:before {content: "\f348";} .sui-conway-glider:before, .sui-conway-hacker:before {content: "\f349";} .sui-csharp:before {content: "\f34a";} .sui-email-bulk:before {content: "\f34b";} .sui-email-bulk-o:before {content: "\f34c";} .sui-gnu:before {content: "\f34d";} .sui-google-play:before {content: "\f34e";} .sui-heroku:before {content: "\f34f";} .sui-hassio:before, .sui-home-assistant:before {content: "\f350";} .sui-java:before {content: "\f351";} .sui-mariadb:before {content: "\f352";} .sui-markdown:before {content: "\f353";} .sui-mysql:before {content: "\f354";} .sui-nordcast:before {content: "\f355";} .sui-plume:before {content: "\f356";} .sui-postgresql:before {content: "\f357";} .sui-sass-alt:before {content: "\f359";} .sui-sass:before {content: "\f358";} .sui-skate:before {content: "\f35a";} .sui-sketchfab:before {content: "\f35b";} .sui-tex:before {content: "\f35c";} .sui-textpattern:before {content: "\f35d";} .sui-unity:before {content: "\f35e";} .sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} .sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;} /* ===================================== ESTILOS BASE COMUNES PARA WIDGETS ===================================== */ .home-widget {margin: 3rem 0;} .widget-before {margin-bottom: 4rem;} .widget-after {margin-top: 4rem;} /* Widget base */ .categories-cluster-widget {background: #fafbfc; border: 1px solid #e0e4ea; border-radius: 10px; padding: 1.5rem 1.2rem; box-shadow: 0 2px 8px rgba(44,62,80,0.04); position: relative; font-family: inherit;} .widget-header {margin-bottom: 1.5rem; text-align: center;} .widget-title {font-size: 1.4rem; margin-bottom: 0.3rem; font-weight: 700; color: #2c3e50; line-height: 1.2; letter-spacing: 0.01em;} .widget-subtitle {font-size: 1rem; color: #7b8794; margin: 0; line-height: 1.5; margin-top: 0.5rem;} .widget-footer {margin-top: 1.2rem; text-align: center; padding-top: 0.5rem; border-top: 1px solid #e0e4ea;} .view-all-categories {display: inline-flex; align-items: center; background: #3498db; color: white; padding: 0.5rem 1.2rem; border-radius: 5px; text-decoration: none; font-weight: 500; font-size: 0.95rem; transition: background 0.2s, box-shadow 0.2s; box-shadow: 0 1px 4px rgba(52,152,219,0.08);} .view-all-categories:hover {background: #217dbb; box-shadow: 0 2px 8px rgba(52,152,219,0.12);}
144 /* Widget vacío */ .categories-cluster-widget.empty {text-align: center; padding: 3rem 2rem; color: #6b7280;} /* ===================================== ESTILOS PARA ITEMS DE CATEGORÍA ===================================== */ .category-cluster-item {background: transparent; border: none; border-radius: 6px; transition: background 0.2s; overflow: hidden; box-shadow: none;} .category-cluster-item:hover {background: #f0f4fa; border: none; box-shadow: none;} .category-link {display: block; padding: 1rem 0.5rem; text-decoration: none; color: #2c3e50; border-radius: 5px; font-weight: 500; transition: background 0.2s, color 0.2s;} .category-link:hover {background: #eaf6fb; color: #3498db;} .category-name {font-size: 1rem; margin-bottom: 0.2rem; font-weight: 500; color: #2c3e50; line-height: 1.4;} .category-count {font-size: 0.85rem; color: #7b8794; font-weight: 400;} /* ===================================== ESTILO ALFABÉTICO (AGRUPADO) ===================================== */ .categories-cluster-widget.alphabet-style {/* Estilos específicos para modo alfabético */} /* === CLUSTER DE CATEGORÍAS ESTILO TENNESSEE PAIN CLINICS === */ .alphabet-nav {text-align: center; margin-bottom: 16px;} .alphabet-letter {background: #e5e8ec; color: #0d2c3f; font-weight: 700; border: 0; padding: 8px 14px; border-radius: 4px; margin: 4px; cursor: pointer; transition: background .2s; display: inline-block;} .alphabet-letter.current {background: #0d2c3f; color: #fff;} .alphabet-letter.available {color: #0d2c3f; background: #e5e8ec; cursor: pointer;} .alphabet-letter.disabled {color: #b0b0b0; background: #f3f4f6; cursor: not-allowed;} .letter-group {width: 100%; padding: 0; background: none; border: none; margin: 0; box-shadow: none;} .letter-group-header {display: none;} .letter-title {display: none;} .letter-categories-grid {display: flex; flex-wrap: wrap; gap: 18px; justify-content: flex-start; padding: 20px; background: #f7fafd;} .category-cluster-item {flex: 1 1 240px; min-width: 200px; background: none; border: none; padding: 0; margin: 0; box-shadow: none; display: flex; flex-direction: column; align-items: center;} .category-link {font-weight: 600; color: #0066c0; text-align: center; display: block; margin-bottom: 4px; font-size: 1.08rem; padding: 0.15rem 0.25rem; border-radius: 4px; transition: background 0.15s, color 0.15s;} .category-link:hover {color: #0d2c3f; background: #e5e8ec;} .category-name {font-size: inherit; font-weight: inherit; color: inherit; margin: 0; display: inline;} .category-count {display: none;} /* ===================================== ESTILO GRID SIMPLE ===================================== */ .categories-cluster-widget.grid-style {/* Estilos específicos para el modo grid */} /* Grid simple de categorías */ .categories-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; margin: 0;} /* Hover especial para modo grid */ .grid-style .category-cluster-item {background: #f8fafc; border: 1px solid #e2e8f0;} .grid-style .category-cluster-item:hover {background: #f1f5f9; border-color: #cbd5e1; transform: translateY(-1px); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);} /* ===================================== WIDGETS DE TEXTO Y BÚSQUEDA ===================================== */ /* Widget de texto */ .text-widget {background: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); text-align: center;} .text-widget .widget-title {color: #1f2937; margin-bottom: 1rem; font-size: 1.5rem; font-weight: 600;} .text-widget .widget-content {color: #4b5563; line-height: 1.7; font-size: 1rem; text-align: left;} .text-widget .widget-content p {margin-bottom: 1rem;} .text-widget .widget-content p:last-child {margin-bottom: 0;} /* Widget de búsqueda */ .search-widget {background: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); text-align: center;} .search-widget .widget-title {color: #1f2937; margin-bottom: 1rem; font-size: 1.5rem; font-weight: 600;}
144 .search-widget .widget-content {color: #4b5563; line-height: 1.6; margin-bottom: 1.5rem;} .search-form {margin: 0;} .search-input-group {display: flex; max-width: 500px; margin: 0 auto; border: 1px solid #d1d5db; border-radius: 8px; overflow: hidden; background: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);} .search-input {flex: 1; padding: 0.875rem 1rem; border: none; font-size: 1rem; outline: none; background: transparent;} .search-input::placeholder {color: #9ca3af;} .search-input:focus {outline: none;} .search-button {background: #3b82f6; color: white; border: none; padding: 0.875rem 1.25rem; cursor: pointer; font-size: 1rem; font-weight: 500; transition: background 0.2s ease; min-width: 60px;} .search-button:hover {background: #2563eb;} .search-button:focus {outline: none; background: #1d4ed8;} /* ===================================== ESTILOS PARA POSTS Y FECHAS ===================================== */ .post-meta {color: #6b7280; font-size: 0.875rem; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap;} .post-meta.hide-date {display: none !important;} .post-meta.hide-date .post-date {display: none !important;} .post-meta .post-category {font-weight: 500;} .post-meta .post-category a {color: #3b82f6; text-decoration: none; font-weight: 500;} .post-meta .post-category a:hover {color: #2563eb;} .post-meta .post-date {color: #9ca3af; font-weight: 400;} .post-meta .post-separator {color: #d1d5db; font-weight: 400;} /* ===================================== RESPONSIVE DESIGN ===================================== */ /* Tablets */ @media (max-width: 1024px) {.categories-cluster-widget {padding: 1.75rem;} .letter-categories-grid, .categories-grid {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 0.875rem;}} /* Móviles grandes */ @media (max-width: 768px) {.categories-cluster-widget {padding: 1.5rem;} .widget-title {font-size: 1.75rem;} .widget-subtitle {font-size: 1rem;} /* Alfabético responsive */ .alphabet-nav {gap: 0.125rem; padding: 0.75rem;} .alphabet-letter {min-width: 32px; height: 32px; font-size: 0.75rem;} .letter-categories-grid {grid-template-columns: 1fr; gap: 0.75rem; padding: 1rem;} .letter-group-header {padding: 0.5rem 1rem;} .letter-title {font-size: 1.125rem;} /* Grid responsive */ .categories-grid {grid-template-columns: 1fr; gap: 0.75rem;} .category-link {padding: 1rem;} /* Posts responsive */ .post-meta {flex-direction: column; align-items: flex-start; gap: 0.25rem;} .post-meta .post-separator {display: none;} /* Widgets de texto y búsqueda responsive */ .text-widget, .search-widget {padding: 1rem;} .search-input-group {flex-direction: column; border-radius: 8px;} .search-input {border-bottom: 1px solid #e5e7eb;} .search-button {border-radius: 0 0 8px 8px;}} /* Móviles pequeños */ @media (max-width: 480px) {.categories-cluster-widget {padding: 1rem; margin: 1.5rem 0;} .widget-title {font-size: 1.25rem;} .alphabet-nav {gap: 0.1rem; padding: 0.5rem;} .alphabet-letter {font-size: 0.7rem; padding: 0 0.25rem;} .letter-categories-grid, .categories-grid {padding: 0.75rem; gap: 0.5rem;} .category-link {padding: 0.875rem;} .category-name {font-size: 0.9rem;} .category-count {font-size: 0.8rem;} .letter-title {font-size: 1rem;} .text-widget, .search-widget {padding: 1rem;} .view-all-categories {padding: 0.5rem 1rem; font-size: 0.8rem;}} /* ===================================== ESTADOS ESPECIALES Y ANIMACIONES
145   ===================================== */ /* Loading state */ .categories-cluster-widget.loading {opacity: 0.7; pointer-events: none;} .categories-cluster-widget.loading::after {content: ''; position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; border: 3px solid #f3f4f6; border-top: 3px solid #3b82f6; border-radius: 50%; animation: spin 1s linear infinite;} @keyframes spin {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} /* Focus states para accesibilidad */ .alphabet-letter:focus, .category-link:focus, .view-all-categories:focus, .search-input:focus, .search-button:focus {outline: 2px solid #3b82f6; outline-offset: 2px;} /* Estados hover mejorados */ .category-cluster-item:hover .category-name {color: #1f2937;} .category-cluster-item:hover .category-count {color: #374151;} /* Transiciones suaves */ * {transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;}
145 /* ===================================== MODO OSCURO (OPCIONAL) ===================================== */ @media (prefers-color-scheme: dark) {.categories-cluster-widget {background: #1f2937; border-color: #374151; color: #f9fafb;} .widget-title {color: #f9fafb;} .widget-subtitle {color: #d1d5db;} .category-cluster-item {background: #374151; border-color: #4b5563;} .category-cluster-item:hover {background: #4b5563; border-color: #6b7280;} .category-name {color: #f9fafb;} .category-count {color: #d1d5db;} .alphabet-nav {background: #374151;} .alphabet-letter {background: #4b5563; border-color: #6b7280; color: #d1d5db;} .letter-group-header {background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);} .letter-categories-grid {background: #374151;}} /* ===================================== UTILIDADES Y HELPERS ===================================== */ .widget-hidden {display: none !important;} .widget-visible {display: block !important;} .no-animation * {transition: none !important; animation: none !important;} /* Para debug */ .widget-debug {border: 2px dashed #ef4444 !important;} .widget-debug .category-cluster-item {border: 1px dashed #f59e0b !important;} /* * CSS Compacto para Widgets - Versión como la imagen * Diseño más condensado y eficiente en espacio */ /* ===================================== ESTILOS BASE COMPACTOS ===================================== */ .home-widget {margin: 2rem 0;} .widget-before {margin-bottom: 3rem;} .widget-after {margin-top: 3rem;} /* Widget base - más compacto */ .categories-cluster-widget {background: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);} .widget-header {margin-bottom: 1.5rem; text-align: center;} .widget-title {font-size: 1.75rem; margin-bottom: 0.25rem; font-weight: 600; color: #1f2937;} .widget-subtitle {font-size: 1rem; color: #6b7280; margin: 0;} /* ===================================== NAVEGACIÓN ALFABÉTICA COMPACTA ===================================== */ .alphabet-nav {display: flex; justify-content: center; flex-wrap: wrap; gap: 0.125rem; margin-bottom: 1.5rem; padding: 0.75rem; background: #f9fafb; border-radius: 6px;} .alphabet-letter {display: inline-flex; align-items: center; justify-content: center; background: #ffffff; border: 1px solid #d1d5db; border-radius: 4px; color: #6b7280; text-decoration: none; font-weight: 500; font-size: 0.75rem; transition: all 0.15s ease; cursor: pointer;} .alphabet-letter:hover {background: #3b82f6; color: white; border-color: #3b82f6;} .alphabet-letter.current {background: #059669; color: white; border: none;} .alphabet-letter.available {background: #ffffff; color: #374151; border-color: #9ca3af; font-weight: 600;} .alphabet-letter.disabled {background: #f9fafb; color: #d1d5db; cursor: not-allowed;} /* ===================================== GRUPOS DE LETRAS COMPACTOS ===================================== */ .letter-group {margin-bottom: 1.25rem; border: 1px solid #f3f4f6; border-radius: 6px; overflow: hidden;} .letter-group:last-child {margin-bottom: 0;} /* Header de letra más compacto */ .letter-group-header {background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%); padding: 0.5rem 1rem; position: relative;} .letter-title {color: white; font-size: 1rem; font-weight: 600; margin: 0; text-align: center;} /* ===================================== GRID COMPACTO COMO LA IMAGEN ===================================== */ /* Grid más compacto con más columnas */ .letter-categories-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.5rem; padding: 1rem; background: #fafbfc;} .categories-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.5rem; margin: 0;} /* Items de categoría MUY compactos */ .category-cluster-item {background: #ffffff; border: 1px solid #e2e8f0; border-radius: 4px; transition: all 0.15s ease; overflow: hidden;} .category-cluster-item:hover {background: #f8fafc; border-color: #cbd5e1; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);} /* Link compacto */ .category-link {display: block; padding: 0.75rem; text-decoration: none; color: inherit; text-align: center;} /* Texto compacto */ .category-name {font-size: 0.875rem; margin-bottom: 0.25rem; font-weight: 500; color: #374151; line-height: 1.2;} .category-count {font-size: 0.75rem; color: #6b7280; font-weight: 400;} /* ===================================== FOOTER COMPACTO ===================================== */ .widget-footer {margin-top: 1.5rem; text-align: center; padding-top: 1rem; border-top: 1px solid #e5e7eb;} .view-all-categories {display: inline-flex; align-items: center; background: #3b82f6; color: white; padding: 0.5rem 1rem; border-radius: 4px; text-decoration: none; font-weight: 500; font-size: 0.8rem; transition: all 0.15s ease;} .view-all-categories:hover {background: #2563eb; transform: translateY(-1px);} /* ===================================== OTROS WIDGETS COMPACTOS ===================================== */ .text-widget, .search-widget {background: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); text-align: center;} .text-widget .widget-title, .search-widget .widget-title {font-size: 1.25rem; margin-bottom: 0.75rem; font-weight: 600; color: #1f2937;} .search-input-group {display: flex; max-width: 400px; margin: 0 auto; border: 1px solid #d1d5db; border-radius: 6px; overflow: hidden;} .search-input {flex: 1; padding: 0.625rem 0.75rem; border: none; font-size: 0.875rem; outline: none;} .search-button {background: #3b82f6; color: white; border: none; padding: 0.625rem 1rem; cursor: pointer; font-size: 0.875rem; font-weight: 500; transition: background 0.15s ease; min-width: 50px;} .search-button:hover {background: #2563eb;} /* ===================================== RESPONSIVE COMPACTO ===================================== */ /* Tablets */ @media (max-width: 1024px) {.letter-categories-grid, .categories-grid {grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0.375rem;}} /* Móviles grandes */ @media (max-width: 768px) {.categories-cluster-widget {padding: 1rem;} .widget-title {font-size: 1.25rem;} .alphabet-nav {gap: 0.075rem; padding: 0.5rem;} .alphabet-letter {height: 24px; font-size: 0.7rem;} .letter-categories-grid, .categories-grid {grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 0.375rem; padding: 0.75rem;} .category-link {padding: 0.5rem;} .category-name {font-size: 0.8rem;} .category-count {font-size: 0.7rem;} .letter-group-header {padding: 0.375rem 0.75rem;} .letter-title {font-size: 0.875rem;}} /* Móviles pequeños */ @media (max-width: 480px) {.categories-cluster-widget {padding: 0.75rem;} .alphabet-nav {gap: 0.05rem; padding: 0.375rem;} .alphabet-letter {width: 22px; height: 22px; font-size: 0.65rem;} .letter-categories-grid, .categories-grid {grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 0.25rem; padding: 0.5rem;} .category-link {padding: 0.375rem;} .category-name {font-size: 0.75rem; margin-bottom: 0.125rem;} .category-count {font-size: 0.65rem;} .widget-title {font-size: 1.125rem;} .view-all-categories {padding: 0.375rem 0.75rem; font-size: 0.75rem;}} /* ===================================== ESTILOS PARA POSTS COMPACTOS ===================================== */ .post-meta {color: #6b7280; font-size: 0.8rem; margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.375rem; flex-wrap: wrap;} .post-meta .post-category a {color: #3b82f6; text-decoration: none; font-weight: 500;} .post-meta .post-date {color: #9ca3af;} .post-meta .post-separator {color: #d1d5db;} @media (max-width: 768px) {.post-meta {flex-direction: column; align-items: flex-start; gap: 0.125rem; font-size: 0.75rem;} .post-meta .post-separator {display: none;}} /* ===================================== UTILIDADES COMPACTAS ===================================== */ .compact-mode .category-link {padding: 0.5rem;} .compact-mode .category-name {font-size: 0.8rem;} .compact-mode .category-count {font-size: 0.7rem;} .ultra-compact .letter-categories-grid, .ultra-compact .categories-grid {grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0.25rem;} .ultra-compact .category-link {padding: 0.375rem;} /* Estado sin contenido */ .categories-cluster-widget.empty {text-align: center; padding: 2rem 1rem; color: #6b7280;} .categories-cluster-widget.empty .widget-title {font-size: 1.25rem;} /* * CSS Completo para Widget Compacto - Diseño Final * Optimizado para máxima densidad como la imagen de referencia */ /* ===================================== ESTILOS BASE COMPACTOS ===================================== */ .home-widget {margin: 1.5rem 0;} .widget-before {margin-bottom: 2.5rem;} .widget-after {margin-top: 2.5rem;} /* Widget base compacto */ .categories-cluster-widget {background: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1.25rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); position: relative;} .categories-cluster-widget.compact-design {padding: 1rem;} .widget-header {margin-bottom: 1.25rem; text-align: center;} .widget-title {font-size: 1.75rem; margin-bottom: 0.25rem; font-weight: 600; color: #1f2937; line-height: 1.2;} .widget-title.compact-title {font-size: 1.25rem; margin-bottom: 0.125rem;} .widget-subtitle {font-size: 1rem; color: #6b7280; margin: 0; line-height: 1.4;} .widget-footer {margin-top: 1.25rem; text-align: center; padding-top: 0.75rem; border-top: 1px solid #e5e7eb;} .widget-footer.compact-footer {margin-top: 1rem; padding-top: 0.5rem;} .view-all-categories {display: inline-flex; align-items: center; background: #3b82f6; color: white; padding: 0.5rem 1rem; border-radius: 4px; text-decoration: none; font-weight: 500; font-size: 0.8rem; transition: all 0.15s ease;} .view-all-categories.compact-link {padding: 0.375rem 0.75rem; font-size: 0.75rem;} .view-all-categories:hover {background: #2563eb; transform: translateY(-1px);} /* Widget vacío compacto */ .categories-cluster-widget.empty, .categories-cluster-widget.compact-empty {text-align: center; padding: 2rem 1rem; color: #6b7280;} .compact-empty {padding: 1.5rem 0.75rem;} /* ===================================== NAVEGACIÓN ALFABÉTICA COMPACTA ===================================== */ .alphabet-nav {display: flex; justify-content: center; flex-wrap: wrap; gap: 0.125rem; margin-bottom: 1.25rem; padding: 0.625rem; background: #f9fafb; border-radius: 6px; border: 1px solid #f3f4f6;} .alphabet-nav.compact-nav {gap: 0.075rem; margin-bottom: 1rem; padding: 0.5rem;} .alphabet-letter {display: inline-flex; align-items: center; justify-content: center; background: #ffffff; border: 1px solid #d1d5db; border-radius: 4px; color: #6b7280; text-decoration: none; font-weight: 500; font-size: 0.75rem; transition: all 0.15s ease; cursor: pointer; position: relative;} .alphabet-letter.compact-letter {min-height: 38px; font-size: 0.95rem; padding: 8px 12px; border-radius: 6px; font-weight: 700; letter-spacing: 0.01em; display: inline-flex; align-items: center; justify-content: center;} .alphabet-letter.compact-letter.current {background: #0d2c3f; color: #fff; border: none;} /* Letras disponibles (que tienen categorías) */ .alphabet-letter.available {background: #ffffff; color: #374151; border-color: #9ca3af; font-weight: 600;} .alphabet-letter.available:hover {background: #3b82f6; color: white; border-color: #3b82f6;} /* Letras deshabilitadas (sin categorías) */ .alphabet-letter.disabled {background: #f9fafb; color: #d1d5db;
145 cursor: not-allowed; border-color: #f3f4f6;} .alphabet-letter.disabled:hover {background: #f9fafb; color: #d1d5db; border-color: #f3f4f6; transform: none;} /* Indicador visual para letras con contenido */ .alphabet-letter.available::after {content: ''; position: absolute; bottom: 1px; left: 50%; transform: translateX(-50%); width: 3px; height: 3px; background: #3b82f6; border-radius: 50%; opacity: 0.6;} .alphabet-letter.compact-letter.available::after {width: 2px; height: 2px; bottom: 1px;} .alphabet-letter.current::after, .alphabet-letter:hover::after {background: white; opacity: 1;} /* ===================================== GRUPOS DE LETRAS COMPACTOS ===================================== */ .letter-group {margin-bottom: 1.25rem; border: 1px solid #f3f4f6; border-radius: 6px; overflow: hidden; display: block; /* Siempre visibles por defecto */ opacity: 1; transition: opacity 0.2s ease, transform 0.2s ease;} .letter-group.compact-group {margin-bottom: 1rem; border-radius: 4px;} .letter-group:last-child {margin-bottom: 0;} .letter-group-header {background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%); padding: 0.5rem 1rem; position: relative;} .letter-group-header.compact-header {padding: 0.375rem 0.75rem;} .letter-title {color: white; font-size: 1rem; font-weight: 600; margin: 0; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);} .letter-title.compact-title {font-size: 0.875rem; font-weight: 500;} /* ===================================== GRID COMPACTO DE CATEGORÍAS ===================================== */ .letter-categories-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.5rem; padding: 1rem; background: #fafbfc;} .letter-categories-grid.compact-grid {grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 0.375rem; padding: 0.75rem;} .categories-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.5rem; margin: 0;} .categories-grid.compact-grid {grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 0.375rem;} /* ===================================== ITEMS DE CATEGORÍA COMPACTOS ===================================== */ .category-cluster-item {background: #ffffff; border: 1px solid #e2e8f0; border-radius: 4px; transition: all 0.15s ease; overflow: hidden;} .category-cluster-item.compact-item {border-radius: 3px;} .category-cluster-item:hover {background: #f8fafc; border-color: #cbd5e1; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);} .category-link {display: block; padding: 0.75rem; text-decoration: none; color: inherit; text-align: center;} .category-link.compact-link {padding: 0.5rem;} .category-name {font-size: 0.875rem; margin-bottom: 0.25rem; font-weight: 500; color: #374151; line-height: 1.2; word-break: break-word;} .category-name.compact-name {font-size: 0.8rem; margin-bottom: 0.125rem; font-weight: 500;} .category-count {font-size: 0.75rem; color: #6b7280; font-weight: 400;} .category-count.compact-count {font-size: 0.7rem; color: #9ca3af; font-weight: 400;} /* ===================================== WIDGETS DE TEXTO Y BÚSQUEDA COMPACTOS ===================================== */ .text-widget, .search-widget {background: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); text-align: center;} .text-widget.compact-text-widget, .search-widget.compact-search-widget {padding: 1rem; border-radius: 6px;} .text-widget .widget-title, .search-widget .widget-title {color: #1f2937; margin-bottom: 0.75rem; font-size: 1.25rem; font-weight: 600;} .text-widget .widget-content {color: #4b5563; line-height: 1.6; font-size: 0.9rem; text-align: left;} .text-widget .widget-content.compact-content {font-size: 0.85rem; line-height: 1.5;} .text-widget .widget-content p {margin-bottom: 0.75rem;} .text-widget .widget-content p:last-child {margin-bottom: 0;} /* Widget de búsqueda compacto */ .search-form {margin: 0;} .search-form.compact-form {margin-top: 0.5rem;} .search-input-group {display: flex; max-width: 400px; margin: 0 auto; border: 1px solid #d1d5db; border-radius: 6px; overflow: hidden;} .search-input-group.compact-input-group {max-width: 300px; border-radius: 4px;} .search-input {flex: 1; padding: 0.625rem 0.75rem; border: none; font-size: 0.875rem; outline: none;} .search-input.compact-input {padding: 0.5rem 0.625rem; font-size: 0.8rem;} .search-input::placeholder {color: #9ca3af;} .search-button {background: #3b82f6; color: white; border: none; padding: 0.625rem 1rem; cursor: pointer; font-size: 0.875rem; font-weight: 500; transition: background 0.15s ease; min-width: 50px;} .search-button.compact-button {padding: 0.5rem 0.75rem; font-size: 0.8rem; min-width: 40px;} .search-button:hover {background: #2563eb;} /* ===================================== ESTILOS PARA POSTS COMPACTOS ===================================== */ .post-grid-compact {display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; margin: 1.5rem 0;} .post-card-compact {background: white; border: 1px solid #e5e7eb; border-radius: 6px; padding: 1rem; transition: all 0.15s ease; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} .post-card-compact:hover {transform: translateY(-1px); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12); border-color: #cbd5e1;} .post-title-compact {margin: 0 0 0.5rem 0; font-size: 1rem; line-height: 1.3;} .post-title-compact a {color: var(--color-text, #1f2937) !important; text-decoration: none; font-weight: 600;} .post-title-compact a:hover {color: #3b82f6;} .post-meta-compact {display: flex; align-items: center; gap: 0.25rem; margin-bottom: 0.5rem; font-size: 0.75rem; color: #6b7280; flex-wrap: wrap;} .post-meta-compact.hide-date .post-date-compact {display: none;} .post-category-compact a {color: #3b82f6; text-decoration: none; font-weight: 500;} .post-category-compact a:hover {} .post-date-compact {color: #9ca3af;} .post-separator-compact {color: #d1d5db;} .post-excerpt-compact {font-size: 0.85rem; line-height: 1.4; color: #4b5563;} /* ===================================== PAGINACIÓN COMPACTA ===================================== */ .pagination-compact {display: flex; justify-content: center; align-items: center; gap: 0.375rem; margin: 2rem 0; flex-wrap: wrap;} .pagination-link-compact, .pagination-current-compact {padding: 0.375rem 0.625rem; border: 1px solid #e5e7eb; border-radius: 3px; text-decoration: none; font-size: 0.8rem; font-weight: 500; transition: all 0.15s ease; min-width: 32px; text-align: center;} .pagination-link-compact {color: #374151; background: white;} .pagination-link-compact:hover {background: #f9fafb; border-color: #d1d5db;} .pagination-current-compact {background: #3b82f6; color: white; border-color: #3b82f6;} /* ===================================== RESPONSIVE DESIGN COMPACTO ===================================== */ /* Tablets grandes (1024px) */ @media (max-width: 1024px) {.letter-categories-grid.compact-grid, .categories-grid.compact-grid {grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 0.375rem;} .post-grid-compact {grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));}} /* Tablets (768px) */ @media (max-width: 768px) {.categories-cluster-widget.compact-design {padding: 0.75rem;} .widget-title.compact-title {font-size: 1.125rem;} .widget-subtitle {font-size: 1rem;} .alphabet-nav.compact-nav {gap: 0.05rem; padding: 0.375rem;} .alphabet-letter.compact-letter {height: 36px; font-size: 0.65rem;} .letter-categories-grid.compact-grid, .categories-grid.compact-grid {grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 0.25rem; padding: 0.5rem;} .category-link.compact-link {padding: 0.375rem;} .category-name.compact-name {font-size: 0.75rem; margin-bottom: 0.125rem;} .category-count.compact-count {font-size: 0.65rem;} .letter-group-header.compact-header {padding: 0.25rem 0.5rem;} .letter-title.compact-title {font-size: 0.8rem;} .post-grid-compact {grid-template-columns: 1fr; gap: 0.75rem; margin: 1rem 0;} .post-card-compact {padding: 0.75rem;} .post-title-compact {font-size: 0.95rem; margin-bottom: 0.375rem;} .post-meta-compact {flex-direction: column; align-items: flex-start; gap: 0.125rem; font-size: 0.7rem;} .post-separator-compact {display: none;} .post-excerpt-compact {font-size: 0.8rem;} .text-widget.compact-text-widget, .search-widget.compact-search-widget {padding: 0.75rem;} .search-input-group.compact-input-group {max-width: 100%; flex-direction: column; border-radius: 4px;} .search-input.compact-input {border-bottom: 1px solid #e5e7eb;} .search-button.compact-button {border-radius: 0 0 4px 4px;}} /* Móviles pequeños (480px) */ @media (max-width: 480px) {.categories-cluster-widget.compact-design {padding: 0.5rem; margin: 1rem 0;} .widget-title.compact-title {font-size: 1rem;} .widget-subtitle {font-size: 1rem;} .alphabet-nav.compact-nav {gap: 0.025rem; padding: 0.25rem;} .alphabet-letter.compact-letter {width: 36px;
145 height: 26px; font-size: 0.6rem;} .letter-categories-grid.compact-grid, .categories-grid.compact-grid {grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 0.25rem; padding: 0.375rem;} .category-link.compact-link {padding: 0.25rem;} .category-name.compact-name {font-size: 0.7rem; margin-bottom: 0.075rem;} .category-count.compact-count {font-size: 0.6rem;} .letter-title.compact-title {font-size: 0.75rem;} .view-all-categories.compact-link {padding: 0.25rem 0.5rem; font-size: 0.7rem;} .post-card-compact {padding: 0.5rem;} .post-title-compact {font-size: 0.9rem;} .post-excerpt-compact {font-size: 0.75rem;} .pagination-compact {gap: 0.25rem;} .pagination-link-compact, .pagination-current-compact {padding: 0.25rem 0.375rem; font-size: 0.75rem; min-width: 28px;}} /* Móviles extra pequeños (320px) */ @media (max-width: 320px) {.letter-categories-grid.compact-grid, .categories-grid.compact-grid {grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));} .alphabet-letter.compact-letter {width: 36px; height: 26px; font-size: 0.55rem;} .category-name.compact-name {font-size: 0.65rem;} .category-count.compact-count {font-size: 0.55rem;}} /* ===================================== ESTADOS ESPECIALES Y ANIMACIONES
146   ===================================== */ /* Efectos de filtrado alfabético */ .letter-group.filtering-out {opacity: 0; transform: scale(0.95);} .letter-group.filtering-in {opacity: 1; transform: scale(1);} /* Loading state compacto */ .categories-cluster-widget.loading {opacity: 0.7; pointer-events: none;} .categories-cluster-widget.loading::after {content: ''; position: absolute; top: 50%; left: 50%; height: 24px; margin: -12px 0 0 -12px; border: 2px solid #f3f4f6; border-top: 2px solid #3b82f6; border-radius: 50%; animation: spin 1s linear infinite;} @keyframes spin {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} /* Focus states para accesibilidad */ .alphabet-letter:focus, .category-link:focus, .view-all-categories:focus, .search-input:focus, .search-button:focus, .pagination-link-compact:focus {outline: 2px solid #3b82f6; outline-offset: 1px;} /* Estados hover mejorados */ .category-cluster-item:hover .category-name.compact-name {color: #1f2937;} .category-cluster-item:hover .category-count.compact-count {color: #374151;} /* Transiciones suaves globales */ * {transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;} /* ===================================== MODO OSCURO COMPACTO (OPCIONAL) ===================================== */ @media (prefers-color-scheme: dark) {.categories-cluster-widget {background: #1f2937; border-color: #374151; color: #f9fafb;} .widget-title {color: #f9fafb;} .widget-subtitle {color: #d1d5db;} .category-cluster-item {background: #374151; border-color: #4b5563;} .category-cluster-item:hover {background: #4b5563; border-color: #6b7280;} .category-name {color: #f9fafb;} .category-count {color: #d1d5db;} .alphabet-nav {background: #374151;} .alphabet-letter {background: #4b5563; border-color: #6b7280; color: #d1d5db;} .letter-categories-grid {background: #374151;} .post-card-compact {background: #374151; border-color: #4b5563; color: #f9fafb;} .post-title-compact a {color: #f9fafb !important;} .post-excerpt-compact, .post-date-compact {color: #d1d5db;}} /* ===================================== UTILIDADES Y HELPERS ===================================== */ .widget-hidden {display: none !important;} .widget-visible {display: block !important;} .no-animation, .no-animation * {transition: none !important; animation: none !important;} /* Para debug y desarrollo */ .widget-debug {border: 1px dashed #ef4444 !important;} .widget-debug .category-cluster-item {border: 1px dashed #f59e0b !important;} /* Modo ultra compacto para casos extremos */ .ultra-compact .letter-categories-grid, .ultra-compact .categories-grid {grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 0.125rem;} .ultra-compact .category-link {padding: 0.25rem;} .ultra-compact .category-name {font-size: 0.7rem;} .ultra-compact .category-count {font-size: 0.6rem;} /* === Widget de texto formal === */ .formal-text-widget {background: linear-gradient(135deg, #e0e7ef 0%, #f8fafc 100%); border: 1.5px solid #cbd5e1; border-radius: 10px; padding: 1rem; box-shadow: 0 2px 12px rgba(30, 64, 175, 0.07); text-align: center; margin-bottom: 2rem;} .formal-text-widget .widget-title {font-size: 1.75rem; font-weight: 700; color: #1e293b; letter-spacing: 0.01em;} .formal-text-widget .widget-content {font-size: 1.15rem; color: #334155; line-height: 1.7; margin: 0 auto; max-width: 600px;} /* ====== Cluster de categorías compacto en columnas estilo referencia ====== */ .alphabet-nav.compact-nav {text-align: center; margin-bottom: 16px;} .alphabet-letter.compact-letter {background: #e5e8ec; color: #0d2c3f; font-weight: 700; border: 0; padding: 8px 14px; border-radius: 4px; margin: 4px; cursor: pointer; transition: background .2s; display: inline-block;} .alphabet-letter.compact-letter.current {background: #0d2c3f; color: #fff;} .alphabet-letter.compact-letter.available {color: #0d2c3f; background: #e5e8ec; cursor: pointer;} .alphabet-letter.compact-letter.disabled {color: #b0b0b0; background: #f3f4f6;
146 cursor: not-allowed;} .letter-group.compact-group {width: 100%; padding: 0; background: none; border: none; margin: 0; box-shadow: none;} .letter-group-header.compact-header {display: none;} .letter-title.compact-title {display: none;} .letter-categories-grid.compact-grid {display: flex; flex-wrap: wrap; gap: 18px; justify-content: flex-start; padding: 0px; background: #f7fafd;} .category-cluster-item.compact-item {flex: 1 1 240px; min-width: 200px; background: none; border: none; padding: 0; margin: 0; box-shadow: none; display: flex; flex-direction: column; align-items: center;} .category-link.compact-link {font-weight: 600; color: #0066c0; text-align: center; display: block; margin-bottom: 4px; font-size: 1.08rem; padding: 10px; width: 100%; border-radius: 4px; transition: background 0.15s, color 0.15s;} .category-link.compact-link:hover {color: #0d2c3f; background: #e5e8ec;} .category-name.compact-name {font-size: inherit; font-weight: inherit; color: inherit; margin: 0; display: inline;} .category-count.compact-count {display: none;} /* Estilos para layout de post con sidebar */ .post-layout.with-sidebar .main-content-area {display: flex; flex-direction: row; gap: 2rem;} .post-layout.with-sidebar .single-post {flex: 1 1 0; min-width: 0;} .post-layout.with-sidebar .recommended-widget-sidebar {width: 320px; flex-shrink: 0; margin-left: 0; margin-top: 0; background: #f8f9fa; border-radius: 8px; padding: 1.5rem 1rem; box-shadow: 0 2px 10px rgba(0,0,0,0.04); height: fit-content;} @media (max-width: 900px) {.post-layout.with-sidebar .main-content-area {flex-direction: column;} .post-layout.with-sidebar .recommended-widget-sidebar {width: 100%; margin-left: 0; margin-top: 2rem;}} .recommended-posts-widget {margin: 2rem 0; padding: 1rem; background: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);} .recommended-posts-list {list-style: none; padding: 0; margin: 0;} .recommended-post-item {display: flex; align-items: center; justify-content: space-between; padding: 1rem; margin-bottom: 0.5rem; border: 1px solid #e5e7eb; border-radius: 6px; text-decoration: none; color: #2c3e50; transition: all 0.2s ease;} .recommended-post-item:hover {background: #f8fafc; border-color: #3498db; transform: translateX(-4px);} .recommended-post-title {font-size: 1.1rem; font-weight: 500; margin: 0; flex: 1; padding-right: 1rem;} .recommended-post-arrow {color: #3498db; font-size: 1.2rem; opacity: 0; transform: translateX(-10px); transition: all 0.2s ease;} .recommended-post-item:hover .recommended-post-arrow {opacity: 1; transform: translateX(0);} @media (max-width: 768px) {.recommended-post-item {padding: 0.75rem;} .recommended-post-title {font-size: 1rem;} .button {width: 100%;}} /* Quitar subrayado de los enlaces al hover */ a:hover, .main-nav a:hover, .single-post a:hover, .category-link:hover, .view-all-categories:hover {text-decoration: none;} body {background: #f8f9fa; color: #003049; font-family: 'Inter', 'Segoe UI', Arial, sans-serif;} header, footer {background: var(--color-header-footer); color: #fff;} .header-content .logo {color: #fff;} a, .main-nav a, .single-post a {color: #1976d2; text-decoration: none; transition: color 0.18s;} a:hover, .main-nav a:hover, .single-post a:hover {color: #003049;} .button, .phone-call {background: #1976d2; color: #fff !important; border-radius: 8px; font-weight: 600; box-shadow: 0 2px 8px rgba(44,62,80,0.08);} .button:hover, .phone-call:hover {background: #003049;} .single-post, .post-card, .recommended-post-item {background: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(44,62,80,0.08); border: 1.5px solid #e0e4ea; color: #003049;} .single-post h1, .single-post h2, .single-post h3, .widget-title {color: #003049; font-weight: 800;} hr, .post-meta, .breadcrumb, .recommended-posts-widget {border-color: #e0e4ea;} .recommended-post-item {box-shadow: 0 2px 8px rgba(44,62,80,0.08); border: 1.5px solid #e0e4ea; background: #fff; color: #003049;} .recommended-post-item:hover {background: #f0f4fa; box-shadow: 0 8px 32px rgba(44,62,80,0.13); border-color: #1976d2;} .recommended-post-arrow {background: #e0e7ef; color: #1976d2;} .recommended-post-item:hover .recommended-post-arrow {background: #1976d2; color: #fff;} /* ===================================== ESTILOS PARA POSTS RECOMENDADOS ===================================== */ .recommended-posts-widget {margin: 2rem 0; padding: 0; font-family: 'Libre Franklin', sans-serif;} .post-link-box {display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.9rem 1rem; margin-bottom: 0.75rem; background: #fff; color: #181818; text-decoration: none; font-weight: 500; line-height: 1.4; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); position: relative; overflow: hidden; transition: all 0.2s;} .post-link-box> span {flex: 1; padding: 0; display: block; font-size: 1rem;} .post-link-box .btn {background: #f0f2f5; border: none; font-weight: 700; flex: 0 0 2.25rem; width: 2.25rem; height: 2.25rem; min-width: 2.25rem; min-height: 0; max-height: 2.25rem; position: static; text-align: center; display: flex; align-items: center; justify-content: center; color: #181818; line-height: 1; border-radius: 6px;} .post-link-box:hover {background: #fafafa;} .post-link-box .post-link-arrow, .post-link-box .chevron, .post-link-box .chevron.right {display: block; width: 0.42em; height: 0.42em; border: none; border-top: 2px solid currentColor; border-right: 2px solid currentColor; background: none; transform: rotate(45deg); font-size: 14px; line-height: 0;} .post-link-box .chevron.right::before {content: none; display: none;} .chevron {display: inline-block; position: relative;} @media (max-width: 768px) {.post-link-box {padding: 0.75rem;} .post-link-box .btn {width: 1.85rem; height: 1.85rem; min-width: 1.85rem; max-height: 1.85rem; flex-basis: 1.85rem;}} .category-header {margin-bottom: 1rem;} </style><style> :root {--color-primary: #005a55; --color-secondary: #006a65; --color-accent: #007a76; --color-background: #f0fdfa; --color-text: #00251a; --color-text-light: #004d40; --color-text-muted: #00695c; --color-border: #b2dfdb; --color-hover: #004c55; --color-header-footer: #005a55; --color-button: #006a65; --color-button-hover: #005a55; --color-link: #004c55; --color-link-hover: #005a55; --color-card-bg: #ffffff; --color-card-border: #b2dfdb; --color-card-shadow: rgba(0,105,92,0.1);} /* Variaciones dinámicas generadas para este sitio */ :root {--variation-spacing-base: 1.1769649933916; --variation-spacing-margin: 1.0303766174849; --variation-spacing-padding: 0.98625384908461;
146 --variation-typography-base: 0.95412078155397; --variation-typography-line-height: 1.6068357571526; --variation-typography-letter-spacing: -0.14075559859199px; --variation-border-radius: 1.0683165387569; --variation-border-width: 1.0668336151013; --variation-shadow-opacity: 0.053442190542557; --variation-shadow-blur: 1.1023021563433; --variation-shadow-offset: 0.88427577674588; --variation-transition-duration: 1.1962244819832; --variation-transition-easing: cubic-bezier(0.4, 0, 0.2, 1);} a.logo .site-brand, .gen-brand .site-brand {display: inline-flex; align-items: center; gap: 0.75rem; min-width: 0; max-width: 100%;} a.logo {display: flex; align-items: center; min-width: 0; max-width: min(58%, 26rem); text-decoration: none;} .site-brand-mark {flex: 0 0 40px; width: 40px; height: 40px; display: block;} .site-brand-mark svg {width: 40px; height: 40px; display: block; filter: drop-shadow(0 1px 2px rgba(0,0,0,.25));} .site-brand-text {display: flex; flex-direction: column; min-width: 0; justify-content: center; gap: 0.12rem; margin-left: 0.15rem; padding-left: 0.1rem;} .site-brand-name {font-weight: 700; font-size: clamp(0.86rem, 1.7vw, 1.12rem); letter-spacing: -0.02em; line-height: 1.18; overflow: hidden;} .site-brand-name strong {font-weight: 800;} .site-brand-name--stack span {display: block;} .site-brand-name--stack span:first-child {font-size: 0.72em; font-weight: 600; letter-spacing: 0.01em; opacity: 0.9;} .site-brand-bar {display: block; width: 1.35rem; height: 2px; border-radius: 2px; background: var(--site-brand-accent, var(--color-accent, #ffd54f));} .gen-skin a.gen-brand {display: flex; align-items: center; min-width: 0; max-width: min(72%, 26rem);} .gen-skin .site-brand-mark svg {filter: none;} .torrent-body a.logo, .movies-body a.logo {max-width: min(46%, 20rem);} .torrent-body .site-brand-mark, .torrent-body .site-brand-mark svg, .movies-body .site-brand-mark, .movies-body .site-brand-mark svg {width: 34px; height: 34px; flex-basis: 34px;} @media (max-width: 640px) {a.logo {max-width: 70%;} .site-brand-mark, .site-brand-mark svg {width: 34px; height: 34px; flex-basis: 34px;}}* {margin: 0; padding: 0; box-sizing: border-box;} /* Asegurar correcto encoding para caracteres Unicode (griego, etc.) */ html {charset: utf-8;} body {font-family: 'Inter', 'Segoe UI', Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: calc(1rem * var(--variation-typography-base, 1)); line-height: var(--variation-typography-line-height, 1.6); letter-spacing: var(--variation-typography-letter-spacing, 0);} .category-header {margin-bottom: 20px;} body {background: var(--color-background); color: var(--color-text); font-family: 'Inter', 'Segoe UI', Arial, sans-serif; line-height: 1.6;} /* Asegurar correcto renderizado de caracteres Unicode (griego, cirílico, etc.) */ * {unicode-bidi: normal; text-rendering: optimizeLegibility;} a, span, div, p, h1, h2, h3, h4, h5, h6 {word-break: normal; overflow-wrap: break-word;} header, footer, header.site-header, footer.site-footer {background: var(--color-header-footer) !important; background-color: var(--color-header-footer) !important; color: #fff !important;} .header-content .logo {color: #fff;} .container {max-width: 1200px; margin: 0 auto; padding: 0 20px; word-wrap: break-word;} header {box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 100;} .header-content {display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; flex-wrap: nowrap;} .logo {font-size: 1.5rem; font-weight: bold; text-decoration: none; min-width: 30%;} .logo-image {max-height: 50px; width: auto; display: block;} /* ====== Menú colapsable en móvil ====== */ .main-nav {position: relative; width: 100%; background: var(--color-header-footer); border-radius: 8px;} .nav-toggle {display: none; background: none; border: none; font-size: 2rem; position: absolute; right: 0.5rem; top: -60px; cursor: pointer; z-index: 101; color: #FFF;} .nav-list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; gap: 1.2rem; background: none; position: static; box-shadow: none; align-items: center; width: 100%; max-width: 100%;} .nav-list li a {display: block; min-width: 80px; max-width: 180px; padding: 0.5rem 1rem; border-radius: 6px; color: #fff; text-decoration: none; font-weight: 600; text-align: center; transition: background 0.2s, color 0.2s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase;} .nav-list li a:hover, .nav-list li a.active {background: var(--color-secondary); color: #fff;} @media (max-width: 768px) {.nav-toggle {color: #FFF; display: block; top: -40px;} .nav-list {display: none; flex-direction: column; gap: 0; background: #fff; position: absolute; left: 0; right: 0; top: 1.4rem; box-shadow: 0 2px 12px rgba(0,0,0,0.10); z-index: 100; border-radius: 0 0 12px 12px; padding: 0.5rem 0 0.5rem 0; align-items: stretch; max-width: 100vw; overflow-x: auto;} .nav-list.open {display: flex;} .nav-list li a {min-width: 0; max-width: 100vw; padding: 1rem 0; border-radius: 0;
146 border-bottom: 1px solid #f0f0f0; color: #222; white-space: normal; overflow: visible; text-overflow: initial;} .nav-list li:last-child a {border-bottom: none;}} /* Responsive compacto */ @media (max-width: 768px) {.button {width: 100%;} .post-grid-compact {grid-template-columns: 1fr; gap: 1rem; margin: 1.5rem 0;} .post-card-compact {padding: 1rem;} .post-title-compact {font-size: 1rem; margin-bottom: 0.5rem;} .hide-date {display: none;} .post-meta-compact {flex-direction: column; align-items: flex-start; gap: 0.25rem; font-size: 0.75rem;} .post-separator-compact {display: none;} .post-excerpt-compact {font-size: 0.85rem;} .pagination-compact {gap: 0.25rem;} .pagination-link-compact, .pagination-current-compact {padding: 0.375rem 0.5rem; font-size: 0.8rem;}} @media (max-width: 480px) {.post-card-compact {padding: 0.75rem;} .post-title-compact {font-size: 0.95rem;} .post-excerpt-compact {font-size: 0.8rem;} /* Optimización adicional para pantallas muy pequeñas */ .main-content .single-post, article.single-post, .single-post {padding: 0.75rem !important;} .single-post h1, article.single-post h1, .main-content .single-post h1 {font-size: 1.25rem !important; line-height: 1.3 !important; margin-bottom: 0.5rem !important; margin-top: 0 !important;} .single-post .post-meta, article.single-post .post-meta {font-size: 0.75rem !important;} .single-post .content, article.single-post .content {font-size: 0.9rem !important;} .single-post .content h2, article.single-post .content h2 {font-size: 1.1rem !important;} .single-post .content h3, article.single-post .content h3 {font-size: 1rem !important;} .post-toc-title {font-size: 0.9rem !important;} .post-toc-list a {font-size: 0.8rem !important;} /* Asegurar que el breadcrumb esté oculto */ nav.breadcrumb, .breadcrumb, .main-content .breadcrumb {display: none !important; visibility: hidden !important; height: 0 !important; margin: 0 !important; padding: 0 !important;}} nav ul {list-style: none; display: flex; gap: 2rem;} nav a {color: #555; text-decoration: none; font-weight: 500; transition: color 0.3s;} nav a:hover {color: var(--color-secondary);} .main-content {min-height: calc(100vh - 200px); margin-top: 1em;} .main-content ul li {margin-left: 40px;} .post-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2rem; margin-bottom: 2rem;} .post-card {background: var(--color-card-bg); border-radius: 8px; padding: 1.5rem; box-shadow: 0 2px 10px var(--color-card-shadow); transition: transform 0.3s, box-shadow 0.3s;} .post-card:hover {transform: translateY(-5px); box-shadow: 0 5px 20px rgba(0,0,0,0.15);} .post-title {font-size: 1.25rem; margin-bottom: 0.5rem;} .post-title a {color: var(--color-text) !important; text-decoration: none;} .post-title a:hover {color: var(--color-secondary);} .post-meta {color: var(--color-text-muted); font-size: 0.9rem; margin-bottom: 1rem;} .post-excerpt {color: var(--color-text-muted); line-height: 1.6;} .pagination {display: flex; justify-content: center; gap: 0.5rem; margin: 2rem 0;} .pagination a, .pagination span {padding: 0.5rem 1rem; border: 1px solid var(--color-border); text-decoration: none; color: var(--color-text); border-radius: 4px; background: var(--color-card-bg);} .pagination a:hover {background: var(--color-link); color: white; border-color: var(--color-link);} .pagination .current {background: var(--color-link); color: white; border-color: var(--color-link);} /* Paginación compacta (home) */ .pagination-compact {display: flex; justify-content: center; align-items: center; gap: 0.5rem; margin: 2.5rem 0; flex-wrap: wrap;} .pagination-link-compact, .pagination-current-compact {padding: 0.5rem 0.75rem; border: 1px solid var(--color-border); border-radius: 4px; text-decoration: none; font-size: 0.875rem; font-weight: 500; transition: all 0.15s ease; background: var(--color-card-bg);} .pagination-link-compact {color: var(--color-text);} .pagination-link-compact:hover {background: var(--color-background); border-color: var(--color-border); color: var(--color-link);} .pagination-current-compact {background: var(--color-link); color: white; border-color: var(--color-link);} .pagination-dots-compact {color: var(--color-text-muted); padding: 0 0.25rem;} .post-container {display: flex; gap: 2rem;} .post-container.with-sidebar .main-content {flex: 1;} .post-container .sidebar {width: 300px; flex-shrink: 0;} .single-post {background: var(--color-card-bg); border-radius: 8px; padding: 2rem; box-shadow: 0 2px 10px var(--color-card-shadow);} .single-post img {max-width: 100%;} .single-post h1 {color: var(--color-text-light); margin-bottom: 1rem; font-size: 2rem; line-height: 1.3; word-wrap: break-word;} .single-post .post-meta {border-bottom: 1px solid #eee; padding-bottom: 1rem; margin-bottom: 2rem;} .single-post .content {line-height: 1.8;} .single-post .content p {margin-bottom: 1rem;} .single-post .content h2 {margin: 2rem 0 1rem 0; color: var(--color-text-light);} footer {text-align: center; padding: 2rem 0; margin-top: 3rem;} @media (max-width: 768px) {.header-content {flex-direction: column;} .nav-toggle {display: block; color: #FFF;} .nav-list {display: none; flex-direction: column; gap: 0; background: #fff; position: absolute; left: 0; right: 0; top: 1.4rem; box-shadow: 0 2px 12px rgba(0,0,0,0.10); z-index: 100; border-radius: 0 0 12px 12px; padding: 0.5rem 0 0.5rem 0; align-items: stretch;} .nav-list.open {display: flex;} .nav-list li a {padding: 1rem 0; border-radius: 0;
146 border-bottom: 1px solid #f0f0f0; color: #222;} .nav-list li:last-child a {border-bottom: none;} .post-grid {grid-template-columns: 1fr;} /* Ocultar breadcrumb en móviles - alta especificidad */ nav.breadcrumb, .breadcrumb, .main-content .breadcrumb {display: none !important; visibility: hidden !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important;} /* Optimizar post-container para móviles */ .post-container {flex-direction: column !important; gap: 1rem !important;} .post-container .sidebar {width: 100% !important;} /* Optimizar single-post para móviles - alta especificidad */ .main-content .single-post, article.single-post, .single-post {padding: 1rem !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important;} /* Título optimizado para móviles */ .single-post h1, article.single-post h1, .main-content .single-post h1 {font-size: 1.4rem !important; line-height: 1.3 !important; margin-bottom: 0.5rem !important; margin-top: 0 !important; font-weight: 700 !important;} /* Optimizar post-meta en móviles */ .single-post .post-meta, article.single-post .post-meta {font-size: 0.8rem !important; padding-bottom: 0.75rem !important; margin-bottom: 1rem !important; line-height: 1.4 !important;} /* Optimizar imagen principal en móviles */ .single-post img[style*="max-height"] {max-height: 200px !important; margin: 0.75rem 0 !important; border-radius: 4px !important;} /* Optimizar índice de contenido en móviles */ .post-toc {margin: 1rem 0; font-size: 0.9rem;} .post-toc-header {padding: 0.6rem 0.75rem;} .post-toc-title {font-size: 0.95rem;} .post-toc-toggle {font-size: 1.2rem;} .post-toc-checkbox:checked ~ .post-toc-content {padding: 0.5rem 0.75rem;} .post-toc-list a {font-size: 0.85rem; padding: 0.25rem 0.5rem; padding-left: 1.2rem;} .post-toc-list li::before {font-size: 0.75em; left: 0.3rem;} .post-toc-list li.toc-h2> a {padding-left: 1.2rem; font-size: 0.85rem;} .post-toc-list li.toc-h3> a {padding-left: 2rem; font-size: 0.8rem;} .post-toc-list li.toc-h4> a {padding-left: 2.8rem; font-size: 0.75rem;} .post-toc-list li.toc-h3::before {left: 1.2rem;} .post-toc-list li.toc-h4::before {left: 2rem;} .post-toc-list li.toc-h5::before, .post-toc-list li.toc-h6::before {display: none;} .post-toc-list li.toc-h5> a, .post-toc-list li.toc-h6> a {padding-left: 3rem; font-size: 0.7rem;} /* Optimizar contenido del post en móviles */ .single-post .content, article.single-post .content {font-size: 0.95rem !important; line-height: 1.6 !important;} .single-post .content p, article.single-post .content p {margin-bottom: 0.875rem !important;} .single-post .content h2, article.single-post .content h2 {font-size: 1.2rem !important; margin: 1.25rem 0 0.75rem 0 !important;} .single-post .content h3, article.single-post .content h3 {font-size: 1.1rem !important; margin: 1rem 0 0.5rem 0 !important;} /* Optimizar navegación entre posts en móviles */ .post-navigation {flex-direction: column; gap: 0.5rem; margin: 1.5rem 0 1rem 0;} .post-nav-link {font-size: 0.85rem; padding: 0.5rem; text-align: center;} /* Ocultar autor mini-avatar en móviles para ahorrar espacio */ .author-mini-avatar {display: none !important;} /* Optimizar contenedor principal en móviles */ .container {padding: 0 10px !important;} .main-content {margin-top: 0.5rem !important;} /* Asegurar que el post-container no tenga padding extra */ .post-container .main-content {margin-top: 0 !important;}} /* ====== Estilos de formularios ====== */ .main-content form {border-radius: 8px; padding: 1rem; max-width: 600px;} .main-content form label {font-weight: 500; color: var(--color-text-light); display: block; margin-bottom: 0.5rem;} .main-content form input[type="text"], .main-content form input[type="email"], .main-content form input[type="password"], .main-content form textarea {width: 100%; padding: 0.75rem 1rem; border: 1px solid #ddd; border-radius: 5px; font-size: 1rem; background: #f8f9fa; transition: border-color 0.2s, box-shadow 0.2s;} .main-content form input[type="text"]:focus, .main-content form input[type="email"]:focus, .main-content form input[type="password"]:focus, .main-content form textarea:focus {border-color: var(--color-secondary); outline: none; box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1); background: var(--color-card-bg);} .main-content form textarea {min-height: 100px; resize: vertical;} .main-content form button, .main-content form input[type="submit"] {background: var(--color-button); color: #fff; border: none; border-radius: 0px 5px 5px 0px; padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; cursor: pointer; transition: background 0.2s, box-shadow 0.2s; box-shadow: 0 2px 8px var(--color-card-shadow);} .main-content form button:hover, .main-content form input[type="submit"]:hover {background: var(--color-button-hover);} .main-content form .form-group {margin-bottom: 1.5rem;} .main-content form .form-row {display: flex; gap: 1rem;} .main-content form .form-row> * {flex: 1;}
146 .main-content form .form-error {color: #e74c3c; font-size: 0.95rem; margin-bottom: 1rem;} .main-content form .form-success {color: #27ae60; font-size: 0.95rem; margin-bottom: 1rem;} /* ====== Estilo para el selector de idioma ====== */ .main-nav select {padding: 0.5rem 1.5rem 0.5rem 0.75rem; border: 1px solid #ddd; border-radius: 6px; font-size: 1rem; background: #f8f9fa url('data:image/svg+xml;utf8,<svg fill="%233498db" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7.293 7.293a1 1 0 011.414 0L10 8.586l1.293-1.293a1 1 0 111.414 1.414l-2 2a1 1 0 01-1.414 0l-2-2a1 1 0 010-1.414z"/></svg>') no-repeat right 0.75rem center/1.2em auto; appearance: none; -webkit-appearance: none; -moz-appearance: none; color: #2c3e50; box-shadow: 0 1px 4px rgba(44,62,80,0.04); transition: border-color 0.2s, box-shadow 0.2s;} .main-nav select:focus {border-color: var(--color-secondary); outline: none; box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1); background-color: var(--color-card-bg);} .main-nav div[style*="text-align: center"] {margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; justify-content: center;} a, .main-nav a, .single-post a {color: var(--color-link); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; transition: color 0.18s, text-decoration-color 0.18s;} a:hover, .main-nav a:hover, .single-post a:hover {color: var(--color-link-hover); text-decoration-color: var(--color-link-hover);} .button, .phone-call {background: var(--color-button); color: #fff !important; border-radius: 8px; font-weight: 600; box-shadow: 0 2px 8px var(--color-card-shadow); border: none;} .button:hover, .phone-call:hover {background: var(--color-button-hover); color: #fff !important;} .single-post, .post-card, .recommended-post-item {background: var(--color-card-bg); border-radius: 12px; box-shadow: 0 2px 8px var(--color-card-shadow); border: 1.5px solid var(--color-card-border); color: var(--color-text);} .single-post h1, .single-post h2, .single-post h3, .widget-title {color: var(--color-text); font-weight: 800;} hr, .post-meta, .breadcrumb, .recommended-posts-widget {border-color: var(--color-card-border);} .breadcrumb {background: var(--color-background); border-radius: 4px; padding: 1rem;} .breadcrumb a {color: var(--color-link) !important; text-decoration: underline;} .breadcrumb a:hover {color: var(--color-link-hover) !important;} .breadcrumb span {color: var(--color-text-muted);} .breadcrumb-current {color: var(--color-text); font-weight: 600;} /* Enlaces en contenido de posts */ .single-post .content a, .page-content a {color: var(--color-link); text-decoration: none;} .single-post .content a:hover, .page-content a:hover {color: var(--color-link-hover);} header, footer, header.site-header, footer.site-footer {background: var(--color-header-footer) !important; background-color: var(--color-header-footer) !important; color: #fff !important;} .header-content .logo, header .logo, header.site-header .logo, .nav-toggle {color: #fff !important; text-decoration: none !important;} @media (min-width: 769px) {header .nav-list li a, header.site-header .nav-list li a {color: #fff !important; text-decoration: none !important;}} footer .footer-title, footer .footer-text, footer .footer-text p, footer p, footer h2, footer h4, footer.site-footer .footer-title, footer.site-footer p, footer.site-footer h2, footer.site-footer h4 {color: #fff !important;} footer a, footer .footer-link, footer .footer-link-accent, footer.site-footer a, footer.site-footer .footer-link {color: #fff !important; text-decoration: none;} /* Enlaces en footer */ footer a {color: #fff; text-decoration: none;} footer a:hover {color: var(--color-link-hover);} /* Estilos para footer */ .footer-title {margin-bottom: 1rem; color: #ffffff; font-size: 1.25rem; font-weight: 600;} .footer-link {color: #ffffff !important; text-decoration: none; opacity: 0.9; transition: opacity 0.2s ease;} .footer-link:hover {color: #ffffff !important; opacity: 1; text-decoration: underline;} .footer-link-accent {color: #ffffff !important; text-decoration: underline; font-weight: 500; opacity: 1;} .footer-link-accent:hover {color: #ffffff !important; opacity: 0.8;} .footer-text {color: #ffffff; line-height: 1.8; word-wrap: break-word;} .footer-text p {color: #ffffff;} /* Enlaces de categorías en posts */ .post-category-link {color: var(--color-link); text-decoration: underline; font-weight: 500; font-size: 0.875rem;} .post-category-link:hover {color: var(--color-link-hover);} .breadcrumb-link {color: var(--color-link); text-decoration: underline;} .breadcrumb-link:hover {color: var(--color-link-hover);} /* Estilos para widgets de categorías */ .category-link, .category-link.compact-link, .compact-link {color: var(--color-link) !important; text-decoration: none;} .category-link:hover, .category-link.compact-link:hover, .compact-link:hover {color: var(--color-link-hover) !important;} .category-name, .compact-name {color: var(--color-link) !important;} .category-cluster-item:hover .category-name, .category-cluster-item:hover .compact-name {color: var(--color-link-hover) !important;} .view-all-categories, .view-all-categories.compact-link {color: var(--color-link) !important; text-decoration: underline;} .view-all-categories:hover, .view-all-categories.compact-link:hover {color: var(--color-link-hover) !important;} .recommended-post-item {box-shadow: 0 2px 8px var(--color-card-shadow); border: 1.5px solid var(--color-card-border); background: var(--color-card-bg); color: var(--color-text);} .recommended-post-item:hover {background: var(--color-background); box-shadow: 0 8px 32px var(--color-card-shadow); border-color: var(--color-secondary);} .recommended-post-arrow {background: var(--color-border); color: var(--color-text); font-weight: 600; font-size: 30px;} .recommended-post-item:hover .recommended-post-arrow {background: var(--color-secondary); color: #fff;} /* Listado de recomendados: anula style.css (chevron + btn absoluto) */ .recommended-posts-widget {display: flex; flex-direction: column; gap: 0.75rem; margin: 1.25rem 0; padding: 0;} .post-link-box {display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; background: var(--color-card-bg) !important; border: 1.5px solid var(--color-card-border); border-radius: 8px !important; padding: 0.9rem 1rem !important; margin-bottom: 0 !important; text-decoration: none !important; color: var(--color-text) !important; font-weight: 500 !important; box-shadow: 0 2px 8px var(--color-card-shadow); transition: background 0.2s, box-shadow 0.2s, border-color 0.2s; position: relative; overflow: visible !important;} .post-link-box:hover {background: var(--color-background) !important; box-shadow: 0 8px 32px var(--color-card-shadow); border-color: var(--color-secondary);} .post-link-box> span {flex: 1; padding: 0 0.5rem 0 0 !important; display: block; font-size: 1rem; line-height: 1.45; word-wrap: break-word; overflow-wrap: break-word; color: inherit;} .post-link-box .btn {flex: 0 0 2.25rem !important; align-self: center; width: 2.25rem !important; height: 2.25rem !important; min-width: 2.25rem !important; min-height: 0 !important; max-height: 2.25rem !important; position: static !important; top: auto !important; right: auto !important; transform: none !important; display: flex !important; align-items: center; justify-content: center; background: var(--color-border) !important; border: none !important; border-radius: 6px; color: var(--color-text) !important; line-height: 1; transition: background 0.2s, color 0.2s;} .post-link-box:hover .btn {background: var(--color-secondary) !important; color: #fff !important;} .post-link-box .btn span, .post-link-box .post-link-arrow, .post-link-box .chevron, .post-link-box .chevron.right {display: block !important; flex: none !important; width: 0.42em !important; height: 0.42em !important; padding: 0 !important; margin: 0 0.12em 0 0 !important; border: none !important; border-top: 2px solid currentColor !important; border-right: 2px solid currentColor !important; background: none !important; transform: rotate(45deg); font-size: 14px; line-height: 0;} .post-link-box .chevron.right::before, .post-link-box:hover .chevron.right::before {content: none !important; display: none !important; border: none !important; width: 0 !important; height: 0 !important;} .post-link-box:hover .chevron.right {border-color: #fff !important;} @media (max-width: 768px) {.post-link-box {padding: 0.75rem !important;} .post-link-box> span {padding-right: 0.4rem !important; font-size: 0.9rem; line-height: 1.35;} .post-link-box .btn {width: 1.85rem !important; height: 1.85rem !important; min-width: 1.85rem !important; max-height: 1.85rem !important; flex-basis: 1.85rem !important;} /* Optimizar widgets de recomendados en móviles */ .recommended-widget {margin: 1rem 0;} .recommended-posts-widget {gap: 0.5rem;} /* Optimizar text-widget en móviles */ .text-widget {padding: 0.75rem; margin-bottom: 1rem;} .text-widget .widget-title {font-size: 1.1rem; margin-bottom: 0.5rem;} .text-widget .widget-content {font-size: 0.9rem;} /* Optimizar contenedor principal en móviles */ .container {padding: 0 10px;} .main-content {margin-top: 0.5rem;} /* Optimizar botones en móviles */ .button, .phone-call {padding: 0.6em 1.5em; font-size: 0.9rem; margin: 0.4em 0.4em 0.4em 0;}} /* Estilos para el widget de texto */ .text-widget {background: var(--color-card-bg); border-radius: 12px; padding: 1rem; margin-bottom: 2rem; box-shadow: 0 2px 8px var(--color-card-shadow); border: 1.5px solid var(--color-card-border);} /* Estilos específicos por posición */ .text-widget-before {margin-bottom: 2rem;} .text-widget-middle {margin: 2rem 0;} .text-widget-after {margin-top: 2rem;} .text-widget-sidebar {margin-bottom: 1rem;} /* Contenedor de widgets para layout */ .text-widget-container {width: 100%;} .text-widget-container.sidebar-content {width: 300px; float: right; margin-left: 2rem; margin-top: 1em;} @media (max-width: 768px) {.text-widget-container.sidebar-content {width: 100%; float: none; margin-left: 0;}} .text-widget .widget-title {color: var(--color-text); font-size: 1.75rem; font-weight: 800; margin-bottom: 1rem;}
146 .text-widget .widget-content {color: var(--color-text-light); line-height: 1.6;} .text-widget .widget-content p {margin-bottom: 1rem;} .text-widget .widget-content p:last-child {margin-bottom: 0;} .video-container {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* Aspect ratio 16:9 */ margin-bottom: 2rem; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,0.1);} .video-container video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} .video-info {margin-bottom: 2rem;} .video-details {background: #f8fafc; padding: 1.5rem; border-radius: 8px; border: 1px solid #e2e8f0;} .video-stats {background: #fff; padding: 1rem; border-radius: 8px; border: 1px solid #e2e8f0; box-shadow: 0 1px 3px rgba(0,0,0,0.1);} .info-item {display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px solid #e5e7eb;} .info-item:last-child {border-bottom: none;} .info-label {font-weight: 600; color: #374151;} .info-value {color: #6b7280;} .tags {display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem;} .tag {background: #3b82f6; color: white; padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.875rem; font-weight: 500;} .button {display: inline-block; background: var(--color-button); color: #fff !important; border: none; border-radius: 6px; padding: 0.75em 2em; font-size: 1rem; font-weight: 700; text-align: center; cursor: pointer; transition: background 0.18s, box-shadow 0.18s; box-shadow: 0 2px 8px var(--color-card-shadow); margin: 0.5em 0.5em 0.5em 0; text-decoration: none;} .button:hover {background: var(--color-button-hover); color: #fff !important; text-decoration: none;} .button-container {display: flex; flex-wrap: wrap; justify-content: center; margin: 1rem 0;} .download-section {background: linear-gradient(135deg, #e0e7ef 0%, #f8fafc 100%); border: 1.5px solid #cbd5e1; border-radius: 10px; padding: 2rem; text-align: center; margin: 2rem 0;} .download-info {margin-bottom: 1rem;} /* ====== Estilos para tablas en posts ====== */ .single-post .content table {width: 100%; border-collapse: collapse; margin: 1.5rem 0; background: var(--color-card-bg); box-shadow: 0 2px 8px var(--color-card-shadow); border: 1.5px solid var(--color-card-border); border-radius: 8px; overflow: hidden;} .single-post .content table thead {background: var(--color-header-footer); color: #fff;} .single-post .content table thead th {padding: 1rem; text-align: left; font-weight: 700; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.5px;} .single-post .content table tbody tr {border-bottom: 1px solid var(--color-card-border); transition: background-color 0.2s;} .single-post .content table tbody tr:last-child {border-bottom: none;} .single-post .content table tbody tr:hover {background-color: var(--color-background);} .single-post .content table tbody td {padding: 0.875rem 1rem; color: var(--color-text-light); line-height: 1.6;} .single-post .content table tbody td:first-child {font-weight: 600; color: var(--color-text);} @media (max-width: 768px) {.single-post .content table {display: block; overflow-x: auto; -webkit-overflow-scrolling: touch;} .single-post .content table thead, .single-post .content table tbody, .single-post .content table tr, .single-post .content table td, .single-post .content table th {display: block;} .single-post .content table thead {display: none;} .single-post .content table tbody tr {margin-bottom: 1rem; border: 1px solid var(--color-card-border); border-radius: 8px; padding: 0.5rem; background: var(--color-card-bg);} .single-post .content table tbody td {padding: 0.5rem; text-align: right; border-bottom: 1px solid var(--color-border);} .single-post .content table tbody td:before {content: attr(data-label); float: left; font-weight: 700; color: var(--color-text);} .single-post .content table tbody td:last-child {border-bottom: none;}} /* ====== Estilos para índice de contenido ====== */ .post-toc {background: var(--color-background); border: 1.5px solid var(--color-card-border); border-radius: 8px; padding: 0; margin: 2rem 0; box-shadow: 0 2px 8px var(--color-card-shadow);} .post-toc-header {display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1rem; cursor: pointer; user-select: none; background: #fff; border-bottom: 1px solid #e0e4ea; border-radius: 8px 8px 0 0; transition: background-color 0.2s;} .post-toc-header:hover {background: #f0f4fa;} .post-toc-title {margin: 0; font-size: 1.1rem; font-weight: 700; color: var(--color-text);} .post-toc-checkbox {display: none;} .post-toc-toggle {font-size: 1.5rem; color: var(--color-text); transition: transform 0.3s; line-height: 1;} .post-toc-checkbox:not(:checked) ~ .post-toc-header .post-toc-toggle {transform: rotate(-90deg);} .post-toc-content {padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out, padding 0.3s ease-out;} .post-toc-checkbox:checked ~ .post-toc-content {max-height: 2000px; padding: 0.75rem 1rem;} .post-toc-list {list-style: none; padding: 0; margin: 0;} .post-toc-list li {margin-bottom: 0.35rem; position: relative;} .post-toc-list li::before {content: '▸'; color: var(--color-secondary); font-size: 0.85em; position: absolute; left: 0.5rem; top: 50%; transform: translateY(-50%); transition: transform 0.2s; line-height: 1;} .post-toc-list a {color: var(--color-link); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; display: block; padding: 0.35rem 0.5rem; padding-left: 1.5rem; border-radius: 4px; transition: background-color 0.2s, color 0.2s, padding-left 0.2s, text-decoration-color 0.2s; line-height: 1.4; font-size: 0.95rem;} .post-toc-list a:hover {background: rgba(25, 118, 210, 0.1); color: var(--color-link-hover); text-decoration-color: var(--color-link-hover);} .post-toc-list li.toc-h2::before {left: 0.5rem;} .post-toc-list li.toc-h2> a {font-weight: 600; font-size: 0.95rem; padding-left: 1.5rem;} .post-toc-list li.toc-h3::before {left: 2rem;} .post-toc-list li.toc-h3> a {font-weight: 500; font-size: 0.9rem; padding-left: 3rem; color: #555;} .post-toc-list li.toc-h4::before {left: 3.5rem;} .post-toc-list li.toc-h4> a {font-weight: 400; font-size: 0.85rem; padding-left: 4.5rem; color: #666;} .post-toc-list li.toc-h5::before, .post-toc-list li.toc-h6::before {left: 5rem;} .post-toc-list li.toc-h5> a, .post-toc-list li.toc-h6>
146 a {font-weight: 400; font-size: 0.8rem; padding-left: 6rem; color: #777;} .post-toc-list li.toc-h2> a:hover {padding-left: 1.75rem;} .post-toc-list li.toc-h3> a:hover {padding-left: 3.25rem;} .post-toc-list li.toc-h4> a:hover {padding-left: 4.75rem;} .post-toc-list li.toc-h5> a:hover, .post-toc-list li.toc-h6> a:hover {padding-left: 6.25rem;} .post-toc-list li:hover::before {transform: translateY(-50%) translateX(0.2rem);} /* Paleta del sitio: gana a header {background:#fff} posteriores. Usa la variable (cada web su color), no un hex global. */ header, footer, header.site-header, footer.site-footer {background: var(--color-header-footer) !important; background-color: var(--color-header-footer) !important; color: #fff !important;} header .logo, header.site-header .logo, .header-content .logo, .nav-toggle {color: #fff !important;} @media (min-width: 769px) {header .nav-list li a, header.site-header .nav-list li a {color: #fff !important;}} footer .footer-title, footer .footer-text, footer .footer-text p, footer p, footer h2, footer h4, footer a, footer .footer-link, footer .footer-link-accent, footer.site-footer .footer-title, footer.site-footer p, footer.site-footer a, footer.site-footer .footer-link {color: #fff !important;} body {font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background: #fff;} .newspaper-header.site-header, header.newspaper-header {background: var(--color-header-footer) !important; background-color: var(--color-header-footer) !important; color: #fff !important; box-shadow: none; border-bottom: 0; position: sticky; top: 0; z-index: 200;} .np-topbar {background: var(--color-header-footer) !important; color: #fff !important; font-size: 0.78rem; letter-spacing: 0.02em;} .np-topbar-inner {display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 2.1rem; padding: 0.25rem 0;} .np-date {text-transform: capitalize; opacity: 0.95; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .np-topbar-right {display: flex; align-items: center; gap: 0.75rem; flex-shrink: 0;} .np-search {display: flex; align-items: center; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.25); border-radius: 2px; overflow: hidden;} .np-search input {background: transparent; border: 0; color: #fff; padding: 0.28rem 0.55rem; font-size: 0.78rem; width: 11rem; outline: none;} .np-search input::placeholder {color: rgba(255,255,255,0.7);} .np-search button {background: transparent; border: 0; color: #fff; cursor: pointer; padding: 0.28rem 0.55rem; font-size: 0.85rem;} .np-lang {padding: 0.2rem 0.35rem; border: 1px solid rgba(255,255,255,0.35); background: transparent; color: #fff; font-size: 0.75rem; border-radius: 2px;} .np-lang option {color: #111;} .np-masthead {background: var(--color-header-footer) !important; border-bottom: 1px solid rgba(255,255,255,0.18);} .np-masthead-inner {display: flex; align-items: center; justify-content: flex-start; position: relative; padding: 0.7rem 0 0.55rem;} .newspaper-header a.logo, .newspaper-header .header-content .logo {color: #fff !important; max-width: none !important; min-width: 0 !important; justify-content: flex-start;} .newspaper-header .site-brand-name {font-family: Georgia, "Times New Roman", Times, serif; font-size: clamp(1.55rem, 3.4vw, 2.55rem); font-weight: 800; letter-spacing: -0.035em; line-height: 1.05; color: #fff !important;} .newspaper-header .site-brand-text {color: #fff !important;} .newspaper-header .logo-image {max-height: 64px;} .newspaper-header .site-brand-mark, .newspaper-header .site-brand-mark svg {width: 52px; height: 52px; flex-basis: 52px;} .post-card-clickable {cursor: pointer;} .newspaper-header .nav-toggle {color: #fff !important; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 1.7rem; display: none;} .np-sections.main-nav {background: #fff !important; border-radius: 0; border-bottom: 3px solid var(--color-primary); width: 100%; position: relative;} .np-sections .nav-list {justify-content: flex-start; gap: 0; flex-wrap: wrap;} .np-sections .nav-list li a, header.newspaper-header.site-header .np-sections .nav-list li a {color: var(--color-text) !important; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; padding: 0.7rem 0.85rem; border-radius: 0; min-width: 0; max-width: none;} .np-sections .nav-list li a:hover, .np-sections .nav-list li a.active, header.newspaper-header.site-header .np-sections .nav-list li a:hover {background: transparent; color: var(--color-primary) !important; box-shadow: inset 0 -3px 0 var(--color-primary);} .container {max-width: 1280px; /* np-desktop-wide */} .main-content {margin-top: 0.5rem;} .np-article-layout> .np-article-main {min-height: 0; margin-top: 0;} .np-breadcrumb {margin: 0 0 0.85rem; padding: 0.35rem 0; font-size: 0.82rem; color: #777;} .np-breadcrumb-inner {display: flex; align-items: center; flex-wrap: wrap; gap: 0.35rem 0.45rem;} .np-breadcrumb a {color: #666; text-decoration: none;} .np-breadcrumb a:hover {color: var(--color-primary);} /* Ticker última hora */ .np-ticker {display: flex; align-items: stretch; background: #fff; border: 1px solid #e4e4e4; margin: 0 0 1.15rem; overflow: hidden;} .np-ticker-label {background: var(--color-primary); color: #fff; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; padding: 0.55rem 0.85rem; display: flex; align-items: center; flex-shrink: 0;} .np-ticker-viewport {overflow: hidden; flex: 1; position: relative;} .np-ticker-track {display: flex; gap: 1.75rem; align-items: center; padding: 0.55rem 1rem; white-space: nowrap; animation: np-marquee 42s linear infinite; width: max-content;} .np-ticker:hover .np-ticker-track {animation-play-state: paused;} .np-ticker-track a {color: var(--color-text); text-decoration: none; font-size: 0.9rem; font-weight: 600;} .np-ticker-track a:hover {color: var(--color-primary); text-decoration: underline;} .np-ticker-sep {color: var(--color-primary); font-weight: 800;} @keyframes np-marquee {0% {transform: translateX(0);} 100% {transform: translateX(-50%);}} /* Portada: destacado + columna */ .np-opening {display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(260px, 0.9fr); gap: 1.25rem 1.5rem; background: #fff; border: 1px solid #e4e4e4; padding: 1rem 1.1rem 1.15rem; margin-bottom: 1.25rem;} .np-opening.np-opening-solo {grid-template-columns: 1fr;} .np-lead {display: block; text-decoration: none; color: inherit; min-width: 0;} .np-lead-media {display: block; margin-bottom: 0.75rem; overflow: hidden; background: #ddd;} .np-lead-media img {width: 100%; height: 340px; object-fit: cover; display: block;} .np-kicker {display: inline-block; color: var(--color-primary); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; margin-bottom: 0.35rem;} .np-lead-title {font-family: Georgia, "Times New Roman", Times, serif; font-size: clamp(1.55rem, 2.4vw, 2.15rem); font-weight: 700; line-height: 1.18; margin: 0 0 0.45rem; color: var(--color-text);} .np-lead:hover .np-lead-title {color: var(--color-primary);} .np-lead-excerpt {color: #444; font-size: 1rem; line-height: 1.45; margin: 0 0 0.45rem;} .np-meta {color: #777; font-size: 0.78rem; display: flex; flex-wrap: wrap; gap: 0.35rem 0.6rem;} .np-side {display: flex; flex-direction: column; border-left: 1px solid #ececec; padding-left: 1.15rem; min-width: 0;} .np-side-item {padding: 0.7rem 0; border-bottom: 1px solid #ececec;} .np-side-item:first-child {padding-top: 0;} .np-side-item:last-child {border-bottom: 0; padding-bottom: 0;} .np-side-item a.np-side-link {text-decoration: none; color: inherit; display: block;} .np-side-title {font-size: 1.05rem; font-weight: 800; line-height: 1.25; margin: 0; color: var(--color-text);} .np-side-item:hover .np-side-title {color: var(--color-primary);} .np-side-excerpt {color: #555; font-size: 0.88rem; line-height: 1.4; margin: 0.3rem 0 0;} .np-home-body {display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; align-items: start;} .np-home-body.has-sidebar {grid-template-columns: minmax(0, 1fr) 300px;} .np-home-sidebar .widget-container {background: #fff; border: 1px solid #e4e4e4; padding: 0.85rem;} .np-section {background: #fff; border: 1px solid #e4e4e4; margin-bottom: 1.15rem;} .np-section-head {display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding: 0.55rem 0.9rem; border-bottom: 2px solid var(--color-primary);} .np-section-head h2 {margin: 0; font-size: 0.95rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;} .np-section-head h2 a {color: var(--color-text); text-decoration: none;} .np-section-head h2 a:hover {color: var(--color-primary);} .np-section-more {font-size: 0.78rem; font-weight: 700; color: var(--color-primary); text-decoration: none;} .np-photo-row {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0;} .np-photo-card {display: block; text-decoration: none; color: inherit; padding: 0.85rem; border-right: 1px solid #ececec; min-width: 0;} .np-photo-card:last-child {border-right: 0;} .np-photo-card img {width: 100%; height: 150px; object-fit: cover; display: block; margin-bottom: 0.55rem;} .np-photo-card h3 {font-size: 1.02rem; font-weight: 800; line-height: 1.25; margin: 0;} .np-photo-card:hover h3 {color: var(--color-primary);} /* Fichas / listados: fila de periódico, no cards con sombra */ .post-grid, .post-grid-compact, .responsive-grid, .np-story-list {display: flex; flex-direction: column; gap: 0; background: #fff; border: 1px solid #e4e4e4; margin: 0 0 1.15rem;} .post-card, .post-card-compact {background: transparent; border: 0; border-bottom: 1px solid #ececec; border-radius: 0; box-shadow: none; padding: 0.9rem 1rem; display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 0.9rem 1rem; align-items: start; height: auto; position: relative; transition: none;} .post-card:last-child, .post-card-compact:last-child {border-bottom: 0;} .post-card:hover, .post-card-compact:hover, .post-card-compact.post-card-clickable:hover {transform: none; box-shadow: none; border-color: #ececec;} .np-card-media, .post-card> div[style*="position"], .post-card-compact> div[style*="position"] {grid-column: 1; grid-row: 1 / span 4;} .post-card img, .post-card-compact img {width: 160px; height: 110px; object-fit: cover; border-radius: 0 !important; margin: 0 !important; display: block;} .post-card:not(:has(img)), .post-card-compact:not(:has(img)), .post-card.np-card-noimg, .post-card-compact.np-card-noimg {grid-template-columns: minmax(0, 1fr);} .np-card-media {grid-column: 1; grid-row: 1 / span 6;} .post-card> :not(.np-card-media), .post-card-compact> :not(.np-card-media) {grid-column: 2;} .post-card.np-card-noimg> *, .post-card-compact.np-card-noimg> *, .post-card:not(:has(img))> *, .post-card-compact:not(:has(img))> * {grid-column: 1;} .np-section .np-story-list, .np-section .post-grid, .np-section .post-grid-compact {border: 0; margin: 0;} .post-category-label, .post-category-label-compact {position: static; background: transparent; color: var(--color-primary); box-shadow: none; border-radius: 0; padding: 0; margin: 0 0 0.2rem; font-size: 0.7rem; letter-spacing: 0.07em;} .post-category-label:hover, .post-category-label-compact:hover {background: transparent; color: var(--color-primary); text-decoration: underline;} .post-title, .post-title-compact {font-size: 1.12rem; font-weight: 800; line-height: 1.25; margin: 0 0 0.3rem;} .post-title a, .post-title-compact a, .post-title a:hover, .post-title-compact a:hover {color: var(--color-text) !important;} .post-card:hover .post-title a, .post-card-compact:hover .post-title-compact a {color: var(--color-primary) !important;} .post-meta, .post-meta-compact {margin-bottom: 0.3rem; font-size: 0.78rem;} .post-excerpt, .post-excerpt-compact {color: #555; font-size: 0.9rem; line-height: 1.4; margin: 0;} .post-footer, .read-more-link, .post-category-link {display: none;} .category-header {background: #fff; border: 1px solid #e4e4e4; border-bottom: 3px solid var(--color-primary); padding: 1rem 1.1rem 0.85rem; margin-bottom: 1rem;} .category-header h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: clamp(1.6rem, 2.5vw, 2.1rem); margin: 0 0 0.35rem;} .np-cat-lead {display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 1rem 1.25rem; background: #fff; border: 1px solid #e4e4e4; padding: 1rem; margin-bottom: 1rem; text-decoration: none; color: inherit;} .np-cat-lead img {width: 100%; height: 260px; object-fit: cover; display: block;} .np-cat-lead h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.7rem; line-height: 1.2; margin: 0.2rem 0 0.45rem;} article.single-post, .single-post {background: #fff; border: 0; border-radius: 0; box-shadow: none; padding: 0 0 2rem; max-width: none; margin: 0;} .single-post h1, article.single-post h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: clamp(1.85rem, 3vw, 2.7rem); line-height: 1.15; color: var(--color-text); margin: 0.15rem 0 0.65rem; max-width: 42rem;} .np-article-kicker {color: var(--color-primary); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none;} .np-article-hero {width: 100%; max-height: 520px; object-fit: cover; border-radius: 0; margin: 0.9rem 0 1.25rem; display: block;} .single-post .content {font-size: 1.08rem; line-height: 1.7; max-width: 42rem;} .single-post .content p:first-of-type {font-size: 1.16rem; line-height: 1.55;} .single-post .post-meta {max-width: 42rem;} .post-container.np-article-layout.with-sidebar {display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 1.75rem 2rem; align-items: start;} .np-article-rail {position: sticky; top: 5.25rem;} .np-rail-block {border-top: 3px solid var(--color-primary); padding-top: 0.65rem;} .np-rail-title {font-size: 0.82rem; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; margin: 0 0 0.7rem;} .np-rail-item {display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 0.65rem; text-decoration: none; color: inherit; padding: 0.55rem 0; border-bottom: 1px solid #ececec;} .np-rail-item img {width: 88px; height: 64px; object-fit: cover; display: block;} .np-rail-item strong {display: block; font-size: 0.92rem; line-height: 1.25; font-weight: 700;} .np-rail-item:hover strong {color: var(--color-primary);} .pagination, .pagination-compact {background: transparent;} .pagination a, .pagination span, .pagination-link-compact, .pagination-current-compact {border-radius: 0;} footer.site-footer {margin-top: 2rem;
146 border-top: 4px solid var(--color-primary);} @media (max-width: 960px) {.np-opening, .np-home-body.has-sidebar, .np-cat-lead, .np-photo-row, .post-container.np-article-layout.with-sidebar {grid-template-columns: 1fr;} .np-article-rail {position: static; border-top: 1px solid #ececec; padding-top: 1rem;} .np-side {border-left: 0; padding-left: 0; border-top: 1px solid #ececec; padding-top: 0.75rem;} .np-lead-media img, .np-cat-lead img {height: 220px;} .np-photo-card {border-right: 0; border-bottom: 1px solid #ececec;}} @media (max-width: 768px) {.np-search input {width: 7rem;} .np-date {font-size: 0.72rem;} .newspaper-header .nav-toggle {display: block;} .np-sections .nav-list {display: none; flex-direction: column; background: #fff; position: absolute; left: 0; right: 0; top: 100%; box-shadow: 0 8px 24px rgba(0,0,0,0.12); z-index: 210; border-radius: 0; padding: 0; align-items: stretch;} header.newspaper-header {position: sticky;} .np-sections.main-nav {min-height: 0;} .np-sections .nav-list.open {display: flex;} .np-sections .nav-list li a {color: var(--color-text) !important; text-align: left; padding: 0.85rem 1rem; border-bottom: 1px solid #f0f0f0;} .post-card, .post-card-compact {grid-template-columns: 110px minmax(0, 1fr); padding: 0.75rem; gap: 0.7rem;} .post-card img, .post-card-compact img {width: 110px; height: 80px;} .np-lead-title {font-size: 1.35rem;} article.single-post, .single-post {padding: 1rem !important;}} @media (max-width: 480px) {.np-search {display: none;} .np-ticker-track {animation-duration: 28s;}} article.single-post, .main-content .single-post, .single-post {max-width: none !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; padding: 0 0 2rem !important;} .container {max-width: 1280px;} .post-container.np-article-layout.with-sidebar {display: grid !important; grid-template-columns: minmax(0, 1fr) 300px; gap: 1.75rem 2rem; align-items: start;} @media (max-width: 960px) {.post-container.np-article-layout.with-sidebar {grid-template-columns: 1fr !important;}} </style><style> /* newspaper desktop: el artículo no debe quedar en una columna estrecha */ .single-post, article.single-post, .main-content .single-post {max-width: none !important; margin: 0 !important; padding: 0 0 2rem !important; border: 0 !important; box-shadow: none !important;} .container {max-width: 1280px;} .newspaper-header a.logo {justify-content: flex-start !important; max-width: none !important;} .np-masthead-inner {justify-content: flex-start;} .np-sections .nav-list {justify-content: flex-start;} @media (min-width: 961px) {.post-container.with-sidebar, .post-container.np-article-layout.with-sidebar {display: grid !important; grid-template-columns: minmax(0, 1fr) 300px; gap: 2rem; align-items: start;} .post-container> .main-content, .np-article-main {min-height: 0 !important; margin-top: 0;}} </style></head><body><header class="site-header newspaper-header"><div class="np-topbar"><div class="container np-topbar-inner"><time class="np-date" datetime="2026-10-06"> martes, 6 de octubre de 2026 </time><div class="np-topbar-right"><form class="np-search" method="get" action="https://aeic2008santiago.org/search" role="search"><input type="search" name="q" placeholder="Buscar..." aria-label="Buscar..."><button type="submit" aria-label="Buscar">⌕</button></form></div></div></div><div class="np-masthead"><div class="container np-masthead-inner"><a href="https://aeic2008santiago.org" class="logo"><span class="site-brand" style="--site-brand-accent:#76FF03" aria-label="Innovación Digital Santiago"><span class="site-brand-mark" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="fg2bf29866" x1="12%" y1="0%" x2="90%" y2="100%"><stop offset="0%" stop-color="#007041"/><stop offset="100%" stop-color="#007058"/></linearGradient></defs><path d="M32 4 C18 4 8 16 8 28 C8 44 32 62 32 62 C32 62 56 44 56 28 C56 16 46 4 32 4 Z" fill="url(#fg2bf29866)"/><path d="M10 14 C22 6, 42 6, 54 16 L54 22 C40 10, 24 10, 10 20 Z" fill="#fff" opacity="0.18"/><text x="32" y="40" text-anchor="middle" font-family="system-ui, Segoe UI, Arial Black, Arial, sans-serif" font-size="27" font-weight="800" fill="#ffffff">ID</text></svg></span><span class="site-brand-text"><span class="site-brand-name site-brand-name--stack"><span>Innovación Digital</span><span>Santiago</span></span><span class="site-brand-bar" aria-hidden="true"></span></span></span></a><button class="nav-toggle" type="button" aria-label="Open menu">&#9776;</button></div></div><nav class="main-nav np-sections"><div class="container"><ul class="nav-list"><li class="nav-item"><a href="https://aeic2008santiago.org"> Inicio </a></li><li class="nav-item"><a href="https://aeic2008santiago.org/autores"> Nuestro Equipo </a></li><li class="nav-item"><a href="https://aeic2008santiago.org/contacto"> Contacto </a></li></ul></div></nav></header><main class="main-content"><div class="container"><nav class="breadcrumb np-breadcrumb"><div class="np-breadcrumb-inner"><a href="https://aeic2008santiago.org"> Inicio </a><span>›</span><a href="https://aeic2008santiago.org/tecnologia">Tecnología</a><span>›</span><span class="breadcrumb-current">Adiós a los enchufes empotrados: España adopta un sistema modular y seguro para la electricidad en casa</span></div></nav><div class="post-container np-article-layout with-sidebar" data-np="article-wide"><div class="np-article-main"><article class="single-post"><a class="np-article-kicker" href="https://aeic2008santiago.org/tecnologia"> tecnologia </a><h1>Adiós a los enchufes empotrados: España adopta un sistema modular y seguro para la electricidad en casa</h1><div class="post-meta"> Publicado el 05/10/2026 09:49 en <a href="https://aeic2008santiago.org/tecnologia"> tecnologia </a><span class="post-separator">•</span><span class="post-author"><a href="https://aeic2008santiago.org/author/natallie-rocha-1" class="author-link"> Natallie Rocha </a></span></div><div class="content"><div class="post-toc" id="post-toc-6ac4ac9def565"><input type="checkbox" id="toc-toggle-6ac4ac9def566" class="post-toc-checkbox"><label for="toc-toggle-6ac4ac9def566" class="post-toc-header"><span class="post-toc-title">Índice</span><span class="post-toc-toggle">▼</span></label><div class="post-toc-content"><ul class="post-toc-list"><li class="toc-h2">
146<a href="#adis-a-los-enchufes-empotrados-espaa-adopta-un-sistema-modular-y-seguro-para">Adiós a los enchufes empotrados: España adopta un sistema modular y seguro para</a></li></ul></div></div><p>Durante mucho tiempo, hemos vivido rodeados de los mismos enchufes empotrados en la pared. Sin embargo, ese modelo ya cuenta los días contados. España comienza a adoptar un nuevo sistema modular que cambia por completo la forma en que se distribuye la electricidad en el hogar. Se han dicho adiós a las obras, el polvo y los cables a la vista, y ha llegado una forma más limpia, rápida y segura de tener corriente donde realmente la necesitamos.</p><p style="text-align: center;"><img src="https://aeic2008santiago.org/uploads/images/adios-a-los-enchufes-empotrados-espana-adopta-un-sistema-modular-y-seguro-para-la-electricidad-en-casa-1.webp" alt="Adiós a los enchufes empotrados: España adopta un sistema modular y seguro para" width="1920" height="1080" style="max-width: 100%; height: auto;" loading="lazy" decoding="async"></p><h2 id="adis-a-los-enchufes-empotrados-espaa-adopta-un-sistema-modular-y-seguro-para">Adiós a los enchufes empotrados: España adopta un sistema modular y seguro para</h2><p>Cada vivienda acumula cada vez más dispositivos electrónicos, como móviles, tablets, altavoces, televisores, ordenadores o robots de limpieza. Con tantos aparatos, las regletas han pasado de ser una ayuda a un peligro, por lo que reformar para agregar enchufes ya no es una opción asequible para la mayoría de hogares. En este contexto, la tecnología modular emerge con la promesa de simplificar la instalación eléctrica.</p><p>Los nuevos sistemas modulares de superficie te permiten colocar enchufes en paredes, techos o vigas, sin tocar la estructura de la casa. Funcionan como un sistema flexible, diseñado para adaptarse a tus necesidades sin romper nada. España entra así en una nueva etapa, caracterizada por hogares sin cables visibles, más ordenados, más seguros y con un diseño que no choca con el entorno.</p><p>Entre los enchufes inteligentes con WiFi que se ofrecen, destacan:</p><p>- Sonoff Smart Plug 8,44€ en AliExpress - TP-Link Tapo P100 9,90€ en <a href="https://aeic2008santiago.org/tecnologia/amazon-lanza-nuevos-kindles-con-diseno-minimalista-y-mejoras-en-pantalla" class="internal-link semantic-link" title="Amazon lanza nuevos Kindles con diseño minimalista y mejoras en pantalla">Amazon</a> - Eightree con medidor de consumo 9,45€ en Amazon</p><p>Cada vez que compres a través de estos enlaces, este sitio recibirá una comisión. Lee aquí nuestra política legal de afiliación.</p><p>La gran ventaja de estos enchufes modulares es su montaje, ya que se fijan con adhesivos de alta resistencia o pequeños tornillos, según la superficie, y los cables quedan ocultos en canaletas del mismo color que la pared. De este modo, todo el sistema pasa desapercibido a la vista, lo que te permite instalar un punto de corriente donde lo necesites sin levantar una sola baldosa ni hacer rozas.</p><p>En comparación con los enchufes empotrados, este sistema es completamente reversible. Si cambias de lugar los muebles o reformulas la disposición de una estancia, basta con mover los módulos. También puedes ampliarlos o sustituirlos en minutos, sin necesidad de herramientas ni técnicos. Es una instalación pensada para la vida real, en la que el diseño del hogar cambia constantemente.</p><p>Además, estos enchufes modulares están diseñados para evitar problemas comunes con las regletas, como la sobrecarga o el riesgo de accidentes <a href="https://aeic2008santiago.org/tecnologia/tesla-registra-486532-vehiculos-electricos-vendidos-en-el-tercer-trimestre" class="internal-link semantic-link" title="Tesla registra 486.532 vehículos eléctricos vendidos en el tercer trimestre">eléctricos</a>. Incorporan protección infantil, sistemas de apagado automático y cortacircuitos internos. Algunos modelos incluso integran puertos USB, cargadores rápidos o interruptores inalámbricos que puedes controlar desde tu móvil o con Alexa.</p></div><nav class="post-navigation" style="display:flex;justify-content:space-between;margin:2rem 0 1rem 0;"><a href="https://aeic2008santiago.org/windows-subsystem-for-linux-la-clave-para-la-productividad-en-entornos-hibridos" title="**Windows Subsystem for Linux: la clave para la productividad en entornos híbridos** - tecnologia" class="post-nav-link prev">&larr; **Windows Subsystem for Linux: la clave para la productividad en entornos híbridos**</a><span></span></nav><div class="recommended-widget recommended-widget-after"><div id="recommended-posts" class="recommended-posts-widget"><a href="https://aeic2008santiago.org/tecnologia/google-busca-aumentar-la-fiabilidad-de-sus-pronosticos-meteorologicos-con-weathernext-3" class="post-link-box"><span>Google busca aumentar la fiabilidad de sus pronósticos meteorológicos con WeatherNext 3</span><div class="btn" aria-hidden="true"><span class="post-link-arrow chevron right"></span></div></a><a href="https://aeic2008santiago.org/tecnologia/investigadores-recuperan-hasta-el-95-de-la-capacidad-de-baterias-de-coches-electricos" class="post-link-box"><span>Investigadores recuperan hasta el 95% de la capacidad de baterías de coches eléctricos</span><div class="btn" aria-hidden="true"><span class="post-link-arrow chevron right"></span></div></a><a href="https://aeic2008santiago.org/tecnologia/la-programacion-no-se-reduce-a-escribir-codigo-con-ia" class="post-link-box"><span>**La programación no se reduce a escribir código con IA**</span><div class="btn" aria-hidden="true"><span class="post-link-arrow chevron right"></span></div></a><a href="https://aeic2008santiago.org/tecnologia/smeg-afc01-la-freidora-de-aire-que-combina-crujiente-y-jugosidad" class="post-link-box"><span>Smeg AFC01: La Freidora de Aire que Combina Crujiente y Jugosidad</span><div class="btn" aria-hidden="true"><span class="post-link-arrow chevron right"></span></div></a></div></div><div style="margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--color-card-border); text-align: center;"><a href="https://aeic2008santiago.org"> ← Volver al inicio </a></div></article></div><aside class="np-article-rail"><div class="np-rail-block"><h2 class="np-rail-title">Más noticias</h2><a class="np-rail-item" href="https://aeic2008santiago.org/tecnologia/windows-subsystem-for-linux-la-clave-para-la-productividad-en-entornos-hibridos"><img src="https://aeic2008santiago.org/uploads/images/windows-subsystem-for-linux-la-clave-para-la-productividad-en-entornos-hibridos.jpg" alt="" loading="lazy"><span><span class="np-kicker">tecnologia</span><strong>**Windows Subsystem for Linux: la clave para la productividad en entornos híbridos**</strong></span></a><a class="np-rail-item" href="https://aeic2008santiago.org/tecnologia/boston-dynamics-presenta-la-mano-de-atlas-con-13-grados-de-libertad-y-se
146nsores-tactiles"><img src="https://aeic2008santiago.org/uploads/images/boston-dynamics-presenta-la-mano-de-atlas-con-13-grados-de-libertad-y-sensores-tactiles.jpg" alt="" loading="lazy"><span><span class="np-kicker">tecnologia</span><strong>**Boston Dynamics presenta la mano de Atlas, con 13 grados de libertad y sensores táctiles**</strong></span></a><a class="np-rail-item" href="https://aeic2008santiago.org/tecnologia/waze-alerta-con-antelacion-ante-frenadas-repentinas-en-carretera"><img src="https://aeic2008santiago.org/uploads/images/waze-alerta-con-antelacion-ante-frenadas-repentinas-en-carretera.jpg" alt="" loading="lazy"><span><span class="np-kicker">tecnologia</span><strong>Waze alerta con antelación ante frenadas repentinas en carretera</strong></span></a><a class="np-rail-item" href="https://aeic2008santiago.org/tecnologia/chatgpt-introduce-prueba-virtual-para-comprar-ropa-online"><img src="https://aeic2008santiago.org/uploads/images/chatgpt-introduce-prueba-virtual-para-comprar-ropa-online.jpg" alt="" loading="lazy"><span><span class="np-kicker">tecnologia</span><strong>ChatGPT Introduce Prueba Virtual para Comprar Ropa Online</strong></span></a><a class="np-rail-item" href="https://aeic2008santiago.org/tecnologia/android-auto-se-prepara-para-revolucionar-la-conduccion-con-magic-cue-y-encuestas-de-satisfaccion"><img src="https://aeic2008santiago.org/uploads/images/android-auto-se-prepara-para-revolucionar-la-conduccion-con-magic-cue-y-encuestas-de-satisfaccion.jpg" alt="" loading="lazy"><span><span class="np-kicker">tecnologia</span><strong>Android Auto se prepara para revolucionar la conducción con Magic Cue y encuestas de satisfacción</strong></span></a></div></aside></div><style> .single-review-area, .review-block {background: #f8f9fa; border: 1px solid #e0e4ea; border-radius: 8px; padding: 1.2em 1.5em; margin-bottom: 1.2em; box-shadow: 0 1px 4px rgba(44,62,80,0.04);} .reviewer-meta {display: flex; align-items: center; margin-bottom: 0.5em; align-items: flex-start;} .review-img-div {margin-right: 12px; min-width: 48px; min-height: 48px;} .img-review {border-radius: 50%; width: 48px; height: 48px; object-fit: cover;} .reviewer-content {width: 100%;} .review-title-ratings h5 {font-style: italic; font-size: 1.1rem; margin: 0 0 0.2em 0; display: inline-block;} .ratings {display: inline-block; background-color: #ffc107; color: #333; padding: 4px 12px; border-radius: 5px; font-weight: bold; margin-left: 0.5em; font-size: 1em; vertical-align: middle; float: right;} .post-separator {color: #999; margin: 0 0.5rem;} .post-author {display: inline-flex; align-items: center; gap: 0.3rem;} .author-mini-avatar {width: 20px; height: 20px; border-radius: 50%; object-fit: cover; border: 1px solid #ddd;} .author-link {color: #1976d2; text-decoration: none; font-weight: 500;} .author-link:hover {color: #217dbb; text-decoration: underline;} </style></div></main><footer class="site-footer"><div class="container"><div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; margin-bottom: 2rem;"><div><h2 class="footer-title"><i class="sui sui-link"></i> Enlaces Útiles</h2><ul style="list-style: none; line-height: 1.8;"><li><a href="https://aeic2008santiago.org/dmca" class="footer-link"><i class="sui sui-angle-right"></i> DMCA </a></li><li><a href="https://aeic2008santiago.org/politica-privacidad" class="footer-link"><i class="sui sui-angle-right"></i> Política de Privacidad </a></li><li><a href="https://aeic2008santiago.org/categorias" class="footer-link"><i class="sui sui-angle-right"></i> Categorías </a></li><li><a href="https://aeic2008santiago.org/fact-checking" class="footer-link"><i class="sui sui-angle-right"></i> Verificación de Hechos </a></li><li><a href="https://aeic2008santiago.org/politica-editorial" class="footer-link"><i class="sui sui-angle-right"></i> Política Editorial </a></li><li><a href="https://aeic2008santiago.org/proceso-verificacion" class="footer-link"><i class="sui sui-angle-right"></i> Proceso de Verificación </a></li><li><a href="https://aeic2008santiago.org/politica-correcciones" class="footer-link"><i class="sui sui-angle-right"></i> Política de Correcciones </a></li></ul></div><div><h2 class="footer-title">Categorías</h2><ul style="list-style: none; line-height: 1.8;"><li><a href="https://aeic2008santiago.org/tecnologia" class="footer-link"> tecnologia </a></li><li><a href="https://aeic2008santiago.org/economia" class="footer-link"> economia </a></li><li><a href="https://aeic2008santiago.org/ciencia" class="footer-link"> ciencia </a></li><li><a href="https://aeic2008santiago.org/entretenimiento" class="footer-link"> entretenimiento </a></li><li><a href="https://aeic2008santiago.org/negocios" class="footer-link"> negocios </a></li><li><a href="https://aeic2008santiago.org/categorias" class="footer-link footer-link-accent"> Ver todas las categorías → </a></li></ul></div><div><h2 class="footer-title">Contacto</h2><div class="footer-text"><a href="https://aeic2008santiago.org/publications" class="footer-link footer-link-accent"> Publications → </a><br><a href="https://aeic2008santiago.org/contacto" class="footer-link footer-link-accent"> Contacto → </a></div></div></div><div style="border-top: 1px solid #34495e; padding-top: 1rem; text-align: center;"><p>&copy; 2026 Innovación Digital Santiago. Todos los derechos reservados </p></div></div></footer> 
146<script type="application/ld+json">{
147    "@context": "https://schema.org",
148    "@type": "VideoGame",
149    "name": "Adiós a los enchufes empotrados: España adopta un sistema modular y seguro para la electricidad en casa",
150    "description": "Durante mucho tiempo, hemos vivido rodeados de los mismos enchufes empotrados en la pared. Sin embargo, ese modelo ya cuenta los días contados. España comienza a adoptar un nuevo sistema modular que c",
151    "image": "https://imagenes.computerhoy.20minutos.es/files/image_1920_1080/uploads/imagenes/2026/10/01/6abe51bfc36a22-88669925.jpeg",
152    "url": "https://aeic2008santiago.org/tecnologia/adios-a-los-enchufes-empotrados-espana-adopta-un-sistema-modular-y-seguro-para-la-electricidad-en-casa",
153    "publisher": {
154        "@type": "Organization",
155        "name": "aeic2008santiago.org"
156    },
157    "datePublished": "2026-10-05"
158}</script>
158 
158<script>
159    function changeLanguage(langCode) {
160        const currentPath = window.location.pathname;
161        const mainLangCode = 'es';
162        
163        fetch(`https://aeic2008santiago.org/smart_language_switch.php?lang=${langCode}&current_path=${encodeURIComponent(currentPath)}`)
164            .then(response => response.json())
165            .then(data => {
166                if (data.success && data.url) {
167                    window.location.href = data.url;
168                } else {
169                    const fallbackUrl = (langCode === mainLangCode) ? 'https://aeic2008santiago.org/' : `https://aeic2008santiago.org/${langCode}`;
170                    window.location.href = fallbackUrl;
171                }
172            })
173            .catch(error => {
174                console.error('Error switching language:', error);
175                const fallbackUrl = (langCode === mainLangCode) ? 'https://aeic2008santiago.org/' : `https://aeic2008santiago.org/${langCode}`;
176                window.location.href = fallbackUrl;
177            });
178    }
179
180    document.addEventListener('DOMContentLoaded', function() {
181      const toggle = document.querySelector('.nav-toggle');
182      const navList = document.querySelector('.nav-list');
183      if (toggle && navList) {
184        toggle.addEventListener('click', function() {
185          navList.classList.toggle('open');
186        });
187      }
188    });
189    </script>
189 
190<!--
191=== CACHE & MINIFICATION STATS ===
192CACHE_STATUS: GENERATION
193URI: /tecnologia/adios-a-los-enchufes-empotrados-espana-adopta-un-sistema-modular-y-seguro-para-la-electricidad-en-casa
194GENERATED_AT: 2026-10-06 08:09:02
195MINIFICATION_ENABLED: YES
196ORIGINAL_SIZE: 218,757 bytes (213.63 KB)
197MINIFIED_SIZE: 165,456 bytes (161.58 KB)
198BYTES_SAVED: 53,301 bytes (52.05 KB)
199SIZE_REDUCTION: 24.37%
200MINIFICATION_TIME: 3.73 ms
201PERFORMANCE_GAIN: EXCELLENT
202=======================================
203-->
203<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"f9370158997e47d7badb0d7f42099451","r":1,"spa":2}' crossorigin="anonymous"></script>
203
204</body></html><style> .button, .phone-call {display: inline-block; background: #2280d1; color: #fff !important; border: none; border-radius: 6px; padding: 0.75em 2em; font-size: 1rem; font-weight: 700; text-align: center; cursor: pointer; transition: background 0.18s, box-shadow 0.18s; box-shadow: 0 2px 8px rgba(44,62,80,0.08); margin: 0.5em 0.5em 0.5em 0; text-decoration: none;} .button:hover, .phone-call:hover {background: #174ea6; color: #fff !important; text-decoration: none;} .phone-call {background: #15883e; width: 100%;} .phone-call:hover {background: #0f6d31;} .button-container {display: flex; flex-wrap: wrap; justify-content: center; margin-top: 1rem; margin-bottom: 1rem;} .post-navigation {display: flex; justify-content: space-between; margin: 2rem 0 1rem 0; padding-top: 1.5rem; border-top: 1px solid #e9ecef;} .post-nav-link {color: #1976d2; text-decoration: none; font-weight: 600; padding: 0.5em; border-radius: 4px; transition: background-color 0.2s;} .post-nav-link:hover {color: #217dbb; background-color: #f8f9fa;} /* Estilos para el índice de contenido */ .post-toc {background: #f8f9fa; border: 1.5px solid #e0e4ea; border-radius: 8px; padding: 0; margin: 2rem 0; box-shadow: 0 2px 8px rgba(44,62,80,0.08);} .post-toc-header {display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1rem; cursor: pointer; user-select: none; background: #fff; border-bottom: 1px solid #e0e4ea; border-radius: 8px 8px 0 0; transition: background-color 0.2s;} .post-toc-header:hover {background: #f0f4fa;} .post-toc-title {margin: 0; font-size: 1.1rem; font-weight: 700; color: #003049;} .post-toc-checkbox {display: none;} .post-toc-toggle {font-size: 1.5rem; color: #003049; transition: transform 0.3s; line-height: 1;} .post-toc-checkbox:not(:checked) ~ .post-toc-header .post-toc-toggle {transform: rotate(-90deg);} .post-toc-content {padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out, padding 0.3s ease-out;} .post-toc-checkbox:checked ~ .post-toc-content {max-height: 2000px; padding: 0.75rem 1rem;} .post-toc-list {list-style: none !important; padding: 0; margin: 0;} .post-toc-list li {margin-bottom: 0.35rem; list-style: none !important; position: relative;} .post-toc-list li::before {content: '▸'; color: #1976d2; font-size: 0.85em; position: absolute; left: 0.5rem; top: 50%; transform: translateY(-50%); transition: transform 0.2s; line-height: 1;} .post-toc-list a {color: #1976d2; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; display: block; padding: 0.35rem 0.5rem; padding-left: 1.5rem; border-radius: 4px; transition: background-color 0.2s, color 0.2s, padding-left 0.2s, text-decoration-color 0.2s; line-height: 1.4; font-size: 0.95rem;} .post-toc-list a:hover {background: #e3f2fd; color: #003049; text-decoration-color: #003049;} .post-toc-list li.toc-h2::before {left: 0.5rem;} .post-toc-list li.toc-h2> a {font-weight: 600; font-size: 0.95rem; padding-left: 1.5rem;} .post-toc-list li.toc-h3::before {left: 2rem;} .post-toc-list li.toc-h3> a {font-weight: 500; font-size: 0.9rem; padding-left: 3rem; color: #555;} .post-toc-list li.toc-h4::before {left: 3.5rem;} .post-toc-list li.toc-h4> a {font-weight: 400; font-size: 0.85rem; padding-left: 4.5rem; color: #666;} .post-toc-list li.toc-h5::before, .post-toc-list li.toc-h6::before {left: 5rem;} .post-toc-list li.toc-h5> a, .post-toc-list li.toc-h6> a {font-weight: 400; font-size: 0.8rem; padding-left: 6rem; color: #777;} .post-toc-list li.toc-h2> a:hover {padding-left: 1.75rem;} .post-toc-list li.toc-h3> a:hover {padding-left: 3.25rem;} .post-toc-list li.toc-h4> a:hover {padding-left: 4.75rem;} .post-toc-list li.toc-h5> a:hover, .post-toc-list li.toc-h6> a:hover {padding-left: 6.25rem;} .post-toc-list li:hover::before {transform: translateY(-50%) translateX(0.2rem);} </style>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.