/*
Theme Name: SYC Moda
Theme URI: https://sycmoda.com/
Author: SYC Moda
Description: Tema puente para la aplicación React de SYC Moda.
Version: 1.1.3
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: sycmoda
*/

:root {
  color: #081a34;
  background: #f7f2e9;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body {
  margin: 0;
  min-height: 100%;
  background: #f7f2e9;
}

* {
  box-sizing: border-box;
}

.sycmoda-skip-link {
  position: fixed;
  z-index: 999999;
  top: 0.75rem;
  left: 0.75rem;
  transform: translateY(-200%);
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  color: #fff;
  background: #031b3d;
}

.sycmoda-skip-link:focus {
  transform: translateY(0);
}

.sycmoda-shell-status {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 2rem;
  text-align: center;
}

.sycmoda-shell-status__card {
  max-width: 36rem;
  padding: 2rem;
  border: 1px solid rgba(3, 27, 61, 0.15);
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 1rem 3rem rgba(3, 27, 61, 0.08);
}