@media (min-width: 800px)
{
	*[desktop-hidden]
	{
	    display: none !important;
	}
}
@media (min-width: 0px) and (max-width: 800px)
{
    .title {
        font-size: var(--font-size-xxl);
    }
	*[mobile-hidden],
	*[hidden-mobile]
	{
		display: none !important;
	}
    
	*[visible-mobile]
	{
	    display: block;
	}

	*[mobile-order-0]
	{
		order:0;
	}

	*[mobile-order-1]
	{
		order:1;
	}

    /* Cuerpo */
    .contenedor-modulo
    {
        padding: 5rem 1rem 1rem 1rem !important;
        width:97%;
    }
    [scrollbr]::-webkit-scrollbar {
        width: 0px;
    }
    .titulo-home-violeta {
        --texto-proyectos: calc( 49px + (90 - 49) * ( 100vw - 400px ) / ( 1920 - 400 ));
        text-align:center;
    }
    .titulo-home-gris {
        --texto-proyectos: calc( 30px + (90 - 30) * ( 100vw - 400px ) / ( 1920 - 400 ));
        text-align:center;
    }
    #contacto, #portfolio, #clientes {
        position: relative;
    }
    .flex-logo-item {
        flex: 1 0 130px;
    }
    .flex-logo-item figure img {
        object-fit: contain;
        width: 90px;
        height: 30px;
        text-align: center;
    }
    
    .portfolio-swiper .swiper-button-next,
    .portfolio-swiper .swiper-button-prev {
        width: 30px;
        height: 30px;
    }
    
    .portfolio-swiper .swiper-button-next::after,
    .portfolio-swiper .swiper-button-prev::after {
        font-size: 16px;
    }
    .contenedor-seccion
    {
        --padding-cs:0rem
    }
    footer#fotterWb
    {
        padding: 4rem 1rem;
    }

    #introProyecto
    {
        padding-top:60px;
    }
    div#contSwitchSyt {
        display: flex;
        gap: 0.5rem;
    }
}