1<!DOCTYPE html><html lang="fr"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Notre Ãquipe - Horizon Sète</title><link rel="icon" href="https://crh-sete.org/uploads/site-favicon.svg?v=ef04df9e31" type="image/svg+xml"><link rel="icon" href="https://crh-sete.org/uploads/site-favicon-48.png?v=ef04df9e31" sizes="48x48" type="image/png"><link rel="icon" href="https://crh-sete.org/uploads/site-favicon-192.png?v=ef04df9e31" sizes="192x192" type="image/png"><link rel="apple-touch-icon" href="https://crh-sete.org/uploads/site-favicon-192.png?v=ef04df9e31"><link rel="shortcut icon" href="https://crh-sete.org/favicon.ico?v=ef04df9e31"><meta name="description" content="Rencontrez les journalistes et experts qui rendent notre couverture possible."><meta name="robots" content="index, follow, max-image-preview:large"><meta name="language" content="fr"><meta name="last-modified" content="2025-11-27 07:30:01"><link rel="canonical" href="https://crh-sete.org/auteurs"><meta property="og:title" content="Notre Ãquipe - Horizon Sète"><meta property="og:description" content="Rencontrez les journalistes et experts qui rendent notre couverture possible."><meta property="og:url" content="https://crh-sete.org/auteurs"><meta property="og:type" content="website"><meta property="og:image" content="https://crh-sete.org/assets/images/default-og.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="Notre Ãquipe - Horizon Sète"><meta property="og:locale" content="fr"><meta property="og:site_name" content="Horizon Sète"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Notre Ãquipe - Horizon Sète"><meta name="twitter:description" content="Rencontrez les journalistes et experts qui rendent notre couverture possible."><meta name="twitter:image" content="https://crh-sete.org/assets/images/default-twitter.jpg">
1<script type="application/ld+json">{ 2 "@context": "https://schema.org", 3 "@type": "WebPage", 4 "name": "Notre Ãquipe", 5 "headline": "Notre Ãquipe", 6 "description": "Rencontrez les journalistes et experts qui rendent notre couverture possible.", 7 "url": "https://crh-sete.org/auteurs", 8 "inLanguage": "fr", 9 "publisher": { 10 "@type": "NewsMediaOrganization", 11 "@id": "https://crh-sete.org#publisher", 12 "name": "Horizon Sète", 13 "url": "https://crh-sete.org", 14 "logo": { 15 "@type": "ImageObject", 16 "url": "https://crh-sete.org/uploads/site-logo.svg", 17 "width": 735, 18 "height": 112 19 }, 20 "publishingPrinciples": "https://crh-sete.org/politique-editoriale", 21 "missionCoveragePrioritiesPolicy": "https://crh-sete.org/politique-editoriale", 22 "ethicsPolicy": "https://crh-sete.org/politique-editoriale", 23 "masthead": "https://crh-sete.org/politique-editoriale#estructura", 24 "correctionsPolicy": "https://crh-sete.org/politique-corrections", 25 "actionableFeedbackPolicy": "https://crh-sete.org/politique-corrections", 26 "verificationFactCheckingPolicy": "https://crh-sete.org/verification-faits", 27 "unnamedSourcesPolicy": "https://crh-sete.org/processus-verification" 28 }, 29 "isPartOf": { 30 "@type": "WebSite", 31 "name": "Horizon Sète", 32 "url": "https://crh-sete.org" 33 }, 34 "datePublished": "2025-11-27T07:30:01+00:00", 35 "dateModified": "2025-11-27T07:30:01+00:00" 36}</script>
36
36<script type="application/ld+json">{ 37 "@context": "https://schema.org", 38 "@type": "BreadcrumbList", 39 "itemListElement": [ 40 { 41 "@type": "ListItem", 42 "position": 1, 43 "name": "Accueil", 44 "item": "https://crh-sete.org" 45 }, 46 { 47 "@type": "ListItem", 48 "position": 2, 49 "name": "Notre Ãquipe" 50 } 51 ] 52}</script>
vendor: 64 bytes, line 52
52 <script async src="https://www.googletagmanager.com/gtag/js?id=
52G-WY91LWWGDT
vendor: 12 bytes, line 52
52"></script>
52<script> 53
vendor: 134 bytes, lines 53-57
53window.dataLayer = window.dataLayer || []; 54 function gtag(){dataLayer.push(arguments);} 55 gtag('js', new Date()); 56 57 gtag('config', '
57G-WY91LWWGDT
vendor: 4 bytes, line 57
57');
58</script>
58<script async="async" data-cfasync="false" src="//ddserver.inber.net/?id=3504"></script>
58 <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
58: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";}
58 .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";}
58 .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);}
58 /* 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;}
58 .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 59 ===================================== */ /* 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;}
59 /* ===================================== 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;
59 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;
59 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 60 ===================================== */ /* 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;
60 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: #0c1e2e; --color-secondary: #0274d0; --color-accent: #098ffd; --color-background: #f0f7ff; --color-text: #0a1929; --color-text-light: #1a365d; --color-text-muted: #4a5568; --color-border: #cbd5e0; --color-hover: #025ea8; --color-header-footer: #0c1e2e; --color-button: #0274d0; --color-button-hover: #0c1e2e; --color-link: #025ea8; --color-link-hover: #0c1e2e; --color-card-bg: #ffffff; --color-card-border: #cbd5e0; --color-card-shadow: rgba(10,25,41,0.1);} /* Variaciones dinámicas generadas para este sitio */ :root {--variation-spacing-base: 1.1005233592822; --variation-spacing-margin: 1.095893190613; --variation-spacing-padding: 1.0923213926108; --variation-typography-base: 0.97368125730366; --variation-typography-line-height: 1.6573873771156; --variation-typography-letter-spacing: 0.14949296519602px; --variation-border-radius: 0.93556554472799; --variation-border-width: 0.91479851566944; --variation-shadow-opacity: 0.086257147712753; --variation-shadow-blur: 1.0704198417582; --variation-shadow-offset: 1.1780949637192; --variation-transition-duration: 0.91384366476622; --variation-transition-easing: ease-out;} 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;}
60 .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;
60 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;}
60 .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;}
60 .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>
60 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;
60 border-top: 4px solid var(--color-primary);} @media (max-width: 960px) {.np-opening, .np-home-body.has-sidebar, .np-cat-lead, .np-photo-row, .post-container.np-article-layout.with-sidebar {grid-template-columns: 1fr;} .np-article-rail {position: static; border-top: 1px solid #ececec; padding-top: 1rem;} .np-side {border-left: 0; padding-left: 0; border-top: 1px solid #ececec; padding-top: 0.75rem;} .np-lead-media img, .np-cat-lead img {height: 220px;} .np-photo-card {border-right: 0; border-bottom: 1px solid #ececec;}} @media (max-width: 768px) {.np-search input {width: 7rem;} .np-date {font-size: 0.72rem;} .newspaper-header .nav-toggle {display: block;} .np-sections .nav-list {display: none; flex-direction: column; background: #fff; position: absolute; left: 0; right: 0; top: 100%; box-shadow: 0 8px 24px rgba(0,0,0,0.12); z-index: 210; border-radius: 0; padding: 0; align-items: stretch;} header.newspaper-header {position: sticky;} .np-sections.main-nav {min-height: 0;} .np-sections .nav-list.open {display: flex;} .np-sections .nav-list li a {color: var(--color-text) !important; text-align: left; padding: 0.85rem 1rem; border-bottom: 1px solid #f0f0f0;} .post-card, .post-card-compact {grid-template-columns: 110px minmax(0, 1fr); padding: 0.75rem; gap: 0.7rem;} .post-card img, .post-card-compact img {width: 110px; height: 80px;} .np-lead-title {font-size: 1.35rem;} article.single-post, .single-post {padding: 1rem !important;}} @media (max-width: 480px) {.np-search {display: none;} .np-ticker-track {animation-duration: 28s;}} article.single-post, .main-content .single-post, .single-post {max-width: none !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; padding: 0 0 2rem !important;} .container {max-width: 1280px;} .post-container.np-article-layout.with-sidebar {display: grid !important; grid-template-columns: minmax(0, 1fr) 300px; gap: 1.75rem 2rem; align-items: start;} @media (max-width: 960px) {.post-container.np-article-layout.with-sidebar {grid-template-columns: 1fr !important;}} </style><style> /* newspaper desktop: el artÃculo no debe quedar en una columna estrecha */ .single-post, article.single-post, .main-content .single-post {max-width: none !important; margin: 0 !important; padding: 0 0 2rem !important; border: 0 !important; box-shadow: none !important;} .container {max-width: 1280px;} .newspaper-header a.logo {justify-content: flex-start !important; max-width: none !important;} .np-masthead-inner {justify-content: flex-start;} .np-sections .nav-list {justify-content: flex-start;} @media (min-width: 961px) {.post-container.with-sidebar, .post-container.np-article-layout.with-sidebar {display: grid !important; grid-template-columns: minmax(0, 1fr) 300px; gap: 2rem; align-items: start;} .post-container> .main-content, .np-article-main {min-height: 0 !important; margin-top: 0;}} </style></head><body><header class="site-header newspaper-header"><div class="np-topbar"><div class="container np-topbar-inner"><time class="np-date" datetime="2026-10-06"> mardi 6 octobre 2026 </time><div class="np-topbar-right"><form class="np-search" method="get" action="https://crh-sete.org/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://crh-sete.org" class="logo"><span class="site-brand" style="--site-brand-accent:#FFEA00" aria-label="Horizon Sète"><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="fgef04df9e" x1="12%" y1="0%" x2="90%" y2="100%"><stop offset="0%" stop-color="#0f4662"/><stop offset="100%" stop-color="#005bbc"/></linearGradient></defs><rect x="2" y="2" width="60" height="60" rx="16" fill="url(#fgef04df9e)"/><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">HS</text></svg></span><span class="site-brand-text"><span class="site-brand-name">Horizon <strong>Sète</strong></span><span class="site-brand-bar" aria-hidden="true"></span></span></span></a><button class="nav-toggle" type="button" aria-label="Open menu">☰</button></div></div><nav class="main-nav np-sections"><div class="container"><ul class="nav-list"><li class="nav-item"><a href="https://crh-sete.org"> Accueil </a></li><li class="nav-item"><a href="https://crh-sete.org/auteurs"> Notre Ãquipe </a></li><li class="nav-item"><a href="https://crh-sete.org/contact"> Contact </a></li></ul></div></nav></header><main class="main-content"><div class="container"><div class="authors-index-header"><h1>Notre Ãquipe</h1><div class="authors-subtitle"><p>
60Rencontrez les journalistes et experts qui rendent notre couverture possible.</p></div></div><div class="authors-grid"><div class="author-card"><div class="author-card-header"><div class="author-card-avatar-icon" style="background: #3498db"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg></div><div class="author-card-info"><h3 class="author-card-name"><a href="https://crh-sete.org/author/nicolas-salomon"> Nicolas Salomon </a></h3><div class="author-card-position"> Ãditeur de Contenu </div></div></div><div class="author-card-bio"> L'adrénaline d'une photo volée à Paris Match, le claquement sec de l'objectif capturant un instant précis. c'est là que tout a commencé. Depuis, je sc ... </div><div class="author-card-meta"><span class="experience-badge"> 10 ans d'expérience </span></div><div class="author-card-actions"><a href="https://crh-sete.org/author/nicolas-salomon" class="btn-author-profile"> Voir le profil complet â </a><div class="author-card-social"><a href="https://twitter.com/nicolasalomon" target="_blank" rel="noopener" class="social-mini twitter" title="Twitter"> T </a><a href="https://www.linkedin.com/in/nicolassalomon" target="_blank" rel="noopener" class="social-mini linkedin" title="LinkedIn"> in </a><a href="https://helpareporter.com/journalist/nicolas-salomon" target="_blank" rel="noopener" class="social-mini website" title="Sitio Web"> â </a></div></div></div><div class="author-card"><div class="author-card-header"><div class="author-card-avatar-icon" style="background: #e74c3c"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></svg></div><div class="author-card-info"><h3 class="author-card-name"><a href="https://crh-sete.org/author/eric-gerardin"> Eric Gerardin </a></h3><div class="author-card-position"> Analyste </div></div></div><div class="author-card-bio"> L'avenir m'obsède, cette danse subtile entre ce qui est et ce qui sera. Chez *Horizon Sète*, j'explore ces tendances émergentes, les décortique avec u ... </div><div class="author-card-meta"><span class="experience-badge"> 5 ans d'expérience </span></div><div class="author-card-actions"><a href="https://crh-sete.org/author/eric-gerardin" class="btn-author-profile"> Voir le profil complet â </a><div class="author-card-social"><a href="https://www.linkedin.com/in/eric-gerardin-a97a0741" target="_blank" rel="noopener" class="social-mini linkedin" title="LinkedIn"> in </a><a href="https://helpareporter.com/journalist/eric-gerardin" target="_blank" rel="noopener" class="social-mini website" title="Sitio Web"> â </a></div></div></div></div><style> .authors-index-header {text-align: center; margin-bottom: 3rem; padding: 2rem 0;} .authors-index-header h1 {color: #2c3e50; font-size: 2.5rem; margin-bottom: 1rem;} .authors-index-header p {color: #7f8c8d; font-size: 1.1rem; max-width: 600px; margin: 0 auto;} .authors-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem; margin: 2rem 0;} .author-card {background: white; border: 1px solid #e1e8ed; border-radius: 12px; padding: 1.5rem; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);} .author-card:hover {transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); border-color: #1976d2;} .author-card-header {display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem;} .author-card-avatar {width: 60px; height: 60px; border-radius: 50%; object-fit: cover; border: 2px solid #e1e8ed;} .author-card-avatar-icon {width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; border: 2px solid rgba(255, 255, 255, 0.3); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);} .author-card-avatar-icon svg {width: 32px; height: 32px;} .author-card-avatar-placeholder {width: 60px; height: 60px; border-radius: 50%; background: #3498db; color: white; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2rem;} .author-card-name a {color: #2c3e50; text-decoration: none; font-size: 1.2rem; font-weight: 600; margin: 0;} .author-card-name a:hover {color: #1976d2;} .author-card-position {color: #1976d2; font-size: 0.9rem; font-weight: 500;}
60 .author-card-bio {color: #555; font-size: 0.9rem; line-height: 1.5; margin-bottom: 1rem;} .author-card-meta {margin-bottom: 1.5rem;} .experience-badge {background: #e8f4fd; color: #2980b9; padding: 0.25rem 0.5rem; border-radius: 12px; font-size: 0.8rem; font-weight: 500; display: inline-block; margin-bottom: 0.5rem;} .specialties {font-size: 0.8rem; color: #666;} .author-card-actions {display: flex; justify-content: space-between; align-items: center; padding-top: 1rem; border-top: 1px solid #f1f1f1;} .btn-author-profile {color: #1976d2; text-decoration: none; font-weight: 500; font-size: 0.9rem; transition: color 0.2s;} .btn-author-profile:hover {color: #2980b9;} .author-card-social {display: flex; gap: 0.5rem;} .social-mini {width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 0.7rem; font-weight: bold; color: white; transition: transform 0.2s;} .social-mini:hover {transform: scale(1.1);} .social-mini.twitter {background: #1da1f2;} .social-mini.linkedin {background: #0077b5;} .social-mini.website {background: #34495e;} .no-authors {text-align: center; padding: 3rem; color: #7f8c8d; font-style: italic;} @media (max-width: 768px) {.authors-grid {grid-template-columns: 1fr; gap: 1.5rem;} .authors-index-header h1 {font-size: 2rem;} .author-card {padding: 1.25rem;} .author-card-header {flex-direction: column; text-align: center;} .author-card-actions {flex-direction: column; gap: 1rem;}} @media (max-width: 400px) {.authors-grid {grid-template-columns: 1fr; margin: 1rem -1rem;} .author-card {margin: 0 1rem; border-radius: 8px;}} </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://crh-sete.org/dmca" class="footer-link"><i class="sui sui-angle-right"></i> DMCA </a></li><li><a href="https://crh-sete.org/politique-confidentialite" class="footer-link"><i class="sui sui-angle-right"></i> Politique de Confidentialité </a></li><li><a href="https://crh-sete.org/categories" class="footer-link"><i class="sui sui-angle-right"></i> Catégories </a></li><li><a href="https://crh-sete.org/verification-faits" class="footer-link"><i class="sui sui-angle-right"></i> Vérification des Faits </a></li><li><a href="https://crh-sete.org/politique-editoriale" class="footer-link"><i class="sui sui-angle-right"></i> Politique Ãditoriale </a></li><li><a href="https://crh-sete.org/processus-verification" class="footer-link"><i class="sui sui-angle-right"></i> Processus de Vérification </a></li><li><a href="https://crh-sete.org/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://crh-sete.org/general" class="footer-link"> general </a></li><li><a href="https://crh-sete.org/education" class="footer-link"> education </a></li><li><a href="https://crh-sete.org/sport" class="footer-link"> sport </a></li><li><a href="https://crh-sete.org/politique" class="footer-link"> politique </a></li><li><a href="https://crh-sete.org/economie" class="footer-link"> economie </a></li><li><a href="https://crh-sete.org/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://crh-sete.org/publications" class="footer-link footer-link-accent"> Publications â </a><br><a href="https://crh-sete.org/contact" class="footer-link footer-link-accent"> Contact â </a></div></div></div><div style="border-top: 1px solid #34495e; padding-top: 1rem; text-align: center;"><p>© 2026 Horizon Sète. Tous droits réservés </p></div></div></footer>
60<script> 61 function changeLanguage(langCode) { 62 const currentPath = window.location.pathname; 63 const mainLangCode = 'fr'; 64 65 fetch(`https://crh-sete.org/smart_language_switch.php?lang=${langCode}¤t_path=${encodeURIComponent(currentPath)}`) 66 .then(response => response.json()) 67 .then(data => { 68 if (data.success && data.url) { 69 window.location.href = data.url; 70 } else { 71 const fallbackUrl = (langCode === mainLangCode) ? 'https://crh-sete.org/' : `https://crh-sete.org/${langCode}`; 72 window.location.href = fallbackUrl; 73 } 74 }) 75 .catch(error => { 76 console.error('Error switching language:', error); 77 const fallbackUrl = (langCode === mainLangCode) ? 'https://crh-sete.org/' : `https://crh-sete.org/${langCode}`; 78 window.location.href = fallbackUrl; 79 }); 80 } 81 82 document.addEventListener('DOMContentLoaded', function() { 83 const toggle = document.querySelector('.nav-toggle'); 84 const navList = document.querySelector('.nav-list'); 85 if (toggle && navList) { 86 toggle.addEventListener('click', function() { 87 navList.classList.toggle('open'); 88 }); 89 } 90 }); 91 </script>
91 92<!-- 93=== CACHE & MINIFICATION STATS === 94CACHE_STATUS: GENERATION 95URI: /auteurs 96GENERATED_AT: 2026-10-06 08:40:53 97MINIFICATION_ENABLED: YES 98ORIGINAL_SIZE: 199,398 bytes (194.72 KB) 99MINIFIED_SIZE: 147,726 bytes (144.26 KB) 100BYTES_SAVED: 51,672 bytes (50.46 KB) 101SIZE_REDUCTION: 25.91% 102MINIFICATION_TIME: 3.07 ms 103PERFORMANCE_GAIN: EXCELLENT 104======================================= 105-->
105<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":"bfa2328bf985428d9ba080d4433e5651","r":1,"spa":2}' crossorigin="anonymous"></script>
105 106</body></html>
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.