/* Generado por theme.js desde los ajustes de apariencia. No editar a mano. */

:root {
  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-xl: 8px;
  --radius-2xl: 10px;
  --radius-3xl: 12px;
  --radius-4xl: 14px;
  --font-sans: 'Cyberpunk Corporate', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-cyber-title: 'Cyberpunk Titles Corporate', 'Cyberpunk Corporate', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-cyber-body: 'Cyberpunk Corporate', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --color-brand-50: #f3fbfc;
  --color-brand-100: #e2f6f8;
  --color-brand-200: #c5edf2;
  --color-brand-300: #9cdfe8;
  --color-brand-400: #6ed1dd;
  --color-brand-500: #00aec4;
  --color-brand-600: #0fb3c7;
  --color-brand-700: #00a0b4;
  --color-brand-800: #018a9b;
  --color-brand-900: #017785;
  --color-brand-950: #02606c;
}

/* --- variantes de layout --- */
html[data-layout='compact'] .cy-hero-static {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

html[data-layout='compact'] .cy-card-body {
  padding: 1rem;
}

html[data-layout='compact'] .cy-section-title {
  font-size: 1.1rem;
}

html[data-card='outline'] .cy-card {
  box-shadow: none;
}

html[data-card='outline'] .cy-card:hover {
  box-shadow: none;
}

html[data-card='flat'] .cy-card {
  box-shadow: none;
  border-color: transparent;
  background: var(--cy-surface-2);
}

html[data-card='flat'] .cy-card:hover {
  transform: none;
  box-shadow: none;
  border-color: var(--color-brand-400);
}

/* --- plantillas de portada -----------------------------------------------
   El atributo data-home va en <html> (lo pone /theme-init.js), pero estas
   reglas apuntan a elementos que solo existen en la portada, asi que el
   resto de las paginas no se ve afectado. */

html[data-home='grid'] #hero-slider,
html[data-home='grid'] #hero-static,
html[data-home='grid'] #announcements {
  display: none;
}

html[data-home='grid'] #posts-grid {
  grid-template-columns: minmax(0, 1fr);
}

html[data-home='grid'] .cy-card-media img,
html[data-home='grid'] .cy-cover-empty {
  height: 8rem;
}

html[data-home='grid'] .cy-card-text,
html[data-home='grid'] .cy-tags {
  display: none;
}

@media (min-width: 640px) {
  html[data-home='grid'] #posts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  html[data-home='grid'] #posts-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

html[data-home='compact'] #hero-track {
  height: 18rem;
}

html[data-home='compact'] #hero-static {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

html[data-home='compact'] #posts-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75rem;
}

html[data-home='compact'] .cy-card {
  flex-direction: row;
}

html[data-home='compact'] .cy-card-media {
  width: 10rem;
  flex-shrink: 0;
}

html[data-home='compact'] .cy-card-media img,
html[data-home='compact'] .cy-cover-empty {
  height: 100%;
  min-height: 8rem;
}

html[data-home='compact'] .cy-card-body {
  padding: 0.875rem 1rem;
}

html[data-home='compact'] .cy-card-title {
  margin-top: 0.375rem;
  font-size: 1rem;
}

html[data-home='compact'] .cy-card-text {
  display: none;
}