@import url('./base/reset.css');
@import url('./base/variables.css');

@import url('./layout/header.css');
@import url('./layout/grid.css');

@import url('./components/cards.css');
@import url('./components/buttons.css');

@import url('./pages/mascotas.css');

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 0;
    background-color: var(--color-fondo);
}

section {
    margin: 1.2rem;
    padding: 1rem;
    background-color: var(--color-blanco);
    border-radius: 10px;
}

form input,
form button {
    display: block;
    margin: 0.6rem 0;
    padding: 0.5rem;
}

.oculto {
    display: none;
}
