/*
Theme Name: Open CoDesign Canvas
Description: Motor de tema de bloques genérico de Open CoDesign. Aporta layout, contenedores, columnas, comportamiento responsive y plantillas mínimas reutilizables para temas hijos de proyecto. No contiene identidad de ningún proyecto concreto.
Version: 0.1.0-dev
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: ocd-canvas
*/

/*
 * Reglas estructurales reutilizables del motor Canvas.
 * Los colores concretos se inyectan por variables (--ocd-*) que cada tema hijo
 * define; aquí sólo se usan fallbacks neutros para que el padre funcione solo.
 */

.wp-site-blocks { min-height: 100vh; }

.ocd-site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid var(--ocd-border-color, rgba(0, 0, 0, 0.12));
  backdrop-filter: blur(14px);
}

.ocd-main { margin-block-start: 0; }
.ocd-main > .wp-block-post-content { margin-block-start: 0; }
.ocd-main .wp-block-group { padding-block: clamp(2rem, 5vw, 5rem); }
.ocd-main .wp-block-group .wp-block-group { padding-block: 1.25rem; }
.ocd-main .wp-block-columns { gap: clamp(1.25rem, 3vw, 3rem); }
.ocd-main .wp-block-column { min-width: 0; }

.ocd-main .wp-block-image img,
.ocd-main .wp-block-video video { width: 100%; }

.ocd-main .wp-block-button__link { transition: transform .2s ease, background .2s ease; }
.ocd-main .wp-block-button__link:hover { transform: translateY(-1px); }

.ocd-main .wp-block-details {
  border-bottom: 1px solid var(--ocd-border-color, rgba(0, 0, 0, 0.12));
  padding: 1rem 0;
}
.ocd-main .wp-block-details summary { cursor: pointer; font-weight: 600; }

.ocd-site-footer { border-top: 1px solid var(--ocd-border-color, rgba(0, 0, 0, 0.12)); }

@media (max-width: 781px) {
  .ocd-main .wp-block-columns { flex-wrap: wrap !important; }
  .ocd-main .wp-block-column[style] { flex-basis: 100% !important; }
  .ocd-site-header { position: relative; }
}