/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1727880135
Updated: 2024-10-02 14:42:15

*/

/*
.tag_venta-alquiler .elementor-icon-list-items li .elementor-icon-list-text a {
	color: #FFF !important;
}*/


/* =========
 * Header
 * ======== */
.rkit-menu-active > .rkit-nav-link {
  font-weight: 700 !important;
}

/* BTN contactanos header */
.elementor-45 .elementor-element.elementor-element-4d26fa8b .elementor-button {
  box-shadow: 0px 30px 60px -15px #44546A !important;
}

/* =========
 * Homepage
 * ======== */
/* Hero */ 
.elementor-7 .elementor-element.elementor-element-a6ca555:not(.elementor-motion-effects-element-type-background){
	background-position: bottom -200px right -200px !important;
	background-size: 60% !important;
}

/* =========
 * Obras y reformas
 * ======== */
.slide_antes-despues .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 500px; 
  overflow: hidden;
}

.slide_antes-despues .swiper-slide img {
  height: 100%;
  width: auto;
  object-fit: cover;
}

.slide_antes-despues .swiper-pagination-bullet {
  width: 20px;
  height: 5px;
  border-radius: 15px;
}





/* Estilos generales para cada obra */
.obra-item {
    margin: 80px auto;
    max-width: 1200px;
    padding: 0 20px;
}

/* Título grande y centrado */
.obra-item h2 {
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 40px;
    color: #222;
}

/* Subtítulos "Antes" y "Después" */
.obra-item h3 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 600;
    color: #555;
}

/* Contenedor de las dos galerías lado a lado */
.galerias-contenedor {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    align-items: flex-start;
}

/* Cada galería ocupa 45% (ajustable) */
.galeria-antes,
.galeria-despues {
    flex: 1 1 450px;
    max-width: 500px;
}

/* Imágenes grandes y responsivas */
.galeria-antes img,
.galeria-despues img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 16px;
    margin-bottom: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

/* Separador entre obras */
.obra-item hr {
    margin: 60px 0;
    border: none;
    border-top: 1px solid #eee;
}


.obras-columns {
    display: flex;
    gap: 40px;
    margin-bottom: 60px;
    flex-wrap: wrap;
}

.obra-slider {
    flex: 1;
    min-width: 300px;
}

.swiper-container {
    width: 100%;
    max-width: 600px;
    height: 450px;
    overflow: hidden;
    position: relative;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}