/* Home chrome — usa SOLO tokens globales de stany-theme.css */

body.home-index{
  --site-header-h:56px;
  --repo-nav-h:56px;
  padding-top:var(--site-header-h) !important;
  background:var(--bg) !important;
  color:var(--text) !important;
}

.home-index .home-top-chrome{
  position:relative; z-index:2;
  background:var(--bg-elev);
  border-bottom:1px solid var(--border-muted);
}
.home-index .repo-page-nav-shell{
  --repo-header-offset:var(--site-header-h);
  position:sticky; top:var(--repo-header-offset); z-index:35;
  backdrop-filter:blur(14px);
  background:var(--bg-glass);
  border-bottom:1px solid var(--border-muted);
}
.home-index .repo-page-nav-toolbar{
  display:flex; align-items:stretch; justify-content:space-between; gap:12px;
}
.home-index .container.repo-page-nav-toolbar,
.home-index .repo-page-nav-toolbar .container{
  max-width:1180px; margin:0 auto; padding-left:24px; padding-right:24px;
}
.home-index .repo-page-nav{ flex:1 1 auto; min-width:0; }
.home-index .repo-page-nav-scroll{
  display:flex; align-items:center; gap:8px; overflow-x:auto; scrollbar-width:none;
}
.home-index .repo-page-nav-scroll::-webkit-scrollbar{ display:none; }
.home-index .repo-page-tab{
  display:inline-flex; align-items:center; gap:8px; min-height:56px; padding:0 10px;
  border-bottom:2px solid transparent; color:var(--muted); text-decoration:none;
  font-size:14px; font-weight:600; white-space:nowrap;
}
.home-index .repo-page-tab:hover{
  color:var(--text-strong); border-bottom-color:var(--muted-2); background:var(--accent-soft);
}
.home-index .repo-page-tab.is-current{
  color:var(--text-strong); border-bottom-color:#f78166;
}
.home-index .repo-page-tab-icon{ color:var(--muted-2); font-size:16px; }
.home-index .repo-page-tab.is-current .repo-page-tab-icon,
.home-index .repo-page-tab:hover .repo-page-tab-icon{ color:inherit; }
.home-index .repo-page-tab-badge{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:20px; height:20px; padding:0 6px; border-radius:999px;
  background:var(--accent-soft); color:var(--muted); font-size:12px; font-weight:700;
}
.home-index .repo-page-tab.is-current .repo-page-tab-badge{
  background:rgba(247,129,102,.16); color:#f78166;
}
.home-index .repo-page-nav-action{
  display:inline-flex; align-items:center; gap:8px; align-self:center;
  padding:6px 12px; border-radius:6px; border:1px solid var(--border);
  background:var(--bg-elev); color:var(--muted); font-size:13px; font-weight:600; text-decoration:none;
}
.home-index .repo-page-nav-action:hover{
  color:var(--text-strong); border-color:var(--accent); background:var(--accent-soft);
}
.home-index .repo-page-nav-action--icon{ min-width:40px; padding:6px 10px; justify-content:center; }
.home-index .repo-page-nav-action--icon i{ font-size:18px; color:var(--success-text); }

.home-index .community-countries-strip{
  border-bottom:1px solid var(--border-muted); background:var(--bg-glass);
}
.home-index .community-countries-inner{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  max-width:1180px; margin:0 auto; padding:12px 24px;
}
.home-index .community-countries-label{
  display:inline-flex; align-items:center; gap:8px; color:var(--muted);
  font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; white-space:nowrap;
}
.home-index .community-countries-label i{ color:var(--accent-hover); font-size:15px; }
.home-index .community-countries-label strong{
  color:var(--text-strong); font-weight:800; text-transform:none; letter-spacing:0;
}
.home-index .community-countries-list{ display:flex; flex-wrap:wrap; gap:8px; min-width:0; flex:1 1 auto; }
.home-index .community-country-chip{
  display:inline-flex; align-items:center; gap:6px; min-height:28px; padding:0 10px; border-radius:999px;
  border:1px solid var(--border-soft); background:var(--accent-soft); color:var(--text);
  font-size:12px; font-weight:600; text-decoration:none; white-space:nowrap;
}
.home-index .community-country-chip:hover{
  border-color:var(--accent); color:var(--text-strong);
}
.home-index .community-country-chip em{
  font-style:normal; color:var(--accent-hover); font-weight:800;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.home-index .community-countries-more{ color:var(--muted-2); font-size:12px; font-weight:600; }

.home-index .dist-banner-shell{ background:var(--banner-shell); padding:0; }
.home-index .dist-banner-viewport{
  position:relative; overflow:hidden; width:100%; background:var(--banner-bg); touch-action:pan-y;
}
.home-index .dist-banner-track{
  display:flex; align-items:stretch; gap:12px; width:100%; padding:12px 16px; box-sizing:border-box;
  transition:transform .55s cubic-bezier(.22,.61,.36,1); will-change:transform;
}
.home-index .dist-banner-slide{
  flex:0 0 calc(50% - 6px); min-width:0; border-radius:14px; overflow:hidden;
  border:1px solid var(--border-soft); background:var(--card); box-shadow:var(--shadow);
}
.home-index .dist-banner-link{
  position:relative; display:block; height:148px; text-decoration:none; color:#fff; overflow:hidden;
}
.home-index .dist-banner-bg-fill,
.home-index .dist-banner-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.home-index .dist-banner-bg-fill{ filter:blur(18px) saturate(1.1); transform:scale(1.12); opacity:.45; }
.home-index .dist-banner-bg{ object-fit:contain; object-position:center; z-index:1; }
.home-index .dist-banner-overlay{
  position:absolute; inset:0; z-index:2; display:flex; align-items:flex-end; justify-content:space-between;
  gap:12px; padding:14px 16px; background:var(--overlay);
}
.home-index .dist-banner-meta{ display:grid; gap:4px; min-width:0; }
.home-index .dist-banner-country{
  font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:rgba(255,255,255,.9);
}
.home-index .dist-banner-company{
  font-size:15px; font-weight:800; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.home-index .dist-banner-cta{
  display:inline-flex; align-items:center; gap:6px; flex-shrink:0; min-height:32px; padding:0 12px;
  border-radius:999px; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.14);
  color:#fff; font-size:12px; font-weight:800;
}
.home-index .dist-banner-link:hover .dist-banner-cta{
  background:var(--accent-strong); border-color:transparent;
}
.home-index .dist-banner-bar{
  border-top:1px solid var(--border-muted); background:var(--bg-elev);
}
.home-index .dist-banner-bar-inner{
  max-width:1180px; margin:0 auto; padding:10px 24px;
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
}
.home-index .dist-banner-kicker{
  display:inline-flex; align-items:center; gap:8px; color:var(--muted); font-size:13px; font-weight:700;
}
.home-index .dist-banner-kicker i{ color:var(--accent); }
.home-index .dist-banner-kicker strong{ color:var(--text-strong); }
.home-index .dist-banner-current{ color:var(--muted); }
.home-index .dist-banner-current span{ color:var(--text); }
.home-index .dist-banner-controls{ display:inline-flex; align-items:center; gap:8px; }
.home-index .dist-banner-btn{
  width:32px; height:32px; border-radius:8px; border:1px solid var(--border);
  background:var(--bg-elev); color:var(--text-strong); font-size:18px; line-height:1; cursor:pointer;
}
.home-index .dist-banner-btn:hover{ border-color:var(--accent); background:var(--accent-soft); color:var(--accent); }
.home-index .dist-banner-dots{ display:inline-flex; gap:6px; align-items:center; }
.home-index .dist-banner-dot{
  width:8px; height:8px; border-radius:999px; border:0; padding:0; cursor:pointer; background:var(--muted-2);
}
.home-index .dist-banner-dot.is-active{ width:22px; background:var(--accent); }

.home-index .section-heading{
  display:flex; align-items:center; gap:10px; margin:0 0 8px; color:var(--text-strong);
  font-size:clamp(28px,4vw,40px); font-weight:800; line-height:1.1; letter-spacing:-.035em;
}
.home-index .section-heading::before{
  content:'#'; color:var(--muted-2);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.72em; font-weight:700;
}
.home-index .section-subtitle{ margin:0 0 8px; max-width:760px; color:var(--muted); font-size:16px; line-height:1.6; }

.home-index .distributors-section{ padding:72px 0; border-bottom:1px solid var(--border); }
.home-index .distributors-grid{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; margin-top:28px;
}
.home-index .distributor-card{
  display:flex; flex-direction:column; gap:12px; padding:18px;
  border:1px solid var(--border); border-radius:14px; background:var(--card);
  box-shadow:var(--shadow); transition:border-color .15s ease, background .15s ease;
}
.home-index .distributor-card:hover{ border-color:var(--accent); background:var(--card-hover); }
.home-index .distributor-card-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.home-index .distributor-country{ display:flex; align-items:center; gap:10px; min-width:0; }
.home-index .distributor-flag{ font-size:28px; line-height:1; flex-shrink:0; }
.home-index .distributor-country-name{ color:var(--text-strong); font-size:16px; font-weight:700; line-height:1.25; }
.home-index .distributor-country-iso{
  margin-top:2px; color:var(--muted-2);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
}
.home-index .distributor-badge{
  display:inline-flex; align-items:center; min-height:22px; padding:0 8px; border-radius:999px;
  border:1px solid var(--success-border); background:var(--success-soft); color:var(--success-text);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap;
}
.home-index .distributor-company{ color:var(--text-strong); font-size:15px; font-weight:700; line-height:1.35; }
.home-index .distributor-phone{
  color:var(--muted); font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:13px;
}
.home-index .distributor-wa-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; margin-top:auto;
  min-height:40px; padding:0 14px; border-radius:8px;
  border:1px solid var(--success-border); background:var(--success-soft); color:var(--success-text);
  font-size:13px; font-weight:700; text-decoration:none;
}
.home-index .distributor-wa-btn:hover{ filter:brightness(1.08); }

.home-index .site-footer-nav{
  padding:48px 0 28px; border-top:1px solid var(--border); background:transparent;
}
.home-index .site-footer-nav-grid{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:28px 24px;
}
.home-index .site-footer-nav-col-title{
  margin:0 0 12px; color:var(--text-strong); font-size:13px; font-weight:700;
  letter-spacing:.04em; text-transform:uppercase;
}
.home-index .site-footer-nav-list{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.home-index .site-footer-nav-list a{
  display:inline-flex; align-items:center; gap:8px; color:var(--muted);
  font-size:14px; font-weight:600; text-decoration:none;
}
.home-index .site-footer-nav-list a:hover{ color:var(--accent-hover); }
.home-index .site-footer-nav-tag{
  display:inline-flex; align-items:center; min-height:18px; padding:0 6px; border-radius:999px;
  border:1px solid var(--border-soft); background:var(--accent-soft); color:var(--muted-2);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
}
.home-index .site-footer-nav-note{ margin:18px 0 0; color:var(--muted-2); font-size:12px; line-height:1.5; }

.home-index #capacidades-devkit1,
.home-index #proyecto-devkit1,
.home-index #funciones-devkit1,
.home-index #comunidad-devkit1,
.home-index #distribuidores-internacionales,
.home-index #formas-devkit1,
.home-index #donaciones{
  scroll-margin-top:calc(var(--site-header-h) + var(--repo-nav-h) + 16px);
}

@media (max-width:900px){
  .home-index .distributors-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .home-index .site-footer-nav-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:768px){
  .home-index .dist-banner-slide{ flex-basis:100%; }
  .home-index .dist-banner-link{ height:132px; }
  .home-index .community-countries-inner,
  .home-index .dist-banner-bar-inner,
  .home-index .container.repo-page-nav-toolbar{ padding-left:16px; padding-right:16px; }
}
@media (max-width:640px){
  .home-index .distributors-grid,
  .home-index .site-footer-nav-grid{ grid-template-columns:1fr; }
}