.elementor-8384 .elementor-element.elementor-element-c575201{--spacer-size:50px;}.elementor-8384 .elementor-element.elementor-element-00f1f56{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8384 .elementor-element.elementor-element-ab9a418{--spacer-size:50px;}.elementor-widget-divider .elementor-divider__text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-8384 .elementor-element.elementor-element-a5d118a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-8384 .elementor-element.elementor-element-a5d118a .elementor-divider-separator{width:100%;}.elementor-8384 .elementor-element.elementor-element-a5d118a .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-8384 .elementor-element.elementor-element-5624766{--spacer-size:50px;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}:root{--page-title-display:none;}/* Start custom CSS for image, class: .elementor-element-dd177fb *//* ===========================
   LAVABOS DE CAÑO ALTO
   =========================== */

.grifo-cano-alto-hover {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 576px;
    aspect-ratio: 576 / 369;
    padding: 0;
    margin: 0;
}

.grifo-cano-alto-hover .elementor-widget-container,
.grifo-cano-alto-hover .elementor-image,
.grifo-cano-alto-hover a,
.grifo-cano-alto-hover picture {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.grifo-cano-alto-hover img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: center;
    transition: transform .35s ease;
}

.grifo-cano-alto-hover::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    transition: background .35s ease;
    z-index: 5;
    pointer-events: none;
}

.grifo-cano-alto-hover:hover img {
    transform: scale(1.08);
}

.grifo-cano-alto-hover:hover::before {
    background: rgba(0,0,0,.25);
}

.grifo-cano-alto-hover::after {
    content: "LAVABOS DE CAÑO ALTO";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -60px;
    height: 42px;
    background: #fff;
    color: #222;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: bottom .35s ease;
    z-index: 6;
    pointer-events: none;
}

.grifo-cano-alto-hover:hover::after {
    bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b1eda0d *//* ===========================
   LAVABOS - CÓDIGO 1
   PROPORCIÓN 576 × 369
   =========================== */

.lavabos-hover {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 576px !important;
    aspect-ratio: 576 / 369 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Forzar los contenedores internos de Elementor */
.lavabos-hover .elementor-widget-container,
.lavabos-hover .elementor-image,
.lavabos-hover a,
.lavabos-hover picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

/* Imagen */
.lavabos-hover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    transition: transform .35s ease !important;
}

/* Capa oscura */
.lavabos-hover::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    transition: background .35s ease;
    z-index: 5;
    pointer-events: none;
}

/* Zoom */
.lavabos-hover:hover img {
    transform: scale(1.08);
}

/* Oscurecimiento */
.lavabos-hover:hover::before {
    background: rgba(0,0,0,.25);
}

/* Franja blanca */
.lavabos-hover::after {
    content: "LAVABOS";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -60px;
    height: 42px;
    box-sizing: border-box;
    background: #fff;
    color: #222;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: bottom .35s ease;
    z-index: 6;
    pointer-events: none;
}

.lavabos-hover:hover::after {
    bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5b8023a *//* ===========================
   BIDÉS - CÓDIGO 1
   MEDIDA PROPORCIONAL 576 × 369
   =========================== */

.bides-hover {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 576px;
    aspect-ratio: 576 / 369;
}

.bides-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    transition: transform .35s ease;
}

/* Capa oscura */
.bides-hover::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    transition: background .35s ease;
    z-index: 1;
    pointer-events: none;
}

/* Zoom */
.bides-hover:hover img {
    transform: scale(1.08);
}

/* Oscurecimiento */
.bides-hover:hover::before {
    background: rgba(0,0,0,.25);
}

/* Franja blanca inferior */
.bides-hover::after {
    content: "BIDÉS";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -60px;
    height: 42px;
    background: #fff;
    color: #222;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: bottom .35s ease;
    z-index: 2;
    pointer-events: none;
}

.bides-hover:hover::after {
    bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aa0f04a */.duchas-hover {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 576px;
    aspect-ratio: 576 / 369;
}

.duchas-hover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    transition: transform .35s ease;
}

.duchas-hover::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    transition: background .35s ease;
    z-index: 1;
}

.duchas-hover:hover img {
    transform: scale(1.08);
}

.duchas-hover:hover::before {
    background: rgba(0,0,0,.25);
}

.duchas-hover::after {
    content: "DUCHAS";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -60px;
    height: 42px;
    background: #fff;
    color: #222;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: bottom .35s ease;
    z-index: 2;
}

.duchas-hover:hover::after {
    bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-16c25ba *//* ===========================
   BAÑERAS
   PROPORCIÓN 576 × 369
   =========================== */

.baneraelite-hover {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 576px !important;
    aspect-ratio: 576 / 369 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.baneraelite-hover .elementor-widget-container,
.baneraelite-hover .elementor-image,
.baneraelite-hover a,
.baneraelite-hover picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

.baneraelite-hover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    transition: transform .35s ease !important;
}

.baneraelite-hover::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    transition: background .35s ease;
    z-index: 5;
    pointer-events: none;
}

.baneraelite-hover:hover img {
    transform: scale(1.08);
}

.baneraelite-hover:hover::before {
    background: rgba(0,0,0,.25);
}

.baneraelite-hover::after {
    content: "BAÑERAS";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -60px;
    height: 42px;
    background: #fff;
    color: #222;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: bottom .35s ease;
    z-index: 6;
    pointer-events: none;
}

.baneraelite-hover:hover::after {
    bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1bc97cc *//* ===========================
   COLUMNAS DE DUCHA
   PROPORCIÓN 576 × 369
   =========================== */

.columnaducha-hover {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 576px !important;
    aspect-ratio: 576 / 369 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.columnaducha-hover .elementor-widget-container,
.columnaducha-hover .elementor-image,
.columnaducha-hover a,
.columnaducha-hover picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

.columnaducha-hover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    transition: transform .35s ease !important;
}

.columnaducha-hover::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    transition: background .35s ease;
    z-index: 5;
    pointer-events: none;
}

.columnaducha-hover:hover img {
    transform: scale(1.08);
}

.columnaducha-hover:hover::before {
    background: rgba(0,0,0,.25);
}

.columnaducha-hover::after {
    content: "COLUMNAS DE DUCHA";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -60px;
    height: 42px;
    background: #fff;
    color: #222;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: bottom .35s ease;
    z-index: 6;
    pointer-events: none;
}

.columnaducha-hover:hover::after {
    bottom: 20px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-47fd18b *//* ===========================
   EMPOTRADAS
   PROPORCIÓN 576 × 369
   =========================== */

.empotradas-hover {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 576px !important;
    aspect-ratio: 576 / 369 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Forzar los contenedores internos de Elementor */
.empotradas-hover .elementor-widget-container,
.empotradas-hover .elementor-image,
.empotradas-hover a,
.empotradas-hover picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

/* Imagen */
.empotradas-hover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    transition: transform .35s ease !important;
}

/* Capa oscura */
.empotradas-hover::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    transition: background .35s ease;
    z-index: 5;
    pointer-events: none;
}

/* Zoom */
.empotradas-hover:hover img {
    transform: scale(1.08);
}

/* Oscurecimiento */
.empotradas-hover:hover::before {
    background: rgba(0,0,0,.25);
}

/* Franja blanca */
.empotradas-hover::after {
    content: "EMPOTRADAS";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -60px;
    height: 42px;
    box-sizing: border-box;
    background: #fff;
    color: #222;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: bottom .35s ease;
    z-index: 6;
    pointer-events: none;
}

.empotradas-hover:hover::after {
    bottom: 20px;
}/* End custom CSS */