@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.ecopiscinas.cl/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.7") format("woff2");
}

:root {
	--wd-text-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(20,20,20);
	--wd-text-font-size: 13px;
	--wd-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,53,121);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(29,139,224);
	--btn-accented-bgcolor-hover: rgb(212,71,66);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(18,79,140);
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(242,242,242);
	background-image: url(https://www.ecopiscinas.cl/wp-content/uploads/2021/08/landing-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
.page .wd-page-content {
	background-color: rgb(248,249,251);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}




@font-face {
	font-family: "hkgroteskpro";
	src: url("//www.ecopiscinas.cl/wp-content/uploads/2021/08/hkgroteskpro-regular.woff2") format("woff2"), 
url("//www.ecopiscinas.cl/wp-content/uploads/2021/08/hkgroteskpro-regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	src: url("//www.ecopiscinas.cl/wp-content/uploads/2021/08/hkgroteskpro-semibold.woff2") format("woff2"), 
url("//www.ecopiscinas.cl/wp-content/uploads/2021/08/hkgroteskpro-semibold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

/* css pestaña comparativa Fibra de vidrio*/
.encabezado-piscinas{
    text-align:center;
    max-width:900px;
    margin:auto;
    padding:30px 0 60px;
}

.subtitulo-piscinas{
    display:block;
    color:#c59a5c;
    font-size:12px;
    letter-spacing:3px;
    font-weight:600;
    margin-bottom:10px;
}

.encabezado-piscinas h2{
    font-size:52px;
    color:#0c2948 !important;
    margin-bottom:15px;
    line-height:1.2;
}

.encabezado-piscinas p{
    color:#666;
}

.card-piscina{
    background:#fff;
    border-radius:20px;
    padding:35px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    height:100%;
}

.categoria-a{
    background:linear-gradient(180deg,#0c2948,#071728);
    border:3px solid #c59a5c;
}

.categoria-a h3,
.categoria-a h4,
.categoria-a p,
.categoria-a li{
    color:#fff !important;
}

.badge-premium{
    display:inline-block;
    background:#c59a5c;
    color:#fff;
    padding:10px 18px;
    border-radius:30px;
    font-size:11px;
    margin-bottom:25px;
    font-weight:600;
}

.card-piscina h4{
    letter-spacing:3px;
    font-size:13px;
    margin-bottom:10px;
}

.card-piscina h3{
    font-size:35px;
    color:#0c2948;
    margin-bottom:15px;
    line-height:1.1;
}

.descripcion-card{
    margin-bottom:25px;
}

.card-piscina ul{
    list-style:none;
    padding:0;
    margin:0;
}

.card-piscina li{
    padding:12px 0;
    border-bottom:1px solid #ececec;
    font-size:14px;
}

.categoria-a li{
    border-bottom:1px solid rgba(255,255,255,.15);
}

.cta-piscinas{
    background:linear-gradient(135deg,#0c2948,#071728);
    border-radius:25px;
    padding:70px;
    text-align:center;
}

.cta-piscinas h2{
    color:#fff !important;
    font-size:58px;
    margin-bottom:20px;
}

.cta-piscinas span{
    color:#c59a5c;
}

.cta-piscinas h3{
    color:#fff !important;
    margin-bottom:20px;
}

.cta-piscinas p{
    color:#d7d7d7;
    max-width:900px;
    margin:auto;
}

@media(max-width:768px){

    .encabezado-piscinas h2{
        font-size:34px;
    }

    .card-piscina h3{
        font-size:34px;
    }

    .cta-piscinas{
        padding:40px 25px;
    }

    .cta-piscinas h2{
        font-size:36px;
    }

}

/* css pestaña comparativa Fibra v/s Hormigón*/


.comparativa-header{
    text-align:center;
    max-width:1000px;
    margin:auto;
    padding:40px 0 70px;
}

.comparativa-tag{
    color:#c59a5c;
    letter-spacing:3px;
    font-size:12px;
    font-weight:600;
}

.comparativa-header h2{
    color:#0c2948;
    font-size:56px;
    margin:15px 0;
}

.comparativa-header h2 span{
    display:block;
    color:#c59a5c;
}

.comparativa-header p{
    color:#666;
    font-size:18px;
}

.comparativa-card{
    background:#fff;
    padding:45px;
    border-radius:25px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    margin-bottom:30px;
}

.fibra{
    border-top:6px solid #c59a5c;
}

.hormigon{
    border-top:6px solid #0c2948;
}

.comparativa-card > h2{
    font-size:38px;
    color:#0c2948;
    margin-bottom:35px;
}

.pregunta{
    padding-bottom:25px;
    margin-bottom:25px;
    border-bottom:1px solid #ececec;
}

.pregunta:last-child{
    border:none;
    margin-bottom:0;
}

.pregunta h3{
    color:#0c2948;
    font-size:24px;
    margin-bottom:12px;
}

.pregunta p{
    color:#666;
    line-height:1.8;
    margin:0;
}

.comparativa-cta{
    background:linear-gradient(135deg,#0c2948,#071728);
    padding:80px 40px;
    border-radius:25px;
    text-align:center;
}

.comparativa-cta h2{
    color:#fff;
    font-size:48px;
    margin-bottom:20px;
}

.comparativa-cta p{
    color:#d8d8d8;
    font-size:18px;
}
/*compaprativa empresas*/

.empresas-header{
    text-align:center;
    max-width:1000px;
    margin:auto;
    padding:40px 0 70px;
}

.empresas-tag{
    color:#c59a5c;
    font-size:12px;
    letter-spacing:3px;
    font-weight:600;
}

.empresas-header h2{
    color:#0c2948;
    font-size:56px;
    margin:15px 0;
}

.empresas-header p{
    color:#666;
    font-size:18px;
    margin-bottom:10px;
}

.empresa-card{
    background:#fff;
    border-radius:25px;
    padding:40px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    margin-bottom:30px;
}

.profesional{
    background:linear-gradient(180deg,#0c2948,#071728);
    border:3px solid #c59a5c;
}

.profesional h2,
.profesional li{
    color:#fff !important;
}

.profesional li{
    border-bottom:1px solid rgba(255,255,255,.12);
}

.artesanal{
    border-top:6px solid #c59a5c;
}

.informal{
    border-top:6px solid #d33b3b;
}

.empresa-badge{
    display:inline-block;
    background:#c59a5c;
    color:#fff;
    padding:10px 18px;
    border-radius:30px;
    font-size:11px;
    font-weight:600;
    margin-bottom:25px;
}

.empresa-card h2{
    color:#0c2948;
    font-size:30px;
    margin-bottom:25px;
}

.empresa-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.empresa-card li{
    padding:15px 0;
    border-bottom:1px solid #ececec;
    color:#555;
    line-height:1.7;
}

.empresa-card li:last-child{
    border-bottom:none;
}

.empresas-cta{
    background:linear-gradient(135deg,#0c2948,#071728);
    border-radius:25px;
    text-align:center;
    padding:80px 40px;
}

.empresas-cta h2{
    color:#fff;
    font-size:48px;
    margin-bottom:25px;
}

.empresas-cta p{
    color:#d8d8d8;
    font-size:18px;
    max-width:900px;
    margin:15px auto;
}

@media(max-width:768px){

    .empresas-header h2{
        font-size:34px;
    }

    .empresa-card h2{
        font-size:30px;
    }

    .empresas-cta{
        padding:40px 25px;
    }

    .empresas-cta h2{
        font-size:34px;
    }

}

/*Otros servicios*/

.proyectos-header{
    text-align:center;
    max-width:1100px;
    margin:auto;
    padding:40px 0 70px;
}

.proyectos-tag{
    color:#c59a5c;
    font-size:12px;
    letter-spacing:3px;
    font-weight:600;
}

.proyectos-header h2{
    color:#0c2948;
    font-size:58px;
    margin:15px 0;
}

.proyectos-header p{
    color:#666;
    font-size:18px;
    line-height:1.8;
}

.productos-disponibles{
    font-weight:600;
    color:#0c2948;
    margin-top:25px;
}

.servicio-piscina{
    display:flex;
    align-items:center;
    gap:40px;
    background:#fff;
    border-radius:24px;
    padding:35px;
    margin-bottom:35px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.servicio-info{
    width:25%;
}

.servicio-info h3{
    color:#0c2948;
    font-size:30px;
    line-height:1.2;
    margin-bottom:15px;
}

.servicio-info p{
    color:#666;
    line-height:1.8;
}

.servicio-galeria{
    width:75%;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.servicio-galeria img{
    width:100%;
    height:260px;
    object-fit:cover;
    border-radius:18px;
    transition:.3s;
}

.servicio-galeria img:hover{
    transform:scale(1.03);
}

@media(max-width:991px){

    .servicio-piscina{
        flex-direction:column;
    }

    .servicio-info{
        width:100%;
    }

    .servicio-galeria{
        width:100%;
    }

    .proyectos-header h2{
        font-size:36px;
    }

}

@media(max-width:768px){

    .servicio-galeria{
        grid-template-columns:1fr;
    }

}
/*nosotros*/

/* HERO */

.eco-about-hero{
    height:700px;
    background:url('TU-IMAGEN-HERO.jpg') center center;
    background-size:cover;
    position:relative;
}

.eco-overlay{
    background:rgba(0,0,0,.45);
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
}

.eco-container{
    max-width:1200px;
    margin:auto;
    padding:0 40px;
}

.eco-subtitle{
    color:#1ea7ff;
    letter-spacing:3px;
    font-size:14px;
}

.eco-about-hero h1{
    color:white;
    font-size:80px;
    line-height:1;
    margin:15px 0;
    font-weight:700;
}

.eco-about-hero p{
    color:white;
    font-size:28px;
}

/* HISTORIA */

.eco-history{
    padding:100px 40px;
}

.eco-history-grid{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.eco-history img{
    width:100%;
    border-radius:20px;
}

.eco-history-content span{
    color:#1ea7ff;
    font-size:14px;
    font-weight:700;
}

.eco-history-content h2{
    font-size:52px;
    margin:20px 0;
    line-height:1.1;
}

.eco-history-content p{
    color:#666;
    line-height:1.8;
}

/* ESTADISTICAS */

.eco-stats{
    background:#041c3a;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    padding:70px 30px;
    text-align:center;
}

.eco-stat h3{
    color:white;
    font-size:42px;
}

.eco-stat p{
    color:white;
}

/* CALIDAD */

.eco-quality{
    padding:100px 40px;
}

.eco-quality-content{
    max-width:1000px;
    margin:auto;
}

.eco-quality span{
    color:#1ea7ff;
    font-weight:700;
}

.eco-quality h2{
    font-size:55px;
    margin:20px 0;
}

.eco-quality p{
    line-height:1.8;
    color:#666;
}

/* VALORES */

.eco-values{
    max-width:1200px;
    margin:auto;
    padding:50px 30px 100px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.eco-card{
    background:#fff;
    padding:40px;
    text-align:center;
    border-radius:15px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.eco-card h3{
    margin-bottom:15px;
    color:#041c3a;
}

.eco-card p{
    color:#666;
}

/* CIERRE */

.eco-closing{
    padding:180px 40px;
    background:url('TU-IMAGEN-CIERRE.jpg') center center;
    background-size:cover;
    position:relative;
}

.eco-closing::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
}

.eco-closing-content{
    max-width:900px;
    margin:auto;
    position:relative;
    z-index:2;
    text-align:center;
}

.eco-closing h2{
    color:white;
    font-size:48px;
    line-height:1.3;
}

.eco-closing p{
    color:white;
    margin-top:25px;
    font-size:22px;
}

.eco-closing strong{
    display:block;
    margin-top:25px;
    color:#1ea7ff;
    font-size:28px;
}

/* RESPONSIVE */

@media(max-width:768px){

.eco-history-grid,
.eco-stats,
.eco-values{
    grid-template-columns:1fr;
}

.eco-about-hero h1{
    font-size:50px;
}

.eco-history-content h2,
.eco-quality h2,
.eco-closing h2{
    font-size:36px;
}

}

/*fibra de vidrio*/

.fibra-intro{
    text-align:center;
    max-width:900px;
    margin:auto;
    padding:20px;
}

.fibra-subtitulo{
    color:#1e73be;
    font-weight:600;
    letter-spacing:2px;
    font-size:13px;
}

.fibra-intro h2{
    font-size:42px;
    margin:10px 0;
    color:#1b3150;
}

.fibra-intro p{
    font-size:18px;
    color:#666;
}

.pool-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 8px 30px rgba(0,0,0,.08);
    transition:.3s;
}

.pool-card:hover{
    transform:translateY(-8px);
}

.pool-card img{
    width:100%;
    height:260px;
    object-fit:cover;
}

.pool-content{
    padding:25px;
}

.pool-content h3{
    color:#1b3150;
    font-size:28px;
    margin-bottom:15px;
}

.pool-content p{
    color:#666;
}

.pool-content ul{
    margin-top:20px;
    padding-left:18px;
}

.pool-content li{
    margin-bottom:8px;
}

.pool-btn{
    display:inline-block;
    margin-top:20px;
    padding:12px 30px;
    background:#1e73be;
    color:white;
    border-radius:5px;
    text-decoration:none;
}

.beneficio{
    text-align:center;
    padding:25px;
}

.beneficio h4{
    color:#1b3150;
    margin-bottom:10px;
}

.tabla-fibra{
    max-width:1200px;
    margin:auto;
}

.tabla-fibra table{
    width:100%;
    border-collapse:collapse;
}

.tabla-fibra th{
    background:#1e73be;
    color:white;
    padding:15px;
}

.tabla-fibra td{
    padding:15px;
    border:1px solid #e5e5e5;
}

.tabla-fibra tr:nth-child(even){
    background:#f7f7f7;
}

.fibra-cta{
    background:linear-gradient(135deg,#0b2c52,#1e73be);
    padding:70px;
    border-radius:15px;
    text-align:center;
    color:white;
}

.fibra-cta h2{
    color:white;
    font-size:42px;
}

.fibra-cta p{
    font-size:18px;
    margin:20px 0;
}

.cta-btn{
    display:inline-block;
    background:white;
    color:#1e73be;
    padding:15px 35px;
    border-radius:6px;
    font-weight:bold;
    text-decoration:none;
}
/*contacto cotizar*/


/* =========================
   BANNER SUPERIOR
========================= */

.cotizacion-banner{
    position:relative;
    height:450px;
    background-image:url('TU-IMAGEN.jpg');
    background-size:cover;
    background-position:center;
    border-radius:20px 20px 0 0;
    overflow:hidden;
}

.cotizacion-overlay{
    position:absolute;
    left:0;
    top:0;
    width:60%;
    height:100%;
    background:linear-gradient(
        90deg,
        rgba(0,41,87,.95) 0%,
        rgba(0,41,87,.85) 40%,
        rgba(0,41,87,0) 100%
    );
}

/* =========================
   CONTENIDO
========================= */

.cotizacion-formulario{
    padding:40px;
}

.subtitulo-cotizacion{
    color:#0a4da2;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.cotizacion-formulario h2{
    font-size:38px;
    line-height:1.1;
    margin:15px 0;
    color:#0f2f5f;
}

.cotizacion-formulario p{
    font-size:17px;
    color:#666;
    margin-bottom:30px;
}

/* =========================
   CONTACTO
========================= */

.cotizacion-contacto{
    padding:40px;
}

.cotizacion-contacto h3{
    font-size:34px;
    color:#0f2f5f;
    margin-bottom:40px;
}

.info-item{
    display:flex;
    align-items:flex-start;
    gap:20px;
    margin-bottom:35px;
}

.icono{
    width:60px;
    height:60px;
    background:#f3f5f8;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.info-item strong{
    display:block;
    color:#0f2f5f;
    margin-bottom:6px;
    font-size:18px;
}

.info-item span{
    color:#666;
    font-size:16px;
}



/*formualrio dos fila*/

/* Contenedor principal */
.quote-form{
    max-width:100%;
}

/* Filas de 2 columnas */
.quote-form .form-row{
    display:flex;
    gap:20px;
    margin-bottom:20px;
}

/* Columnas */
.quote-form .form-row .form-group{
    flex:1;
    margin-bottom:0;
}

/* Campos individuales */
.quote-form .form-group{
    margin-bottom:20px;
}


}

/* Inputs */
.quote-form input,
.quote-form select,
.quote-form textarea{
    width:100%;
    border:1px solid #d9dee5;
    border-radius:8px;
    padding:14px 16px;
    font-size:15px;
    background:#fff;
    transition:all .3s ease;
}


}

/* Textarea */
.quote-form textarea{
    min-height:140px;
    resize:vertical;
}


}

.quote-form input[type="submit"]:hover{
    opacity:.9;
}

/* Responsive */
@media (max-width:768px){

    .quote-form .form-row{
        flex-direction:column;
        gap:0;
    }

    .quote-form .form-row .form-group{
        width:100%;
    }
}

/*ecofinish*/

*{
box-sizing:border-box;
margin:0;
padding:0;
font-family:Arial,Helvetica,sans-serif;
}


body{
background:#ffffff;
color:#164c70;
}



.hero{

background:
linear-gradient(
135deg,
#0d3855,
#164c70,
#78c43a
);

height:650px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
color:white;
padding:30px;

}


.logo{

font-size:70px;
font-weight:bold;
letter-spacing:-3px;

}

.logo span{

color:#8bd341;

}


.logo small{

display:block;
font-size:18px;
letter-spacing:3px;

}



.hero h1{

font-size:48px;
margin:40px 0 20px;

}


.hero p{

font-size:28px;

}


button{

margin-top:35px;
padding:15px 40px;
border:0;
border-radius:30px;
background:#8bc53f;
color:white;
font-size:18px;
cursor:pointer;

}




.colores{

padding:70px 10%;
text-align:center;

}


h2{

font-size:38px;
margin-bottom:40px;
color:#174f72;

}



.grid-colores{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:25px;

}


.color{

height:120px;
border-radius:15px;
display:flex;
align-items:end;
justify-content:center;
padding:15px;
color:white;
font-weight:bold;
box-shadow:0 8px 20px #ccc;

}


.azul{
background:#2e719d;
}

.azul2{
background:#19527b;
}

.azul3{
background:#327dc1;
}

.negro{
background:#111;
}

.arena{
background:#d8c49b;
color:#333;
}

.verde{
background:#7abf9b;
}




.garantia{

background:#83c53b;
padding:60px;
text-align:center;
color:white;

}


.garantia h2{

color:white;
font-size:55px;

}


.garantia p{

font-size:22px;

}



.ventajas{

padding:80px 10%;
text-align:center;

}


.cards{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:30px;

}



.card{

padding:35px;
border-radius:20px;
background:#f5f8fa;
box-shadow:0 10px 25px #ddd;

}


.card h3{

color:#7ac438;
margin-bottom:20px;
font-size:25px;

}


.card p{

line-height:1.6;

}




.proceso{

background:#eef6fa;
padding:70px 10%;
text-align:center;

}


.pasos{

display:flex;
gap:30px;
justify-content:center;
flex-wrap:wrap;

}


.pasos div{

background:white;
padding:30px;
border-radius:15px;
width:250px;

}


.pasos strong{

display:block;
font-size:50px;
color:#7cc53a;

}




.oferta{

padding:80px;
text-align:center;
background:#7bc43c;
color:white;

}


.oferta h2{

color:white;

}


.descuento{

font-size:100px;
font-weight:bold;

}


.oferta button{

background:#174f72;

}



footer{

background:#12384e;
color:white;
padding:25px;
text-align:center;

}




@media(max-width:700px){

.logo{
font-size:45px;
}

.hero h1{
font-size:30px;
}

.hero p{
font-size:20px;
}

.garantia h2{
font-size:35px;
}

}