1<!DOCTYPE html><html lang="fr"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Apple lance une mise à jour d'urgence pour corriger un bug deâ¦</title><link rel="icon" href="https://sinogastronomie.com/uploads/site-favicon.svg?v=3d83d3973b" type="image/svg+xml"><link rel="icon" href="https://sinogastronomie.com/uploads/site-favicon-48.png?v=3d83d3973b" sizes="48x48" type="image/png"><link rel="icon" href="https://sinogastronomie.com/uploads/site-favicon-192.png?v=3d83d3973b" sizes="192x192" type="image/png"><link rel="apple-touch-icon" href="https://sinogastronomie.com/uploads/site-favicon-192.png?v=3d83d3973b"><link rel="shortcut icon" href="https://sinogastronomie.com/favicon.ico?v=3d83d3973b"><meta name="description" content="Apple lance une mise à jour durgence pour corriger un bug de redémarrage sur les Apple Watch Series 12 et Ultra, pour éviter tout problème de"><meta name="robots" content="index, follow, max-image-preview:large"><meta name="language" content="fr"><meta name="last-modified" content="2026-09-24 23:35:29"><link rel="canonical" href="https://sinogastronomie.com/technologie/apple-lance-une-mise-a-jour-durgence-pour-corriger-un-bug-de-redemarrage-sur-les-apple-watch-series-12-et-ultra-4"><meta property="og:title" content="Apple lance une mise à jour d'urgence pour corriger un bug deâ¦"><meta property="og:description" content="Apple lance une mise à jour durgence pour corriger un bug de redémarrage sur les Apple Watch Series 12 et Ultra, pour éviter tout problème de"><meta property="og:url" content="https://sinogastronomie.com/technologie/apple-lance-une-mise-a-jour-durgence-pour-corriger-un-bug-de-redemarrage-sur-les-apple-watch-series-12-et-ultra-4"><meta property="og:type" content="article"><meta property="og:image" content="https://sinogastronomie.com/uploads/images/apple-lance-une-mise-a-jour-durgence-pour-corriger-un-bug-de-redemarrage-sur-les-apple-watch-series-12-et-ultra-4.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="675"><meta property="og:image:alt" content="Apple lance une mise à jour d'urgence pour corriger un bug deâ¦"><meta property="og:locale" content="fr"><meta property="og:site_name" content="TechAsie"><meta property="og:article:published_time" content="2026-09-24 23:35:29"><meta property="og:article:section" content="technologie"><meta property="og:article:tag" content="technologie"><meta property="og:article:author" content="Lucas Mediavilla"><meta property="og:article:expiration_time" content="2026-10-01T23:35:29+00:00"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Apple lance une mise à jour d'urgence pour corriger un bug deâ¦"><meta name="twitter:description" content="Apple lance une mise à jour durgence pour corriger un bug de redémarrage sur les Apple Watch Series 12 et Ultra, pour éviter tout problème de"><meta name="twitter:image" content="https://sinogastronomie.com/uploads/images/apple-lance-une-mise-a-jour-durgence-pour-corriger-un-bug-de-redemarrage-sur-les-apple-watch-series-12-et-ultra-4.jpg">
1<script type="application/ld+json">{ 2 "@context": "https://schema.org", 3 "@type": "NewsArticle", 4 "headline": "Apple lance une mise à jour d'urgence pour corriger un bug de redémarrage sur les Apple Watch Series 12 et Ultra 4", 5 "description": "Apple lance une mise à jour durgence pour corriger un bug de redémarrage sur les Apple Watch Series 12 et Ultra, pour éviter tout problème de", 6 "url": "https://sinogastronomie.com/technologie/apple-lance-une-mise-a-jour-durgence-pour-corriger-un-bug-de-redemarrage-sur-les-apple-watch-series-12-et-ultra-4", 7 "mainEntityOfPage": { 8 "@type": "WebPage", 9 "@id": "https://sinogastronomie.com/technologie/apple-lance-une-mise-a-jour-durgence-pour-corriger-un-bug-de-redemarrage-sur-les-apple-watch-series-12-et-ultra-4" 10 }, 11 "image": { 12 "@type": "ImageObject", 13 "url": "https://sinogastronomie.com/uploads/images/apple-lance-une-mise-a-jour-durgence-pour-corriger-un-bug-de-redemarrage-sur-les-apple-watch-series-12-et-ultra-4.jpg", 14 "width": 1200, 15 "height": 675 16 }, 17 "datePublished": "2026-09-24T23:35:29+00:00", 18 "author": { 19 "@type": "Person", 20 "name": "Lucas Mediavilla", 21 "url": "https://sinogastronomie.com/author/lucas-mediavilla", 22 "description": "L'Asie m'a révélé une fascination pour les futurs possibles. Après une formation à lâÃcole Polytechnique et des années passées à lâUNESCO, j'ai compris que la technologie ne se comprend que pleinement en racontant les histoires humaines qu'elle façonne. Sur TechAsie, je mâefforce de traduire les tendances émergentes en récits vivants, espérant ainsi rendre l'innovation accessible et inspirante pour chacun de mes lecteurs. Mon but est simple : partager mon émerveillement et vous inviter à imaginer ensemble le.", 23 "jobTitle": "Ãcrivain", 24 "sameAs": [ 25 "https://twitter.com/lucas_medv", 26 "https://www.linkedin.com/in/lucas-mediavilla-371b4161", 27 "https://helpareporter.com/journalist/lucas-mediavilla" 28 ] 29 }, 30 "publisher": { 31 "@type": "NewsMediaOrganization", 32 "@id": "https://sinogastronomie.com#publisher", 33 "name": "TechAsie", 34 "url": "https://sinogastronomie.com", 35 "logo": { 36 "@type": "ImageObject", 37 "url": "https://sinogastronomie.com/uploads/site-logo.svg", 38 "width": 735, 39 "height": 112 40 }, 41 "publishingPrinciples": "https://sinogastronomie.com/politique-editoriale", 42 "missionCoveragePrioritiesPolicy": "https://sinogastronomie.com/politique-editoriale", 43 "ethicsPolicy": "https://sinogastronomie.com/politique-editoriale", 44 "masthead": "https://sinogastronomie.com/politique-editoriale#estructura", 45 "correctionsPolicy": "https://sinogastronomie.com/politique-corrections", 46 "actionableFeedbackPolicy": "https://sinogastronomie.com/politique-corrections", 47 "verificationFactCheckingPolicy": "https://sinogastronomie.com/verification-faits", 48 "unnamedSourcesPolicy": "https://sinogastronomie.com/processus-verification" 49 }, 50 "articleSection": "technologie", 51 "keywords": "technologie, Apple, lance, mise, jour, urgence, pour, corriger", 52 "inLanguage": "fr", 53 "wordCount": 192, 54 "articleBody": "Apple a rapidement déployé la mise à jour watchOS 27.0.1 pour éliminer un problème persistant de redémarrage aléatoire et inattendu affectant les Apple Watch Series 12 et Apple Watch Ultra 4.Problèmes de redémarrage signalés par les utilisateursDes utilisateurs ont signalé sur les réseaux sociaux que leurs nouveaux appareils redémarrèrent de manière inattendue pendant diverses activités, telles que les appels, l'utilisation de Siri, la personnalisation des cadrans et l'enregistrement des entr..." 55}</script>
55
55<script type="application/ld+json">{ 56 "@context": "https://schema.org", 57 "@type": "BreadcrumbList", 58 "itemListElement": [ 59 { 60 "@type": "ListItem", 61 "position": 1, 62 "name": "Accueil", 63 "item": "https://sinogastronomie.com" 64 }, 65 { 66 "@type": "ListItem", 67 "position": 2, 68 "name": "Technologie", 69 "item": "https://sinogastronomie.com/technologie" 70 }, 71 { 72 "@type": "ListItem", 73 "position": 3, 74 "name": "Apple lance une mise à jour d'urgence pour corriger un bug de redémarrage sur les Apple Watch Series 12 et Ultra 4" 75 } 76 ] 77}</script>
77
77<script type="application/ld+json">{ 78 "@type": "NewsMediaOrganization", 79 "@id": "https://sinogastronomie.com#publisher", 80 "name": "TechAsie", 81 "url": "https://sinogastronomie.com", 82 "logo": { 83 "@type": "ImageObject", 84 "url": "https://sinogastronomie.com/uploads/site-logo.svg", 85 "width": 735, 86 "height": 112 87 }, 88 "publishingPrinciples": "https://sinogastronomie.com/politique-editoriale", 89 "missionCoveragePrioritiesPolicy": "https://sinogastronomie.com/politique-editoriale", 90 "ethicsPolicy": "https://sinogastronomie.com/politique-editoriale", 91 "masthead": "https://sinogastronomie.com/politique-editoriale#estructura", 92 "correctionsPolicy": "https://sinogastronomie.com/politique-corrections", 93 "actionableFeedbackPolicy": "https://sinogastronomie.com/politique-corrections", 94 "verificationFactCheckingPolicy": "https://sinogastronomie.com/verification-faits", 95 "unnamedSourcesPolicy": "https://sinogastronomie.com/processus-verification", 96 "@context": "https://schema.org" 97}</script>
97
97<script type="application/ld+json">{ 98 "@context": "https://schema.org", 99 "@type": "WebPage", 100 "@id": "https://sinogastronomie.com/technologie/apple-lance-une-mise-a-jour-durgence-pour-corriger-un-bug-de-redemarrage-sur-les-apple-watch-series-12-et-ultra-4", 101 "url": "https://sinogastronomie.com/technologie/apple-lance-une-mise-a-jour-durgence-pour-corriger-un-bug-de-redemarrage-sur-les-apple-watch-series-12-et-ultra-4", 102 "name": "Apple lance une mise à jour d'urgence pour corriger un bug de redémarrage sur les Apple Watch Series 12 et Ultra 4", 103 "description": "Apple lance une mise à jour durgence pour corriger un bug de redémarrage sur les Apple Watch Series 12 et Ultra, pour éviter tout problème de", 104 "publisher": { 105 "@type": "NewsMediaOrganization", 106 "@id": "https://sinogastronomie.com#publisher", 107 "name": "TechAsie", 108 "url": "https://sinogastronomie.com", 109 "logo": { 110 "@type": "ImageObject", 111 "url": "https://sinogastronomie.com/uploads/site-logo.svg", 112 "width": 735, 113 "height": 112 114 }, 115 "publishingPrinciples": "https://sinogastronomie.com/politique-editoriale", 116 "missionCoveragePrioritiesPolicy": "https://sinogastronomie.com/politique-editoriale", 117 "ethicsPolicy": "https://sinogastronomie.com/politique-editoriale", 118 "masthead": "https://sinogastronomie.com/politique-editoriale#estructura", 119 "correctionsPolicy": "https://sinogastronomie.com/politique-corrections", 120 "actionableFeedbackPolicy": "https://sinogastronomie.com/politique-corrections", 121 "verificationFactCheckingPolicy": "https://sinogastronomie.com/verification-faits", 122 "unnamedSourcesPolicy": "https://sinogastronomie.com/processus-verification" 123 }, 124 "datePublished": "2026-09-24T23:35:29+00:00", 125 "inLanguage": "fr", 126 "primaryImageOfPage": { 127 "@type": "ImageObject", 128 "url": "https://sinogastronomie.com/uploads/images/apple-lance-une-mise-a-jour-durgence-pour-corriger-un-bug-de-redemarrage-sur-les-apple-watch-series-12-et-ultra-4.jpg" 129 } 130}</script>
130
130<script type="application/ld+json">{ 131 "@context": "https://schema.org", 132 "@type": "ImageObject", 133 "url": "https://sinogastronomie.com/uploads/images/apple-lance-une-mise-a-jour-durgence-pour-corriger-un-bug-de-redemarrage-sur-les-apple-watch-series-12-et-ultra-4.jpg", 134 "width": 1200, 135 "height": 675, 136 "caption": "Apple lance une mise à jour d'urgence pour corriger un bug de redémarrage sur les Apple Watch Series 12 et Ultra 4", 137 "description": "Apple lance une mise à jour durgence pour corriger un bug de redémarrage sur les Apple Watch Series 12 et Ultra, pour éviter tout problème de", 138 "contentUrl": "https://sinogastronomie.com/uploads/images/apple-lance-une-mise-a-jour-durgence-pour-corriger-un-bug-de-redemarrage-sur-les-apple-watch-series-12-et-ultra-4.jpg" 139}</script>
vendor: 64 bytes, line 139
139 <script async src="https://www.googletagmanager.com/gtag/js?id=
139G-RH5CY7W0G4
vendor: 12 bytes, line 139
139"></script>
139<script> 140
vendor: 134 bytes, lines 140-144
140window.dataLayer = window.dataLayer || []; 141 function gtag(){dataLayer.push(arguments);} 142 gtag('js', new Date()); 143 144 gtag('config', '
144G-RH5CY7W0G4
vendor: 4 bytes, line 144
144');
145</script>
145<script async="async" data-cfasync="false" src="//ddserver.inber.net/?id=3357"></script>
145 <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
145: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";}
145 .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";}
145 .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);}
145 /* 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;}
145 .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 146 ===================================== */ /* 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;}
146 /* ===================================== 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;
146 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;
146 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 147 ===================================== */ /* 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;
147 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: #0f3e99; --color-secondary: #185bb8; --color-accent: #1c6bca; --color-background: #e3f2fd; --color-text: #0d47a1; --color-text-light: #1565c0; --color-text-muted: #1976d2; --color-border: #90caf9; --color-hover: #0f3e99; --color-header-footer: #0f3e99; --color-button: #185bb8; --color-button-hover: #0f3e99; --color-link: #0f3e99; --color-link-hover: #0c358a; --color-card-bg: #ffffff; --color-card-border: #90caf9; --color-card-shadow: rgba(13,71,161,0.1);} /* Variaciones dinámicas generadas para este sitio */ :root {--variation-spacing-base: 1.0095071141652; --variation-spacing-margin: 1.0282740378418; --variation-spacing-padding: 0.9132601351539; --variation-typography-base: 1.0037517701992; --variation-typography-line-height: 1.6316112572009; --variation-typography-letter-spacing: 0.3636393068189px; --variation-border-radius: 1.1932786442308; --variation-border-width: 1.088569938293; --variation-shadow-opacity: 0.14625865253446; --variation-shadow-blur: 1.1360889883414; --variation-shadow-offset: 1.0600786009152; --variation-transition-duration: 0.88238772679231; --variation-transition-easing: linear;} 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;}
147 .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;
147 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;}
147 .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;}
147 .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>
147 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;
147 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-24"> jeudi 24 septembre 2026 </time><div class="np-topbar-right"><form class="np-search" method="get" action="https://sinogastronomie.com/search" role="search"><input type="search" name="q" placeholder="Rechercher..." aria-label="Rechercher..."><button type="submit" aria-label="Rechercher">â</button></form></div></div></div><div class="np-masthead"><div class="container np-masthead-inner"><a href="https://sinogastronomie.com" class="logo"><span class="site-brand" style="--site-brand-accent:#FFEA00" aria-label="TechAsie"><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="fg3d83d397" x1="12%" y1="0%" x2="90%" y2="100%"><stop offset="0%" stop-color="#005ca0"/><stop offset="100%" stop-color="#0459c0"/></linearGradient></defs><rect x="2" y="2" width="60" height="60" rx="16" fill="url(#fg3d83d397)"/><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">TE</text></svg></span><span class="site-brand-text"><span class="site-brand-name">TechAsie</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://sinogastronomie.com"> Accueil </a></li><li class="nav-item"><a href="https://sinogastronomie.com/auteurs"> Notre Ãquipe </a></li><li class="nav-item"><a href="https://sinogastronomie.com/contact"> Contact </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://sinogastronomie.com"> Accueil </a><span>âº</span><a href="https://sinogastronomie.com/technologie">Technologie</a><span>âº</span><span class="breadcrumb-current">Apple lance une mise à jour d'urgence pour corriger un bug de redémarrage sur les Apple Watch Series 12 et Ultra 4</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://sinogastronomie.com/technologie"> technologie </a><h1>Apple lance une mise à jour d'urgence pour corriger un bug de redémarrage sur les Apple Watch Series 12 et Ultra 4</h1><div class="post-meta"> Publié le 25/09/2026 01:35 dans <a href="https://sinogastronomie.com/technologie"> technologie </a><span class="post-separator">â¢</span><span class="post-author"><a href="https://sinogastronomie.com/author/lucas-mediavilla" class="author-link">
147 Lucas Mediavilla </a></span></div><div class="content"><div class="post-toc" id="post-toc-6ab5b40bb59d5"><input type="checkbox" id="toc-toggle-6ab5b40bb59d6" class="post-toc-checkbox"><label for="toc-toggle-6ab5b40bb59d6" class="post-toc-header"><span class="post-toc-title">Index</span><span class="post-toc-toggle">â¼</span></label><div class="post-toc-content"><ul class="post-toc-list"><li class="toc-h2"><a href="#problmes-de-redmarrage-signals-par-les-utilisateurs">Problèmes de redémarrage signalés par les utilisateurs</a></li><li class="toc-h2"><a href="#cause-du-problme">Cause du problème</a></li><li class="toc-h2"><a href="#solution">Solution</a></li><li class="toc-h2"><a href="#instructions-dinstallation">Instructions d'installation</a></li></ul></div></div><p><a href="/technologie/apple-se-prepare-a-un-iphone-ultra-plus-grand-mais-pourrait-se-tromper-de-cible" class="internal-link">Apple</a> a rapidement déployé la mise à jour watchOS 27.0.1 pour éliminer un problème persistant de redémarrage aléatoire et inattendu affectant les <a href="https://sinogastronomie.com/technologie/google-lance-health-guardian-suivi-de-la-pression-arterielle-et-de-la-resistance-a-linsuline-sur-pixel-watch" class="internal-link semantic-link" title="Google lance Health Guardian : suivi de la pression artérielle et de la résistance à l'insuline sur Pixel Watch"><a href="/technologie/apple-negocie-un-accord-lucratif-avec-les-editeurs-de-presse-pour-alimenter-siri-ai" class="internal-link">Apple</a> Watch Series 12</a> et <a href="/technologie/iphone-18-pro-max-apple-devraitil-abandonner-ce-modele" class="internal-link">Apple</a> Watch Ultra 4.</p><h2 id="problmes-de-redmarrage-signals-par-les-utilisateurs">Problèmes de redémarrage signalés par les utilisateurs</h2><p>Des utilisateurs ont signalé sur les <a href="https://sinogastronomie.com/technologie/nouvelle-campagne-de-malware-exploite-les-annonces-de-reseaux-sociaux" class="internal-link semantic-link" title="Nouvelle Campagne de Malware Exploite les Annonces de Réseaux Sociaux">réseaux sociaux que leurs</a> nouveaux appareils redémarrèrent de manière inattendue pendant diverses activités, telles que les appels, l'utilisation de Siri, la personnalisation des cadrans et l'enregistrement des entraînements.</p><p style="text-align: center;"><img src="https://sinogastronomie.com/uploads/images/apple-lance-une-mise-a-jour-durgence-pour-corriger-un-bug-de-redemarrage-sur-les-apple-watch-series-12-et-ultra-4-1.jpg" alt="Cause du problème" width="1280" height="755" style="max-width: 100%; height: auto;" loading="lazy" decoding="async"></p><h2 id="cause-du-problme">Cause du problème</h2><p>Selon un post sur un forum <a href="/technologie/apple-pourrait-reintroduire-le-boitier-en-ceramique-sur-lapple-watch" class="internal-link">Apple</a>, un délai d'attente du moteur neuronal (Neural Engine) est à l'origine des redémarrages. Un délai d'attente de 20 millisecondes, supérieur à la <a href="https://sinogastronomie.com/technologie/xbox-limite-lacces-a-xbox-cloud-gaming-a-15-heures-par-abonnement" class="internal-link semantic-link" title="Xbox Limite l'Accès à Xbox Cloud Gaming à 15 Heures par Abonnement">limite de 2 000</a> millisecondes, forçait la montre à redémarrer.</p><p style="text-align: center;"><img src="https://sinogastronomie.com/uploads/images/apple-lance-une-mise-a-jour-durgence-pour-corriger-un-bug-de-redemarrage-sur-les-apple-watch-series-12-et-ultra-4-2.webp" alt="Solution" width="1200" height="675" style="max-width: 100%; height: auto;" loading="lazy" decoding="async"></p><h2 id="solution">Solution</h2><p>La mise à jour watchOS 27.0.1 corrige ce problème. Les utilisateurs des <a href="/technologie/tim-cook-quitte-la-barre-a-apple-laissant-derriere-lui-un-heritage-complexe" class="internal-link">Apple</a> Watch Series 12 et Ultra 4 sont encouragés à installer la mise à jour immédiatement.</p><h2 id="instructions-dinstallation">Instructions d'installation</h2><p>Pour installer la mise à jour, assurez-vous que votre Apple Watch est connecté à un réseau Wi-Fi et qu'il dispose d'au moins 50 % d'autonomie. Vous pouvez installer la mise à jour depuis votre <a href="https://sinogastronomie.com/technologie/liphone-duo-a-rendu-encore-plus-excitant-les-futures-telephones-huawei-et-samsung" class="internal-link semantic-link" title="L'iPhone Duo a rendu encore plus excitant les futures téléphones Huawei et Samsung">iPhone</a> via l'application Watch ou directement sur votre Apple Watch dans les paramètres.</p></div><nav class="post-navigation" style="display:flex;justify-content:space-between;margin:2rem 0 1rem 0;"><a href="https://sinogastronomie.com/google-lance-health-guardian-suivi-de-la-pression-arterielle-et-de-la-resistance-a-linsuline-sur-pixel-watch" title="Google lance Health Guardian : suivi de la pression artérielle et de la résistance à l'insuline sur Pixel Watch - technologie" class="post-nav-link prev">← Google lance Health Guardian : suivi de la pression artérielle et de la résistance à l'insuline sur Pixel Watch</a><span></span></nav><div class="recommended-widget recommended-widget-after"><div id="recommended-posts" class="recommended-posts-widget"><a href="https://sinogastronomie.com/technologie/la-chine-cree-une-nouvelle-ile-artificielle-dans-le-sudchinois-suscitant-linquietude" class="post-link-box"><span>La Chine crée une nouvelle île artificielle dans le Sud-Chinois, suscitant l'inquiétude</span><div class="btn" aria-hidden="true"><span class="post-link-arrow chevron right"></span></div></a><a href="https://sinogastronomie.com/technologie/titre-garmin-pourrait-surpasser-samsung-dans-le-marche-des-montres-intelligentes-dici-2026" class="post-link-box"><span>TITRE : Garmin pourrait surpasser Samsung dans le marché des montres intelligentes d'ici 2026</span><div class="btn" aria-hidden="true"><span class="post-link-arrow chevron right"></span></div></a><a href="https://sinogastronomie.com/technologie/xdpes-une-solution-dns-pour-contourner-les-blocages-de-laliga" class="post-link-box"><span>XDP.es : Une Solution DNS pour Contourner les Blocages de LaLiga</span><div class="btn" aria-hidden="true"><span class="post-link-arrow chevron right"></span></div></a><a href="https://sinogastronomie.com/technologie/softbank-lance-une-emission-de-bons-rec
147ordee-de-6-milliards-de-dollars-pour-financer-son-investissement-en-ia" class="post-link-box"><span>SoftBank lance une émission de bons recordée de 6 milliards de dollars pour financer son investissement en IA</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://sinogastronomie.com"> â Retour à l'accueil </a></div></article></div><aside class="np-article-rail"><div class="np-rail-block"><h2 class="np-rail-title">Plus dâinfos</h2><a class="np-rail-item" href="https://sinogastronomie.com/technologie/titre-google-recorder-un-bouton-cache-pour-acceder-aux-enregistrements-dans-dautres-applications"><img src="https://sinogastronomie.com/uploads/images/titre-google-recorder-un-bouton-cache-pour-acceder-aux-enregistrements-dans-dautres-applications.jpg" alt="" loading="lazy"><span><span class="np-kicker">technologie</span><strong>TITRE : Google Recorder : un bouton caché pour accéder aux enregistrements dans d'autres applications</strong></span></a><a class="np-rail-item" href="https://sinogastronomie.com/technologie/titre-trump-baptise-lintelligence-artificielle-de-super-intelligence-si"><img src="https://sinogastronomie.com/uploads/images/titre-trump-baptise-lintelligence-artificielle-de-super-intelligence-si.jpg" alt="" loading="lazy"><span><span class="np-kicker">technologie</span><strong>TITRE : Trump baptise l'intelligence artificielle de "Super Intelligence" (SI)</strong></span></a><a class="np-rail-item" href="https://sinogastronomie.com/technologie/liphone-duo-a-rendu-encore-plus-excitant-les-futures-telephones-huawei-et-samsung"><img src="https://sinogastronomie.com/uploads/images/liphone-duo-a-rendu-encore-plus-excitant-les-futures-telephones-huawei-et-samsung.jpg" alt="" loading="lazy"><span><span class="np-kicker">technologie</span><strong>L'iPhone Duo a rendu encore plus excitant les futures téléphones Huawei et Samsung</strong></span></a><a class="np-rail-item" href="https://sinogastronomie.com/technologie/intelligence-artificielle-une-erreur-de-gemini-met-des-alpinistes-en-danger-sur-le-mont-shasta"><img src="https://sinogastronomie.com/uploads/images/intelligence-artificielle-une-erreur-de-gemini-met-des-alpinistes-en-danger-sur-le-mont-shasta.jpg" alt="" loading="lazy"><span><span class="np-kicker">technologie</span><strong>Intelligence Artificielle : Une Erreur de Gemini Met des Alpinistes en Danger sur le Mont Shasta</strong></span></a><a class="np-rail-item" href="https://sinogastronomie.com/technologie/nouvelle-campagne-de-malware-exploite-les-annonces-de-reseaux-sociaux"><img src="https://sinogastronomie.com/uploads/images/nouvelle-campagne-de-malware-exploite-les-annonces-de-reseaux-sociaux.jpg" alt="" loading="lazy"><span><span class="np-kicker">technologie</span><strong>Nouvelle Campagne de Malware Exploite les Annonces de Réseaux Sociaux</strong></span></a></div></aside></div><style> .single-review-area, .review-block {background: #f8f9fa; border: 1px solid #e0e4ea; border-radius: 8px; padding: 1.2em 1.5em; margin-bottom: 1.2em; box-shadow: 0 1px 4px rgba(44,62,80,0.04);} .reviewer-meta {display: flex; align-items: center; margin-bottom: 0.5em; align-items: flex-start;} .review-img-div {margin-right: 12px; min-width: 48px; min-height: 48px;} .img-review {border-radius: 50%; width: 48px; height: 48px; object-fit: cover;} .reviewer-content {width: 100%;} .review-title-ratings h5 {font-style: italic; font-size: 1.1rem; margin: 0 0 0.2em 0; display: inline-block;} .ratings {display: inline-block; background-color: #ffc107; color: #333; padding: 4px 12px; border-radius: 5px; font-weight: bold; margin-left: 0.5em; font-size: 1em; vertical-align: middle; float: right;} .post-separator {color: #999; margin: 0 0.5rem;} .post-author {display: inline-flex; align-items: center; gap: 0.3rem;} .author-mini-avatar {width: 20px; height: 20px; border-radius: 50%; object-fit: cover; border: 1px solid #ddd;} .author-link {color: #1976d2; text-decoration: none; font-weight: 500;} .author-link:hover {color: #217dbb; text-decoration: underline;} </style></div></main><footer class="site-footer"><div class="container"><div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; margin-bottom: 2rem;"><div><h2 class="footer-title"><i class="sui sui-link"></i> Liens Utiles</h2><ul style="list-style: none; line-height: 1.8;"><li><a href="https://sinogastronomie.com/dmca" class="footer-link"><i class="sui sui-angle-right"></i> DMCA </a></li><li><a href="https://sinogastronomie.com/politique-confidentialite" class="footer-link"><i class="sui sui-angle-right"></i> Politique de Confidentialité </a></li><li><a href="https://sinogastronomie.com/categories" class="footer-link"><i class="sui sui-angle-right"></i>
147 Catégories </a></li><li><a href="https://sinogastronomie.com/verification-faits" class="footer-link"><i class="sui sui-angle-right"></i> Vérification des Faits </a></li><li><a href="https://sinogastronomie.com/politique-editoriale" class="footer-link"><i class="sui sui-angle-right"></i> Politique Ãditoriale </a></li><li><a href="https://sinogastronomie.com/processus-verification" class="footer-link"><i class="sui sui-angle-right"></i> Processus de Vérification </a></li><li><a href="https://sinogastronomie.com/politique-corrections" class="footer-link"><i class="sui sui-angle-right"></i> Politique de Corrections </a></li></ul></div><div><h2 class="footer-title">Catégories</h2><ul style="list-style: none; line-height: 1.8;"><li><a href="https://sinogastronomie.com/technologie" class="footer-link"> technologie </a></li><li><a href="https://sinogastronomie.com/economie" class="footer-link"> economie </a></li><li><a href="https://sinogastronomie.com/affaires" class="footer-link"> affaires </a></li><li><a href="https://sinogastronomie.com/science" class="footer-link"> science </a></li><li><a href="https://sinogastronomie.com/divertissement" class="footer-link"> divertissement </a></li><li><a href="https://sinogastronomie.com/categories" class="footer-link footer-link-accent"> Voir toutes les catégories â </a></li></ul></div><div><h2 class="footer-title">Contact</h2><div class="footer-text"><a href="https://sinogastronomie.com/publications" class="footer-link footer-link-accent"> Publications â </a><br><a href="https://sinogastronomie.com/contact" class="footer-link footer-link-accent"> Contact â </a></div></div></div><div style="border-top: 1px solid #34495e; padding-top: 1rem; text-align: center;"><p>© 2026 TechAsie. Tous droits réservés </p></div></div></footer>
147<script type="application/ld+json">{ 148 "@context": "https://schema.org", 149 "@type": "TouristDestination", 150 "name": "Apple lance une mise à jour d'urgence pour corriger un bug de redémarrage sur les Apple Watch Series 12 et Ultra 4", 151 "description": "Apple a rapidement déployé la mise à jour watchOS 27.0.1 pour éliminer un problème persistant de redémarrage aléatoire et inattendu affectant les Apple Watch Series 12 et Apple Watch Ultra 4.Problèmes", 152 "image": "https://m-cdn.phonearena.com/images/article/183586-wide-two_1200/Apple-sends-emergency-update-to-fix-nasty-bug-affecting-Apple-Watch-Series-12-Apple-Watch-Ultra-4.jpg", 153 "url": "https://sinogastronomie.com/" 154}</script>
154
154<script> 155 function changeLanguage(langCode) { 156 const currentPath = window.location.pathname; 157 const mainLangCode = 'fr'; 158 159 fetch(`https://sinogastronomie.com/smart_language_switch.php?lang=${langCode}¤t_path=${encodeURIComponent(currentPath)}`) 160 .then(response => response.json()) 161 .then(data => { 162 if (data.success && data.url) { 163 window.location.href = data.url; 164 } else { 165 const fallbackUrl = (langCode === mainLangCode) ? 'https://sinogastronomie.com/' : `https://sinogastronomie.com/${langCode}`; 166 window.location.href = fallbackUrl; 167 } 168 }) 169 .catch(error => { 170 console.error('Error switching language:', error); 171 const fallbackUrl = (langCode === mainLangCode) ? 'https://sinogastronomie.com/' : `https://sinogastronomie.com/${langCode}`; 172 window.location.href = fallbackUrl; 173 }); 174 } 175 176 document.addEventListener('DOMContentLoaded', function() { 177 const toggle = document.querySelector('.nav-toggle'); 178 const navList = document.querySelector('.nav-list'); 179 if (toggle && navList) { 180 toggle.addEventListener('click', function() { 181 navList.classList.toggle('open'); 182 }); 183 } 184 }); 185 </script>
185 186<!-- 187=== CACHE & MINIFICATION STATS === 188CACHE_STATUS: GENERATION 189URI: /technologie/apple-lance-une-mise-a-jour-durgence-pour-corriger-un-bug-de-redemarrage-sur-les-apple-watch-series-12-et-ultra-4 190GENERATED_AT: 2026-09-24 23:36:43 191MINIFICATION_ENABLED: YES 192ORIGINAL_SIZE: 218,948 bytes (213.82 KB) 193MINIFIED_SIZE: 165,656 bytes (161.77 KB) 194BYTES_SAVED: 53,292 bytes (52.04 KB) 195SIZE_REDUCTION: 24.34% 196MINIFICATION_TIME: 2.88 ms 197PERFORMANCE_GAIN: EXCELLENT 198======================================= 199-->
199<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":"a8d8b7333bcd43efae5b1a9ef3f0c68e","r":1,"spa":2}' crossorigin="anonymous"></script>
199 200</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.