/*==========================================*/
/* Productos Agotados */
.product-labels .product-label.out-of-stock {
    word-break: keep-all;
}

/*==========================================*/
/* Descuentos de productos */
.product-label.onsale,.product-label.out-of-stock {
    background-color: #ff00ff !important;
}

/*==========================================*/
/* Feed de instagram */
#sb_instagram #sbi_load {
	display: grid;
    grid-auto-flow: column;
    justify-content: center;
    gap: 5px;
}
.sbi_load_btn, #sb_instagram .sbi_follow_btn a, #sb_instagram #sbi_load .sbi_follow_btn {
	margin: unset !important;
}
#sb_instagram #sbi_load .sbi_follow_btn a {
    height: 100%;
    display: flex;
    place-content: center;
    flex-wrap: wrap;
}
#sb_instagram #sbi_load .sbi_follow_btn a svg {
	height: 1.25em;
}
#sb_instagram #sbi_load .sbi_follow_btn a span {
    font-weight: bold;
    text-transform: uppercase;
}
/*==========================================*/
/* Fix Margen superior e inferior */
/*.wd-content-layout,
#main-content {
		padding-block: unset !important;
		padding-bottom: 40px;
}*/
/*==========================================*/
/* Slider Publicitario */
.slider-publicitario a {
	width:100%;
}
/*==========================================*/
/* Banner Publicitario */
.banner-publicitario img {
    max-width: 90vh;
    max-height: 90vh;
    aspect-ratio: 10/7;
    width: 100%;
}
.cupon_publicitario {
    container-type: size;
	width: 100%;
	height: 100%;
	inset: 0;
}
.cupon_publicitario h2 {
	position: absolute;
	left: 50%;
	bottom: 21%;
	translate: -50%;
	font-size: 2.5cqw;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse_cupon 1s infinite;
}
.link_publicitario a {
    border-radius: 3px;
    padding: 4px 8px;
}
.link_publicitario a:hover {
	border: 1px solid white;
    box-shadow: 0 0 10px white;
}
@keyframes pulse_cupon {
    0% {
        transform: scale(0.95);
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    }

    100% {
        transform: scale(0.95);
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    }
}
/*==========================================*/
/* Titulos Linea Arco Art */
.titulo_con_linea {
    display: inline-block;
    margin-inline: auto;
}
.linea_titulo {
    display: flex;
    height: 3px;
    margin-top: 5px;
}
.linea_titulo i {
	display: inline-block;
	height: 100%;
}
.linea_titulo :nth-child(n+2) {
    width: 14%;
    margin-left: 2%;
}
.linea_titulo :nth-child(1) {
    width: 52%;
    background: black;
}
.linea_titulo :nth-child(2) {
    background: #00ffff;
}
.linea_titulo :nth-child(3) {
    background: #ff00ff;
}
.linea_titulo :nth-child(4) {
    background: #ffff00;
}
/*==========================================*/
/* Portadas de Proyectos */
.portada_proyecto img {
	aspect-ratio: 3/4;
	object-fit: cover;
}
.titulo_proyecto_banner {
	--color-border-titulo: #ccc;
	/*text-shadow: 0 1px #ccc, 1px 0 #ccc, 0 -1px #ccc, -1px 0 #ccc, 0 0 10px white;*/
	text-shadow: 0 1px var( --color-border-titulo ), 
				 1px 0 var( --color-border-titulo ), 
				 0 -1px var( --color-border-titulo ), 
				 -1px 0 var( --color-border-titulo ),
				 1px -1px var( --color-border-titulo ), 
				 -1px 1px var( --color-border-titulo ),
				 -1px -1px var( --color-border-titulo ), 
				 1px 1px var( --color-border-titulo ),
				 0 0 10px white;
}