@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");

* {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

:root {
    /* Colors */
    --ag-primary: #83a3f9;
    --ag-secondary: #460c4f;
    --ag-accent: #b18f61;
    --ag-bg-light: #f4f0e3;
    --ag-white: #ffffff;
    --ag-black: #000000;

    /* Spacing */
    --ag-spacing-xs: 8px;
    --ag-spacing-sm: 16px;
    --ag-spacing-md: 32px;
    --ag-spacing-lg: 64px;
    --ag-spacing-xl: 120px;

    /* Radius */
    --ag-radius-sm: 4px;
    --ag-radius-md: 8px;
    
    /* Layout */
    --ag-container-max: 1400px;

    /* Etapas Card Tokens */
    --etapas-card-padding: 45px 35px;
    --etapas-card-min-height: 180px;
    --etapas-card-title-margin: 16px;
    --etapas-card-body-margin: 24px;
}

/* Utility Classes */
.ag-container {
    max-width: var(--ag-container-max);
    width: 90%;
    margin: 0 auto;
}

.ag-grid-2,
.ag-grid-3 {
    display: grid;
    gap: var(--ag-spacing-md);
}

.ag-grid-2 {
    grid-template-columns: repeat(2, 1fr);
}

.ag-grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1024px) {
    .ag-grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .ag-grid-2,
    .ag-grid-3 {
        grid-template-columns: 1fr;
    }
}

.ag-stack {
    display: flex;
    flex-direction: column;
    gap: var(--ag-spacing-md);
}


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

/* a blue color as a generic focus style */
button:focus-visible {
    outline: 2px solid #4a90e2 !important;
    outline: -webkit-focus-ring-color auto 5px !important;
}

a {
    text-decoration: none;
}

/* @FONTWARNING[{"type": "restricted", "family": "Season Serif-TRIAL-Bold", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
    font-family: "Season Serif-TRIAL-Bold";
    src: url(fontes/SeasonSerif-TRIAL-Bold.ttf);
}

/* @FONTWARNING[{"type": "restricted", "family": "Season Sans-TRIAL-Regular", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
    font-family: "Season Sans-TRIAL-Regular";
    src: url(fontes/SeasonSans-TRIAL-Regular.ttf);
}

/* @FONTWARNING[{"type": "restricted", "family": "Season Sans-TRIAL-Medium", "weight": "400", "style": "normal", "allowsCrossOrigin": false}] */

@font-face {
    font-family: "Season Sans-TRIAL-Medium";
    src: url(fontes/SeasonSans-TRIAL-Medium.ttf);

}