@media (min-width: 800px)
{
	*[desktop-hidden]
	{
	    display: none !important;
	}
}

@media (min-width: 800px) and (max-width: 1366px) 
{
	:root {
		--texto-proyectos: calc(0.75rem + (1.4 - 0.75) * ((100vw - 300px) / (1600 - 300))) !important;
	}
}

@media (min-width: 0px) and (max-width: 1024px) 
{
	
}

@media (min-width: 0px) and (max-width: 800px)
{
	:root
	{
		--title-font-size: calc(1.7rem + (2 - 1.7) * ((100vw - 300px) / (1600 - 300)));
		--texto-proyectos: calc(0.75rem + (1.4 - 0.75) * ((100vw - 300px) / (1600 - 300)));
	}
	.px-05 {
    	--mg-05: 1rem;
	}

	*[mobile-hidden],
	*[hidden-mobile]
	{
		display: none !important;
	}
	*[visible-mobile]
	{
	    display: block;
	}
	*[mobile-order-0]
	{
		order:0;
	}
	*[mobile-order-1]
	{
		order:1;
	}

	div[centra-flor-mobile-w100]
	{
		display        : flex;
		flex-direction : row;
		flex-wrap      : nowrap;
		align-content  : center;
		justify-content: center;
		align-items    : center;
		width: 100%;
	}
	div[centra-flor-mobile]
	{
		display        : flex;
		flex-direction : row;
		flex-wrap      : nowrap;
		align-content  : center;
		justify-content: center;
		align-items    : center;
	}
	div.medio-contenedor
	{
		width: 100vw;
	}

	#videoHome 
	{
		height: 50vh;
	}

	*[data-acc="artist"]
	{
	    order:0 !important;
	}
	*[data-acc="services"]
	{
	    order:1 !important;
	}
	*[data-acc="about"]
	{
	    order:2 !important;
	}
	*[data-acc="events"]
	{
	    order:3 !important;
	}
	*[data-acc="blog"]
	{
	    order:4 !important;
	}
	*[data-acc="workshop"]
	{
	    order:5 !important;
	}
	*[data-acc="faqs"]
	{
	    order:6 !important;
	}
	*[data-acc="shop"]
	{
	    order:7 !important;
	}


	/* PARCHE  */

		*[data-mn-orden-mobile]
		{ order:0 !important}
		*[data-mn-orden-mobile]
		{ order:1 !important}
		*[data-mn-orden-mobile]
		{ order:2 !important}
		*[data-mn-orden-mobile]
		{ order:3 !important}
		*[data-mn-orden-mobile]
		{ order:4 !important}
		*[data-mn-orden-mobile]
		{ order:5 !important}
		*[data-mn-orden-mobile]
		{ order:6 !important}
		*[data-mn-orden-mobile]
		{ order:8 !important}


	/* ABOUT  */
		.d-flex-meet {
		    position: relative;
		    display: flex;
		    flex-direction: row;
		    flex-wrap: nowrap;
		    align-content: center;
		    justify-content: center;
		    align-items: center;
		    gap: 1rem;
		}
		div.d-flex-meet figure
		{
			height: 300px;
			width : 190px;
			right: 0 !important;
			top: 0;
			transform: translate(0%, 0%) !important;
			position: relative;
		}
		aside#contMenuPrepara,aside#contMenuPreparaMovile
		{
			justify-content: flex-start;
		}
		.cuidados-tres p {
		    min-height: fit-content !important;
		}


		div.p-banner-promos span:not(.d-flex) 
		{
		    text-transform: uppercase;
		    line-height: normal;
		}

		
		.d-flex-tres div.d-flex
		{
			justify-content: flex-start;
		}
		.d-flex-lista-m1 {
		    gap: 1rem;
		    width: 100%;
		    min-width: 320px;
		}
		.mb-4
		{
			--mg-4: 0rem;
		}
		.d-flex-artistas
		{
			transform: rotate(0);
		}

	/* MODULOS */
		img.z-index-2.im-dm1-precio {
			position: relative;
			transform: unset !important;
		}
		.card.text-break.card-iris.card-permanent 
		{
			transform: unset;top: 0;
		}
		div.card.text-break.card-iris 
		{
		    transform: translate(-50%, -30%);
	        backdrop-filter: none;
	        box-shadow: none;
	        border-width: 0;
	        text-align: justify;
		}
		div#contenidoStyles .parent-grid 
		{
		    top: 50%;
		    right: 0;
		}
		/*div#contenidoStyles {
		    height: 400px;
		}*/

		div[data-modulo="giftcard"] figure
		{
			box-shadow: unset;
			right: 30px !important;
		}
		#fotterWb 
		{
		    padding-top: 0.5rem;
		    padding-bottom: 3.5rem;
		}

	/* Mobile piercing information */
		div#listaEstilos 
		{
		    display: flex;
		    width: 100%;
		    max-width: unset;
		    min-height: 80px;
		    max-height: 400px;
		    overflow: auto;
		    flex-direction: row;
		    flex-wrap: wrap;
		    align-content: flex-start;
		    justify-content: flex-start;
		    align-items: flex-start;
		    gap: 0 0.9rem;
		}
		div#listaEstilos span
		{
		    cursor: pointer;
		    width: 100%;
		    display: block;
		    text-transform: uppercase;
		    padding: 0.4rem 0;
			flex: 0 0 0;
			white-space: nowrap;
		}
		div#listaEstilos span.text-bold {
		    background-color: var(--light-olive);
		    border-radius: 3rem;
		    color: var(--main-olive);
		    padding: 0.3rem 0.5rem !important;
		}
		div#listaEstilos a 
		{
			cursor: pointer;
		    width: 100%;
		    display: block;
		    text-transform: uppercase;
		    padding: 0.4rem 0;
		    flex: 1 0 90px;
		}
		.d-flex-lista-m1-piercing
		{
			flex-wrap: wrap !important;
		}
		.d-flex-200.d-flex-lista-m2 {
	    	flex: 1 0 350px;
		}

		.filter-nav {
		    text-align: center;
		}

		div#seleccionPiercings {
			display: flex;
			flex-direction: row-reverse;
			flex-wrap: wrap;
			align-content: flex-start;
			justify-content: center;
			align-items: flex-start;
			gap: 0.3rem;
			width: 100vw;
		}

	/* Modulo de tattoo */
		#contenidoStyles {
		    position: relative;
		    max-width: 800px;
		}
		.parent-mobile {
		    top: 0% !important;
		    position: relative;
		    display: flex;
		    flex-direction: row;
		    flex-wrap: wrap;
		    align-content: flex-start;
		    justify-content: center;
		    align-items: flex-start;
		}

		.grids-mobile {
		    flex: 1 0 33%;
		    height: 150px;
		    padding: 0 0.2rem;
		}

		.grids-mobile img {
		    position: relative;
		    width: 100%;
		    top: 0;
		    transform: translate(0,0);
		    object-fit: cover;
		    height: 100%;
		    bottom: 0;
		    right: 0;
		    left: 0;
		}

		.grids-mobile .card {
		    width: 100% !important;
		    left: 0;
		    top: 0;
		    transform: translate(0,0) !important;
		    position: relative !important;
		}

		.grid-4.p-relative.grids-mobile {
		    height: fit-content;
		    margin-top: 0.6rem;
		}
		.d-flex-lista .d-flex-center
		{
			gap:1rem 1rem;
		}

	div[data-modulo="giftcard"] .d-flex-meet figure:first-child {
	    height: 540px;
	    width: 100%;
	    left: 0;
	}
	.lde 
	{
	    padding: 0 1.7rem;
	}
	.margen-alto-modificado-piercing
	{
		margin-top: 0;
		padding-bottom: 1rem;
	}

	.my-4-desktop
	{
		--mg-4:2rem;
	}


	.w100-mobile
	{
		width: 100vw;
	}
} 

@media (min-width: 0px) and (max-width: 500px)
{
	#videoHome video
	{
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    position: relative;
	}
}