/*
 * Generado automáticamente por Apariencia > Publicar.
 * No editar manualmente: los cambios se administran desde el panel.
 */
:root {
    --navy-950: #03273d;
    --navy-900: #053955;
    --navy-800: #075170;
    --ocean-600: #087da8;
    --coral-600: #ee542f;
    --coral-700: #d94322;
    --ink: #102d40;
    --muted: #5b6d78;
    --font-sans: "Atkinson Hyperlegible Next", "Segoe UI", Arial, sans-serif;
    --font-display: "Atkinson Hyperlegible Next", "Segoe UI", Arial, sans-serif;
    --container: 1180px;
    --header-height: 88px;
}

.site-header {
    position: sticky;
}

.plant-home {
    --plant-deep: #03273d;
    --plant-navy: #053955;
    --plant-ocean: #087da8;
    --plant-coral: #ee542f;
}

.plant-home__hero {
    background-image:
        linear-gradient(
            90deg,
            rgba(3, 40, 63, 0.97) 0%,
            rgba(3, 40, 63, 0.9) 34%,
            rgba(3, 40, 63, 0.58) 57%,
            rgba(3, 40, 63, 0.12) 100%
        ),
        url('/images/plant/processing-frozen-blocks.jpeg');
}

@media (max-width: 820px) {
    .plant-home__hero {
        background-image:
            linear-gradient(
                180deg,
                rgba(3, 40, 63, 0.97) 0%,
                rgba(3, 40, 63, 0.9) 45%,
                rgba(3, 40, 63, 0.49) 76%,
                rgba(3, 40, 63, 0.2) 100%
            ),
            url('/images/plant/processing-frozen-blocks.jpeg');
    }
}