@media (min-width: 1281px) and (max-width: 1680px) {
    :root {
        --font-size-xsmall: 19px;
        --font-size-normal: 22px;
        --font-size-medium: 30px;
        --font-size-large: 40px;
        --font-size-xlarge: 44px;
    }

    header {
        padding-inline: 100px;
        padding-top: 36px;
    }

    .logo img {
        max-width: 230px;
    }

    .menu {
        gap: 24px;
    }

    .panel_lateral {
        width: 28%;
        padding-left: 120px;
        padding-right: 60px;
    }

    .panel_lateral h2,
    .panel_lateral p {
        width: 90%;
    }

    .contenedor_titulo {
        padding-right: 120px;
    }

    .servicios,
    .quienes_somos,
    .contenedor_post,
    footer,
    .contacto,
    .blog_content {
        padding-inline: 120px;
    }

    .servicios,
    .quienes_somos,
    .contenedor_post,
    footer,
    .blog_content {
        padding-block: 64px;
    }

    .call_to_action {
        height: 600px;
        margin-bottom: 64px;
    }

    .info_calltoaction {
        padding-left: 120px;
        padding-right: 72px;
    }
}