/* Vitality template – custom styles & utilities – Ultravix El Salvador */

.bg-background { background-color: hsl(var(--background)); }
.bg-foreground { background-color: hsl(var(--foreground)); }
.bg-card { background-color: hsl(var(--card)); }
.bg-primary { background-color: hsl(var(--primary)); }
.bg-primary\/70 { background-color: hsl(var(--primary) / 0.7); }
.bg-primary\/10 { background-color: hsl(var(--primary) / 0.1); }
.bg-secondary { background-color: hsl(var(--secondary)); }
.bg-accent { background-color: hsl(var(--accent)); }
.bg-accent\/90 { background-color: hsl(var(--accent) / 0.9); }
.bg-foreground\/60 { background-color: hsl(var(--foreground) / 0.6); }
.bg-primary-foreground\/15 { background-color: hsl(var(--primary-foreground) / 0.15); }
.bg-primary-foreground\/25 { background-color: hsl(var(--primary-foreground) / 0.25); }

.text-foreground { color: hsl(var(--foreground)); }
.text-foreground\/80 { color: hsl(var(--foreground) / 0.8); }
.text-primary { color: hsl(var(--primary)); }
.text-primary-foreground { color: hsl(var(--primary-foreground)); }
.text-primary-foreground\/90 { color: hsl(var(--primary-foreground) / 0.9); }
.text-primary-foreground\/80 { color: hsl(var(--primary-foreground) / 0.8); }
.text-muted-foreground { color: hsl(var(--muted-foreground)); }
.text-accent { color: hsl(var(--accent)); }
.text-accent-foreground { color: hsl(var(--accent-foreground)); }
.text-background { color: hsl(var(--background)); }
.text-background\/80 { color: hsl(var(--background) / 0.8); }

.border-border { border-color: hsl(var(--border)); }
.border-primary-foreground\/20 { border-color: hsl(var(--primary-foreground) / 0.2); }
.border-primary-foreground\/30 { border-color: hsl(var(--primary-foreground) / 0.3); }
.border-background\/10 { border-color: hsl(var(--background) / 0.1); }

.section-padding {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

@media (min-width: 768px) {
    .section-padding {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

.container-max {
    margin-left: auto;
    margin-right: auto;
    max-width: 80rem;
}

details.accordion summary {
    list-style: none;
    cursor: pointer;
}

details.accordion summary::-webkit-details-marker {
    display: none;
}