/* Variables globales del tema (alineadas con SHA Wellness) */

:root {
    --contenedor-width: clamp(1168px, calc(100vw - 140px), 1500px);
    --contenedor-padding: 24px;
    --contenido-padding: 15px;
    --contenido-width-sm: 750px;
    --contenido-width-md: 970px;
    --contenido-width-lg: 1170px;
    --magazine-topbar-height: 0px;
    --magazine-header-height: 72px;
    --magazine-header-padding-y: 14px;
    --single-body-width: 750px;
}

.contenedor {
    margin: 0 auto;
    padding-left: var(--contenedor-padding);
    padding-right: var(--contenedor-padding);
    width: 100%;
    max-width: calc(var(--contenedor-width) + var(--contenedor-padding) + var(--contenedor-padding));
    position: relative;
    box-sizing: border-box;
}

.contenido {
    margin: 0 auto;
    padding-left: var(--contenido-padding);
    padding-right: var(--contenido-padding);
    width: 100%;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .contenido {
        max-width: calc(var(--contenido-width-sm) + (var(--contenido-padding) * 2));
    }
}

@media (min-width: 992px) {
    .contenido {
        max-width: calc(var(--contenido-width-md) + (var(--contenido-padding) * 2));
    }
}

@media (min-width: 1200px) {
    .contenido {
        max-width: calc(var(--contenido-width-lg) + (var(--contenido-padding) * 2));
    }
}