@import "./components/logo.css";
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap");


/* =====================
   Base – MIYO
   ===================== */

/* Variables de marca */
:root {
  /* Brand */
  --primary-dark: #006B75;
  --primary-light: #00CBC7;

  /* Text */
  --text-primary: #021C1E;
  --text-secondary: #5E6F73;
  --text-muted: #8FA3A6;

  /* Backgrounds */
  --bg-soft: #F7FAFA;
  --surface-light: #EEF4F4;
  --border-subtle: #D6E5E6;

  /* Radius */
  --radius-md: 12px;
  --radius-lg: 16px;

  /* Shadow */
  --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.04);

  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.08);
  --shadow-float: 0 18px 45px rgba(0, 0, 0, 0.12);

  --font-main: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Reset mínimo */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: var(--bg-soft);
  color: var(--text-primary);
  line-height: 1.5;
}

@keyframes pageFade {
  from { opacity: 0; }
  to { opacity: 1; }
}