1<!DOCTYPE html><html lang="de"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Dakota Johnson präsentiert sich auf der Londoner Premiere vonâ¦</title><link rel="icon" href="https://aktuelleprospekt.com/uploads/site-favicon.svg?v=31ffe26986" type="image/svg+xml"><link rel="icon" href="https://aktuelleprospekt.com/uploads/site-favicon-48.png?v=31ffe26986" sizes="48x48" type="image/png"><link rel="icon" href="https://aktuelleprospekt.com/uploads/site-favicon-192.png?v=31ffe26986" sizes="192x192" type="image/png"><link rel="apple-touch-icon" href="https://aktuelleprospekt.com/uploads/site-favicon-192.png?v=31ffe26986"><link rel="shortcut icon" href="https://aktuelleprospekt.com/favicon.ico?v=31ffe26986"><meta name="description" content="Dakota Johnson präsentiert sich auf der Londoner Premiere von Verity in einem transparenten Gewand von Colleen Allen, im Eleganten Look enthaltsam und"><meta name="robots" content="index, follow, max-image-preview:large"><meta name="language" content="de"><meta name="last-modified" content="2026-09-25 08:15:22"><link rel="canonical" href="https://aktuelleprospekt.com/lebensstil/dakota-johnson-prasentiert-sich-auf-der-londoner-premiere-von-verity-in-einem-transparenten-gewand-von-colleen-allen"><meta property="og:title" content="Dakota Johnson präsentiert sich auf der Londoner Premiere vonâ¦"><meta property="og:description" content="Dakota Johnson präsentiert sich auf der Londoner Premiere von Verity in einem transparenten Gewand von Colleen Allen, im Eleganten Look enthaltsam und"><meta property="og:url" content="https://aktuelleprospekt.com/lebensstil/dakota-johnson-prasentiert-sich-auf-der-londoner-premiere-von-verity-in-einem-transparenten-gewand-von-colleen-allen"><meta property="og:type" content="article"><meta property="og:image" content="https://aktuelleprospekt.com/uploads/images/dakota-johnson-prasentiert-sich-auf-der-londoner-premiere-von-verity-in-einem-transparenten-gewand-von-colleen-allen.jpg"><meta property="og:image:width" content="1280"><meta property="og:image:height" content="720"><meta property="og:image:alt" content="Dakota Johnson präsentiert sich auf der Londoner Premiere vonâ¦"><meta property="og:locale" content="de"><meta property="og:site_name" content="Lebensgefühl"><meta property="og:article:published_time" content="2026-09-25 08:15:22"><meta property="og:article:section" content="lebensstil"><meta property="og:article:tag" content="lebensstil"><meta property="og:article:author" content="David Fischer"><meta property="og:article:expiration_time" content="2026-10-02T08:15:22+00:00"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Dakota Johnson präsentiert sich auf der Londoner Premiere vonâ¦"><meta name="twitter:description" content="Dakota Johnson präsentiert sich auf der Londoner Premiere von Verity in einem transparenten Gewand von Colleen Allen, im Eleganten Look enthaltsam und"><meta name="twitter:image" content="https://aktuelleprospekt.com/uploads/images/dakota-johnson-prasentiert-sich-auf-der-londoner-premiere-von-verity-in-einem-transparenten-gewand-von-colleen-allen.jpg">
1<script type="application/ld+json">{ 2 "@context": "https://schema.org", 3 "@type": "NewsArticle", 4 "headline": "Dakota Johnson präsentiert sich auf der Londoner Premiere von \"Verity\" in einem transparenten Gewand von Colleen Allen", 5 "description": "Dakota Johnson präsentiert sich auf der Londoner Premiere von Verity in einem transparenten Gewand von Colleen Allen, im Eleganten Look enthaltsam und", 6 "url": "https://aktuelleprospekt.com/lebensstil/dakota-johnson-prasentiert-sich-auf-der-londoner-premiere-von-verity-in-einem-transparenten-gewand-von-colleen-allen", 7 "mainEntityOfPage": { 8 "@type": "WebPage", 9 "@id": "https://aktuelleprospekt.com/lebensstil/dakota-johnson-prasentiert-sich-auf-der-londoner-premiere-von-verity-in-einem-transparenten-gewand-von-colleen-allen" 10 }, 11 "image": { 12 "@type": "ImageObject", 13 "url": "https://aktuelleprospekt.com/uploads/images/dakota-johnson-prasentiert-sich-auf-der-londoner-premiere-von-verity-in-einem-transparenten-gewand-von-colleen-allen.jpg", 14 "width": 1280, 15 "height": 720 16 }, 17 "datePublished": "2026-09-25T08:15:22+00:00", 18 "author": { 19 "@type": "Person", 20 "name": "David Fischer", 21 "url": "https://aktuelleprospekt.com/author/david-fischer", 22 "description": "Die Zahlen sprachen schon immer eine eigene Sprache für mich, eine Geschichte, die es zu entschlüsseln galt. Nach Jahren bei der Deutschen Bank, in denen ich Daten analysierte, habe ich gelernt, Muster zu erkennen, die auf den ersten Blick verborgen bleiben. Nun teile ich diese Fähigkeit und meine Leidenschaft für das Erzählen bei *Lebensgefühl*, indem ich Trends und Lifestyle-Themen durch eine analytische, aber stets beschreibende Linse betrachte â denn wahre Inspiration findet sich oft im Detail. Ich suche.", 23 "jobTitle": "Chefredakteur", 24 "sameAs": [ 25 "https://www.linkedin.com/in/david-fischer-4b48385", 26 "https://helpareporter.com/journalist/david-fischer" 27 ] 28 }, 29 "publisher": { 30 "@type": "NewsMediaOrganization", 31 "@id": "https://aktuelleprospekt.com#publisher", 32 "name": "Lebensgefühl", 33 "url": "https://aktuelleprospekt.com", 34 "logo": { 35 "@type": "ImageObject", 36 "url": "https://aktuelleprospekt.com/uploads/site-logo.svg", 37 "width": 735, 38 "height": 112 39 }, 40 "publishingPrinciples": "https://aktuelleprospekt.com/redaktionelle-richtlinien", 41 "missionCoveragePrioritiesPolicy": "https://aktuelleprospekt.com/redaktionelle-richtlinien", 42 "ethicsPolicy": "https://aktuelleprospekt.com/redaktionelle-richtlinien", 43 "masthead": "https://aktuelleprospekt.com/redaktionelle-richtlinien#estructura", 44 "correctionsPolicy": "https://aktuelleprospekt.com/korrekturrichtlinie", 45 "actionableFeedbackPolicy": "https://aktuelleprospekt.com/korrekturrichtlinie", 46 "verificationFactCheckingPolicy": "https://aktuelleprospekt.com/faktenprufung", 47 "unnamedSourcesPolicy": "https://aktuelleprospekt.com/uberprufungsprozess" 48 }, 49 "articleSection": "lebensstil", 50 "keywords": "lebensstil, Dakota, Johnson, präsentiert, Londoner, Premiere, Verity, einem", 51 "inLanguage": "de", 52 "wordCount": 280, 53 "articleBody": "In London feierte Dakota Johnson die Premiere ihres neuen Thrillers \"Verity\" gemeinsam mit Anne Hathaway und Josh Hartnett. Das neue Michael Showalter-Filmprojekt soll am 2. Oktober in die Kinos kommen und wird wahrscheinlich weitere rote Teppiche in diesem Monat präsentieren. Doch diese Abendgala markierte den ersten groÃen Event für das Filmprojekt. Natürlich trat Johnson mit einer modischen Aussage an, um die Veranstaltung zu eröffnen. Dakota Johnson präsentiert sich auf der Londoner Premi..." 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": "Startseite", 62 "item": "https://aktuelleprospekt.com" 63 }, 64 { 65 "@type": "ListItem", 66 "position": 2, 67 "name": "Lebensstil", 68 "item": "https://aktuelleprospekt.com/lebensstil" 69 }, 70 { 71 "@type": "ListItem", 72 "position": 3, 73 "name": "Dakota Johnson präsentiert sich auf der Londoner Premiere von \"Verity\" in einem transparenten Gewand von Colleen Allen" 74 } 75 ] 76}</script>
76
76<script type="application/ld+json">{ 77 "@type": "NewsMediaOrganization", 78 "@id": "https://aktuelleprospekt.com#publisher", 79 "name": "Lebensgefühl", 80 "url": "https://aktuelleprospekt.com", 81 "logo": { 82 "@type": "ImageObject", 83 "url": "https://aktuelleprospekt.com/uploads/site-logo.svg", 84 "width": 735, 85 "height": 112 86 }, 87 "publishingPrinciples": "https://aktuelleprospekt.com/redaktionelle-richtlinien", 88 "missionCoveragePrioritiesPolicy": "https://aktuelleprospekt.com/redaktionelle-richtlinien", 89 "ethicsPolicy": "https://aktuelleprospekt.com/redaktionelle-richtlinien", 90 "masthead": "https://aktuelleprospekt.com/redaktionelle-richtlinien#estructura", 91 "correctionsPolicy": "https://aktuelleprospekt.com/korrekturrichtlinie", 92 "actionableFeedbackPolicy": "https://aktuelleprospekt.com/korrekturrichtlinie", 93 "verificationFactCheckingPolicy": "https://aktuelleprospekt.com/faktenprufung", 94 "unnamedSourcesPolicy": "https://aktuelleprospekt.com/uberprufungsprozess", 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://aktuelleprospekt.com/lebensstil/dakota-johnson-prasentiert-sich-auf-der-londoner-premiere-von-verity-in-einem-transparenten-gewand-von-colleen-allen", 100 "url": "https://aktuelleprospekt.com/lebensstil/dakota-johnson-prasentiert-sich-auf-der-londoner-premiere-von-verity-in-einem-transparenten-gewand-von-colleen-allen", 101 "name": "Dakota Johnson präsentiert sich auf der Londoner Premiere von \"Verity\" in einem transparenten Gewand von Colleen Allen", 102 "description": "Dakota Johnson präsentiert sich auf der Londoner Premiere von Verity in einem transparenten Gewand von Colleen Allen, im Eleganten Look enthaltsam und", 103 "publisher": { 104 "@type": "NewsMediaOrganization", 105 "@id": "https://aktuelleprospekt.com#publisher", 106 "name": "Lebensgefühl", 107 "url": "https://aktuelleprospekt.com", 108 "logo": { 109 "@type": "ImageObject", 110 "url": "https://aktuelleprospekt.com/uploads/site-logo.svg", 111 "width": 735, 112 "height": 112 113 }, 114 "publishingPrinciples": "https://aktuelleprospekt.com/redaktionelle-richtlinien", 115 "missionCoveragePrioritiesPolicy": "https://aktuelleprospekt.com/redaktionelle-richtlinien", 116 "ethicsPolicy": "https://aktuelleprospekt.com/redaktionelle-richtlinien", 117 "masthead": "https://aktuelleprospekt.com/redaktionelle-richtlinien#estructura", 118 "correctionsPolicy": "https://aktuelleprospekt.com/korrekturrichtlinie", 119 "actionableFeedbackPolicy": "https://aktuelleprospekt.com/korrekturrichtlinie", 120 "verificationFactCheckingPolicy": "https://aktuelleprospekt.com/faktenprufung", 121 "unnamedSourcesPolicy": "https://aktuelleprospekt.com/uberprufungsprozess" 122 }, 123 "datePublished": "2026-09-25T08:15:22+00:00", 124 "inLanguage": "de", 125 "primaryImageOfPage": { 126 "@type": "ImageObject", 127 "url": "https://aktuelleprospekt.com/uploads/images/dakota-johnson-prasentiert-sich-auf-der-londoner-premiere-von-verity-in-einem-transparenten-gewand-von-colleen-allen.jpg" 128 } 129}</script>
129
129<script type="application/ld+json">{ 130 "@context": "https://schema.org", 131 "@type": "ImageObject", 132 "url": "https://aktuelleprospekt.com/uploads/images/dakota-johnson-prasentiert-sich-auf-der-londoner-premiere-von-verity-in-einem-transparenten-gewand-von-colleen-allen.jpg", 133 "width": 1200, 134 "height": 675, 135 "caption": "Dakota Johnson präsentiert sich auf der Londoner Premiere von \"Verity\" in einem transparenten Gewand von Colleen Allen", 136 "description": "Dakota Johnson präsentiert sich auf der Londoner Premiere von Verity in einem transparenten Gewand von Colleen Allen, im Eleganten Look enthaltsam und", 137 "contentUrl": "https://aktuelleprospekt.com/uploads/images/dakota-johnson-prasentiert-sich-auf-der-londoner-premiere-von-verity-in-einem-transparenten-gewand-von-colleen-allen.jpg" 138}</script>
vendor: 64 bytes, line 138
138 <script async src="https://www.googletagmanager.com/gtag/js?id=
138G-BJKV75C9Z4
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-BJKV75C9Z4
vendor: 4 bytes, line 143
143');
144</script>
144<script async="async" data-cfasync="false" src="//ddserver.inber.net/?id=3494"></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: #b81f2c; --color-secondary: #c72c39; --color-accent: #d13643; --color-background: #fff5f5; --color-text: #8b0000; --color-text-light: #b71c1c; --color-text-muted: #c62828; --color-border: #ffccbc; --color-hover: #a21823; --color-header-footer: #b81f2c; --color-button: #c72c39; --color-button-hover: #b81f2c; --color-link: #a21823; --color-link-hover: #b81f2c; --color-card-bg: #ffffff; --color-card-border: #ffccbc; --color-card-shadow: rgba(183,28,28,0.1);} /* Variaciones dinámicas generadas para este sitio */ :root {--variation-spacing-base: 1.1646865270867; --variation-spacing-margin: 0.93591650418747; --variation-spacing-padding: 0.98023329045634; --variation-typography-base: 0.99201330502611; --variation-typography-line-height: 1.6102799400269; --variation-typography-letter-spacing: -0.050549369794572px; --variation-border-radius: 0.98613687278057; --variation-border-width: 0.99320883885641; --variation-shadow-opacity: 0.10844807380738; --variation-shadow-blur: 0.89119198941216; --variation-shadow-offset: 0.91610129890782; --variation-transition-duration: 1.0201289066207; --variation-transition-easing: ease;} 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;}
146 .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; 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-09-25"> Freitag, 25. September 2026 </time><div class="np-topbar-right"><form class="np-search" method="get" action="https://aktuelleprospekt.com/search" role="search"><input type="search" name="q" placeholder="Suchen..." aria-label="Suchen..."><button type="submit" aria-label="Suchen">â</button></form></div></div></div><div class="np-masthead"><div class="container np-masthead-inner"><a href="https://aktuelleprospekt.com" class="logo"><span class="site-brand" style="--site-brand-accent:#FFEA00" aria-label="Lebensgefühl"><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="fg31ffe269" x1="12%" y1="0%" x2="90%" y2="100%"><stop offset="0%" stop-color="#b7420b"/><stop offset="100%" stop-color="#c57016"/></linearGradient></defs><rect x="2" y="2" width="60" height="60" rx="16" fill="url(#fg31ffe269)"/><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">LE</text></svg></span><span class="site-brand-text"><span class="site-brand-name">Lebensgefühl</span><span class="site-brand-bar" aria-hidden="true"></span></span></span></a><button class="nav-toggle" type="button" aria-label="Open menu">☰</button></div></div><nav class="main-nav np-sections"><div class="container"><ul class="nav-list"><li class="nav-item"><a href="https://aktuelleprospekt.com"> Startseite </a></li><li class="nav-item"><a href="https://aktuelleprospekt.com/autoren"> Unser Team </a></li><li class="nav-item"><a href="https://aktuelleprospekt.com/kontakt"> Kontakt </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://aktuelleprospekt.com"> Startseite </a><span>âº</span><a href="https://aktuelleprospekt.com/lebensstil">Lebensstil</a><span>âº</span><span class="breadcrumb-current">Dakota Johnson präsentiert sich auf der Londoner Premiere von "Verity" in einem transparenten Gewand von Colleen Allen</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://aktuelleprospekt.com/lebensstil"> lebensstil </a><h1>Dakota Johnson präsentiert sich auf der Londoner Premiere von "Verity" in einem transparenten Gewand von Colleen Allen</h1><div class="post-meta"> Veröffentlicht am 25.09.2026, 10:15 in <a href="https://aktuelleprospekt.com/lebensstil"> lebensstil </a><span class="post-separator">â¢</span><span class="post-author"><a href="https://aktuelleprospekt.com/author/david-fischer" class="author-link"> David Fischer </a></span></div><div class="content"><div class="post-toc" id="post-toc-6ab62e132f0c0"><input type="checkbox" id="toc-toggle-6ab62e132f0c1" class="post-toc-checkbox"><label for="toc-toggle-6ab62e132f0c1" class="post-toc-header"><span class="post-toc-title">Inhalt</span><span class="post-toc-toggle">â¼</span></label><div class="post-toc-content"><ul class="post-toc-list"><li class="toc-h2"><a href="#dakota-johnson-prsentiert-sich-auf-der-londoner-premiere-von-verity-in-einem">Dakota Johnson präsentiert sich auf der Londoner Premiere von "Verity" in einem</a></li></ul></div></div><p>In <a href="https://aktuelleprospekt.com/lebensstil/die-besten-hotels-in-london-fur-mode-beauty-und-lifestyleenthusiasten" class="internal-link semantic-link" title="Die besten Hotels in London für Mode-, Beauty- und Lifestyle-Enthusiasten">London feierte Dakota Johnson</a> die Premiere ihres neuen Thrillers "Verity" gemeinsam mit Anne Hathaway und Josh Hartnett. Das neue Michael Showalter-Filmprojekt soll am 2. Oktober in die Kinos kommen und wird wahrscheinlich weitere rote Teppiche in diesem Monat präsentieren. Doch diese Abendgala markierte den ersten groÃen Event für das Filmprojekt. Natürlich trat Johnson mit einer modischen Aussage an, um die Veranstaltung zu eröffnen.</p><p style="text-align: center;"><img src="https://aktuelleprospekt.com/uploads/images/dakota-johnson-prasentiert-sich-auf-der-londoner-premiere-von-verity-in-einem-transparenten-gewand-von-colleen-allen-1.webp" alt="Dakota Johnson präsentiert sich auf der Londoner Premiere von "Verity" in einem" width="1280" height="720" style="max-width: 100%; height: auto;" loading="lazy" decoding="async"></p><h2 id="dakota-johnson-prsentiert-sich-auf-der-londoner-premiere-von-verity-in-einem">Dakota Johnson präsentiert sich auf der Londoner Premiere von "Verity" in einem</h2><p>Die Schauspielerin erschien im weiÃen Spitzenkleid des New Yorker Designers Colleen Allen, das eine abgetragene Kragenstellung aufwies. Doch es war die vollkommen durchsichtige Stoffwahl, die die echte Hervorhebung darstellte und ein schwarzes BH und Höschen unter dem Gewand zeigte. Foto: Getty Images</p><p>Johnson ist kein Unbekannter in Sachen "nackte" Kleidung, wie man sehen kann. Sie hat oft transparente Röcke getragen, die bewusst die Form darunter preisgaben. Einige Jahre zuvor trug sie beispielsweise ein transparentes Netzgewand von Gucci zur Madame Web-Premiere. Vor dieser Woche zeigte sie sich auch in einem schwarzen, durchsichtigen Valentino-Look auf der Vogue World in Mailand. Und nun bringt Johnson diese Erscheinung in den <a href="https://aktuelleprospekt.com/lebensstil/sieben-elegante-herbstnagelideen-fur-einen-lang-anh
146altenden-look" class="internal-link semantic-link" title="Sieben elegante Herbst-Nagelideen für einen lang anhaltenden Look">Herbst mit und kombiniert</a> sie mit der Eleganz von Lace. Es gibt etwas an der Kontrastierung ihrer schüchternen Spitze mit einer offeneren Stoffwahl, das sich frisch anfühlt. Zumal sie dabei eines der coolsten und aufstrebendsten Labels New Yorks trägt, um es zu tun (Allen wurde kürzlich für einen CFDA-Preis für den aufstrebenden Designer nominiert). Mit ihrem erfolgreichen Auftakt der "Verity"-Presse-Tour fragt sich nun: Wird es noch ein weiteres Schwangerschaftsmoment von Anne Hathaway aus dieser Tour geben? Bleiben die Augen auf. Foto: Getty Images</p></div><nav class="post-navigation" style="display:flex;justify-content:space-between;margin:2rem 0 1rem 0;"><a href="https://aktuelleprospekt.com/jane-austen-und-die-dynamik-zwischen-schwestern-ein-personlichkeitstest" title="Jane Austen und die Dynamik zwischen Schwestern â Ein Persönlichkeitstest - lebensstil" class="post-nav-link prev">← Jane Austen und die Dynamik zwischen Schwestern â Ein Persönlichkeitstest</a><span></span></nav><div class="recommended-widget recommended-widget-after"><div id="recommended-posts" class="recommended-posts-widget"><a href="https://aktuelleprospekt.com/lebensstil/die-besten-hotels-in-london-fur-mode-beauty-und-lifestyleenthusiasten" class="post-link-box"><span>Die besten Hotels in London für Mode-, Beauty- und Lifestyle-Enthusiasten</span><div class="btn" aria-hidden="true"><span class="post-link-arrow chevron right"></span></div></a><a href="https://aktuelleprospekt.com/lebensstil/sieben-elegante-herbstnagelideen-fur-einen-lang-anhaltenden-look" class="post-link-box"><span>Sieben elegante Herbst-Nagelideen für einen lang anhaltenden Look</span><div class="btn" aria-hidden="true"><span class="post-link-arrow chevron right"></span></div></a><a href="https://aktuelleprospekt.com/lebensstil/ibiza-wird-zu-einer-fashionpartyhotspot" class="post-link-box"><span>Ibiza wird zu einer Fashion-Party-Hotspot</span><div class="btn" aria-hidden="true"><span class="post-link-arrow chevron right"></span></div></a><a href="https://aktuelleprospekt.com/lebensstil/jane-austen-und-die-dynamik-zwischen-schwestern-ein-personlichkeitstest" class="post-link-box"><span>Jane Austen und die Dynamik zwischen Schwestern â Ein Persönlichkeitstest</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://aktuelleprospekt.com"> â Zurück zur Startseite </a></div></article></div><aside class="np-article-rail"><div class="np-rail-block"><h2 class="np-rail-title">Weitere Nachrichten</h2><a class="np-rail-item" href="https://aktuelleprospekt.com/lebensstil/chartreusenagel-der-unerwartete-herbsttrend-2026"><img src="https://aktuelleprospekt.com/uploads/images/chartreusenagel-der-unerwartete-herbsttrend-2026.jpg" alt="" loading="lazy"><span><span class="np-kicker">lebensstil</span><strong>Chartreuse-Nägel: Der unerwartete Herbst-Trend 2026</strong></span></a><a class="np-rail-item" href="https://aktuelleprospekt.com/lebensstil/jane-austen-und-die-dynamik-zwischen-schwestern-ein-personlichkeitstest"><img src="https://aktuelleprospekt.com/uploads/images/jane-austen-und-die-dynamik-zwischen-schwestern-ein-personlichkeitstest.jpg" alt="" loading="lazy"><span><span class="np-kicker">lebensstil</span><strong>Jane Austen und die Dynamik zwischen Schwestern â Ein Persönlichkeitstest</strong></span></a><a class="np-rail-item" href="https://aktuelleprospekt.com/lebensstil/neue-initiative-will-nachhaltigkeit-in-der-modebranche-wiederbeleben"><img src="https://aktuelleprospekt.com/uploads/images/neue-initiative-will-nachhaltigkeit-in-der-modebranche-wiederbeleben.jpg" alt="" loading="lazy"><span><span class="np-kicker">lebensstil</span><strong>Neue Initiative will Nachhaltigkeit in der Modebranche wiederbeleben</strong></span></a><a class="np-rail-item" href="https://aktuelleprospekt.com/lebensstil/die-besten-hotels-in-london-fur-mode-beauty-und-lifestyleenthusiasten"><img src="https://aktuelleprospekt.com/uploads/images/die-besten-hotels-in-london-fur-mode-beauty-und-lifestyleenthusiasten.jpg" alt="" loading="lazy"><span><span class="np-kicker">lebensstil</span><strong>Die besten Hotels in London für Mode-, Beauty- und Lifestyle-Enthusiasten</strong></span></a><a class="np-rail-item" href="https://aktuelleprospekt.com/lebensstil/herbstjackentrends-2026-die-perfekte-zeit-um-ihre-kollektion-aufzustocken"><img src="https://aktuelleprospekt.com/uploads/images/herbstjackentrends-2026-die-perfekte-zeit-um-ihre-kollektion-aufzustocken.jpg" alt="" loading="lazy"><span><span class="np-kicker">lebensstil</span><strong>Herbstjacken-Trends 2026: Die perfekte Zeit, um Ihre Kollektion aufzustocken</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;}
146 .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> Nützliche Links</h2><ul style="list-style: none; line-height: 1.8;"><li><a href="https://aktuelleprospekt.com/dmca" class="footer-link"><i class="sui sui-angle-right"></i> DMCA </a></li><li><a href="https://aktuelleprospekt.com/datenschutz" class="footer-link"><i class="sui sui-angle-right"></i> Datenschutzerklärung </a></li><li><a href="https://aktuelleprospekt.com/kategorien" class="footer-link"><i class="sui sui-angle-right"></i> Kategorien </a></li><li><a href="https://aktuelleprospekt.com/faktenprufung" class="footer-link"><i class="sui sui-angle-right"></i> Faktenprüfung </a></li><li><a href="https://aktuelleprospekt.com/redaktionelle-richtlinien" class="footer-link"><i class="sui sui-angle-right"></i> Redaktionelle Richtlinien </a></li><li><a href="https://aktuelleprospekt.com/uberprufungsprozess" class="footer-link"><i class="sui sui-angle-right"></i> Ãberprüfungsprozess </a></li><li><a href="https://aktuelleprospekt.com/korrekturrichtlinie" class="footer-link"><i class="sui sui-angle-right"></i> Korrekturrichtlinie </a></li></ul></div><div><h2 class="footer-title">Kategorien</h2><ul style="list-style: none; line-height: 1.8;"><li><a href="https://aktuelleprospekt.com/lebensstil" class="footer-link"> lebensstil </a></li><li><a href="https://aktuelleprospekt.com/mode" class="footer-link"> mode </a></li><li><a href="https://aktuelleprospekt.com/unterhaltung" class="footer-link"> unterhaltung </a></li><li><a href="https://aktuelleprospekt.com/schonheit" class="footer-link"> schonheit </a></li><li><a href="https://aktuelleprospekt.com/politik" class="footer-link"> politik </a></li><li><a href="https://aktuelleprospekt.com/kategorien" class="footer-link footer-link-accent"> Alle Kategorien anzeigen â </a></li></ul></div><div><h2 class="footer-title">Kontakt</h2><div class="footer-text"><a href="https://aktuelleprospekt.com/publications" class="footer-link footer-link-accent"> Publications â </a><br><a href="https://aktuelleprospekt.com/contact" class="footer-link footer-link-accent"> Kontakt â </a></div></div></div><div style="border-top: 1px solid #34495e; padding-top: 1rem; text-align: center;"><p>© 2026 Lebensgefühl. Alle Rechte vorbehalten </p></div></div></footer>
146<script> 147 function changeLanguage(langCode) { 148 const currentPath = window.location.pathname; 149 const mainLangCode = 'de'; 150 151 fetch(`https://aktuelleprospekt.com/smart_language_switch.php?lang=${langCode}¤t_path=${encodeURIComponent(currentPath)}`) 152 .then(response => response.json()) 153 .then(data => { 154 if (data.success && data.url) { 155 window.location.href = data.url; 156 } else { 157 const fallbackUrl = (langCode === mainLangCode) ? 'https://aktuelleprospekt.com/' : `https://aktuelleprospekt.com/${langCode}`; 158 window.location.href = fallbackUrl; 159 } 160 }) 161 .catch(error => { 162 console.error('Error switching language:', error); 163 const fallbackUrl = (langCode === mainLangCode) ? 'https://aktuelleprospekt.com/' : `https://aktuelleprospekt.com/${langCode}`; 164 window.location.href = fallbackUrl; 165 }); 166 } 167 168 document.addEventListener('DOMContentLoaded', function() { 169 const toggle = document.querySelector('.nav-toggle'); 170 const navList = document.querySelector('.nav-list'); 171 if (toggle && navList) { 172 toggle.addEventListener('click', function() { 173 navList.classList.toggle('open'); 174 }); 175 } 176 }); 177 </script>
177 178<!-- 179=== CACHE & MINIFICATION STATS === 180CACHE_STATUS: GENERATION 181URI: /lebensstil/dakota-johnson-prasentiert-sich-auf-der-londoner-premiere-von-verity-in-einem-transparenten-gewand-von-colleen-allen 182GENERATED_AT: 2026-09-25 08:17:23 183MINIFICATION_ENABLED: YES 184ORIGINAL_SIZE: 216,572 bytes (211.5 KB) 185MINIFIED_SIZE: 163,288 bytes (159.46 KB) 186BYTES_SAVED: 53,284 bytes (52.04 KB) 187SIZE_REDUCTION: 24.6% 188MINIFICATION_TIME: 3.74 ms 189PERFORMANCE_GAIN: EXCELLENT 190======================================= 191-->
191<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":"9530b6ac1b074a09b6a8a4fce9abe764","r":1,"spa":2}' crossorigin="anonymous"></script>
191 192</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.