@charset "UTF-8";

/* ==================================================== */
/* VARIABLES DE MARCA Y VALORES GLOBALES                */
/* ==================================================== */
:root {
  --color-brand-mastodon: #008236;
  --color-brand-mastodon-links: #007a27;
  --color-brand-mastodon-bg: #000E00;
  --color-brand-mastodon-dim: #4c8846;
  --color-brand-mastodon-mud: #1b261a;
  --color-brand-mastodon-dark: #223000;
  --menu-gap-default: 8px;

  --avatar-border-radius: 64px;
  --media-outline-color: rgba(252, 248, 255, .15);
  --overlay-icon-shadow: drop-shadow(2 0 18px rgba(0, 0, 0, .95));
  --error-background-color: rgb(175, 29, 53);
  --error-active-background-color: rgb(193, 32, 58);
  --on-error-color: #fff;

  /* Paleta Verde Base */
  --green-brand-50:  #f0fdf4;
  --green-brand-100: #dcfce7;
  --green-brand-200: #b9f8cf;
  --green-brand-300: #7bf1a8;
  --green-brand-400: #05df72;
  --green-brand-500: #00c950;  
  --green-brand-600: #008236;  /* Verde oscuro para alto contraste */
  --green-brand-700: #006629;  
  --green-brand-800: #014d1f;
  --green-brand-900: #0d3817;

  /* Variables nativas de Mast.lat */
  --mast-lat: #008236 !important;
  --mast-lat2: #006629 !important;
  --mast-lat-txt: #ffffff !important;
}

/* ==================================================== */
/* MODO CLARO (LIGHT THEME) - ALTO CONTRASTE Y LECTURA */
/* ==================================================== */
@media (prefers-color-scheme: light) {
  :root {
    --color-indigo-500: var(--green-brand-600);
    --color-indigo-600: var(--green-brand-700);
    --color-text-brand: var(--green-brand-600);
    --color-text-brand-on-inverted: var(--green-brand-700);
  }

  a.hashtag,
  .status__content a,
  .reply-indicator__content a,
  .status__display-name,
  .mention,
  .status__content a.unhandled-link {
    color: var(--green-brand-600) !important;
  }
}

/* Para selección explícita de Tema Claro en Mastodon */
html[data-color-scheme="light"] a.hashtag,
html[data-color-scheme="light"] .status__content a,
html[data-color-scheme="light"] .reply-indicator__content a,
html[data-color-scheme="light"] .status__display-name,
html[data-color-scheme="light"] .mention,
html[data-color-scheme="light"] .status__content a.unhandled-link,
body.skin-mastodon-light a.hashtag,
body.skin-mastodon-light .status__content a,
body.skin-mastodon-light .mention {
  color: var(--green-brand-600) !important;
}

body.skin-mastodon-light .hashtag-bar a[data-menu-hashtag],
body.skin-mastodon-light .content-warning {
  background-color: var(--green-brand-600) !important;
  color: #ffffff !important;
}

/* ==================================================== */
/* MODO OSCURO (DARK THEME) - SOLO CUANDO ESTÁ ACTIVO   */
/* ==================================================== */
@media (prefers-color-scheme: dark) {
  :root {
    --dropdown-border-color: #1b261a;
    --dropdown-background-color: rgba(0, 14, 0, 0.85);
    --dropdown-shadow: 0 20px 25px -5px rgba(0, 0, 0, .25), 0 8px 10px -6px rgba(0, 0, 0, .25);
    --modal-background-color: #000E00;
    --modal-background-variant-color: rgba(0, 30, 10, .7);
    --modal-border-color: #4c8846;
    --background-border-color: #1b261a;
    --background-color: #000E00;
    --background-color-tint: rgba(0, 14, 0, .9);
    --surface-background-color: hsl(120, 50%, 10%);
    --surface-variant-background-color: hsl(120, 16%, 15%);
    --surface-variant-active-background-color: hsl(120, 16%, 20%);
    --on-surface-color: hsla(120, 16%, 19%, .5);
    --rich-text-container-color: #1b261a;
    --rich-text-text-color: #4bb551;
    --rich-text-decorations-color: #4c8846;
    --nested-card-background: rgba(77, 192, 48, .15);
    --nested-card-text: hsl(120, 25%, 88%);
    --nested-card-border: 1px solid rgba(77, 192, 48, .15);
    --input-placeholder-color: hsl(120, 16%, 45%);
    --input-background-color: rgb(20 38 22 / .90);
    --on-input-color: hsl(120, 25%, 88%);

    --color-indigo-500: var(--green-brand-500);
    --color-indigo-600: var(--green-brand-600);
    --color-text-brand: var(--green-brand-300);
  }

  html:not([data-color-scheme="light"]) .column-header {
    background-color: var(--dropdown-background-color) !important;
  }

  html:not([data-color-scheme="light"]) body.theme-default, 
  html:not([data-color-scheme="light"]) body.skin-default .columns-area__panels__main,
  html:not([data-color-scheme="light"]) body.skin-default .columns-area,
  html:not([data-color-scheme="light"]) body.skin-default {
    background-color: rgba(0, 0, 0, 1) !important;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 14, 0, 1) 30%, rgba(0, 14, 0, 1) 70%, rgba(0, 0, 0, 1) 100%) !important;
  }

  html:not([data-color-scheme="light"]) .status, 
  html:not([data-color-scheme="light"]) .status__prepend {
    background-color: var(--background-color) !important;
  }

  html:not([data-color-scheme="light"]) a.hashtag,
  html:not([data-color-scheme="light"]) .status__content a,
  html:not([data-color-scheme="light"]) .reply-indicator__content a,
  html:not([data-color-scheme="light"]) .status__display-name,
  html:not([data-color-scheme="light"]) .mention {
    color: #4dc030 !important;
  }
}

/* Forzar en selector manual de tema oscuro */
html[data-color-scheme="dark"] body.theme-default, 
html[data-color-scheme="dark"] body.skin-default .columns-area__panels__main,
html[data-color-scheme="dark"] body.skin-default .columns-area,
html[data-color-scheme="dark"] body.skin-default {
  background-color: rgba(0, 0, 0, 1) !important;
  background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 14, 0, 1) 30%, rgba(0, 14, 0, 1) 70%, rgba(0, 0, 0, 1) 100%) !important;
}

html[data-color-scheme="dark"] .status, 
html[data-color-scheme="dark"] .status__prepend {
  background-color: var(--background-color) !important;
}

html[data-color-scheme="dark"] a.hashtag,
html[data-color-scheme="dark"] .status__content a,
html[data-color-scheme="dark"] .reply-indicator__content a,
html[data-color-scheme="dark"] .status__display-name,
html[data-color-scheme="dark"] .mention {
  color: #4dc030 !important;
}

/* ==================================================== */
/* COMPONENTES GENERALES Y BOTONES                      */
/* ==================================================== */
.button, 
.button.button-secondary {
  background-color: var(--green-brand-600) !important;
  border-color: var(--green-brand-600) !important;
  color: #ffffff !important;
}

.button:active, 
.button:focus, 
.button:hover,
.button.button-secondary:hover {
  background-color: var(--green-brand-500) !important;
  border-color: var(--green-brand-500) !important;
  color: #ffffff !important;
}

.column-link.active,
.dropdown-button,
.compose-form__actions .icon-button {
  color: var(--green-brand-500) !important;
}

.react-toggle--checked .react-toggle-track,
.account__domain-pill__popout__header__icon,
.notification__filter-bar button.active:before,
.account__action-bar__tab.active {
  background-color: var(--green-brand-600) !important;
  border-color: var(--green-brand-600) !important;
}

/* ==================================================== */
/* LOGO DE MAST.LAT                                      */
/* ==================================================== */
.ui__header__logo, .column-link.column-link--logo, .logo, .logo--icon {
  background-image: url('data:image/svg+xml,...[SVG_COMPLETO_CON_AZUL]...') !important;
  background-size: 140px auto !important;
  height: 50px !important;
  width: 160px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.columns-area__panels {
  flex-direction: row-reverse !important;
}

.logo--wordmark, .logo--icon {
  visibility: hidden;
}

.icon-with-badge__badge {
  z-index: 10;
  margin-top: 5px;
  background-color: red;
}

.column-link:hover {
  font-weight: 1000;
  text-shadow: white 0px 0px 30px;
}

.column-link {
  padding: 7px !important;
  font-size: 1.4em !important;
}

.navigation-panel__menu > li:nth-child(3) {
  display: none;
}

.ui__header__logo, .column-link.column-link--logo, .logo, .logo--icon {
  background-image: url('data:image/svg+xml,<svg id="TKZ" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 314 80"><defs><style>.cls-1{fill:url(%23Degradado_sin_nombre);}.cls-2{stroke-miterlimit:10;fill:url(%23Degradado_sin_nombre_2);stroke:url(%23Degradado_sin_nombre_3);}.cls-2,.cls-5{stroke-width:2px;}.cls-3{isolation:isolate;}.cls-4{fill:%23fff;}.cls-5{fill:none;stroke:%23000;stroke-linecap:square;stroke-linejoin:bevel;}</style><linearGradient id="Degradado_sin_nombre" y1="44" x2="314" y2="44" gradientTransform="matrix(1, 0, 0, -1, 0, 84)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%230082ff" stop-opacity="0"/><stop offset="0.09" stop-color="%23008200"/><stop offset="0.26" stop-color="%23008200" stop-opacity="0.97"/><stop offset="0.43" stop-color="%23008200" stop-opacity="0.88"/><stop offset="0.53" stop-color="%23008200" stop-opacity="0.8"/><stop offset="0.83" stop-opacity="0"/></linearGradient><linearGradient id="Degradado_sin_nombre_2" x1="5.24" y1="37.29" x2="74.73" y2="55.91" gradientTransform="matrix(1, 0, 0, -1, 0, 84)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="red"/><stop offset="0.08" stop-color="%23ff0200"/><stop offset="0.11" stop-color="%23ff0900"/><stop offset="0.13" stop-color="%23ff1400"/><stop offset="0.15" stop-color="%23ff2500"/><stop offset="0.16" stop-color="%23ff3b00"/><stop offset="0.17" stop-color="%23ff5700"/><stop offset="0.18" stop-color="%23ff7600"/><stop offset="0.19" stop-color="%23ff7f00"/><stop offset="0.26" stop-color="%23ff8100"/><stop offset="0.29" stop-color="%23f80"/><stop offset="0.31" stop-color="%23ff9300"/><stop offset="0.32" stop-color="%23ffa400"/><stop offset="0.34" stop-color="%23ffba00"/><stop offset="0.35" stop-color="%23ffd600"/><stop offset="0.36" stop-color="%23fff500"/><stop offset="0.36" stop-color="%23ff0"/><stop offset="0.42" stop-color="%23fdfe00"/><stop offset="0.44" stop-color="%23f6fb00"/><stop offset="0.45" stop-color="%23ebf500"/><stop offset="0.47" stop-color="%23daec00"/><stop offset="0.48" stop-color="%23c4e100"/><stop offset="0.48" stop-color="%23a8d400"/><stop offset="0.49" stop-color="%2388c300"/><stop offset="0.5" stop-color="%2362b000"/><stop offset="0.51" stop-color="%23379b00"/><stop offset="0.51" stop-color="%23098400"/><stop offset="0.51" stop-color="%23007f00"/><stop offset="0.59" stop-color="%23007e02"/><stop offset="0.62" stop-color="%23007b09"/><stop offset="0.64" stop-color="%23007514"/><stop offset="0.66" stop-color="%23016c25"/><stop offset="0.67" stop-color="%2301613b"/><stop offset="0.69" stop-color="%23015457"/><stop offset="0.7" stop-color="%23024477"/><stop offset="0.71" stop-color="%2302319d"/><stop offset="0.72" stop-color="%23031bc8"/><stop offset="0.73" stop-color="%230405f6"/><stop offset="0.73" stop-color="%230400ff"/><stop offset="0.81" stop-color="%230600ff"/><stop offset="0.83" stop-color="%230d00ff"/><stop offset="0.85" stop-color="%231800ff"/><stop offset="0.87" stop-color="%232900ff"/><stop offset="0.88" stop-color="%233f00ff"/><stop offset="0.89" stop-color="%235b00ff"/><stop offset="0.9" stop-color="%237a00ff"/><stop offset="0.91" stop-color="%237f00ff"/></linearGradient><linearGradient id="Degradado_sin_nombre_3" x1="2.06" y1="44.01" x2="73.8" y2="44.01" gradientTransform="matrix(1, 0, 0, -1, 0, 84)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%23fff"/><stop offset="0.08" stop-color="%23fffdff"/><stop offset="0.11" stop-color="%23fff6ff"/><stop offset="0.13" stop-color="%23ffebff"/><stop offset="0.15" stop-color="%23ffdaff"/><stop offset="0.16" stop-color="%23ffc4ff"/><stop offset="0.17" stop-color="%23ffa8ff"/><stop offset="0.18" stop-color="%23ff89ff"/><stop offset="0.19" stop-color="%23ff7fff"/><stop offset="0.27" stop-color="%23fd80ff"/><stop offset="0.3" stop-color="%23f683ff"/><stop offset="0.32" stop-color="%23eb89ff"/><stop offset="0.34" stop-color="%23da92ff"/><stop offset="0.35" stop-color="%23c49dff"/><stop offset="0.37" stop-color="%23a8aaff"/><stop offset="0.38" stop-color="%238bf"/><stop offset="0.39" stop-color="%2362ceff"/><stop offset="0.4" stop-color="%2337e3ff"/><stop offset="0.41" stop-color="%2309faff"/><stop offset="0.41" stop-color="aqua"/><stop offset="0.48" stop-color="%2302fefd"/><stop offset="0.51" stop-color="%2309faf6"/><stop offset="0.53" stop-color="%2314f2eb"/><stop offset="0.55" stop-color="%2325e8da"/><stop offset="0.56" stop-color="%233bdac4"/><stop offset="0.57" stop-color="%2357c9a8"/><stop offset="0.58" stop-color="%2377b588"/><stop offset="0.59" stop-color="%239d9d62"/><stop offset="0.6" stop-color="%23c68339"/><stop offset="0.6" stop-color="%23cd7f32"/><stop offset="0.69" stop-color="%23cb7e32"/><stop offset="0.72" stop-color="%23c47a30"/><stop offset="0.74" stop-color="%23b9722d"/><stop offset="0.76" stop-color="%23a86829"/><stop offset="0.77" stop-color="%23925a24"/><stop offset="0.78" stop-color="%2376491d"/><stop offset="0.8" stop-color="%23563515"/><stop offset="0.81" stop-color="%23321e0c"/><stop offset="0.81" stop-color="%23140c05"/><stop offset="1"/></linearGradient></defs><rect class="cls-1" width="314" height="80"/><path class="cls-2" d="M36.65,69.39c-.53.59-1,1.18-1.59,1.74-.77.82-1.55,1.64-2.35,2.43a13.46,13.46,0,0,1-2.25,1.87,3.23,3.23,0,0,1-3.41.1A3.76,3.76,0,0,1,25.12,73c-.19-.8-.33-1.61-.47-2.42a11.92,11.92,0,0,1-.13-1.34c-.12-1.36-.1-2.73-.09-4.1,0-.77,0-1.54.05-2.31s0-1.31.05-2V59.39a20.1,20.1,0,0,0-.15-3,25.56,25.56,0,0,0-.52-3.25,3.93,3.93,0,0,0-1.59-2.35,16.62,16.62,0,0,0-1.46-.88c-1.46-.79-2.94-1.56-4.42-2.34L13.15,45.8l-3.65-2L6.22,42.11A8.56,8.56,0,0,1,4.48,41a3.73,3.73,0,0,1-1.29-3.9,3,3,0,0,1,1.3-1.77,10.38,10.38,0,0,1,1.82-1C7,34,7.59,33.67,8.24,33.4c1.15-.48,2.3-.95,3.47-1.37,2.15-.78,4.32-1.5,6.48-2.26,1.65-.58,3.28-1.2,4.87-1.93a4.41,4.41,0,0,0,2.19-1.94,5.78,5.78,0,0,0,.56-1.72c.2-1.24.4-2.5.59-3.75.25-1.62.49-3.25.73-4.88.2-1.39.39-2.77.6-4.16.18-1.23.38-2.46.59-3.69a6,6,0,0,1,.7-2,3.3,3.3,0,0,1,2.5-1.65,3.4,3.4,0,0,1,2.64.72A9.18,9.18,0,0,1,35.84,6.5c1.66,2.08,3.32,4.16,5,6.25.65.83,1.25,1.68,1.88,2.52.78,1,1.56,2.05,2.37,3.05a8.13,8.13,0,0,0,2,1.79,4,4,0,0,0,2.93.55c1.2-.21,2.41-.39,3.62-.58l3.2-.51,3.23-.5,4.59-.73c1-.17,2.06-.34,3.1-.48a6.14,6.14,0,0,1,2.76.19,3.38,3.38,0,0,1,2.37,3.29,4.22,4.22,0,0,1-.48,2c-.26.51-.56,1-.86,1.5-.87,1.4-1.75,2.78-2.61,4.18-1.16,1.86-2.31,3.73-3.46,5.59-.59,1-1.18,1.92-1.78,2.88-.38.6-.78,1.18-1.16,1.79a6.34,6.34,0,0,0-.68,1.5,3.75,3.75,0,0,0,0,2.1,23.72,23.72,0,0,0,1.93,4.66c.95,1.8,2.05,3.51,3.11,5.24a48.16,48.16,0,0,1,2.57,4.6A17.88,17.88,0,0,1,70.74,61a3.73,3.73,0,0,1-1,3.59,3.31,3.31,0,0,1-1.65.92,3.35,3.35,0,0,1-1,0A12.37,12.37,0,0,1,64.26,65c-1.34-.35-2.68-.75-4-1.15s-2.72-.88-4.08-1.31-2.68-.87-4-1.28a32.48,32.48,0,0,0-4-1c-.47-.08-1-.1-1.42-.14a2.08,2.08,0,0,0-1.21.34A8.3,8.3,0,0,0,44,61.66c-.73.68-1.45,1.36-2.14,2.08s-1.6,1.73-2.4,2.6Z"/><g class="cls-3"><path class="cls-4" d="M85,65.82V14.63h18L106.33,36a15.7,15.7,0,0,1,.23,2q.16,1.85.36,4.62l.26,2.7.19,2.78.19-2.78.2-2.7c.08-1.42.18-2.77.29-4.05A14.65,14.65,0,0,1,108.4,36l3.3-21.34h18V65.82h-11V41.18l.39-7.31V26.49l-.39,2.84-.58,4.54-1,7.31-4.27,24.64h-11L97.55,41.14l-.13-.57-.84-6.76-.52-3.7-.45-3.69.06,7.39.26,7.33V65.82Z"/><path class="cls-4" d="M129.27,65.82,137,14.63h18.35l7.76,51.19h-13l-.84-8.38h-6.08l-.84,8.38Zm17.64-33.49L146.46,28l-.13-1.85-.13-1.78-.13,1.78L145.94,28l-.45,4.34L143.55,45.8h5.3Z"/><path class="cls-4" d="M162.67,58.86V48.5l12.22-2.06V54.6h4.52V48.13L162.67,37.89V21.46l6-6.83h16.93l6,6.46v8.52l-12.21,2.06V25.56h-4.52V30.4l16.73,10.24V59.06l-6.09,6.76H169Z"/><path class="cls-4" d="M191.17,27.13V14.63h26.49v12.5h-7.24V65.82H198.34V27.13Z"/><path class="cls-4" d="M216.24,65.82V53.39h11.69V65.82Z"/><path class="cls-4" d="M228.83,65.82V14.63H241V53h10.53V65.82Z"/><path class="cls-4" d="M249.25,65.82,257,14.63h18.35l7.76,51.19H270.06l-.84-8.38h-6.08l-.84,8.38Zm17.64-33.49L266.44,28l-.13-1.85-.13-1.78-.13,1.78L265.92,28l-.45,4.34L263.53,45.8h5.3Z"/><path class="cls-4" d="M280.33,27.13V14.63h26.49v12.5h-7.24V65.82H287.5V27.13Z"/></g><g class="cls-3"><path class="cls-5" d="M85,65.82V14.63h18L106.33,36a15.7,15.7,0,0,1,.23,2q.16,1.85.36,4.62l.26,2.7.19,2.78.19-2.78.2-2.7c.08-1.42.18-2.77.29-4.05A14.65,14.65,0,0,1,108.4,36l3.3-21.34h18V65.82h-11V41.18l.39-7.31V26.49l-.39,2.84-.58,4.54-1,7.31-4.27,24.64h-11L97.55,41.14l-.13-.57-.84-6.76-.52-3.7-.45-3.69.06,7.39.26,7.33V65.82Z"/><path class="cls-5" d="M129.27,65.82,137,14.63h18.35l7.76,51.19h-13l-.84-8.38h-6.08l-.84,8.38Zm17.64-33.49L146.46,28l-.13-1.85-.13-1.78-.13,1.78L145.94,28l-.45,4.34L143.55,45.8h5.3Z"/><path class="cls-5" d="M162.67,58.86V48.5l12.22-2.06V54.6h4.52V48.13L162.67,37.89V21.46l6-6.83h16.93l6,6.46v8.52l-12.21,2.06V25.56h-4.52V30.4l16.73,10.24V59.06l-6.09,6.76H169Z"/><path class="cls-5" d="M191.17,27.13V14.63h26.49v12.5h-7.24V65.82H198.34V27.13Z"/><path class="cls-5" d="M216.24,65.82V53.39h11.69V65.82Z"/><path class="cls-5" d="M228.83,65.82V14.63H241V53h10.53V65.82Z"/><path class="cls-5" d="M249.25,65.82,257,14.63h18.35l7.76,51.19H270.06l-.84-8.38h-6.08l-.84,8.38Zm17.64-33.49L266.44,28l-.13-1.85-.13-1.78-.13,1.78L265.92,28l-.45,4.34L263.53,45.8h5.3Z"/><path class="cls-5" d="M280.33,27.13V14.63h26.49v12.5h-7.24V65.82H287.5V27.13Z"/></g></svg>') !important;
  background-size: 140px auto !important;
  height: 50px !important;
  width: 160px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}