/* Global: variables, reset and shared base styles.
   Extraído de site.css para poder mantener la web por bloques. */

:root {
    --black: #171717;
    --black-2: #242424;
    --white: #ffffff;
    --bg: #eeeeee;
    --text: #202020;
    --muted: #777777;
    --line: #e7e7e7;
    --soft: #f5f5f5;
    --accent: #ef4b32;
    --accent-soft: #fff0ed;
    --green: #18a463;
    --shadow-main: 0 34px 90px rgba(0, 0, 0, .16);
    --shadow-soft: 0 16px 42px rgba(0, 0, 0, .10);
    --radius-xl: 38px;
    --radius-lg: 28px;
    --radius-md: 22px;
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

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

body {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--text);
    background: radial-gradient(circle at 12% 18%, rgba(239, 75, 50, .13), transparent 28%), radial-gradient(circle at 88% 12%, rgba(0, 0, 0, .08), transparent 30%), linear-gradient(135deg, #fafafa 0%, #eeeeee 100%);
    overflow-x: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
a {
    font: inherit;
}

button {
    border: 0;
}