#cuadrados-de-fondo-imagen, #cuadrados-de-fondo-imagen-2 { position: relative; display: inline-block; overflow: visible; z-index: 0; margin-left: -30px; margin-right: 30px; } 
#cuadrados-de-fondo-imagen .fusion-imageframe { display: block; width: 80%; margin: 0 auto; box-shadow: 0px 30px 50px rgba(204, 190, 175, 1); border-radius: 15px; position: relative; z-index: 1; margin-bottom: 80px; } 
#cuadrados-de-fondo-imagen-2 .fusion-imageframe { display: block; margin: 0 auto; box-shadow: 0px 30px 50px rgba(204, 190, 175, 1); border-radius: 15px; position: relative; z-index: 1; margin-bottom: 75px; width: 90%; margin-left: 40px; } 
#cuadrados-de-fondo-imagen::before { content: ""; position: absolute; top: 60px; right: -10px; width: 90px; height: 240px; background-color: rgba(255, 0, 0, 0.2); border-radius: 15px; z-index: -1; } 
#cuadrados-de-fondo-imagen::after { content: ""; position: absolute; top: -50px; left: 40px; width: 415px; height: 270px; background-color: rgba(200, 200, 200, 0.2); border-radius: 15px; z-index: -1; } 
#cuadrados-de-fondo-imagen-2::after { content: ""; position: absolute; top: -40px; right: -40px; width: 320px; height: 270px; background-color: rgba(255, 0, 0, 0.2); border-radius: 15px; z-index: -1; }
#cuadrados-de-fondo-imagen-2 > div:nth-child(1) { overflow: visible; } 
.imagenbordesredondeados { border-radius: 15px !important; box-shadow: 0px 18px 30px rgba(204, 190, 175, 0.4); }
#texto-por-encima { z-index:1; }

#primera_capa { position: relative; width: 100%; height: auto; }
#primera_capa img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
#segunda_capa { position: relative; }
#segunda_capa img { display: block; width: 100%; }
.onlypc { display: inline; }




.ver-mas-btn { transition: background-color 0.3s ease; display: inline-block; margin-top: 30px; padding: 15px 25px; background-color: var(--awb-color5); color: white; border-radius: 7px; font-size: 15px; border: none; cursor: pointer; } 
.ver-mas-btn:hover { background-color: darken(var(--awb-color5), 10%); }
#todosloselementos .swiper-slide {border-radius: 15px; height: 350px; box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.3); cursor: pointer; display: flex; flex-direction: column; justify-content: space-between; height: 100%; box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.3) !important; border-radius: 15px; }
#todosloselementos .fusion-carousel-item-wrapper {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
#todosloselementos .fusion-image-wrapper {display: flex; justify-content: center; align-items: center; flex-grow: 1; padding: 40px 40px 0px 40px !important;}
#todosloselementos .awb-imageframe-caption-container {margin-top: auto;}
#todosloselementos .awb-imageframe-caption {padding: 25px 30px; text-align: left;}
#todosloselementos .awb-imageframe-caption h3 { font-size: 25px !important; }
#todosloselementos .awb-imageframe-caption p { color:gray; }
#todosloselementos .awb-imageframe-caption::after { transition: background-color 0.3s ease; display: inline-block; margin-top: 30px; padding: 15px 25px; background-color: var(--awb-color5); color: white; border-radius: 7px; font-size: 15px; } 
html[lang="es"] .awb-imageframe-caption::after {
  content: "+ ver más";
}

html[lang="en"] .awb-imageframe-caption::after {
  content: "+ see more";
}

#todosloselementos .fusion-carousel-item-wrapper:hover .awb-imageframe-caption::after { background-color: var(--carousel_hover_color); }
#todosloselementos > div { padding: 20px; }


@media (max-width: 640px) {
	#segunda_capa img {	transform: scale(1.8); object-position: 69% center; object-fit: cover; width: 100%; height: 500px; margin-top: 120px; }
	#segunda_capa { overflow: hidden; display: block; height: 800px; }
	#texto-por-encima h1 { font-size:30px !important; margin-bottom:10px !important; }
	#texto-por-encima p { font-size:20px !important; line-height:20px !important;}
	.cambiadecolor p { text-align:justify !important; color:black !important; }
	.cambiadecolor { margin-left: 50px !important; margin-right: 50px !important; }
	.onlypc { display:none !important; }
	.textomayusculas { text-transform: uppercase !important; font-size: 27px !important; font-weight: bold;}
	.ventajas-cortinas { color:black !important; letter-spacing: unset !important; text-align:center !important; font-size: 40px; }
	.alinea-movil p, .alinea-movil h3 { text-align:center !important; }
	.alinea-movil h3 { font-size: 40px !important; }
}

.ventajas-cortinas { color: #d43c2f; margin-bottom: 0px; letter-spacing: 4px; }