PageSourceSearch

https://sinogastronomie.com/technologie/titre-la-barre-de-navigati…en-design-avec-lacces-aux-contacts-restaure

html sinogastronomie.com collected 2026-10-02 21:38:20 UTC 165,716 bytes, 200 lines download raw bytes

1<!DOCTYPE html><html lang="fr"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>TITRE : La barre de navigation du Phone by Google app revient à son…</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="Google a restauré l&#039;ancien design de la barre de navigation de l&#039;application Phone by Google, incluant à nouveau l&#039;accès direct aux contacts | Réservez"><meta name="robots" content="index, follow, max-image-preview:large"><meta name="language" content="fr"><meta name="last-modified" content="2026-09-29 07:44:23"><link rel="canonical" href="https://sinogastronomie.com/technologie/titre-la-barre-de-navigation-du-phone-by-google-app-revient-a-son-ancien-design-avec-lacces-aux-contacts-restaure"><meta property="og:title" content="TITRE : La barre de navigation du Phone by Google app revient à son…"><meta property="og:description" content="Google a restauré l&#039;ancien design de la barre de navigation de l&#039;application Phone by Google, incluant à nouveau l&#039;accès direct aux contacts | Réservez"><meta property="og:url" content="https://sinogastronomie.com/technologie/titre-la-barre-de-navigation-du-phone-by-google-app-revient-a-son-ancien-design-avec-lacces-aux-contacts-restaure"><meta property="og:type" content="article"><meta property="og:image" content="https://sinogastronomie.com/uploads/images/titre-la-barre-de-navigation-du-phone-by-google-app-revient-a-son-ancien-design-avec-lacces-aux-contacts-restaure.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="675"><meta property="og:image:alt" content="TITRE : La barre de navigation du Phone by Google app revient à son…"><meta property="og:locale" content="fr"><meta property="og:site_name" content="TechAsie"><meta property="og:article:published_time" content="2026-09-29 07:44:23"><meta property="og:article:section" content="technologie"><meta property="og:article:tag" content="technologie"><meta property="og:article:author" content="Thomas Vampouille"><meta property="og:article:expiration_time" content="2026-10-06T07:44:23+00:00"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="TITRE : La barre de navigation du Phone by Google app revient à son…"><meta name="twitter:description" content="Google a restauré l&#039;ancien design de la barre de navigation de l&#039;application Phone by Google, incluant à nouveau l&#039;accès direct aux contacts | Réservez"><meta name="twitter:image" content="https://sinogastronomie.com/uploads/images/titre-la-barre-de-navigation-du-phone-by-google-app-revient-a-son-ancien-design-avec-lacces-aux-contacts-restaure.jpg"> 
1<script type="application/ld+json">{
2    "@context": "https://schema.org",
3    "@type": "NewsArticle",
4    "headline": "TITRE : La barre de navigation du Phone by Google app revient à son ancien design, avec l'accès aux contacts restauré",
5    "description": "Google a restauré l'ancien design de la barre de navigation de l'application Phone by Google, incluant à nouveau l'accès direct aux contacts | Réservez",
6    "url": "https://sinogastronomie.com/technologie/titre-la-barre-de-navigation-du-phone-by-google-app-revient-a-son-ancien-design-avec-lacces-aux-contacts-restaure",
7    "mainEntityOfPage": {
8        "@type": "WebPage",
9        "@id": "https://sinogastronomie.com/technologie/titre-la-barre-de-navigation-du-phone-by-google-app-revient-a-son-ancien-design-avec-lacces-aux-contacts-restaure"
10    },
11    "image": {
12        "@type": "ImageObject",
13        "url": "https://sinogastronomie.com/uploads/images/titre-la-barre-de-navigation-du-phone-by-google-app-revient-a-son-ancien-design-avec-lacces-aux-contacts-restaure.jpg",
14        "width": 1200,
15        "height": 675
16    },
17    "datePublished": "2026-09-29T07:44:23+00:00",
18    "author": {
19        "@type": "Person",
20        "name": "Thomas Vampouille",
21        "url": "https://sinogastronomie.com/author/thomas-vampouille",
22        "description": "La technologie, pour moi, c'est un peu comme décoder un mystère fascinant. Après des années passées chez Renault, où j'ai appris à observer les mécanismes en profondeur, j'ai choisi de partager mon regard sur TechAsie. J'aime prendre le temps d'analyser les innovations, les gadgets, et les tendances high-tech, en essayant de les rendre accessibles à tous, avec un style simple et conversationnel. Mon but ? Vous aider à comprendre l'impact de ces avancées sur notre quotidien.",
23        "jobTitle": "Rédacteur Spécialisé",
24        "sameAs": [
25            "https://twitter.com/tomvampouille",
26            "https://www.linkedin.com/in/thomas-vampouille-45720a15",
27            "https://helpareporter.com/journalist/thomas-vampouille"
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, TITRE, barre, navigation, Phone, Google, revient, ancien",
52    "inLanguage": "fr",
53    "wordCount": 242,
54    "articleBody": "CONTENU : Depuis que Google a mis à jour l'application Phone by Google en juillet 2025, certains utilisateurs de Pixel se sont plaints. L'icône des Contacts a été retirée de la barre de navigation latérale où elle était facilement accessible. À présent, votre liste de contacts est disponible via un menu latéral. TITRE : La barre de navigation du Phone by Google app revient à son ancien desig Mais Google revient sur sa décision. Si vous utilisez la version bêta de l'application Phone by Google..."
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": "TITRE : La barre de navigation du Phone by Google app revient à son ancien design, avec l'accès aux contacts restauré"
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/titre-la-barre-de-navigation-du-phone-by-google-app-revient-a-son-ancien-design-avec-lacces-aux-contacts-restaure",
101    "url": "https://sinogastronomie.com/technologie/titre-la-barre-de-navigation-du-phone-by-google-app-revient-a-son-ancien-design-avec-lacces-aux-contacts-restaure",
102    "name": "TITRE : La barre de navigation du Phone by Google app revient à son ancien design, avec l'accès aux contacts restauré",
103    "description": "Google a restauré l'ancien design de la barre de navigation de l'application Phone by Google, incluant à nouveau l'accès direct aux contacts | Réservez",
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-29T07:44:23+00:00",
125    "inLanguage": "fr",
126    "primaryImageOfPage": {
127        "@type": "ImageObject",
128        "url": "https://sinogastronomie.com/uploads/images/titre-la-barre-de-navigation-du-phone-by-google-app-revient-a-son-ancien-design-avec-lacces-aux-contacts-restaure.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/titre-la-barre-de-navigation-du-phone-by-google-app-revient-a-son-ancien-design-avec-lacces-aux-contacts-restaure.jpg",
134    "width": 1200,
135    "height": 675,
136    "caption": "TITRE : La barre de navigation du Phone by Google app revient à son ancien design, avec l'accès aux contacts restauré",
137    "description": "Google a restauré l'ancien design de la barre de navigation de l'application Phone by Google, incluant à nouveau l'accès direct aux contacts | Réservez",
138    "contentUrl": "https://sinogastronomie.com/uploads/images/titre-la-barre-de-navigation-du-phone-by-google-app-revient-a-son-ancien-design-avec-lacces-aux-contacts-restaure.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-10-01"> jeudi 1 octobre 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">&#9776;</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">TITRE : La barre de navigation du Phone by Google app revient à son ancien design, avec l&#039;accès aux contacts restauré</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>TITRE : La barre de navigation du Phone by Google app revient à son ancien design, avec l&#039;accès aux contacts restauré</h1><div class="post-meta"> Publié le 29/09/2026 09:44 dans <a href="https://sinogastronomie.com/technologie"> technologie </a><span class="post-separator">•</span><span class="post-author"><a href="https://sinogastronomie.com/author/thomas-vampouille" class="author-link"> Thomas Vampouille </a></span></div><div class="content"><div class="post-toc" id="post-toc-6abe1b0c9e6c2"><input type="checkbox" id="toc-toggle-6abe1b0c9e6c3" class="post-toc-checkbox"><label for="toc-toggle-6abe1b0c9e6c3" 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="#titre-la-barre-de-navigation-du-phone-by-google-app-revient-son-ancien-desig">TITRE : La barre de navigation du Phone by Google app revient à son ancien desig</a></li></ul></div></div><p>
147CONTENU : <a href="https://sinogastronomie.com/technologie/samsung-finder-pourrait-bientot-integrer-google-messages" class="internal-link semantic-link" title="Samsung Finder pourrait bientôt intégrer Google Messages">Depuis que Google</a> a mis à jour l'<a href="https://sinogastronomie.com/technologie/titre-zoomit-la-celebre-application-de-capture-decran-disponible-desormais-sur-macos-grace-a-lintelligence-artificielle" class="internal-link semantic-link" title="TITRE : ZoomIt, la célèbre application de capture d&#039;écran, disponible désormais sur macOS grâce à l&#039;intelligence artificielle">application Phone by Google</a> en juillet 2025, certains <a href="https://sinogastronomie.com/technologie/les-mises-a-jour-du-pixel-10-pro-xl-provoquent-des-blocages-de-verrouillage" class="internal-link semantic-link" title="Les mises à jour du Pixel 10 Pro XL provoquent des blocages de verrouillage">utilisateurs de Pixel</a> se sont plaints. L'icône des Contacts a été retirée de la barre de navigation latérale où elle était facilement accessible. À présent, votre liste de contacts est disponible via un menu latéral.</p><p style="text-align: center;"><img src="https://sinogastronomie.com/uploads/images/titre-la-barre-de-navigation-du-phone-by-google-app-revient-a-son-ancien-design-avec-lacces-aux-contacts-restaure-1.jpg" alt="TITRE : La barre de navigation du Phone by Google app revient à son ancien desig" width="1280" height="755" style="max-width: 100%; height: auto;" loading="lazy" decoding="async"></p><h2 id="titre-la-barre-de-navigation-du-phone-by-google-app-revient-son-ancien-desig">TITRE : La barre de navigation du Phone by Google app revient à son ancien desig</h2><p>Mais Google revient sur sa décision. Si vous utilisez la version bêta de l'application Phone by Google sur votre Pixel, vous pouvez à nouveau accéder à vos contacts en ouvrant l'application Phone et en cliquant sur l'icône Contacts en bas de l'écran. C'est tout ! Vous devez avoir la version bêta v40.0.986973448 pour bénéficier de ce retour à l'ancien design, qui, en fin de compte, est le même que précédemment.</p><p>
147J'ai toujours fait un point d'installer la version bêta de chaque application Google sur mon téléphone <a href="https://sinogastronomie.com/technologie/apple-developpe-une-fonction-antivol-pour-iphone-similaire-a-android" class="internal-link semantic-link" title="Apple Développe une Fonction Anti-Vol pour iPhone Similaire à Android">Android</a>. Je vous recommande de le faire également si vous voulez avoir accès aux nouvelles fonctionnalités d'une application avant tout le monde. Pour vous inscrire en <a href="https://sinogastronomie.com/technologie/test-a-une-main-de-liphone-duo-les-gauchers-peuventils-lutiliser" class="internal-link semantic-link" title="Test à une main de l&#039;iPhone Duo : les gauchers peuvent-ils l&#039;utiliser ?">tant que testeur bêta</a> pour les applications Google sur Android, allez dans la boutique Google Play, ouvrez la page de chaque application Google dont vous souhaitez rejoindre la version bêta, et cliquez sur "Rejoignez le beta test". N'oubliez pas de le faire pour chaque application que vous souhaitez tester.</p></div><nav class="post-navigation" style="display:flex;justify-content:space-between;margin:2rem 0 1rem 0;"><a href="https://sinogastronomie.com/titre-le-galaxy-z-fold-8-un-succes-qui-eclipse-les-s26-ultra-et-iphone-18-pro-max" title="TITRE : Le Galaxy Z Fold 8, un succès qui éclipse les S26 Ultra et iPhone 18 Pro Max - technologie" class="post-nav-link prev">&larr; TITRE : Le Galaxy Z Fold 8, un succès qui éclipse les S26 Ultra et iPhone 18 Pro Max</a><a href="https://sinogastronomie.com/titre-un-autre-bug-sur-les-pixel-la-connectivite-nfc-en-difficulte" title="TITRE: Un autre bug sur les Pixel : la connectivité NFC en difficulté - technologie" class="post-nav-link next">TITRE: Un autre bug sur les Pixel : la connectivité NFC en difficulté &rarr;</a></nav><div class="recommended-widget recommended-widget-after"><div id="recommended-posts" class="recommended-posts-widget"><a href="https://sinogastronomie.com/technologie/la-revolution-de-lintelligence-artificielle-dans-les-ecoles" class="post-link-box"><span>La révolution de l&#039;intelligence artificielle dans les écoles</span><div class="btn" aria-hidden="true"><span class="post-link-arrow chevron right"></span></div></a><a href="https://sinogastronomie.com/technologie/google-vise-une-meteo-plus-fiable-avec-weathernext-3-une-ia-a-haute-resolution" class="post-link-box"><span>Google vise une météo plus fiable avec WeatherNext 3, une IA à haute résolution</span><div class="btn" aria-hidden="true"><span class="post-link-arrow chevron right"></span></div></a><a href="https://sinogastronomie.com/technologie/intelligence-artificielle-sommesnous-au-bord-dune-bulle" class="post-link-box"><span>Intelligence Artificielle : Sommes-nous au Bord d&#039;une Bulle ?</span><div class="btn" aria-hidden="true"><span class="post-link-arrow chevron right"></span></div></a><a href="https://sinogastronomie.com/technologie/les-marches-financiers-anticipent-une-vague-de-nouvelles-introductions-en-bourse" class="post-link-box"><span>Les marchés financiers anticipent une vague de nouvelles introductions en bourse</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/wall-street-termine-en-ordre-mitige-le-30-septembre-2026"><img src="https://sinogastronomie.com/uploads/images/wall-street-termine-en-ordre-mitige-le-30-septembre-2026.jpg" alt="" loading="lazy"><span><span class="np-kicker">technologie</span><strong>Wall Street termine en ordre mitigé le 30 septembre 2026</strong></span></a><a class="np-rail-item" href="https://sinogastronomie.com/technologie/titre-lintelligence-artificielle-ne-rend-pas-les-developpeurs-inutiles"><img src="https://sinogastronomie.com/uploads/images/titre-lintelligence-artificielle-ne-rend-pas-les-developpeurs-inutiles.jpg" alt="" loading="lazy"><span><span class="np-kicker">technologie</span><strong>TITRE : L&#039;intelligence artificielle ne rend pas les développeurs inutiles</strong></span></a><a class="np-rail-item" href="https://sinogastronomie.com/technologie/juge-federal-approuve-laccord-de-reglement-entre-paramount-et-12-etats"><img src="https://sinogastronomie.com/uploads/images/juge-federal-approuve-laccord-de-reglement-entre-paramount-et-12-etats.jpg" alt="" loading="lazy"><span><span class="np-kicker">technologie</span><strong>Juge fédéral approuve l&#039;accord de règlement entre Paramount et 12 États</strong></span></a><a class="np-rail-item" href="https://sinogastronomie.com/technologie/donald-trump-souhaite-une-autoregulation-accrue-des-grandes-entreprises-dintelligence-artificielle"><img src="https://sinogastronomie.com/uploads/images/donald-trump-souhaite-une-autoregulation-accrue-des-grandes-entreprises-dintelligence-artificielle.jpg" alt="" loading="lazy"><span><span class="np-kicker">technologie</span><strong>Donald Trump souhaite une auto-régulation accrue des grandes entreprises d&#039;intelligence artificielle</strong></span></a><a class="np-rail-item" href="https://sinogastronomie.com/technologie/intelligence-artificielle-sommesnous-au-bord-dune
147-bulle"><img src="https://sinogastronomie.com/uploads/images/intelligence-artificielle-sommesnous-au-bord-dune-bulle.jpg" alt="" loading="lazy"><span><span class="np-kicker">technologie</span><strong>Intelligence Artificielle : Sommes-nous au Bord d&#039;une Bulle ?</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> 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>&copy; 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": "TITRE : La barre de navigation du Phone by Google app revient à son ancien design, avec l'accès aux contacts restauré",
151    "description": "CONTENU : Depuis que Google a mis à jour l'application Phone by Google en juillet 2025, certains utilisateurs de Pixel se sont plaints. L'icône des Contacts a été retirée de la barre de navigation lat",
152    "image": "https://m-cdn.phonearena.com/images/article/183662-wide-two_1200/Pixel-users-are-happy-to-see-Google-make-this-change-to-the-Phone-app.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}&current_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/titre-la-barre-de-navigation-du-phone-by-google-app-revient-a-son-ancien-design-avec-lacces-aux-contacts-restaure
190GENERATED_AT: 2026-10-01 08:34:20
191MINIFICATION_ENABLED: YES
192ORIGINAL_SIZE: 218,146 bytes (213.03 KB)
193MINIFIED_SIZE: 164,851 bytes (160.99 KB)
194BYTES_SAVED: 53,295 bytes (52.05 KB)
195SIZE_REDUCTION: 24.43%
196MINIFICATION_TIME: 4.01 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.