@charset "UTF-8";
/*!
Theme Name: GodoPools
Theme URI: http://underscores.me/
Author: Pepe
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: godopools
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

GodoPools is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: "Inter", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
	max-width: 1920px;
	margin: 0 auto;
}

body.post, body.page {
	margin: 0 auto;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* ---- Separador ---- */
.separador-titulo {
	content: "";
	width: 5%;
	height: 2px;
	background: #DADADA;
	margin: 30px auto;
}

.separador {
	content: "";
	width: 10%;
	height: 2px;
	background: #DADADA;
	margin-bottom: .9rem;
	margin-top: .4rem;
}

.separador-centrado {
	content: "";
	width: 2%;
	height: 2px;
	background: #DADADA;
	margin: .6rem auto 1.4rem auto;
}

.separador-equipo {
	content: "";
	width: 2%;
	height: 2px;
	background: #FFF;
	margin: .6rem auto 1.4rem auto;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: inherit;
	text-decoration: none;
}

a:visited {
	color: inherit;
}

a:hover, a:focus, a:active {
	color: inherit;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

.boton-fondo-transparente {
	display: inline-block;
	min-width: 200px;
	padding: 10px 20px;
	margin: 10px 0;
	text-align: center;
	border: 1px solid #303030;
	border-radius: 15px;
	color: #303030;
}

.boton-fondo-transparente {
	display: inline-block;
	min-width: 200px;
	padding: 10px 20px;
	margin: 10px 0;
	text-align: center;
	border: 1px solid #303030;
	border-radius: 30px;
	color: #303030;
	transition: 0.5s;
}

.boton-fondo-transparente i.hidden-arrow {
	color: #fff;
	opacity: 0;
	font-size: 0px;
	transition: 0.25s;
}

.boton-fondo-transparente:hover {
	background-color: #009CA6;
	color: #fff;
	border: 1px solid #009CA6;
}

.boton-fondo-transparente:hover i.hidden-arrow {
	opacity: 1;
	font-size: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	width: 100%;
	align-items: center;
	color: #fff;
	cursor: pointer;
}

.main-navigation .boton-menu {
	display: none;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: 75%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

@media screen and (max-width: 768px) {
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		display: none;
	}
}

.main-navigation li {
	position: relative;
}

.main-navigation li.boton-ver-mas {
	text-align: center;
	padding: .5em 0;
}

.main-navigation li.boton-ver-mas a {
	margin: 0 auto;
	background: #ffbc26;
	border-radius: 30px;
	color: black;
	padding: .5em;
	transition: .2s ease;
}

.main-navigation li.boton-ver-mas a:hover {
	color: white;
	font-weight: bold;
}

.main-navigation li:not(:last-child) {
	padding-right: 25px;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color: white;
}

.main-navigation .menu-menu-principal-english-container a::after,
.main-navigation .menu-menu-principal-container a::after {
	content: '';
	display: block;
	width: 0;
	height: 3px;
	background: #009ca6;
	transition: width .3s;
}

.main-navigation .menu-menu-principal-english-container a:hover::after,
.main-navigation .menu-menu-principal-container a:hover::after {
	width: 100%;
}

.main-navigation .sub-menu {
	position: absolute;
	/*top: 35px;*/
	background: #009ca6;
	padding: 15px;
	display: grid;
}

.main-navigation .sub-menu a {
	opacity: .8;
	padding: 5px 0;
}

.main-navigation .sub-menu a:hover {
	opacity: 1;
	text-shadow: 1px 1px 10px #0000003d;
}

.main-navigation .sub-menu a::after {
	display: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Breadcrumbs 
--------------------------------------------- */
.breadcrumbs-container {
	border-bottom: 1px solid #DADADA;
}

.breadcrumbs-container ul {
	display: flex;
	margin: 0;
	padding: 10px 0;
	list-style: none;
	color: #939393;
}

.breadcrumbs-container ul li .bread-current, .breadcrumbs-container ul li .item-current {
	color: #000000;
}

.breadcrumbs-container ul li:nth-child(2), .breadcrumbs-container ul li:nth-child(4) {
	padding: 0 7px;
}

@media screen and (max-width: 575px) {
	.breadcrumbs-container ul {
		font-size: 12px;
	}
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.header-space {
	height: 125px;
	background: #303030;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.subtitulo_bloque {
	font-size: 23px;
	line-height: 130%;
	color: #939393;
}

.pide_presupuesto, .contacto-presupuestos p.pide_presupuesto {
	font-size: 34px;
	line-height: 41px;
}

.texto_bloque {
	color: #939393;
}

.bloque {
	margin-bottom: 50px;
}

.bloque h2.titulo_bloque_1 {
	font-size: 42px;
	line-height: 51px;
}

.separador-titulos {
	display: block;
	width: 25px;
	border-bottom: 1px solid #939393;
	margin: .5em auto;
}

.tipo-piscina {
	margin-bottom: 15px;
}

.acabados-piscinas .acabados-fondo {
	min-height: 255px;
	margin-bottom: 20px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.acabados-piscinas .acabados-fondo .titulo-acabados {
	display: table-cell;
	vertical-align: middle;
	min-height: 255px;
	background: #00000050;
	padding: 0 15px;
	font-size: 20px;
	line-height: 24px;
}

.acabados-piscinas .acabados-fondo h3.titulo-acabados {
	font-size: 20px;
}

.base-container {
	border: 1px solid #c5c5c5;
	padding: 10% 10px;
	margin-bottom: 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.base-container .titulo {
	font-size: 20px;
	line-height: 24px;
}

.base-container .texto {
	color: #939393;
	font-size: 16px;
	line-height: 150%;
	margin: 20px;
}

.lugar-trabajo-container {
	min-width: 196px;
	margin-bottom: 20px;
}

.lugar-trabajo-container .lugares-trabajo-fondo {
	min-height: 240px;
	color: white;
	display: table;
	width: 100%;
	vertical-align: middle;
}

.lugar-trabajo-container .lugares-trabajo-fondo .titulo {
	display: table-cell;
	background: #00000050;
	vertical-align: middle;
	font-size: 20px;
	line-height: 24px;
}

ul.lista-categorias {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #939393;
	margin-bottom: 1em;
}

ul.lista-categorias li.categ-filtro {
	display: inline-block;
	padding: 10px 1em;
	font-size: 16px;
	cursor: pointer;
}

ul.lista-categorias li.categ-filtro:hover {
	padding-bottom: 8px;
	border-bottom: 2px solid #009CA6;
}

ul.lista-categorias li.categ-filtro.active {
	color: #009CA6;
	padding-bottom: 8px;
	border-bottom: 2px solid #009CA6;
}

.enlace_proyecto.hover-border .proyecto-img-container {
	transition: 0.5s ease-in all;
}

.enlace_proyecto.hover-border .proyecto-img-container .texto-bloque {
	color: white;
	border: 4px solid #009CA6;
	outline: 1em solid #00000070;
	background: #00000070;
	opacity: 0;
	transition: 0.5s ease-in all;
}

.enlace_proyecto.hover-border .proyecto-img-container .texto-bloque p {
	margin-bottom: 0;
}

.enlace_proyecto.hover-border:hover .proyecto-img-container .texto-bloque {
	opacity: 1;
}

.filter-container {
	overflow: hidden;
}

.filter-container .proyecto-filtrable {
	height: 200px;
	overflow: hidden;
}

.filter-container .proyecto-filtrable .proyecto-img-container {
	height: 200px;
	overflow: hidden;
	padding: 1em;
}

.filter-container .proyecto-filtrable .proyecto-img-container .texto-bloque {
	display: grid;
	align-content: center;
	width: 100%;
	height: 100%;
}

.filter-container .proyecto-filtrable .proyecto-img-container .texto-bloque .titulo-proyecto {
	font-size: 20px;
	line-height: 24px;
}

table.tabla_borde_gris {
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #fff;
	border-top: 1px solid #ececec;
}

table.tabla_borde_gris tr td {
	border-color: #ececec;
	border-left: none;
	border-style: none solid solid none;
	border-top: medium none;
	border-width: medium 1px 1px medium;
	font-size: 13px;
	padding: 10px;
}

table.tabla_borde_gris tr td:first-child {
	border-left-style: solid;
	border-left-width: 1px;
	border-color: #ececec;
}

@media (min-width: 576px) {
	section .bloque.proyectos .container {
		max-width: 90%;
	}
}

@media screen and (min-width: 550px) and (max-width: 990px) {
	section.bloque.proyectos .container {
		max-width: 90%;
	}
	section.bloque.proyectos .container .filter-container .proyecto-filtrable {
		height: 200px;
		min-width: 48%;
	}
	section.bloque.proyectos .container .filter-container .proyecto-filtrable .proyecto-img-container {
		width: 100%;
		height: 100%;
	}
	section.bloque.proyectos .container .filter-container .proyecto-filtrable .proyecto-img-container .texto-bloque {
		border: none;
		opacity: 1;
	}
}

@media screen and (max-width: 549px) {
	.filter-container .proyecto-filtrable {
		height: 200px;
		min-width: 90%;
	}
	.filter-container .proyecto-filtrable .proyecto-img-container {
		width: 100%;
		height: 100%;
	}
	.filter-container .proyecto-filtrable .proyecto-img-container .texto-bloque {
		border: none;
		opacity: 1;
	}
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/* Header
--------------------------------------------- */
#masthead.site-header {
	position: absolute;
	top: 55px;
	right: 0;
	left: 0;
	z-index: 2;
}

#masthead.site-header.menu-active {
	position: fixed !important;
	top: 0px;
	background: #303030 !important;
	width: 100%;
	z-index: 12;
}

body.admin-bar #masthead.site-header.menu-active {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar #masthead.site-header.menu-active {
		top: 45px;
	}
}

body:not(.home) #masthead.site-header {
	top: 0px;
}

body:not(.home).admin-bar #masthead.site-header {
	top: 32px;
	z-index: 11;
}

@media screen and (max-width: 782px) {
	body:not(.home).admin-bar #masthead.site-header {
		top: 45px;
	}
}

.header-top {
	background-color: #009CA6;
}

.header-top a {
	color: blue;
	vertical-align: middle;
}

.header-top .container {
	align-items: center;
}

.header-top ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}

.header-top ul li {
	padding: 5px;
}

.header-top .widget-header-top .custom-html-widget {
	display: flex;
}

.header-top .widget-header-top .custom-html-widget > div {
	padding-right: 20px;
}

.header-top .header-top-idiomas {
	align-items: center;
}

.header-top .header-top-idiomas .lang-item {
	text-transform: uppercase;
	font-weight: bold;
	color: white;
}

.header-top .header-top-idiomas .lang-item.current-lang a {
	color: #303030;
}

.header-main {
	padding: 20px 12px;
}

.header-main col {
	align-items: center;
}

.header-main .site-branding {
	width: 20%;
}

.site-header a {
	color: #fff;
}

.site-header a:hover {
	color: #fff;
}

/* Footer
--------------------------------------------- */
footer#colophon {
	background-color: #303030;
}

footer#colophon .container {
	color: white;
}

footer#colophon p {
	margin: 0;
}

footer#colophon .menu-footer-container {
	text-align: center;
	padding: 80px 0;
}

footer#colophon .menu-footer-container .footer-menu-enlaces {
	padding-top: 100px;
}

footer#colophon .menu-footer-container .footer-menu-enlaces .footer_subtitle {
	font-size: 14px;
	font-weight: 700;
	color: #009CA6;
	padding-bottom: 1.5em;
}

footer#colophon .menu-footer-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer#colophon .menu-footer-container ul a {
	color: white;
}

footer#colophon .menu-footer-container .widget-footer-logo-dir-1 .logo-footer {
	padding-bottom: 25px;
}

footer#colophon .menu-footer-bottom-container {
	border-top: 1px solid white;
	padding: 20px 0 40px;
}

footer#colophon .menu-footer-bottom-container .menu-footer-bottom-copyright {
	display: flex;
	align-items: center;
	padding-bottom: 10px;
	text-align: center;
}

footer#colophon .menu-footer-bottom-container .menu-footer-bottom-rrss {
	padding-top: 10px;
	display: flex;
	justify-content: flex-end;
}

footer#colophon .menu-footer-bottom-container .menu-footer-bottom-rrss a {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 5px;
	color: white;
	width: 50px;
	height: 50px;
	border: 1px solid;
	border-radius: 50%;
	opacity: 0.75;
	transition: 0.75ms;
}

footer#colophon .menu-footer-bottom-container .menu-footer-bottom-rrss a:hover {
	opacity: 1;
}

/* Footer
--------------------------------------------- */
/*footer#colophon .menu-footer-container {
    text-align: center;
}
footer#colophon .menu-footer-bottom-container .menu-footer-bottom-copyright {
}

footer#colophon .menu-footer-bottom-container .menu-footer-bottom-rrss {
}

footer#colophon .menu-footer-bottom-container .menu-footer-bottom-rrss a {
}

footer#colophon .menu-footer-bottom-container .menu-footer-bottom-rrss a:hover{
	
}
*/
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* Pages
--------------------------------------------- */
.home #page {
	position: relative;
}

.home h3 {
	font-size: 2.625rem;
	margin-bottom: 20px;
}

/* Slider Home */
.slider-home {
	margin-top: -55px;
}

.slider-home .n2-ss-button-container a div {
	display: inline;
	text-decoration: inherit;
	color: inherit;
	font-weight: inherit;
	font-family: 'Inter';
	font-size: 16px;
	line-height: 24px;
}

.slider-home .n2-ss-button-container:hover a {
	background: #009CA6 !important;
	border-color: #009CA6 !important;
	border-radius: 30px;
	transition: 0.75s;
}

.slider-home .n2-ss-slide-active .texto-hacia-arriba {
	transition: 1s;
	top: 10%;
	transform: translate(0, -10%);
}

.slider-home .n2-ss-slide-active .texto-hacia-abajo {
	transition: 1s;
	top: -10%;
	transform: translate(0, 10%);
}

.slider-home .n2-ss-slide-active .texto-hacia-izquierda {
	transition: 1s;
	left: 10%;
	transform: translate(-10%, 0);
}

/* Bloque 1 - Servicios */
.servicios-home {
	padding: 100px 0 60px;
}

@media screen and (max-width: 991px) {
	.servicios-home {
		padding: 100px 0 20px;
	}
}

.servicios-home .servicios-home-texto-principal {
	margin-bottom: 60px;
}

.servicios-home .servicios-home-texto-principal h1 {
	font-weight: normal;
	font-size: 49px;
	line-height: 110%;
}

.servicios-home .servicios-home-texto-principal h2 {
	font-weight: normal;
	font-size: 23px;
	line-height: 130%;
	text-align: center;
	color: #939393;
}

.servicios-home .cards-servicios {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 30px;
	text-align: center;
	align-items: flex-start;
}

.servicios-home .cards-servicios .card-servicio {
	height: 100%;
	padding: 10% 6%;
	transition: 0.5s;
}

.servicios-home .cards-servicios .card-servicio h3 {
	font-size: 20px;
	line-height: 24px;
	padding: 20px 0 10px;
	transition: 0.2s;
}

.servicios-home .cards-servicios .card-servicio p {
	color: #939393;
}

.servicios-home .cards-servicios .card-servicio:hover {
	background-color: #009CA6;
	cursor: pointer;
	color: #fff;
}

.servicios-home .cards-servicios .card-servicio:hover h4 {
	color: #fff;
}

.servicios-home .cards-servicios .card-servicio:hover p {
	color: #fff;
}

.servicios-home .cards-servicios .card-servicio:hover img {
	filter: grayscale(100%) brightness(100);
	-webkit-transition: 1s -webkit-filter linear;
	-moz-transition: 1s -moz-filter linear;
	-moz-transition: 1s filter linear;
	-ms-transition: 1s -ms-filter linear;
	-o-transition: 1s -o-filter linear;
	transition: 1s filter linear, 1s -webkit-filter linear;
}

.servicios-home .boton-servicios {
	margin: 20px 0;
}

/* Bloque 2 - Proyectos */
.proyectos-home {
	background-color: #F5F7F8;
	padding: 15px 0;
}

.proyectos-home .proyectos-home-texto-principal {
	margin-bottom: 50px;
}

.proyectos-home .proyectos-home-texto-principal h2 {
	font-size: 42px;
	line-height: 51px;
}

.proyectos-home .proyectos-home-texto-principal p {
	font-size: 23px;
	line-height: 130%;
	text-align: center;
	color: #939393;
}

.proyectos-home .listado-proyectos {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
	gap: 14px;
	text-align: center;
}

.proyectos-home .listado-proyectos .proyecto {
	position: relative;
}

.proyectos-home .listado-proyectos .proyecto a.titulo-proyecto, .proyectos-home .listado-proyectos .proyecto p {
	width: 80%;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
}

.proyectos-home .listado-proyectos .proyecto a.titulo-proyecto {
	font-size: 1.25rem;
	padding-bottom: 22px;
}

.proyectos-home .listado-proyectos .proyecto p {
	top: 60%;
	font-size: 1rem;
	margin: 0;
}

.proyectos-home .boton-proyectos {
	margin: 50px 0;
}

.listado-proyectos-container .enlace_proyecto {
	display: block;
}

.listado-proyectos-container .enlace_proyecto h4.titulo-proyecto, .listado-proyectos-container .enlace_proyecto p {
	width: 80%;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
}

.listado-proyectos-container .enlace_proyecto h4.titulo-proyecto {
	padding-bottom: 25px;
	font-size: 20px;
	line-height: 24px;
}

.listado-proyectos-container .enlace_proyecto p {
	padding-top: 25px;
	top: 55% !important;
}

.listado-proyectos-container .enlace_proyecto .proyecto-img-container {
	width: 100%;
	margin: 0;
	overflow: hidden;
	background-color: black;
}

.listado-proyectos-container .enlace_proyecto .proyecto-img-container img {
	width: 100%;
	transition: all 0.75s;
	opacity: .6;
}

.listado-proyectos-container .enlace_proyecto .proyecto-img-container img:hover {
	opacity: .9;
}

.listado-proyectos-container .enlace_proyecto:hover .proyecto-img-container img {
	transition: all 0.75s;
	transform: scale(1.1);
	cursor: pointer;
}

/* Bloque 3 - Sobre nosotros */
.sobre-nosotros-home .sobre-nosotros-home-texto {
	padding: 7% 10%;
}

.sobre-nosotros-home .sobre-nosotros-home-texto h2 {
	font-size: 42px;
	line-height: 51px;
}

.sobre-nosotros-home .sobre-nosotros-home-texto p {
	color: #939393;
}

.sobre-nosotros-home .slide_up_block {
	opacity: 0;
	position: relative;
	-moz-transition: all 1s linear;
	-webkit-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
	-moz-transform: translate3d(0px, 20%, 0px);
	-webkit-transform: translate3d(0px, 20%, 0px);
	-o-transform: translate(0px, 20%);
	-ms-transform: translate(0px, 20%);
	transform: translate3d(0px, 20%, 0px);
}

.sobre-nosotros-home .slide_up_block.in-view {
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}

@media screen and (max-width: 991px) {
	.sobre-nosotros-home .sobre-nosotros-home-texto {
		order: 1;
	}
	.sobre-nosotros-home .sobre-nosotros-home-imagen {
		order: 0;
	}
}

/* Bloque 4 - Blog Home */
.blog-home {
	padding: 100px 0;
}

.blog-home .blog-home-texto {
	margin-bottom: 40px;
}

.blog-home .blog-home-texto h2 {
	font-size: 42px;
	line-height: 51px;
}

.blog-home .blog-home-entradas {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	grid-template-rows: auto;
	gap: 10px;
	justify-content: center;
	grid-template-areas: "destacada entrada_1 entrada_2";
}

@media (max-width: 991px) {
	.blog-home .blog-home-entradas {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "destacada destacada" "entrada_1 entrada_2";
	}
}

@media (max-width: 599px) {
	.blog-home .blog-home-entradas {
		grid-template-columns: 1fr;
		grid-template-areas: "destacada" "entrada_1"  "entrada_2";
	}
}

.blog-home .blog-home-entradas .entrada_destacada {
	grid-area: destacada;
}

.blog-home .blog-home-entradas .entrada_1 {
	grid-area: entrada_1;
}

.blog-home .blog-home-entradas .entrada_2 {
	grid-area: entrada_2;
}

.blog-home .blog-home-entradas .blog-home-entrada {
	position: relative;
	padding: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	transition: background-size 0.5s ease-in;
	-moz-transition: background-size 0.5s ease-in;
	-web-kit-transition: background-size 0.5s ease-in;
	max-height: 400px;
	height: 400px;
}

.blog-home .blog-home-entradas .blog-home-entrada:hover {
	background-size: auto 110%;
}

@media (min-width: 768px) and (max-width: 992px), (max-width: 599px) {
	.blog-home .blog-home-entradas .blog-home-entrada {
		background-size: 100% auto;
		width: 100%;
		padding-bottom: 20px;
		max-height: 300px;
	}
	.blog-home .blog-home-entradas .blog-home-entrada:hover {
		background-size: 110% auto;
	}
}

.blog-home .blog-home-entradas .blog-home-entrada .blog-home-entrada-imagen {
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	display: table;
	vertical-align: bottom;
}

.blog-home .blog-home-entradas .blog-home-entrada .blog-home-entrada-titulo-categoria {
	display: table-cell;
	vertical-align: bottom;
	text-align: left;
	padding: 30px;
}

.blog-home .blog-home-entradas .blog-home-entrada .blog-home-entrada-titulo-categoria a.titulo-entrada, .blog-home .blog-home-entradas .blog-home-entrada .blog-home-entrada-titulo-categoria p {
	color: white;
}

.blog-home .blog-home-entradas .blog-home-entrada .blog-home-entrada-titulo-categoria p {
	font-size: 13px;
	margin: 0;
	padding-bottom: 10px;
	line-height: 16px;
}

.blog-home .blog-home-entradas .blog-home-entrada .blog-home-entrada-titulo-categoria a.titulo-entrada {
	font-size: 1.25rem;
}

.blog-home .blog-home-entradas .blog-home-entrada .blog-home-entrada-titulo-categoria a.titulo-entrada h3 {
	font-size: 20px;
	line-height: 24px;
}

.blog-home .blog-home-enlace {
	font-size: 20px;
	line-height: 24px;
}

.blog-home .blog-home-enlace p {
	margin: 40px 0;
}

.blog-home .blog-home-enlace a {
	color: #009CA6;
}

.blog-home .blog-home-enlace a i.flecha-icono:hover {
	transition: 0.75s;
	transform: scale(1.2);
}

/* Bloque 5 - Contacto */
.contacto-home {
	color: white;
	padding: 10%;
}

.contacto-home p.contact_title {
	font-size: 34px;
	line-height: 41px;
	margin-bottom: 20px;
}

.contacto-home a {
	border: 1px solid white;
	color: white;
}

/* Cabecera equipo */
.page-template-equipo .cabecera-pagina .titulos {
	display: grid;
	gap: 1em;
	top: 0;
}

.page-template-equipo .cabecera-pagina .titulos .titulo_cabecera {
	top: 0;
}

.cabecera-pagina {
	height: 600px;
}

.cabecera-pagina .titulos {
	position: relative;
	color: white;
}

.cabecera-pagina .titulo_cabecera {
	width: 100%;
	top: 30%;
	position: relative;
	margin-bottom: 15px;
	font-size: 49px;
	line-height: 110%;
}

.cabecera-pagina .texto_cabecera {
	width: 100%;
	font-size: 19px;
	line-height: 140%;
}

/* Miembros equipo */
section.equipo {
	margin: 50px 0px;
}

.container_trabajador {
	padding: 15px 0;
	min-width: 300px;
	min-height: 400px;
}

.container_trabajador a.modal-link {
	display: block;
	padding: 0 25px;
	border-right: 1px solid #ddd;
}

.container_trabajador.no-border a.modal-link {
	border: none;
}

.img-trabajador-container {
	background-image: url(https://godopools.devf6.es/wp-content/uploads/2021/04/equipo_raquel_gomez-318x343.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	transition: 1s;
	height: 343px;
	display: block;
	border-radius: 15px;
	max-width: 318px;
	margin: 0 auto;
}

.container_trabajador .img-trabajador-container .overlay {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background: #000;
	opacity: 0;
	transition: 1s;
}

.container_trabajador .nombre_trabajador {
	font-size: 20px;
	padding-top: 0.5em;
	max-width: 318px;
	margin: 0 auto;
}

.container_trabajador .puesto_trabajador {
	color: #939393;
	font-size: 16px;
	max-width: 318px;
	margin: 0 auto;
}

.container_trabajador:hover .img-trabajador-container {
	background-size: auto 110%;
}

.container_trabajador:hover .img-trabajador-container .overlay {
	opacity: 0.4;
}

.container_trabajador:hover .nombre_trabajador {
	transition: 1s;
	color: #009CA6;
}

/* sobre nosotros */
.tipos-piscinas .listado-tipos-piscinas .tipo-piscina .enlace_proyecto .tipo-piscina-img-container .titulo-proyecto-piscina {
	font-size: 20px;
	line-height: 24px;
}

@media screen and (max-width: 1199px) {
	.container_trabajador .puesto_trabajador {
		max-width: 270px;
	}
}

@media screen and (max-width: 992px) {
	.cabecera-pagina {
		height: 660px;
	}
	.cabecera-pagina .titulos {
		top: 56%;
	}
	.container_trabajador {
		min-width: 350px;
		min-height: 400px;
		padding-bottom: 30px;
	}
	.container_trabajador a.modal-link {
		padding: 0;
		border: none;
	}
	.container_trabajador .puesto_trabajador {
		max-width: 318px;
	}
}

@media screen and (max-width: 768px) {
	.cabecera-pagina {
		margin-top: -37px;
	}
	.cabecera-pagina .titulos {
		top: 40%;
	}
	.cabecera-pagina .titulo_cabecera {
		width: auto;
	}
	.container_trabajador {
		min-width: 100%;
	}
}

@media screen and (max-width: 470px) {
	.cabecera-pagina {
		margin-top: -35px;
	}
	.cabecera-pagina .titulos {
		top: 35%;
		text-align: center;
	}
	.cabecera-pagina .titulo_cabecera {
		font-size: 45px;
	}
}

.modal-wrapper.show {
	background: #000000cf;
	max-height: 100vh;
	vertical-align: middle;
	padding: 10%;
}

.wp-post-modal.show {
	background: white;
}

.wp-post-modal.show button.close-modal {
	background: transparent;
	font-size: 30px;
	position: absolute;
}

.wp-post-modal.show button.close-modal:hover {
	transition: 0.75s;
	color: #009CA6;
}

/*Pop-up trabajador*/
.popup_trabajador {
	width: 100%;
	height: 600px;
}

.popup_trabajador .row {
	height: 100%;
}

.popup_trabajador .info_trabajador {
	vertical-align: middle;
	margin: auto;
	padding: 0px 35px;
}

.popup_trabajador .info_trabajador .nombre_trabajador {
	margin: 0;
	font-size: 34px;
	line-height: 41px;
}

.popup_trabajador .info_trabajador .puesto_trabajador {
	color: #009CA6;
	font-size: 13px;
}

.popup_trabajador .info_trabajador .descripcion_trabajador {
	color: #939393;
	font-size: 16px;
}

.popup_trabajador .container_foto_trabajador .foto_trabajador {
	width: 100%;
	height: 100%;
	min-height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
}

@media screen and (max-width: 1080px) {
	.popup_trabajador .container_foto_trabajador .foto_trabajador {
		min-width: 350px;
		background-position: center;
	}
}

@media screen and (max-width: 767px) {
	.popup_trabajador .container_foto_trabajador .foto_trabajador {
		min-width: 350px;
		background-position: center 25%;
	}
	.wp-post-modal.show button.close-modal {
		position: relative;
		padding: 20px;
	}
}

/* contadores equipo */
section.contadores {
	margin: 50px 0px;
}

.contadores_equipo {
	text-align: center;
	color: #009CA6;
}

.cont_proyectos_realizados,
.cont_porcentaje_comprometidos,
.cont_clientes_satisfechos {
	margin-bottom: 25px;
}

.contadores_equipo .contador {
	font-size: 83px;
	font-weight: 400;
	margin: 0;
}

.contadores_equipo .leyenda_contador {
	font-size: 20px;
	width: 50%;
	margin: auto;
}

/* contacto equipo */
section.contacto_equipo {
	margin: 25px 30px;
}

.div_contacta {
	display: table;
	height: 370px;
	max-width: 675px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	padding: 0 5%;
	color: white;
	transition: 1s;
}

.div_contacta:hover {
	background-size: auto 120%;
}

.div_contacta .titulos_contacto {
	display: table-cell;
	vertical-align: middle;
}

.div_contacta .titulos_contacto .titulos-contacto-proyectos {
	font-size: 34px;
	line-height: 41px;
	margin-bottom: 8px;
}

.div_contacta .titulos_contacto .boton-fondo-transparente {
	border-color: #fff;
	color: #fff;
}

.div_contacta .titulos_contacto .boton-fondo-transparente:hover {
	border-color: #009CA6;
	color: #fff;
}

/* Diseño de piscinas */
.page-template-diseo-piscinas .cabecera-servicios-integrales {
	padding-top: 150px;
}

.page-template-diseo-piscinas .tipos-piscinas .proyectos-destacados-cabecera p {
	padding: 0 200px;
}

@media screen and (max-width: 991px) {
	.page-template-diseo-piscinas .tipos-piscinas .proyectos-destacados-cabecera p {
		padding: 0;
	}
}

@media screen and (max-width: 991px) {
	.page-template-diseo-piscinas section.proyectos-destacados {
		padding-top: 0;
	}
}

.diseño-piscina .servicio-diseno-piscinas {
	padding: 10% 10% 6%;
}

.diseño-piscina .servicio-diseno-piscinas h2 {
	font-size: 42px;
	line-height: 51px;
}

.diseño-piscina .servicio-diseno-piscinas p, .diseño-piscina .servicio-diseno-piscinas .texto_diseno_piscinas {
	font-size: 18px;
	line-height: 1.4em;
	color: #939393;
}

.diseño-piscina .tipos-piscinas .proyectos-destacados-cabecera p {
	padding: 200px 0;
}

.contacto-presupuestos {
	padding: 100px;
	color: #fff;
}

.contacto-presupuestos .cont_proyectos_realizados .contador {
	font-size: 83px;
	font-weight: 400;
	margin: 0;
}

.contacto-presupuestos .cont_proyectos_realizados .leyenda_contador {
	font-size: 20px;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente {
	border: 1px solid #fff;
	color: #fff;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente:hover {
	border: 1px solid transparent;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente:hover .hidden-arrow {
	padding-left: 5px;
}

.contacto-presupuestos h2 {
	margin-bottom: 10px;
	font-size: 34px;
	line-height: 41px;
}

.contacto-presupuestos p {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
}

@media screen and (max-width: 991px) {
	.contacto-presupuestos .cont_proyectos_realizados, .contacto-presupuestos .contactos_proyectos {
		width: 100%;
	}
}

@media screen and (max-width: 575px) {
	.contacto-presupuestos {
		padding: 100px 20px;
		color: #fff;
	}
}

.servicio-piscina .sobre-nosotros-piscina-texto h2 {
	font-size: 42px;
	line-height: 51px;
}

.servicio-piscina .sobre-nosotros-piscina-texto p {
	color: #939393;
}

.tipos-piscinas {
	padding: 80px 0;
}

.tipos-piscinas .proyectos-destacados-cabecera {
	margin-bottom: 50px;
}

.tipos-piscinas .proyectos-destacados-cabecera h3 {
	font-size: 42px;
	line-height: 51px;
}

.tipos-piscinas .proyectos-destacados-cabecera p {
	margin: 0;
	font-size: 22px;
}

@media screen and (max-width: 575px) {
	.tipos-piscinas .proyectos-destacados-cabecera h3 {
		font-size: 35px;
	}
	.tipos-piscinas .proyectos-destacados-cabecera p {
		font-size: 18px;
	}
}

.tipos-piscinas .boton-proyectos .boton-fondo-transparente:hover .hidden-arrow {
	padding-left: 5px;
}

@media screen and (max-width: 575px) {
	.proyectos-destacados .proyectos-destacados-cabecera h3 {
		font-size: 35px;
	}
	.proyectos-destacados .proyectos-destacados-cabecera p {
		font-size: 18px;
	}
}

.blog-home .blog-noticias-texto {
	margin-bottom: 50px;
}

.blog-home .blog-noticias-texto h3 {
	font-size: 40px;
}

@media screen and (max-width: 575px) {
	.blog-home .blog-noticias-texto h3 {
		font-size: 35px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-diseo-piscinas .cabecera-servicios-integrales {
		height: 600px;
	}
}

.page-template-diseo-piscinas .servicio-piscina .nectar_cascading_images .cascading-image {
	display: inline-block;
	width: 100%;
	text-align: center;
	opacity: 1 !important;
	animation: none !important;
}

.page-template-diseo-piscinas .servicio-piscina .nectar_cascading_images .cascading-image .inner-wrap {
	display: inline-block;
	width: 100%;
	text-align: center;
	opacity: 1 !important;
	animation: none !important;
}

.page-template-diseo-piscinas .servicio-piscina .nectar_cascading_images .cascading-image:not(:first-child) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

@media screen and (max-width: 991px) {
	.page-template-diseo-piscinas .servicio-piscina .sobre-nosotros-home-texto {
		padding: 10% 15% !important;
	}
	.page-template-diseo-piscinas .servicio-piscina .sobre-nosotros-piscina-texto {
		order: 0;
		padding: 10% 15% !important;
	}
}

@media screen and (max-width: 768px) {
	.page-template-diseo-piscinas .servicio-piscina .sobre-nosotros-home-texto {
		padding: 10% !important;
	}
	.page-template-diseo-piscinas .servicio-piscina .sobre-nosotros-piscina-texto {
		padding: 10% !important;
	}
}

.page-template-diseo-piscinas .tipos-piscinas .tipo-piscina .tipo-piscina-img-container {
	/* height: auto;
                padding: 50% 20px;
                background-position: center !important; 
                background-repeat: no-repeat !important; 
                background-size: auto 100% !important;
                transition: background-size 0.75s ease-in !important;

                &:hover {
                    background-size: auto 110% !important;
                    filter: brightness(0.9);
                }

                .titulo-proyecto-piscina {
                    margin: 10px 0;
                }*/
}

@media screen and (max-width: 991px) {
	.page-template-diseo-piscinas .tipos-piscinas .tipo-piscina {
		margin-bottom: 20px;
	}
	.page-template-diseo-piscinas .tipos-piscinas .tipo-piscina .tipo-piscina-img-container {
		padding: 65% 20px;
	}
}

.page-template-diseo-piscinas .tipos-piscinas .boton-proyectos {
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.page-template-diseo-piscinas .tipos-piscinas .tipo-piscina {
		margin-bottom: 20px;
	}
	.page-template-diseo-piscinas .tipos-piscinas .tipo-piscina .tipo-piscina-img-container {
		padding: 65% 20px;
	}
	.page-template-diseo-piscinas .tipos-piscinas .boton-proyectos {
		margin-top: 30px;
	}
}

.page-template-diseo-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor {
	gap: 10px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 991px) {
	.page-template-diseo-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor {
		grid-template-columns: 1fr 1fr;
	}
}

.page-template-diseo-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: auto 100% !important;
	transition: background-size .5s ease-in !important;
	padding: 0;
}

.page-template-diseo-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto:hover {
	background-size: auto 110% !important;
}

.page-template-diseo-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto:hover .proyecto-img-container {
	background-color: transparent;
}

.page-template-diseo-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container {
	color: white;
	padding: 20px;
	background-color: #0000008c;
	/*background-position: center !important;
                    background-repeat: no-repeat !important;
                    background-size: auto 100% !important;*/
	transition: background-color 0.5s ease-in !important;
	text-align: center;
	display: flex;
	height: 320px;
	flex-direction: column;
	place-content: center;
	/*&:hover {
                        background-size: auto 110% !important;
                    }*/
}

.page-template-diseo-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container p {
	margin-bottom: 0;
}

.page-template-diseo-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container p::after {
	display: none;
}

@media screen and (max-width: 991px) {
	.page-template-diseo-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-diseo-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
		margin-bottom: 20px;
	}
}

.page-template-diseo-piscinas .proyectos-destacados .boton-proyectos {
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.page-template-diseo-piscinas .proyectos-destacados .boton-proyectos .boton-proyectos {
		margin-top: 30px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-diseo-piscinas .blog-home .blog-home-entradas .blog-home-entrada .blog-home-entrada-imagen {
		margin: 0;
		background-size: 100%;
	}
}

@media screen and (max-width: 575px) {
	.page-template-diseo-piscinas .blog-home .blog-home-entradas article {
		margin-bottom: 10px;
		padding: 0 25px;
	}
	.page-template-diseo-piscinas .blog-home .blog-home-entradas article .blog-home-entrada-imagen {
		/* margin: 0 15px; */
		height: 200px;
	}
}

/* Servicios Integrales */
.page-template-servicio-integral .cabecera-servicios-integrales {
	padding-top: 150px;
}

.cabecera-servicios-integrales {
	height: 850px;
	margin-top: -104px;
}

.cabecera-servicios-integrales .titulos-integrales {
	color: #fff;
	text-align: center;
}

.cabecera-servicios-integrales .titulos-integrales .titulo-cabecera-integrales {
	font-size: 49px;
	line-height: 110%;
	margin: 10px 150px;
}

.cabecera-servicios-integrales .titulos-integrales .texto-cabecera-integrales {
	font-size: 19px;
	line-height: 1.4em;
	margin: 10px 125px;
}

@media screen and (max-width: 1199px) {
	.cabecera-servicios-integrales {
		margin-top: -142px;
	}
	.cabecera-servicios-integrales .titulos-integrales .titulo-cabecera-integrales {
		margin: 0;
	}
	.cabecera-servicios-integrales .titulos-integrales .texto-cabecera-integrales {
		margin: 10px 0 0 0;
	}
}

@media screen and (max-width: 991px) {
	.cabecera-servicios-integrales {
		margin-top: -165px;
	}
	.cabecera-servicios-integrales .titulos-integrales .titulo-cabecera-integrales {
		margin: 0;
	}
	.cabecera-servicios-integrales .titulos-integrales .texto-cabecera-integrales {
		margin: 10px 0 0 0;
	}
}

@media screen and (max-width: 768px) {
	.cabecera-servicios-integrales {
		height: 600px;
		margin-top: 0px;
	}
	.cabecera-servicios-integrales .titulos-integrales {
		top: 35%;
	}
	.cabecera-servicios-integrales .titulos-integrales .titulo-cabecera-integrales {
		font-size: 45px;
		margin: 0;
	}
	.cabecera-servicios-integrales .titulos-integrales .texto-cabecera-integrales {
		margin: 10px 0 0 0;
	}
}

@media screen and (max-width: 575px) {
	.cabecera-servicios-integrales {
		height: 500px;
		margin-top: -1px;
	}
	.cabecera-servicios-integrales .titulos-integrales {
		top: 23%;
		padding: 0 20px;
	}
	.cabecera-servicios-integrales .titulos-integrales .titulo-cabecera-integrales {
		margin: 0;
	}
	.cabecera-servicios-integrales .titulos-integrales .texto-cabecera-integrales {
		margin: 10px 0 0 0;
	}
}

@media screen and (max-width: 394px) {
	.cabecera-servicios-integrales .titulos-integrales {
		top: 25%;
	}
	.cabecera-servicios-integrales .titulos-integrales .titulo-cabecera-integrales {
		font-size: 28px;
	}
	.cabecera-servicios-integrales .titulos-integrales .texto-cabecera-integrales {
		font-size: 17px;
	}
}

.diseño-piscina .titulo-servicios-integrales {
	padding: 5% 10%;
}

.diseño-piscina .titulo-servicios-integrales h2 {
	font-size: 42px;
	line-height: 51px;
}

.diseño-piscina .titulo-servicios-integrales .texto_diseno_piscinas {
	font-size: 19px;
	line-height: 1.4em;
	color: #939393;
}

@media screen and (max-width: 768px) {
	.diseño-piscina .titulo-servicios-integrales {
		padding: 15% 10%;
	}
}

@media screen and (max-width: 575px) {
	.diseño-piscina .titulo-servicios-integrales {
		padding: 50px 20px;
	}
	.diseño-piscina .titulo-servicios-integrales h2 {
		font-size: 35px;
	}
}

.servicio-piscina .sobre-nosotros-home-texto h2 {
	font-size: 42px;
	line-height: 51px;
}

@media screen and (max-width: 575px) {
	.servicio-piscina .sobre-nosotros-home-texto h2 {
		font-size: 35px;
	}
}

.servicio-piscina .sobre-nosotros-home-texto p {
	font-size: 16px;
	line-height: 24px;
	color: #939393;
}

.servicio-piscina .sobre-nosotros-home-texto .boton-fondo-transparente:hover i.hidden-arrow {
	padding-left: 5px;
}

@media screen and (max-width: 991px) {
	.servicio-piscina .sobre-nosotros-home-imagen {
		order: 0;
		min-height: 700px !important;
	}
	.servicio-piscina .sobre-nosotros-home-texto {
		order: 1;
		padding: 15% 10% !important;
	}
}

@media screen and (max-width: 575px) {
	.servicio-piscina .sobre-nosotros-home-imagen {
		min-height: 350px !important;
	}
}

.proyectos-destacados {
	background: #F5F7F8;
	padding: 80px 0;
}

.proyectos-destacados .proyectos-destacados-cabecera {
	margin-bottom: 50px;
}

.proyectos-destacados .proyectos-destacados-cabecera h2 {
	font-size: 42px;
	line-height: 51px;
}

.proyectos-destacados .proyectos-destacados-cabecera p {
	margin: 0;
	font-size: 22px;
}

.proyectos-destacados .listado-proyectos-contenedor {
	height: 360px;
	overflow: hidden;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 15px;
}

@media screen and (max-width: 991px) {
	.proyectos-destacados .listado-proyectos-contenedor {
		height: fit-content;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
	}
}

.proyectos-destacados .listado-proyectos-contenedor .proyecto .proyecto-img-container {
	height: 100%;
	color: white;
	padding: 50% 20px;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: auto 100% !important;
	transition: background-size 0.75s ease-in !important;
	text-align: center;
}

.proyectos-destacados .listado-proyectos-contenedor .proyecto .proyecto-img-container:hover {
	background-size: auto 110% !important;
}

.proyectos-destacados .listado-proyectos-contenedor .proyecto .proyecto-img-container p {
	margin-bottom: 0;
}

@media screen and (max-width: 991px) {
	.proyectos-destacados .listado-proyectos-contenedor .proyecto {
		width: 100%;
		overflow: hidden;
	}
}

@media screen and (max-width: 575px) {
	.proyectos-destacados .listado-proyectos-contenedor .proyecto {
		padding: 0;
		margin-bottom: 0;
		width: 100%;
		height: 100%;
	}
	.proyectos-destacados .listado-proyectos-contenedor .proyecto .enlace_proyecto {
		height: fit-content;
	}
}

.proyectos-destacados .boton-proyectos {
	margin-top: 50px;
}

.proyectos-destacados .boton-proyectos .boton-fondo-transparente:hover i.hidden-arrow {
	padding-left: 5px;
}

.contacto-proyectos {
	padding: 100px;
	color: #fff;
}

.contacto-proyectos .cont_proyectos_realizados .contador {
	font-size: 83px;
	font-weight: 400;
	margin: 0;
}

.contacto-proyectos .cont_proyectos_realizados .leyenda_contador {
	font-size: 20px;
}

.contacto-proyectos .formulario_proyectos_realizados .titulo_contacto {
	font-size: 20px;
	line-height: 24px;
}

.contacto-proyectos .formulario_proyectos_realizados h2 {
	font-size: 20px;
	margin-bottom: 40px;
}

.contacto-proyectos .formulario_proyectos_realizados .wpcf7-form .disposicion-columnas {
	width: 33.33%;
	padding-right: 15px;
	float: left;
	margin-bottom: 20px;
}

.contacto-proyectos .formulario_proyectos_realizados .wpcf7-form .disposicion-columnas input {
	width: 100%;
	border: 1px solid transparent;
	border-bottom: 2px solid #fff;
	background: transparent;
	border-radius: 3px;
	padding: 10px 0;
	color: #fff;
}

.contacto-proyectos .formulario_proyectos_realizados .wpcf7-form .disposicion-columnas input:focus {
	border-bottom: 2px solid #009CA6;
	outline: none;
}

@media screen and (max-width: 768px) {
	.contacto-proyectos .formulario_proyectos_realizados .wpcf7-form .disposicion-columnas {
		width: 100%;
		padding-right: 0;
	}
}

.contacto-proyectos .formulario_proyectos_realizados .wpcf7-form .mensaje textarea {
	border: 1px solid transparent;
	border-bottom: 2px solid #fff;
	background: transparent;
	border-radius: 3px;
	padding: 10px 0;
	color: #fff;
}

.contacto-proyectos .formulario_proyectos_realizados .wpcf7-form .mensaje textarea:focus {
	border-bottom: 2px solid #009CA6;
	outline: none;
}

.contacto-proyectos .formulario_proyectos_realizados .wpcf7-form .last {
	padding-right: 0 !important;
	clear: right;
}

.contacto-proyectos .formulario_proyectos_realizados .wpcf7-form .wpcf7-list-item {
	margin: 0;
}

.contacto-proyectos .formulario_proyectos_realizados .wpcf7-form input[type="submit"] {
	background: #009dbd;
	border: none;
	color: white;
	border-radius: 30px;
	padding: 17px 20px;
}

.contacto-proyectos .formulario_proyectos_realizados .wpcf7-form input[type="submit"]:hover {
	background: #016970;
}

@media screen and (max-width: 991px) {
	.contacto-proyectos .cont_proyectos_realizados, .contacto-proyectos .formulario_proyectos_realizados {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.contacto-proyectos {
		padding: 100px 30px;
	}
}

@media screen and (max-width: 575px) {
	.contacto-proyectos {
		padding: 100px 30px;
	}
}

.contacto-proyectos ::placeholder {
	color: #fff;
	opacity: .8;
}

.custom-shape-divider-bottom-1618991466 {
	margin-top: -150px;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	transform: rotate(180deg);
}

.custom-shape-divider-bottom-1618991466 svg {
	display: block;
	width: calc(100% + 1.3px);
	height: 160px;
}

.custom-shape-divider-bottom-1618991466 svg .shape-fill {
	fill: #FFFFFF;
}

.proyectos-destacados {
	background: #F5F7F8;
	padding: 80px 0;
}

.proyectos-destacados .proyectos-destacados-cabecera {
	margin-bottom: 50px;
}

.proyectos-destacados .proyectos-destacados-cabecera h3 {
	font-size: 42px;
	line-height: 51px;
}

.proyectos-destacados .proyectos-destacados-cabecera p {
	margin: 0;
	font-size: 22px;
}

.proyectos-destacados .boton-fondo-transparente:hover i.hidden-arrow {
	padding-left: 5px;
}

.page-template-servicio-integral .listado-proyectos-contenedor .proyecto {
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: auto 100% !important;
	transition: background-size 0.5s ease-in !important;
}

.page-template-servicio-integral .listado-proyectos-contenedor .proyecto:hover {
	background-size: auto 110% !important;
}

.page-template-servicio-integral .listado-proyectos-contenedor .proyecto:hover .proyecto-img-container {
	background: transparent;
}

.page-template-servicio-integral .listado-proyectos-contenedor .proyecto .proyecto-img-container {
	color: white;
	background: #0000008c;
	transition: .5s all ease !important;
	/*padding: 50% 20px;
                background-position: center !important;
                background-repeat: no-repeat !important;
                background-size: auto 100% !important;
                transition: background-size 0.75s ease-in !important;*/
	text-align: center;
}

.page-template-servicio-integral .listado-proyectos-contenedor .proyecto .proyecto-img-container h4 {
	font-size: 20px;
	line-height: 24px;
}

.page-template-servicio-integral .listado-proyectos-contenedor .proyecto .proyecto-img-container p {
	margin-bottom: 0;
}

.page-template-servicio-integral .boton-proyectos {
	margin-top: 50px;
}

.contacto-proyectos {
	padding: 100px;
	color: #fff;
}

.contacto-proyectos .contador {
	font-size: 80px;
	font-weight: 400;
	margin: 0;
}

.contacto-proyectos .leyenda_contador {
	font-size: 20px;
}

.contacto-proyectos .formulario_proyectos_realizados h2 {
	font-size: 20px;
	margin-bottom: 40px;
}

.contacto-proyectos .formulario_proyectos_realizados .disposicion-columnas {
	width: 33.33%;
	padding-right: 15px;
	float: left;
	margin-bottom: 20px;
}

.contacto-proyectos .formulario_proyectos_realizados .disposicion-columnas.last {
	padding-right: 0 !important;
	clear: right;
}

.contacto-proyectos .formulario_proyectos_realizados .disposicion-columnas input {
	width: 100%;
}

.contacto-proyectos .formulario_proyectos_realizados .disposicion-columnas input, .contacto-proyectos .formulario_proyectos_realizados .disposicion-columnas textarea {
	border: 1px solid transparent;
	border-bottom: 2px solid #fff;
	background: transparent;
	border-radius: 3px;
	padding: 10px 0;
	color: #fff;
}

.contacto-proyectos .formulario_proyectos_realizados .wpcf7-form .wpcf7-text:focus, .contacto-proyectos .formulario_proyectos_realizados .wpcf7-form .wpcf7-textarea:focus {
	border-bottom: 2px solid #009CA6;
	outline: none;
}

.contacto-proyectos .formulario_proyectos_realizados .wpcf7-form input[type="submit"] {
	background: #009dbd;
	border: none;
	color: white;
	border-radius: 30px;
	padding: 17px 20px;
}

.contacto-proyectos .formulario_proyectos_realizados .wpcf7-form .wpcf7-submit:hover {
	background: #016970;
}

.contacto-proyectos .wpcf7-list-item {
	margin: 0;
}

.contacto-proyectos ::placeholder {
	color: #fff;
	opacity: .8;
}

/* Diseño de piscinas 
--------------------------------------------- */
.servicio-diseno-piscinas {
	padding: 10% 10% 6%;
}

.servicio-diseno-piscinas h2 {
	font-size: 42px;
	line-height: 51px;
}

.servicio-diseno-piscinas p, .servicio-diseno-piscinas .texto_diseno_piscinas {
	font-size: 18px;
	line-height: 1.4em;
	color: #939393;
}

.tipos-piscinas {
	padding: 80px 0;
}

.tipos-piscinas .proyectos-destacados-cabecera {
	margin-bottom: 50px;
}

.tipos-piscinas .proyectos-destacados-cabecera h3 {
	font-size: 40px;
}

.tipos-piscinas .proyectos-destacados-cabecera p {
	margin: 0;
	font-size: 22px;
}

.tipos-piscinas .boton-fondo-transparente:hover i.hidden-arrow {
	padding-left: 5px;
}

.tipos-piscinas .listado-proyectos-contenedor .proyecto {
	width: 20%;
}

.blog-noticias-texto {
	margin-bottom: 50px;
}

.blog-noticias-texto h3 {
	font-size: 40px;
}

.contacto-presupuestos {
	padding: 100px;
	color: #fff;
}

.contacto-presupuestos .contador {
	font-size: 80px;
	font-weight: 400;
	margin: 0;
}

.contacto-presupuestos .leyenda_contador {
	font-size: 20px;
}

.contacto-presupuestos h2 {
	margin-bottom: 10px;
	font-size: 34px;
	line-height: 41px;
}

.contacto-presupuestos p {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
}

.contacto-presupuestos .boton-fondo-transparente {
	border: 1px solid #fff;
	color: #fff;
}

.contacto-presupuestos .boton-fondo-transparente:hover {
	border: 1px solid transparent;
}

.contacto-presupuestos .boton-fondo-transparente:hover i.hidden-arrow {
	padding-left: 5px;
}

.page-template-diseo-piscinas .nectar_cascading_images .cascading-image,
.nectar_cascading_images .cascading-image .inner-wrap {
	display: inline-block;
	width: 100%;
	text-align: center;
	opacity: 1 !important;
	animation: none !important;
}

.page-template-diseo-piscinas .nectar_cascading_images .cascading-image:not(:first-child) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.page-template-diseo-piscinas .tipos-piscinas .tipo-piscina .tipo-piscina-img-container {
	height: 100%;
	padding: 20px;
}

.page-template-diseo-piscinas .tipos-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container {
	color: white;
	padding: 50% 20px;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: auto 100% !important;
	transition: background-size 0.75s ease-in !important;
	text-align: center;
}

.page-template-diseo-piscinas .tipos-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container:hover {
	background-size: auto 110% !important;
}

.page-template-diseo-piscinas .tipos-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container p {
	margin-bottom: 0;
}

.page-template-diseo-piscinas .tipos-piscinas .proyectos-destacados .boton-proyectos {
	margin-top: 50px;
}

.page-template-diseo-piscinas .blog-home .blog-home-enlace p::after {
	display: none;
}

/* Single post tipos piscinas */
.single-tipos_piscinas .cabecera-servicios-integrales {
	padding-top: 150px;
}

@media screen and (max-width: 768px) {
	.single-tipos_piscinas .cabecera-servicios-integrales {
		height: 500px;
		padding-top: 60px;
	}
}

.single-tipos_piscinas .bloque-descripcion {
	padding-top: 80px;
}

.single-tipos_piscinas .bloque-imgs .images_gridbox {
	display: grid;
	grid-template-columns: 1.4fr 0.7fr 0.8fr 0.7fr 1.4fr;
	grid-template-rows: 1fr 0.5fr 1fr 0.5fr;
	gap: 0px 0px;
	height: 460px;
	margin-bottom: 80px;
}

.single-tipos_piscinas .bloque-imgs .images_gridbox .imagen_2_bloque {
	grid-area: 1 / 1 / 3 / 2;
	background-size: cover;
	background-position: top center;
}

.single-tipos_piscinas .bloque-imgs .images_gridbox .imagen_3_bloque {
	grid-area: 3 / 1 / 5 / 2;
	background-size: cover;
	background-position: top center;
}

.single-tipos_piscinas .bloque-imgs .images_gridbox .imagen_principal_bloque {
	grid-area: 1 / 2 / 5 / 6;
	background-size: cover;
	background-position: top center;
}

.single-tipos_piscinas .bloque-imgs .images_gridbox .images_btn {
	grid-area: 4 / 3 / 5 / 4;
	align-self: center;
	justify-self: center;
	color: white;
	border: 3px solid white;
	font-weight: bold;
	padding: .5em 1em;
	border-radius: 50px;
	transition: .5s all ease;
}

.single-tipos_piscinas .bloque-imgs .images_gridbox .images_btn:hover {
	border-color: #27CFC3;
	background-color: #27CFC3;
}

@media screen and (max-width: 991px) {
	.single-tipos_piscinas .bloque-imgs .images_gridbox {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-rows: 1fr 0.5fr 1fr 0.5fr;
		gap: 0px 0px;
	}
	.single-tipos_piscinas .bloque-imgs .images_gridbox .imagen_principal_bloque {
		grid-area: 1 / 1 / 3 / 7;
	}
	.single-tipos_piscinas .bloque-imgs .images_gridbox .imagen_2_bloque {
		grid-area: 3 / 1 / 5 / 4;
	}
	.single-tipos_piscinas .bloque-imgs .images_gridbox .imagen_3_bloque {
		grid-area: 3 / 4 / 5 / 7;
	}
	.single-tipos_piscinas .bloque-imgs .images_gridbox .images_btn {
		grid-area: 4 / 3 / 5 / 5;
	}
}

@media screen and (max-width: 575px) {
	.single-tipos_piscinas .bloque-imgs .images_gridbox {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
		gap: 0px 0px;
	}
	.single-tipos_piscinas .bloque-imgs .images_gridbox .imagen_principal_bloque {
		grid-area: 1 / 1 / 3 / 2;
	}
	.single-tipos_piscinas .bloque-imgs .images_gridbox .imagen_2_bloque {
		grid-area: 3 / 1 / 5 / 2;
	}
	.single-tipos_piscinas .bloque-imgs .images_gridbox .imagen_3_bloque {
		grid-area: 5 / 1 / 7 / 2;
	}
	.single-tipos_piscinas .bloque-imgs .images_gridbox .images_btn {
		grid-area: 6 / 1 / 7 / 2;
	}
}

.single-tipos_piscinas .proyectos-destacados {
	padding: 80px 0;
	background: #fff;
}

.single-tipos_piscinas .proyectos-destacados.no-top-margin {
	padding-top: 0;
}

.single-tipos_piscinas .proyectos-destacados .proyectos-destacados-cabecera h3 {
	font-size: 42px;
	line-height: 51px;
}

.single-tipos_piscinas .proyectos-destacados .proyectos-destacados-cabecera .separador {
	content: "";
	width: 2%;
	height: 2px;
	background: #DADADA;
	margin: .6rem auto 1.4rem auto;
}

.single-tipos_piscinas .proyectos-destacados .proyectos-destacados-cabecera p {
	font-size: 16px;
}

@media screen and (max-width: 575px) {
	.single-tipos_piscinas .proyectos-destacados .proyectos-destacados-cabecera h3 {
		font-size: 35px;
	}
}

.single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width: 991px) {
	.single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor {
		grid-template-columns: 1fr;
	}
}

.single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor .proyecto {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: background-size 0.5s ease-in;
}

.single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor .proyecto:hover {
	background-size: 110% 110%;
}

.single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor .proyecto:hover .proyecto-img-container {
	background-color: transparent;
}

.single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor .proyecto .proyecto-img-container {
	padding: 0 20px;
	display: grid;
	min-height: 250px;
	background: #0000008c;
	transition: background-color 0.5s ease-in !important;
	color: white;
	text-align: center;
}

.single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor .proyecto .proyecto-img-container .titulo-proyecto {
	transform: none;
	font-size: 20px;
	line-height: 24px;
	align-self: end;
}

.single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor .proyecto .proyecto-img-container p {
	transform: none;
	margin-bottom: 0;
}

@media screen and (max-width: 991px) {
	.single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor .proyecto .proyecto-img-container {
		padding: 20% 20px;
	}
	.single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor .proyecto .proyecto-img-container .titulo-proyecto {
		font-size: 18px;
	}
}

@media screen and (max-width: 768px) {
	.single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor .proyecto {
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 575px) {
	.single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor .proyecto {
		padding: 0;
	}
}

.single-tipos_piscinas .proyectos-destacados .boton-proyectos {
	margin-top: 50px;
}

.single-tipos_piscinas .descripcion-tipo-piscina {
	padding: 80px 0;
	background: #F5F7F8;
}

.single-tipos_piscinas .descripcion-tipo-piscina .descripcion-proyecto-piscina h2 {
	font-size: 42px;
	line-height: 51px;
}

.single-tipos_piscinas .descripcion-tipo-piscina .descripcion-proyecto-piscina .separador {
	content: "";
	width: 2%;
	height: 2px;
	background: #DADADA;
	margin: .6rem auto 1.4rem auto;
}

@media screen and (max-width: 575px) {
	.single-tipos_piscinas .descripcion-tipo-piscina .descripcion-proyecto-piscina h2 {
		font-size: 35px;
	}
}

@media screen and (max-width: 575px) {
	.single-tipos_piscinas .descripcion-tipo-piscina .proyectos-destacados .tipo-piscina {
		padding: 0 25px;
	}
}

.single-tipos_piscinas .texto-dos-columnas {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	padding: 0 1em;
}

.single-tipos_piscinas .texto-dos-columnas .tipo-piscina {
	color: #404040;
}

@media screen and (max-width: 768px) {
	.single-tipos_piscinas .texto-dos-columnas {
		grid-template-columns: 1fr;
		gap: 1em;
	}
}

.single-tipos_piscinas .tipos-piscinas .proyectos-destacados-cabecera .separador {
	content: "";
	width: 2%;
	height: 2px;
	background: #DADADA;
	margin: .6rem auto 1.4rem auto;
}

@media screen and (min-width: 992px) {
	.single-tipos_piscinas .tipos-piscinas .listado-tipos-piscinas {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

.single-tipos_piscinas .tipos-piscinas .listado-tipos-piscinas .tipo-piscina {
	background-size: 100% 100%;
	padding: 0;
}

.single-tipos_piscinas .tipos-piscinas .listado-tipos-piscinas .tipo-piscina:hover {
	background-size: 110% 110%;
}

.single-tipos_piscinas .tipos-piscinas .listado-tipos-piscinas .tipo-piscina:hover .tipo-piscina-img-container {
	background-color: transparent;
}

.single-tipos_piscinas .tipos-piscinas .listado-tipos-piscinas .tipo-piscina .enlace_proyecto .tipo-piscina-img-container {
	/*background-position: center !important;
                        background-repeat: no-repeat !important;
                        background-size: 100% !important;
                        transition: background-size 0.75s ease-in !important;
                        text-align: center;*/
}

.single-tipos_piscinas .tipos-piscinas .listado-tipos-piscinas .tipo-piscina .enlace_proyecto .tipo-piscina-img-container .titulo-proyecto-piscina {
	align-self: start;
}

.single-tipos_piscinas .tipos-piscinas .listado-tipos-piscinas .tipo-piscina .enlace_proyecto .tipo-piscina-img-container:hover {
	/*background-size: 110% !important;
                            filter: brightness(0.9);*/
}

.single-tipos_piscinas .blog-home {
	padding: 80px 0;
}

.single-tipos_piscinas .blog-home .blog-home-enlace p::after {
	display: none;
}

@media screen and (max-width: 575px) {
	.single-tipos_piscinas .blog-home .blog-home-entradas article {
		margin-bottom: 5px;
	}
	.single-tipos_piscinas .blog-home .blog-home-entradas .blog-home-entrada .blog-home-entrada-imagen {
		/* margin: 0 15px; */
		height: 200px;
		background-size: 100%;
	}
	.single-tipos_piscinas .blog-home .single-tipos_piscinas .blog-home .blog-home-entradas .blog-home-entrada .blog-home-entrada-imagen {
		/* margin: 0 15px; */
		height: 200px;
		background-size: 100%;
	}
}

/* Tipos piscinas
----------------------------------------------*/
.page-template-tipos_piscinas .cabecera-servicios-integrales {
	padding-top: 150px;
}

.page-template-tipos_piscinas .tipos-piscinas {
	padding: 5% 10% 2%;
}

.page-template-tipos_piscinas .tipos-piscinas .proyectos-destacados-cabecera p {
	font-size: 18px;
	padding: 0 200px;
}

@media screen and (max-width: 991px) {
	.page-template-tipos_piscinas .tipos-piscinas .proyectos-destacados-cabecera p {
		padding: 0;
	}
}

.page-template-tipos_piscinas .acabados-piscinas {
	padding: 5% 10%;
	margin: 0;
}

.page-template-tipos_piscinas .acabados-piscinas .acabados-fondo .titulo-acabados {
	min-height: 0;
	background: none;
}

.page-template-tipos_piscinas .donde-trabajamos {
	padding: 5% 10%;
	margin: 0;
}

.page-template-tipos_piscinas .proyectos {
	padding: 2% 10% 2%;
	margin: 0;
}

.page-template-tipos_piscinas .base-piscina {
	padding: 5% 10%;
	margin: 0;
}

@media screen and (max-width: 575px) {
	.page-template-tipos_piscinas .base-piscina .bases {
		margin-bottom: 20px;
	}
}

.page-template-tipos_piscinas .leyenda_contador {
	margin-top: 30px;
}

.diseño-piscina .servicio-diseno-piscinas {
	padding: 10% 10% 6%;
}

.diseño-piscina .servicio-diseno-piscinas h2 {
	font-size: 42px;
	line-height: 51px;
}

.diseño-piscina .servicio-diseno-piscinas p, .diseño-piscina .servicio-diseno-piscinas .texto_diseno_piscinas {
	font-size: 18px;
	line-height: 1.4em;
	color: #939393;
}

.diseño-piscina .tipos-piscinas .proyectos-destacados-cabecera p {
	padding: 200px 0;
}

.contacto-presupuestos {
	padding: 100px;
	margin-bottom: 0;
	color: #fff;
}

.contacto-presupuestos .cont_proyectos_realizados .contador {
	font-size: 80px;
	font-weight: 400;
	margin: 0 0 20px;
}

.contacto-presupuestos .cont_proyectos_realizados .leyenda_contador {
	font-size: 20px;
	margin-top: 20px;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente {
	border: 1px solid #fff;
	color: #fff;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente:hover {
	border: 1px solid transparent;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente:hover .hidden-arrow {
	padding-left: 5px;
}

.contacto-presupuestos h2 {
	margin-bottom: 10px;
	font-size: 34px;
	line-height: 41px;
}

.contacto-presupuestos p {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
}

@media screen and (max-width: 991px) {
	.contacto-presupuestos .cont_proyectos_realizados, .contacto-presupuestos .contactos_proyectos {
		width: 100%;
	}
}

@media screen and (max-width: 575px) {
	.contacto-presupuestos {
		padding: 100px 20px;
		color: #fff;
	}
}

.servicio-piscina .sobre-nosotros-piscina-texto h2 {
	font-size: 42px;
	line-height: 51px;
}

.servicio-piscina .sobre-nosotros-piscina-texto p {
	color: #939393;
}

.tipos-piscinas {
	padding: 100px 0;
}

.tipos-piscinas .proyectos-destacados-cabecera {
	margin-bottom: 50px;
}

.tipos-piscinas .proyectos-destacados-cabecera h2 {
	font-size: 42px;
	line-height: 51px;
}

.tipos-piscinas .proyectos-destacados-cabecera h3 {
	font-size: 42px;
	line-height: 51px;
}

.tipos-piscinas .proyectos-destacados-cabecera p {
	margin: 0;
	font-size: 22px;
}

@media screen and (max-width: 575px) {
	.tipos-piscinas .proyectos-destacados-cabecera h2 {
		font-size: 35px;
	}
	.tipos-piscinas .proyectos-destacados-cabecera h3 {
		font-size: 35px;
	}
	.tipos-piscinas .proyectos-destacados-cabecera p {
		font-size: 18px;
	}
}

.tipos-piscinas .boton-proyectos .boton-fondo-transparente:hover .hidden-arrow {
	padding-left: 5px;
}

@media screen and (max-width: 575px) {
	.proyectos-destacados .proyectos-destacados-cabecera h3 {
		font-size: 35px;
	}
	.proyectos-destacados .proyectos-destacados-cabecera p {
		font-size: 18px;
	}
}

.blog-home .blog-noticias-texto {
	margin-bottom: 50px;
}

.blog-home .blog-noticias-texto h3 {
	font-size: 40px;
}

@media screen and (max-width: 575px) {
	.blog-home .blog-noticias-texto h3 {
		font-size: 35px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-tipos_piscinas .cabecera-servicios-integrales {
		height: 600px;
	}
}

.page-template-tipos_piscinas .servicio-piscina .nectar_cascading_images .cascading-image {
	display: inline-block;
	width: 100%;
	text-align: center;
	opacity: 1 !important;
	animation: none !important;
}

.page-template-tipos_piscinas .servicio-piscina .nectar_cascading_images .cascading-image .inner-wrap {
	display: inline-block;
	width: 100%;
	text-align: center;
	opacity: 1 !important;
	animation: none !important;
}

.page-template-tipos_piscinas .servicio-piscina .nectar_cascading_images .cascading-image:not(:first-child) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

@media screen and (max-width: 991px) {
	.page-template-tipos_piscinas .servicio-piscina .sobre-nosotros-home-texto {
		padding: 10% 15% !important;
	}
	.page-template-tipos_piscinas .servicio-piscina .sobre-nosotros-piscina-texto {
		order: 0;
		padding: 10% 15% !important;
	}
}

@media screen and (max-width: 768px) {
	.page-template-tipos_piscinas .servicio-piscina .sobre-nosotros-home-texto {
		padding: 10% !important;
	}
	.page-template-tipos_piscinas .servicio-piscina .sobre-nosotros-piscina-texto {
		padding: 10% !important;
	}
}

.page-template-tipos_piscinas .tipos-piscinas .tipo-piscina {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: background-size 0.5s ease-in;
	/*@media screen and (max-width: 1199px) {
                background-size: auto 100%;
                &:hover {
                    background-size: auto 110%;
                }
            }*/
}

.page-template-tipos_piscinas .tipos-piscinas .tipo-piscina:hover {
	background-size: 110% 110%;
}

.page-template-tipos_piscinas .tipos-piscinas .tipo-piscina:hover .tipo-piscina-img-container {
	background-color: transparent;
}

.page-template-tipos_piscinas .tipos-piscinas .tipo-piscina .tipo-piscina-img-container {
	padding: 0 20px;
	display: grid;
	background-color: #0000008c;
	transition: background-color 0.5s ease-in !important;
	height: 100%;
	min-height: 275px;
}

.page-template-tipos_piscinas .tipos-piscinas .tipo-piscina .tipo-piscina-img-container .titulo-proyecto-piscina {
	align-self: start;
}

.page-template-tipos_piscinas .tipos-piscinas .boton-proyectos {
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.page-template-tipos_piscinas .tipos-piscinas .boton-proyectos {
		margin-top: 30px;
	}
}

.page-template-tipos_piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container {
	color: white;
	padding: 50% 20px;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: auto 100% !important;
	transition: background-size 0.75s ease-in !important;
	text-align: center;
}

.page-template-tipos_piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container:hover {
	background-size: auto 110% !important;
}

.page-template-tipos_piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container p {
	margin-bottom: 0;
}

.page-template-tipos_piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container p::after {
	display: none;
}

@media screen and (max-width: 991px) {
	.page-template-tipos_piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-tipos_piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
		margin-bottom: 20px;
	}
}

.page-template-tipos_piscinas .proyectos-destacados .boton-proyectos {
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.page-template-tipos_piscinas .proyectos-destacados .boton-proyectos .boton-proyectos {
		margin-top: 30px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-tipos_piscinas .blog-home .blog-home-entradas .blog-home-entrada .blog-home-entrada-imagen {
		margin: 0;
		background-size: 100%;
	}
}

@media screen and (max-width: 575px) {
	.page-template-tipos_piscinas .blog-home .blog-home-entradas article {
		margin-bottom: 10px;
		padding: 0 25px;
	}
	.page-template-tipos_piscinas .blog-home .blog-home-entradas article .blog-home-entrada-imagen {
		/* margin: 0 15px; */
		height: 200px;
	}
}

section.tipos-piscinas .listado-tipos-piscinas {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: 20px;
}

section.tipos-piscinas .listado-tipos-piscinas.numcols_4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

section.tipos-piscinas .listado-tipos-piscinas.numcols_3 {
	grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width: 992px) {
	section.tipos-piscinas .listado-tipos-piscinas {
		grid-template-columns: 1fr 1fr;
	}
	section.tipos-piscinas .listado-tipos-piscinas.numcols_4, section.tipos-piscinas .listado-tipos-piscinas.numcols_3 {
		grid-template-columns: 1fr 1fr;
	}
}

.tipo-piscina {
	height: 300px;
	color: white;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	/*display: grid;
    align-content: center;
    grid-template-rows: 1fr 1fr;*/
	padding: 0;
	transition: 0.5s ease all;
	width: 100%;
	overflow: hidden;
}

@media screen and (max-width: 1199px) {
	.tipo-piscina {
		max-height: 100%;
		min-height: 260px;
		height: auto;
	}
}

@media screen and (max-width: 380px) {
	.tipo-piscina {
		height: 100%;
		min-height: fit-content;
		max-height: fit-content;
	}
}

.tipo-piscina:hover {
	background-size: 110% 110%;
}

.tipo-piscina:hover .tipo-piscina-img-container {
	background: #0000003b;
}

.tipo-piscina .tipo-piscina-img-container {
	background: #0000008c;
	color: white;
	padding: 20px;
	display: grid;
	gap: 8px;
	align-content: center;
	align-items: end;
	grid-template-rows: 1fr 1fr;
	transition: 0.5s ease all;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.tipo-piscina .tipo-piscina-img-container .titulo-proyecto-piscina {
	align-self: start;
}

/* Single post tipos piscinas 
----------------------------------------------*/
.single-tipos_piscinas .proyectos-destacados {
	padding: 80px 0;
	background: #fff;
}

.single-tipos_piscinas .proyectos-destacados .proyectos-destacados-cabecera h3 {
	font-size: 42px;
	line-height: 51px;
}

.single-tipos_piscinas .proyectos-destacados .proyectos-destacados-cabecera h2 {
	font-size: 42px;
	line-height: 51px;
}

.single-tipos_piscinas .proyectos-destacados .proyectos-destacados-cabecera p {
	font-size: 16px;
}

.single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor .proyecto-img-container {
	padding: 25% 20px;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 100% !important;
	transition: background-size 0.75s ease-in !important;
	color: white;
	text-align: center;
}

.single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor .proyecto-img-container:hover {
	background-size: 110% !important;
}

.single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor .proyecto-img-container h5.titulo-proyecto, .single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor .proyecto-img-container p {
	transform: none;
}

.single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor .proyecto-img-container p {
	margin-bottom: 0;
}

.single-tipos_piscinas .proyectos-destacados .lista-proyectos-contenedor .boton-proyectos {
	margin-top: 50px;
}

.single-tipos_piscinas .descripcion-tipo-piscina {
	padding: 80px 0;
	background: #F5F7F8;
}

.single-tipos_piscinas .descripcion-tipo-piscina .descripcion-proyecto-piscina h3 {
	font-size: 40px;
}

.single-tipos_piscinas .separador {
	content: "";
	width: 2%;
	height: 2px;
	background: #DADADA;
	margin: .6rem auto 1.4rem auto;
}

.single-tipos_piscinas .blog-home {
	padding: 80px 0;
}

.single-tipos_piscinas .blog-home .blog-home-enlace p::after {
	display: none;
}

.single-tipos_piscinas .tipo-piscina {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	transition: background-size 0.5s ease-in;
}

.single-tipos_piscinas .tipo-piscina:hover {
	background-size: 110%;
}

.single-tipos_piscinas .tipo-piscina:hover .tipo-piscina-img-container {
	background-color: transparent;
}

.single-tipos_piscinas .tipo-piscina .enlace_proyecto .tipo-piscina-img-container {
	text-align: center;
	background-color: #0000008c;
	transition: background-color 0.5s ease-in;
	display: grid;
	min-height: 300px;
	padding: 0 20px;
}

.single-tipos_piscinas .tipo-piscina .enlace_proyecto .tipo-piscina-img-container .titulo-proyecto-piscina {
	font-size: 20px;
	line-height: 24px;
	align-self: end;
}

/*
.single-tipos_piscinas .descripcion-tipo-piscina .descripcion-proyecto-piscina .separador,
.single-tipos_piscinas .proyectos-destacados .proyectos-destacados-cabecera .separador,
.single-tipos_piscinas .tipos-piscinas .proyectos-destacados-cabecera .separador {
    content: "";
    width: 2%;
    height: 2px;
    background: #DADADA;
    margin: .6rem auto 1.4rem auto;
}*/
.page-template-donde-trabajamos .cabecera-servicios-integrales {
	padding-top: 120px;
}

.page-template-donde-trabajamos .diseño-piscina .titulo-servicios-integrales {
	padding: 5% 5% 1% 5%;
}

.page-template-donde-trabajamos .texto-dos-columnas {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	padding: 0 1em;
}

.page-template-donde-trabajamos .texto-dos-columnas .tipo-piscina {
	color: #404040;
}

@media screen and (max-width: 768px) {
	.page-template-donde-trabajamos .texto-dos-columnas {
		grid-template-columns: 1fr;
		gap: 1em;
	}
}

.page-template-donde-trabajamos .descripcion-tipo-piscina {
	padding: 80px 0;
	background: #F5F7F8;
}

.page-template-donde-trabajamos .descripcion-tipo-piscina .descripcion-proyecto-piscina h3 {
	font-size: 40px;
}

.page-template-donde-trabajamos .zonas-trabajo {
	padding-bottom: 100px;
}

@media screen and (max-width: 1199px) {
	.page-template-donde-trabajamos .zonas-trabajo {
		justify-content: center;
	}
}

.page-template-donde-trabajamos .zonas-trabajo .zona-trabajo {
	min-width: 250px;
	height: 260px;
	margin-top: 25px;
}

.page-template-donde-trabajamos .zonas-trabajo .zona-trabajo .zona-trabajo-fondo {
	height: 100%;
	padding: 1em;
	color: white;
	position: relative;
}

.page-template-donde-trabajamos .zonas-trabajo .zona-trabajo .zona-trabajo-fondo .titulo-comunidad {
	text-align: left;
	font-size: 23px;
	position: relative;
	color: white;
}

.page-template-donde-trabajamos .zonas-trabajo .zona-trabajo .zona-trabajo-fondo .provincias-container {
	max-height: 90%;
	font-size: 18px;
	padding-left: 1em;
	position: relative;
	color: white;
}

.page-template-dosier .tabcontent2 {
	display: none;
}

.page-template-dosier .filtro-dosier .tab {
	overflow: hidden;
}

.page-template-dosier .filtro-dosier .tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
	border-radius: 0px;
}

.page-template-dosier .filtro-dosier .tab button:hover {
	border-bottom: 3px solid #009CA6;
}

.page-template-dosier .filtro-dosier .tab button.active {
	border-bottom: 3px solid #009CA6;
}

.page-template-dosier .dosier-filtro .dosier-informativo {
	height: 440px;
	box-shadow: 1px 1px 15px #00000017;
	margin-bottom: 20px;
	padding: 20% 10%;
	text-align: center;
}

.page-template-dosier .dosier-filtro .dosier-informativo .texto-bloque .enlaces-dosier {
	margin-top: 30px;
}

.page-template-dosier .dosier-filtro .dosier-informativo .texto-bloque .enlaces-dosier a:first-child {
	margin-right: 5px;
}

.page-template-dosier .dosier-filtro .dosier-informativo .texto-bloque .enlaces-dosier a.boton_mas {
	border: 1px solid #009CA6;
	border-radius: 20px;
	padding: 10px 15px;
	margin-left: 5px;
}

.page-template-dosier .dosier-filtro .dosier-informativo .texto-bloque .enlaces-dosier a.boton_mas:hover {
	background: #009CA6;
	color: white;
}

.page-template-dosier .page-template-dosier .descripcion-tipo-piscina .texto-dosier {
	margin: 10px 0;
}

.page-template-dosier .page-template-dosier .descripcion-tipo-piscina .texto-dosier a {
	color: #009CA6;
	border-bottom: 1px solid transparent;
}

.page-template-dosier .page-template-dosier .descripcion-tipo-piscina .texto-dosier a:hover {
	border-bottom: 1px solid #009CA6;
}

.page-template-dosier .sendinblue_dossier_popup .modal-title {
	margin-bottom: 0;
	line-height: 1.5;
	font-family: 'Inter';
	font-size: 24px;
	color: #646464;
}

.page-template-dosier .sendinblue_dossier_popup .modal-body input.sib-email-area {
	border: 1px solid transparent;
	border-bottom: 2px solid #dadada;
	background: 0 0;
	border-radius: 3px;
	margin-top: 1.5rem;
	padding: 10px 0;
	color: #939393;
	width: 80%;
}

.page-template-dosier .sendinblue_dossier_popup .modal-body input.sib-email-area:focus {
	border-bottom: 2px solid #009ca6;
	outline: none;
}

.page-template-dosier .sendinblue_dossier_popup .modal-body .condiciones {
	margin-bottom: 1rem;
	display: inline-block;
}

.page-template-dosier .sendinblue_dossier_popup .modal-body .condiciones a {
	color: #009CA6;
}

.page-template-dosier .sendinblue_dossier_popup .modal-body .condiciones a:hover {
	text-decoration: underline;
}

.page-template-dosier .sendinblue_dossier_popup .modal-body input.sib-default-btn {
	background: #009CA6;
	border: none;
	color: #fff;
	border-radius: 30px;
	padding: 15px 25px;
}

.page-template-construccion-piscinas-ciudad .cabecera-servicios-integrales {
	padding-top: 120px;
}

.page-template-construccion-piscinas-ciudad .servicios-home .servicios-home-texto-principal {
	margin-bottom: 0;
}

.page-template-construccion-piscinas-ciudad .servicios-home .servicios-home-texto-principal h2 {
	font-size: 42px;
	line-height: 51px;
	color: inherit;
}

.page-template-construccion-piscinas-ciudad .servicios-home .row:last-child {
	justify-content: center;
	padding: 0px 30px 40px;
}

.page-template-construccion-piscinas-ciudad .servicios-home .row:last-child .card-servicio {
	padding: 30px 24px;
	text-align: center;
}

.page-template-construccion-piscinas-ciudad .servicios-home .row:last-child .card-servicio img {
	margin-bottom: 15px;
}

.page-template-construccion-piscinas-ciudad .servicios-home .row:last-child .card-servicio h4 {
	font-size: 20px;
	line-height: 24px;
}

.page-template-construccion-piscinas-ciudad .servicios-home .row:last-child .card-servicio p {
	color: #939393;
}

@media screen and (max-width: 768px) {
	.page-template-construccion-piscinas-ciudad .servicios-home .row:last-child:last-child {
		padding: 0;
	}
	.page-template-construccion-piscinas-ciudad .servicios-home .row:last-child:last-child .card-servicio {
		padding: 0px 15px;
	}
}

.page-template-construccion-piscinas-ciudad .proyectos-home .proyectos-home-texto-principal {
	margin-bottom: 0;
}

.page-template-construccion-piscinas-ciudad .proyectos-home .boton-proyectos {
	margin: 30px 0 0;
}

.page-template-construccion-piscinas-ciudad .contacto-presupuestos .contador .num_contador {
	display: inline-block;
	font-size: 83px;
}

.page-template-construccion-piscinas-ciudad .contacto-presupuestos .contador .leyenda_contador {
	margin: 0;
}

.page-template-construccion-piscinas-ciudad .tipos-piscinas .listado-tipos-piscinas .tipo-piscina {
	background-size: 100% 100%;
	transition: 0.5s ease all;
}

.page-template-construccion-piscinas-ciudad .tipos-piscinas .listado-tipos-piscinas .tipo-piscina:hover {
	background-size: 110% 110%;
}

.page-template-construccion-piscinas-ciudad .tipos-piscinas .listado-tipos-piscinas .tipo-piscina .tipo-piscina-img-container .titulo-proyecto {
	align-self: start;
}

@media screen and (max-width: 768px) {
	.page-template-construccion-piscinas-ciudad .tipos-piscinas {
		margin-bottom: 0;
		padding: 50px 0;
	}
	.page-template-construccion-piscinas-ciudad .proyectos-home {
		padding: 50px 0;
	}
}

/*Slider*/
.page-template-proyectos .nextend-thumbnail-scroller-group .n2-ss-thumb-image {
	opacity: 0;
}

.cabecera-proyectos {
	margin-top: 50px;
	text-align: center;
	color: black;
	margin-bottom: 80px;
	/*.breadcrumbs-container{
        border: none;
        margin-bottom: 30px;
        
        ul {
            justify-content: center;
        }

    } */
}

.cabecera-proyectos .titulo-cabecera-proyectos {
	font-size: 49px;
	line-height: 53px;
}

.cabecera-proyectos .texto-cabecera-proyectos {
	font-size: 16px;
	line-height: 1.8em;
	font-weight: 300;
	font-family: 'Roboto';
}

/*Single*/
.cabecera-pagina.cabecera-proyecto::after {
	opacity: 75%;
}

.cabecera-proyecto .titulos {
	text-align: center;
}

.cabecera-proyecto .titulos .titulo-cabecera {
	font-size: 50px;
}

/*Slider*/
.galeria-contenedor {
	margin: 50px 0;
	padding: 35px 0;
}

.galeria-contenedor .carousel .flickity-button {
	display: none;
}

.galeria-contenedor .carousel .flickity-page-dots .dot {
	width: 30px;
	height: 4px;
	margin: 0 5px;
	border-radius: 0;
}

.galeria-contenedor .carousel .carousel-cell {
	/* width: 40%;
            height: 400px;
            height: 579px;*/
	margin-right: 20px;
	width: 50%;
}

.galeria-contenedor .carousel .carousel-cell .carousel-cell-image {
	display: block;
	max-height: 100%;
	margin: 0 auto;
	max-width: 100%;
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

.galeria-contenedor .carousel .carousel-cell .carousel-cell-image.flickity-lazyloaded, .galeria-contenedor .carousel .carousel-cell .carousel-cell-image.flickity-lazyerror {
	opacity: 1;
}

.descripcion-proyecto .row-proyecto {
	margin-bottom: 50px;
}

.descripcion-proyecto .row-proyecto .leyenda {
	font-size: 25px;
	color: #009CA6;
}

.descripcion-proyecto .row-proyecto .leyenda p {
	margin-bottom: .5em;
}

.descripcion-proyecto .row-proyecto .leyenda .separador-titulos {
	margin: 1em 0;
}

.descripcion-proyecto .row-proyecto .ubicacion-proyecto {
	font-size: 25px;
}

.descripcion-proyecto .separador-proyecto {
	width: 100%;
	border-bottom: 1px solid #939393;
	margin: 50px auto;
}

.prev_and_next {
	padding: 0;
}

.prev_and_next .prev_next_grid {
	display: grid;
	/*grid-template-columns: 1fr 1fr;*/
	grid-template-rows: 1fr;
	gap: 0px 0px;
	/*grid-template-areas:
          ". .";*/
}

.prev_and_next .prev_next_grid .next-wrap {
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
	display: grid;
	text-align: center;
	justify-content: center;
	align-content: center;
}

.prev_and_next .prev_next_grid .next-wrap .next-post-overlay {
	width: 100%;
	height: 300px;
	background: black;
	opacity: 30%;
	display: block;
	position: absolute;
	transition: .5s;
}

.prev_and_next .prev_next_grid .next-wrap .next-post-overlay:hover {
	opacity: 50%;
}

.prev_and_next .prev_next_grid .next-wrap .next-text {
	font-size: 14px;
	color: white;
	z-index: 9;
}

.prev_and_next .prev_next_grid .next-wrap .title {
	color: white;
	z-index: 9;
}

.prev_and_next .prev_next_grid .next-wrap .title .next_proyecto_name {
	font-size: 32px;
	line-height: 38px;
}

.prev_and_next .prev_next_grid .next-wrap .title i.hidden-arrow {
	color: #fff;
	opacity: 0;
	font-size: 0px;
	transition: 0.25s;
}

.prev_and_next .prev_next_grid .next-wrap:hover i.hidden-arrow {
	opacity: 1;
	font-size: 1em;
}

/* Revestimiento de piscinas */
.page-template-revestimiento-piscinas .cabecera-servicios-integrales {
	padding-top: 150px;
}

.page-template-revestimiento-piscinas .tipos-piscinas .proyectos-destacados-cabecera p {
	padding: 0 200px;
}

@media screen and (max-width: 991px) {
	.page-template-revestimiento-piscinas .tipos-piscinas .proyectos-destacados-cabecera p {
		padding: 0;
	}
}

.diseño-piscina .servicio-diseno-piscinas {
	padding: 10% 10% 6%;
}

.diseño-piscina .servicio-diseno-piscinas h2 {
	font-size: 42px;
	line-height: 51px;
}

.diseño-piscina .servicio-diseno-piscinas p, .diseño-piscina .servicio-diseno-piscinas .texto_diseno_piscinas {
	font-size: 18px;
	line-height: 1.4em;
	color: #939393;
}

.diseño-piscina .tipos-piscinas .proyectos-destacados-cabecera p {
	padding: 200px 0;
}

.contacto-presupuestos {
	padding: 100px;
	color: #fff;
}

.contacto-presupuestos .cont_proyectos_realizados .contador {
	font-size: 83px;
	font-weight: 400;
	margin: 0;
}

.contacto-presupuestos .cont_proyectos_realizados .leyenda_contador {
	font-size: 20px;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente {
	border: 1px solid #fff;
	color: #fff;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente:hover {
	border: 1px solid transparent;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente:hover .hidden-arrow {
	padding-left: 5px;
}

.contacto-presupuestos h2 {
	margin-bottom: 10px;
	font-size: 34px;
	line-height: 41px;
}

.contacto-presupuestos p {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
}

@media screen and (max-width: 991px) {
	.contacto-presupuestos .cont_proyectos_realizados, .contacto-presupuestos .contactos_proyectos {
		width: 100%;
	}
}

@media screen and (max-width: 575px) {
	.contacto-presupuestos {
		padding: 100px 20px;
		color: #fff;
	}
}

.tipos-piscinas {
	padding: 80px 0;
}

.tipos-piscinas .proyectos-destacados-cabecera {
	margin-bottom: 50px;
}

.tipos-piscinas .proyectos-destacados-cabecera h3 {
	font-size: 42px;
	line-height: 51px;
}

.tipos-piscinas .proyectos-destacados-cabecera p {
	margin: 0;
	font-size: 22px;
}

@media screen and (max-width: 575px) {
	.tipos-piscinas .proyectos-destacados-cabecera h3 {
		font-size: 35px;
	}
	.tipos-piscinas .proyectos-destacados-cabecera p {
		font-size: 18px;
	}
}

.tipos-piscinas .boton-proyectos .boton-fondo-transparente:hover .hidden-arrow {
	padding-left: 5px;
}

.proyectos-destacados {
	background: white;
}

.proyectos-destacados .titulo-revestimiento {
	font-size: 25px;
}

@media screen and (max-width: 768px) {
	.proyectos-destacados .titulo-revestimiento {
		font-size: 30px;
	}
}

@media screen and (max-width: 575px) {
	.proyectos-destacados .titulo-revestimiento {
		font-size: 20px;
	}
	.proyectos-destacados .proyectos-destacados-cabecera h3 {
		font-size: 35px;
	}
}

.proyectos-destacados .listado-proyectos-piscinas-contenedor {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px;
}

@media screen and (max-width: 991px) {
	.proyectos-destacados .listado-proyectos-piscinas-contenedor {
		grid-template-columns: 1fr 1fr;
	}
}

.blog-home .blog-noticias-texto {
	margin-bottom: 50px;
}

.blog-home .blog-noticias-texto h3 {
	font-size: 40px;
}

@media screen and (max-width: 575px) {
	.blog-home .blog-noticias-texto h3 {
		font-size: 35px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-revestimiento-piscinas .cabecera-servicios-integrales {
		height: 600px;
	}
}

.page-template-revestimiento-piscinas .servicio-piscina h3 {
	font-size: 40px;
}

.page-template-revestimiento-piscinas .servicio-piscina .nectar_cascading_images .cascading-image {
	display: inline-block;
	width: 100%;
	text-align: center;
	opacity: 1 !important;
	animation: none !important;
}

.page-template-revestimiento-piscinas .servicio-piscina .nectar_cascading_images .cascading-image .inner-wrap {
	display: inline-block;
	width: 100%;
	text-align: center;
	opacity: 1 !important;
	animation: none !important;
}

.page-template-revestimiento-piscinas .servicio-piscina .nectar_cascading_images .cascading-image:not(:first-child) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

@media screen and (max-width: 991px) {
	.page-template-revestimiento-piscinas .servicio-piscina .sobre-nosotros-home-texto {
		padding: 10% 15% !important;
	}
	.page-template-revestimiento-piscinas .servicio-piscina .sobre-nosotros-piscina-texto {
		order: 0;
		padding: 10% 15% !important;
	}
}

@media screen and (max-width: 768px) {
	.page-template-revestimiento-piscinas .servicio-piscina .sobre-nosotros-home-texto {
		padding: 10% !important;
	}
	.page-template-revestimiento-piscinas .servicio-piscina .sobre-nosotros-piscina-texto {
		padding: 10% !important;
	}
}

@media screen and (max-width: 575px) {
	.page-template-revestimiento-piscinas .servicio-piscina h3 {
		font-size: 35px;
	}
}

.page-template-revestimiento-piscinas .tipos-piscinas .tipo-piscina .tipo-piscina-img-container {
	height: auto;
	padding: 50% 20px;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: auto 100% !important;
	transition: background-size 0.75s ease-in !important;
}

.page-template-revestimiento-piscinas .tipos-piscinas .tipo-piscina .tipo-piscina-img-container:hover {
	background-size: auto 110% !important;
	filter: brightness(0.9);
}

.page-template-revestimiento-piscinas .tipos-piscinas .tipo-piscina .tipo-piscina-img-container .titulo-proyecto-piscina {
	margin: 10px 0;
}

@media screen and (max-width: 991px) {
	.page-template-revestimiento-piscinas .tipos-piscinas .tipo-piscina {
		margin-bottom: 20px;
	}
	.page-template-revestimiento-piscinas .tipos-piscinas .tipo-piscina .tipo-piscina-img-container {
		padding: 65% 20px;
	}
}

.page-template-revestimiento-piscinas .tipos-piscinas .boton-proyectos {
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.page-template-revestimiento-piscinas .tipos-piscinas .tipo-piscina {
		margin-bottom: 20px;
	}
	.page-template-revestimiento-piscinas .tipos-piscinas .tipo-piscina .tipo-piscina-img-container {
		padding: 65% 20px;
	}
	.page-template-revestimiento-piscinas .tipos-piscinas .boton-proyectos {
		margin-top: 30px;
	}
}

.page-template-revestimiento-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	transition: background-size 0.5s ease-in !important;
}

.page-template-revestimiento-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto:hover {
	background-size: auto 110% !important;
}

.page-template-revestimiento-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto:hover .proyecto-img-container {
	background-color: transparent;
}

.page-template-revestimiento-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container {
	color: white;
	transition: background-color 0.5s ease-in !important;
	background: #0000008c;
	padding: 0 20px;
	display: grid;
	text-align: center;
	place-content: center;
	min-height: 410px;
}

.page-template-revestimiento-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container .titulo-proyecto {
	align-self: end;
}

.page-template-revestimiento-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container p {
	margin-bottom: 0;
}

.page-template-revestimiento-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container p::after {
	display: none;
}

@media screen and (max-width: 991px) {
	.page-template-revestimiento-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
		margin-bottom: 20px;
	}
	.page-template-revestimiento-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container {
		min-height: 450px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-revestimiento-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 575px) {
	.page-template-revestimiento-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container {
		min-height: 300px;
	}
}

.page-template-revestimiento-piscinas .proyectos-destacados .boton-proyectos {
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.page-template-revestimiento-piscinas .proyectos-destacados .boton-proyectos .boton-proyectos {
		margin-top: 30px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-revestimiento-piscinas .blog-home .blog-home-entradas .blog-home-entrada .blog-home-entrada-imagen {
		margin: 0;
		background-size: 100%;
	}
}

@media screen and (max-width: 575px) {
	.page-template-revestimiento-piscinas .blog-home .blog-home-entradas article {
		margin-bottom: 10px;
		padding: 0 25px;
	}
	.page-template-revestimiento-piscinas .blog-home .blog-home-entradas article .blog-home-entrada-imagen {
		/* margin: 0 15px; */
		height: 200px;
	}
}

/* Construcción de piscinas */
.page-template-construccion-piscinas .cabecera-servicios-integrales {
	padding-top: 150px;
}

.page-template-construccion-piscinas .tipos-piscinas .proyectos-destacados-cabecera p {
	padding: 0 200px;
}

@media screen and (max-width: 991px) {
	.page-template-construccion-piscinas .tipos-piscinas .proyectos-destacados-cabecera p {
		padding: 0;
	}
}

.page-template-construccion-piscinas .construccion {
	background: #F5F7F8 !important;
}

.page-template-construccion-piscinas .contacto-presupuestos {
	margin-top: 60px;
}

.page-template-construccion-piscinas .tipos-piscinas, .page-template-construccion-piscinas .proyectos_destacados {
	padding: 50px 0;
}

.diseño-piscina .servicio-diseno-piscinas {
	padding: 10% 10% 6%;
}

.diseño-piscina .servicio-diseno-piscinas h2 {
	font-size: 42px;
	line-height: 51px;
}

.diseño-piscina .servicio-diseno-piscinas p, .diseño-piscina .servicio-diseno-piscinas .texto_diseno_piscinas {
	font-size: 18px;
	line-height: 1.4em;
	color: #939393;
}

.diseño-piscina .tipos-piscinas .proyectos-destacados-cabecera p {
	padding: 200px 0;
}

.contacto-presupuestos {
	padding: 100px;
	color: #fff;
}

.contacto-presupuestos .cont_proyectos_realizados .contador {
	font-size: 83px;
	font-weight: 400;
	margin: 0;
}

.contacto-presupuestos .cont_proyectos_realizados .leyenda_contador {
	font-size: 20px;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente {
	border: 1px solid #fff;
	color: #fff;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente:hover {
	border: 1px solid transparent;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente:hover .hidden-arrow {
	padding-left: 5px;
}

.contacto-presupuestos h2 {
	margin-bottom: 10px;
	font-size: 34px;
	line-height: 41px;
}

.contacto-presupuestos p {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
}

@media screen and (max-width: 991px) {
	.contacto-presupuestos .cont_proyectos_realizados, .contacto-presupuestos .contactos_proyectos {
		width: 100%;
	}
}

@media screen and (max-width: 575px) {
	.contacto-presupuestos {
		padding: 100px 20px;
		color: #fff;
	}
}

.tipos-piscinas, .proyectos_destacados {
	padding: 80px 0;
}

.tipos-piscinas .proyectos-destacados-cabecera, .proyectos_destacados .proyectos-destacados-cabecera {
	margin-bottom: 50px;
}

.tipos-piscinas .proyectos-destacados-cabecera h3, .proyectos_destacados .proyectos-destacados-cabecera h3 {
	font-size: 42px;
	line-height: 51px;
}

.tipos-piscinas .proyectos-destacados-cabecera p, .proyectos_destacados .proyectos-destacados-cabecera p {
	margin: 0;
	font-size: 22px;
}

.tipos-piscinas .proyectos-destacados-cabecera .subtitulo_proyectos_destacados p, .proyectos_destacados .proyectos-destacados-cabecera .subtitulo_proyectos_destacados p {
	font-size: 16px;
	line-height: 150%;
	color: #939393;
}

@media screen and (max-width: 575px) {
	.tipos-piscinas .proyectos-destacados-cabecera h3, .proyectos_destacados .proyectos-destacados-cabecera h3 {
		font-size: 35px;
	}
	.tipos-piscinas .proyectos-destacados-cabecera p, .proyectos_destacados .proyectos-destacados-cabecera p {
		font-size: 18px;
	}
}

.tipos-piscinas .boton-proyectos .boton-fondo-transparente:hover .hidden-arrow, .proyectos_destacados .boton-proyectos .boton-fondo-transparente:hover .hidden-arrow {
	padding-left: 5px;
}

.proyectos-destacados .titulo-revestimiento {
	font-size: 25px;
}

@media screen and (max-width: 768px) {
	.proyectos-destacados .titulo-revestimiento {
		font-size: 30px;
	}
}

@media screen and (max-width: 575px) {
	.proyectos-destacados .titulo-revestimiento {
		font-size: 20px;
	}
	.proyectos-destacados .proyectos-destacados-cabecera h3 {
		font-size: 35px;
	}
	.proyectos-destacados .proyectos-destacados-cabecera p {
		font-size: 18px;
	}
}

.blog-home .blog-noticias-texto {
	margin-bottom: 50px;
}

.blog-home .blog-noticias-texto h3 {
	font-size: 40px;
}

@media screen and (max-width: 575px) {
	.blog-home .blog-noticias-texto h3 {
		font-size: 35px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-construccion-piscinas .cabecera-servicios-integrales {
		height: 600px;
	}
}

.page-template-construccion-piscinas .servicio-piscina {
	margin-bottom: 0px;
}

.page-template-construccion-piscinas .servicio-piscina h3 {
	font-size: 40px;
}

.page-template-construccion-piscinas .servicio-piscina .sobre-nosotros-piscina-texto h2 {
	font-size: 42px;
	line-height: 51px;
}

.page-template-construccion-piscinas .servicio-piscina .sobre-nosotros-piscina-texto p {
	color: #939393;
}

.page-template-construccion-piscinas .servicio-piscina .nectar_cascading_images .cascading-image {
	display: inline-block;
	width: 100%;
	text-align: center;
	opacity: 1 !important;
	animation: none !important;
}

.page-template-construccion-piscinas .servicio-piscina .nectar_cascading_images .cascading-image .inner-wrap {
	display: inline-block;
	width: 100%;
	text-align: center;
	opacity: 1 !important;
	animation: none !important;
}

.page-template-construccion-piscinas .servicio-piscina .nectar_cascading_images .cascading-image:not(:first-child) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

@media screen and (max-width: 991px) {
	.page-template-construccion-piscinas .servicio-piscina .sobre-nosotros-home-texto {
		padding: 10% 15% !important;
		padding-bottom: 0 !important;
	}
	.page-template-construccion-piscinas .servicio-piscina .sobre-nosotros-piscina-texto {
		order: 0;
		padding: 10% 15% !important;
	}
}

@media screen and (max-width: 768px) {
	.page-template-construccion-piscinas .servicio-piscina .sobre-nosotros-home-texto {
		padding: 10% !important;
		padding-bottom: 0 !important;
	}
	.page-template-construccion-piscinas .servicio-piscina .sobre-nosotros-piscina-texto {
		padding: 10% !important;
	}
}

@media screen and (max-width: 575px) {
	.page-template-construccion-piscinas .servicio-piscina h3 {
		font-size: 35px;
	}
}

.page-template-construccion-piscinas .tipos-piscinas {
	padding-top: 0;
}

.page-template-construccion-piscinas .tipos-piscinas .tipo-piscina .tipo-piscina-img-container {
	height: 100%;
	padding: 0 20px;
	transition: all 0.5s ease-in !important;
}

.page-template-construccion-piscinas .tipos-piscinas .boton-proyectos {
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.page-template-construccion-piscinas .tipos-piscinas {
		padding-top: 50px;
	}
	.page-template-construccion-piscinas .tipos-piscinas .boton-proyectos {
		margin-top: 30px;
	}
}

.page-template-construccion-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor {
	gap: 10px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 991px) {
	.page-template-construccion-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor {
		grid-template-columns: 1fr 1fr;
	}
}

.page-template-construccion-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: background-size .5s ease-in;
	padding: 0;
	height: 300px;
	overflow: hidden;
}

@media screen and (max-width: 1199px) {
	.page-template-construccion-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
		max-height: 100%;
		min-height: 260px;
		height: auto;
	}
}

@media screen and (max-width: 380px) {
	.page-template-construccion-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
		height: 100%;
		min-height: fit-content;
		max-height: fit-content;
	}
}

.page-template-construccion-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto:hover {
	background-size: 110% 110%;
}

.page-template-construccion-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto:hover .proyecto-img-container {
	background-color: transparent;
}

.page-template-construccion-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container {
	color: white;
	padding: 20px;
	background-color: #0000008c;
	/*background-position: center !important;
                    background-repeat: no-repeat !important;
                    background-size: auto 100% !important;*/
	transition: background-color 0.5s ease-in !important;
	text-align: center;
	display: flex;
	height: 100%;
	overflow: hidden;
	flex-direction: column;
	place-content: center;
	/*&:hover {
                        background-size: auto 110% !important;
                    }*/
}

.page-template-construccion-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container p {
	margin-bottom: 0;
}

.page-template-construccion-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container p::after {
	display: none;
}

@media screen and (max-width: 991px) {
	.page-template-construccion-piscinas .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container {
		min-height: 320px;
	}
}

.page-template-construccion-piscinas .proyectos-destacados .boton-proyectos {
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.page-template-construccion-piscinas .proyectos-destacados .boton-proyectos .boton-proyectos {
		margin-top: 30px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-construccion-piscinas .proyectos-destacados {
		padding-top: 0;
	}
	.page-template-construccion-piscinas .proyectos-destacados.construccion {
		padding-top: 80px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-construccion-piscinas .blog-home .blog-home-entradas .blog-home-entrada .blog-home-entrada-imagen {
		margin: 0;
		background-size: 100%;
	}
}

@media screen and (max-width: 575px) {
	.page-template-construccion-piscinas .blog-home .blog-home-entradas article {
		margin-bottom: 10px;
		padding: 0 25px;
	}
	.page-template-construccion-piscinas .blog-home .blog-home-entradas article .blog-home-entrada-imagen {
		/* margin: 0 15px; */
		height: 200px;
	}
}

/* Tratamiento de agua */
.page-template-tratamiento-agua .cabecera-servicios-integrales {
	padding-top: 150px;
}

.page-template-tratamiento-agua .tipos-piscinas .proyectos-destacados-cabecera p {
	padding: 0 200px;
}

@media screen and (max-width: 991px) {
	.page-template-tratamiento-agua .tipos-piscinas .proyectos-destacados-cabecera p {
		padding: 0;
	}
}

.page-template-tratamiento-agua .construccion {
	background: #F5F7F8 !important;
}

@media screen and (max-width: 575px) {
	.bg-color {
		height: 110px !important;
		width: 130px !important;
	}
}

.diseño-piscina .servicio-diseno-piscinas {
	padding: 10% 10% 6%;
}

.diseño-piscina .servicio-diseno-piscinas h2 {
	font-size: 42px;
	line-height: 51px;
}

.diseño-piscina .servicio-diseno-piscinas p, .diseño-piscina .servicio-diseno-piscinas .texto_diseno_piscinas {
	font-size: 18px;
	line-height: 1.4em;
	color: #939393;
}

.diseño-piscina .tipos-piscinas .proyectos-destacados-cabecera p {
	padding: 200px 0;
}

.contacto-presupuestos {
	padding: 100px;
	color: #fff;
}

.contacto-presupuestos .cont_proyectos_realizados .contador {
	font-size: 83px;
	font-weight: 400;
	margin: 0;
}

.contacto-presupuestos .cont_proyectos_realizados .leyenda_contador {
	font-size: 20px;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente {
	border: 1px solid #fff;
	color: #fff;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente:hover {
	border: 1px solid transparent;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente:hover .hidden-arrow {
	padding-left: 5px;
}

.contacto-presupuestos h2 {
	margin-bottom: 10px;
	font-size: 34px;
	line-height: 41px;
}

.contacto-presupuestos p {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
}

@media screen and (max-width: 991px) {
	.contacto-presupuestos .cont_proyectos_realizados, .contacto-presupuestos .contactos_proyectos {
		width: 100%;
	}
}

@media screen and (max-width: 575px) {
	.contacto-presupuestos {
		padding: 100px 20px;
		color: #fff;
	}
}

.tipos-piscinas {
	padding: 80px 0;
}

.tipos-piscinas .proyectos-destacados-cabecera {
	margin-bottom: 50px;
}

.tipos-piscinas .proyectos-destacados-cabecera h3 {
	font-size: 42px;
	line-height: 51px;
}

.tipos-piscinas .proyectos-destacados-cabecera p {
	margin: 0;
	font-size: 22px;
}

@media screen and (max-width: 575px) {
	.tipos-piscinas .proyectos-destacados-cabecera h3 {
		font-size: 35px;
	}
	.tipos-piscinas .proyectos-destacados-cabecera p {
		font-size: 18px;
	}
}

.tipos-piscinas .boton-proyectos .boton-fondo-transparente:hover .hidden-arrow {
	padding-left: 5px;
}

.proyectos-destacados .titulo-revestimiento {
	font-size: 25px;
}

@media screen and (max-width: 768px) {
	.proyectos-destacados .titulo-revestimiento {
		font-size: 30px;
	}
}

@media screen and (max-width: 575px) {
	.proyectos-destacados .titulo-revestimiento {
		font-size: 20px;
	}
	.proyectos-destacados .proyectos-destacados-cabecera h3 {
		font-size: 35px;
	}
	.proyectos-destacados .proyectos-destacados-cabecera p {
		font-size: 18px;
	}
}

.blog-home .blog-noticias-texto {
	margin-bottom: 50px;
}

.blog-home .blog-noticias-texto h3 {
	font-size: 40px;
}

@media screen and (max-width: 575px) {
	.blog-home .blog-noticias-texto h3 {
		font-size: 35px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-tratamiento-agua .cabecera-servicios-integrales {
		height: 600px;
	}
}

.page-template-tratamiento-agua .servicio-piscina h3 {
	font-size: 40px;
}

.page-template-tratamiento-agua .servicio-piscina .nectar_cascading_images .cascading-image {
	display: inline-block;
	width: 100%;
	text-align: center;
	opacity: 1 !important;
	animation: none !important;
}

.page-template-tratamiento-agua .servicio-piscina .nectar_cascading_images .cascading-image .inner-wrap {
	display: inline-block;
	width: 100%;
	text-align: center;
	opacity: 1 !important;
	animation: none !important;
}

.page-template-tratamiento-agua .servicio-piscina .nectar_cascading_images .cascading-image:not(:first-child) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

@media screen and (max-width: 991px) {
	.page-template-tratamiento-agua .servicio-piscina .radicales-libres {
		padding: 20% !important;
	}
	.page-template-tratamiento-agua .servicio-piscina .sobre-nosotros-home-texto {
		padding: 10% 15% !important;
	}
	.page-template-tratamiento-agua .servicio-piscina .sobre-nosotros-piscina-texto {
		order: 0;
		padding: 10% 15% !important;
	}
}

@media screen and (max-width: 768px) {
	.page-template-tratamiento-agua .servicio-piscina .sobre-nosotros-home-texto {
		padding: 10% !important;
	}
	.page-template-tratamiento-agua .servicio-piscina .sobre-nosotros-piscina-texto {
		padding: 10% !important;
	}
}

@media screen and (max-width: 575px) {
	.page-template-tratamiento-agua .servicio-piscina h3 {
		font-size: 35px;
	}
}

.page-template-tratamiento-agua .tipos-piscinas .tipo-piscina .tipo-piscina-img-container {
	height: auto;
	padding: 50% 20px;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: auto 100% !important;
	transition: background-size 0.75s ease-in !important;
}

.page-template-tratamiento-agua .tipos-piscinas .tipo-piscina .tipo-piscina-img-container:hover {
	background-size: auto 110% !important;
	filter: brightness(0.9);
}

.page-template-tratamiento-agua .tipos-piscinas .tipo-piscina .tipo-piscina-img-container .titulo-proyecto-piscina {
	margin: 10px 0;
}

@media screen and (max-width: 991px) {
	.page-template-tratamiento-agua .tipos-piscinas .tipo-piscina {
		margin-bottom: 20px;
	}
	.page-template-tratamiento-agua .tipos-piscinas .tipo-piscina .tipo-piscina-img-container {
		padding: 65% 20px;
	}
}

.page-template-tratamiento-agua .tipos-piscinas .boton-proyectos {
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.page-template-tratamiento-agua .tipos-piscinas .tipo-piscina {
		margin-bottom: 20px;
	}
	.page-template-tratamiento-agua .tipos-piscinas .tipo-piscina .tipo-piscina-img-container {
		padding: 65% 20px;
	}
	.page-template-tratamiento-agua .tipos-piscinas .boton-proyectos {
		margin-top: 30px;
	}
}

.page-template-tratamiento-agua .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	transition: background-size 0.5s ease-in;
}

.page-template-tratamiento-agua .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto:hover {
	background-size: auto 110%;
}

.page-template-tratamiento-agua .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto:hover .proyecto-img-container {
	background-color: transparent;
}

.page-template-tratamiento-agua .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container {
	color: white;
	text-align: center;
	min-height: 360px;
	display: grid;
	padding: 20px;
	background: #0000008c;
	transition: background-color 0.5s ease-in;
}

.page-template-tratamiento-agua .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container .titulo-proyecto {
	align-self: end;
}

.page-template-tratamiento-agua .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container p {
	margin-bottom: 0;
}

.page-template-tratamiento-agua .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container p::after {
	display: none;
}

@media screen and (max-width: 991px) {
	.page-template-tratamiento-agua .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-tratamiento-agua .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
		margin-bottom: 20px;
	}
}

.page-template-tratamiento-agua .proyectos-destacados .boton-proyectos {
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.page-template-tratamiento-agua .proyectos-destacados .boton-proyectos .boton-proyectos {
		margin-top: 30px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-tratamiento-agua .blog-home .blog-home-entradas .blog-home-entrada .blog-home-entrada-imagen {
		margin: 0;
		background-size: 100%;
	}
}

@media screen and (max-width: 575px) {
	.page-template-tratamiento-agua .blog-home .blog-home-entradas article {
		margin-bottom: 10px;
		padding: 0 25px;
	}
	.page-template-tratamiento-agua .blog-home .blog-home-entradas article .blog-home-entrada-imagen {
		/* margin: 0 15px; */
		height: 200px;
	}
}

/* Control domótico */
.page-template-control-domotico .cabecera-servicios-integrales {
	padding-top: 150px;
}

.page-template-control-domotico .tipos-piscinas .proyectos-destacados-cabecera p {
	padding: 0 200px;
}

@media screen and (max-width: 991px) {
	.page-template-control-domotico .tipos-piscinas .proyectos-destacados-cabecera p {
		padding: 0;
	}
}

.page-template-control-domotico .construccion {
	background: #F5F7F8 !important;
}

@media screen and (max-width: 575px) {
	.bg-color {
		height: 110px !important;
		width: 130px !important;
	}
}

.diseño-piscina .servicio-diseno-piscinas {
	padding: 10% 10% 6%;
}

.diseño-piscina .servicio-diseno-piscinas h2 {
	font-size: 42px;
	line-height: 51px;
}

.diseño-piscina .servicio-diseno-piscinas p, .diseño-piscina .servicio-diseno-piscinas .texto_diseno_piscinas {
	font-size: 18px;
	line-height: 1.4em;
	color: #939393;
}

.diseño-piscina .tipos-piscinas .proyectos-destacados-cabecera p {
	padding: 200px 0;
}

.contacto-presupuestos {
	padding: 100px;
	color: #fff;
}

.contacto-presupuestos .cont_proyectos_realizados .contador {
	font-size: 83px;
	font-weight: 400;
	margin: 0;
}

.contacto-presupuestos .cont_proyectos_realizados .leyenda_contador {
	font-size: 20px;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente {
	border: 1px solid #fff;
	color: #fff;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente:hover {
	border: 1px solid transparent;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente:hover .hidden-arrow {
	padding-left: 5px;
}

.contacto-presupuestos h2 {
	margin-bottom: 10px;
	font-size: 34px;
	line-height: 41px;
}

.contacto-presupuestos p {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
}

@media screen and (max-width: 991px) {
	.contacto-presupuestos .cont_proyectos_realizados, .contacto-presupuestos .contactos_proyectos {
		width: 100%;
	}
}

@media screen and (max-width: 575px) {
	.contacto-presupuestos {
		padding: 100px 20px;
		color: #fff;
	}
}

.tipos-piscinas {
	padding: 80px 0;
}

.tipos-piscinas .proyectos-destacados-cabecera {
	margin-bottom: 50px;
}

.tipos-piscinas .proyectos-destacados-cabecera h3 {
	font-size: 42px;
	line-height: 51px;
}

.tipos-piscinas .proyectos-destacados-cabecera p {
	margin: 0;
	font-size: 22px;
}

@media screen and (max-width: 575px) {
	.tipos-piscinas .proyectos-destacados-cabecera h3 {
		font-size: 35px;
	}
	.tipos-piscinas .proyectos-destacados-cabecera p {
		font-size: 18px;
	}
}

.tipos-piscinas .boton-proyectos .boton-fondo-transparente:hover .hidden-arrow {
	padding-left: 5px;
}

.proyectos-destacados .titulo-revestimiento {
	font-size: 25px;
}

@media screen and (max-width: 768px) {
	.proyectos-destacados .titulo-revestimiento {
		font-size: 30px;
	}
}

@media screen and (max-width: 575px) {
	.proyectos-destacados .titulo-revestimiento {
		font-size: 20px;
	}
	.proyectos-destacados .proyectos-destacados-cabecera h3 {
		font-size: 35px;
	}
	.proyectos-destacados .proyectos-destacados-cabecera p {
		font-size: 18px;
	}
}

.blog-home .blog-noticias-texto {
	margin-bottom: 50px;
}

.blog-home .blog-noticias-texto h3 {
	font-size: 40px;
}

@media screen and (max-width: 575px) {
	.blog-home .blog-noticias-texto h3 {
		font-size: 35px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-control-domotico .cabecera-servicios-integrales {
		height: 600px;
	}
}

.page-template-control-domotico .servicio-piscina {
	margin-bottom: 60px;
}

.page-template-control-domotico .servicio-piscina h3 {
	font-size: 40px;
}

.page-template-control-domotico .servicio-piscina .nectar_cascading_images .cascading-image {
	display: inline-block;
	width: 100%;
	text-align: center;
	opacity: 1 !important;
	animation: none !important;
}

.page-template-control-domotico .servicio-piscina .nectar_cascading_images .cascading-image .inner-wrap {
	display: inline-block;
	width: 100%;
	text-align: center;
	opacity: 1 !important;
	animation: none !important;
}

.page-template-control-domotico .servicio-piscina .nectar_cascading_images .cascading-image:not(:first-child) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

@media screen and (max-width: 991px) {
	.page-template-control-domotico .servicio-piscina .radicales-libres {
		padding: 20% !important;
	}
	.page-template-control-domotico .servicio-piscina .sobre-nosotros-home-texto {
		padding: 10% 15% !important;
	}
	.page-template-control-domotico .servicio-piscina .sobre-nosotros-piscina-texto {
		order: 0;
		padding: 10% 15% !important;
	}
}

@media screen and (max-width: 768px) {
	.page-template-control-domotico .servicio-piscina .sobre-nosotros-home-texto {
		padding: 10% !important;
	}
	.page-template-control-domotico .servicio-piscina .sobre-nosotros-piscina-texto {
		padding: 10% !important;
	}
}

@media screen and (max-width: 575px) {
	.page-template-control-domotico .servicio-piscina h3 {
		font-size: 35px;
	}
}

.page-template-control-domotico .tipos-piscinas .tipo-piscina .tipo-piscina-img-container {
	height: auto;
	padding: 50% 20px;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: auto 100% !important;
	transition: background-size 0.75s ease-in !important;
}

.page-template-control-domotico .tipos-piscinas .tipo-piscina .tipo-piscina-img-container:hover {
	background-size: auto 110% !important;
	filter: brightness(0.9);
}

.page-template-control-domotico .tipos-piscinas .tipo-piscina .tipo-piscina-img-container .titulo-proyecto-piscina {
	margin: 10px 0;
}

@media screen and (max-width: 991px) {
	.page-template-control-domotico .tipos-piscinas .tipo-piscina {
		margin-bottom: 20px;
	}
	.page-template-control-domotico .tipos-piscinas .tipo-piscina .tipo-piscina-img-container {
		padding: 65% 20px;
	}
}

.page-template-control-domotico .tipos-piscinas .boton-proyectos {
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.page-template-control-domotico .tipos-piscinas .tipo-piscina {
		margin-bottom: 20px;
	}
	.page-template-control-domotico .tipos-piscinas .tipo-piscina .tipo-piscina-img-container {
		padding: 65% 20px;
	}
	.page-template-control-domotico .tipos-piscinas .boton-proyectos {
		margin-top: 30px;
	}
}

.page-template-control-domotico .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	transition: background-size 0.5s ease-in;
}

.page-template-control-domotico .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto:hover {
	background-size: auto 110% !important;
}

.page-template-control-domotico .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto:hover .proyecto-img-container {
	background-color: transparent;
}

.page-template-control-domotico .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container {
	color: white;
	display: grid;
	padding: 0 20px;
	text-align: center;
	transition: background-color 0.5s ease-in;
	background-color: #0000008c;
	min-height: 360px;
}

.page-template-control-domotico .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container .titulo-proyecto {
	align-self: end;
}

.page-template-control-domotico .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container p {
	margin-bottom: 0;
}

.page-template-control-domotico .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container p::after {
	display: none;
}

.page-template-control-domotico .proyectos-destacados .boton-proyectos {
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.page-template-control-domotico .proyectos-destacados .boton-proyectos .boton-proyectos {
		margin-top: 30px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-control-domotico .blog-home .blog-home-entradas .blog-home-entrada .blog-home-entrada-imagen {
		margin: 0;
		background-size: 100%;
	}
}

@media screen and (max-width: 575px) {
	.page-template-control-domotico .blog-home .blog-home-entradas article {
		margin-bottom: 10px;
		padding: 0 25px;
	}
	.page-template-control-domotico .blog-home .blog-home-entradas article .blog-home-entrada-imagen {
		/* margin: 0 15px; */
		height: 200px;
	}
}

/* Single revestimientos */
.single-revestimientos .cabecera-servicios-integrales {
	padding-top: 150px;
}

.single-revestimientos .tipos-piscinas .proyectos-destacados-cabecera p {
	padding: 0 200px;
}

@media screen and (max-width: 991px) {
	.single-revestimientos .tipos-piscinas .proyectos-destacados-cabecera p {
		padding: 0;
	}
}

.single-revestimientos .propuesta {
	padding: 5% 0;
	background: #F5F7F8 !important;
}

.single-revestimientos .propuesta h3 {
	font-size: 42px;
}

@media screen and (max-width: 575px) {
	.single-revestimientos .propuesta h3 {
		font-size: 35px;
	}
}

.single-revestimientos .texto-dos-columnas {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	padding: 0 1em;
}

.single-revestimientos .texto-dos-columnas .tipo-piscina {
	color: #404040;
}

@media screen and (max-width: 768px) {
	.single-revestimientos .texto-dos-columnas {
		grid-template-columns: 1fr;
		gap: 1em;
	}
}

.diseño-piscina .servicio-diseno-piscinas {
	padding: 10% 10% 6%;
}

.diseño-piscina .servicio-diseno-piscinas h2 {
	font-size: 42px;
	line-height: 51px;
}

.diseño-piscina .servicio-diseno-piscinas p, .diseño-piscina .servicio-diseno-piscinas .texto_diseno_piscinas {
	font-size: 18px;
	line-height: 1.4em;
	color: #939393;
}

.diseño-piscina .tipos-piscinas .proyectos-destacados-cabecera p {
	padding: 200px 0;
}

.contacto-presupuestos {
	padding: 100px;
	color: #fff;
}

.contacto-presupuestos .cont_proyectos_realizados .contador {
	font-size: 83px;
	font-weight: 400;
	margin: 0;
}

.contacto-presupuestos .cont_proyectos_realizados .leyenda_contador {
	font-size: 20px;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente {
	border: 1px solid #fff;
	color: #fff;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente:hover {
	border: 1px solid transparent;
}

.contacto-presupuestos .contactos_proyectos .boton-fondo-transparente:hover .hidden-arrow {
	padding-left: 5px;
}

.contacto-presupuestos h2 {
	margin-bottom: 10px;
	font-size: 34px;
	line-height: 41px;
}

.contacto-presupuestos p {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
}

@media screen and (max-width: 991px) {
	.contacto-presupuestos .cont_proyectos_realizados, .contacto-presupuestos .contactos_proyectos {
		width: 100%;
	}
}

@media screen and (max-width: 575px) {
	.contacto-presupuestos {
		padding: 100px 20px;
		color: #fff;
	}
}

.tipos-piscinas {
	padding: 80px 0;
}

.tipos-piscinas .proyectos-destacados-cabecera {
	margin-bottom: 50px;
}

.tipos-piscinas .proyectos-destacados-cabecera h3 {
	font-size: 42px;
	line-height: 51px;
}

.tipos-piscinas .proyectos-destacados-cabecera p {
	margin: 0;
}

@media screen and (max-width: 575px) {
	.tipos-piscinas .proyectos-destacados-cabecera h3 {
		font-size: 35px;
	}
}

.tipos-piscinas .boton-proyectos .boton-fondo-transparente:hover .hidden-arrow {
	padding-left: 5px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.tipos-piscinas .listado-tipos-piscinas .tipo-piscina.col-lg-2 {
		width: 20%;
	}
}

@media screen and (max-width: 575px) {
	.proyectos-destacados .proyectos-destacados-cabecera h3 {
		font-size: 35px;
	}
}

.blog-home .blog-noticias-texto {
	margin-bottom: 50px;
}

.blog-home .blog-noticias-texto h3 {
	font-size: 42px;
}

@media screen and (max-width: 575px) {
	.blog-home .blog-noticias-texto h3 {
		font-size: 35px;
	}
}

@media screen and (max-width: 768px) {
	.single-revestimientos .cabecera-servicios-integrales {
		height: 600px;
	}
}

.single-revestimientos .servicio-piscina .nectar_cascading_images .cascading-image {
	display: inline-block;
	width: 100%;
	text-align: center;
	opacity: 1 !important;
	animation: none !important;
}

.single-revestimientos .servicio-piscina .nectar_cascading_images .cascading-image .inner-wrap {
	display: inline-block;
	width: 100%;
	text-align: center;
	opacity: 1 !important;
	animation: none !important;
}

.single-revestimientos .servicio-piscina .nectar_cascading_images .cascading-image:not(:first-child) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

@media screen and (max-width: 991px) {
	.single-revestimientos .servicio-piscina .sobre-nosotros-home-texto {
		padding: 10% 15% !important;
	}
	.single-revestimientos .servicio-piscina .sobre-nosotros-piscina-texto {
		order: 0;
		padding: 10% 15% !important;
	}
}

@media screen and (max-width: 768px) {
	.single-revestimientos .servicio-piscina .sobre-nosotros-home-texto {
		padding: 10% !important;
	}
	.single-revestimientos .servicio-piscina .sobre-nosotros-piscina-texto {
		padding: 10% !important;
	}
}

.single-revestimientos .tipos-piscinas .tipo-piscina {
	background-size: 100% 100%;
}

.single-revestimientos .tipos-piscinas .tipo-piscina:hover {
	background-size: 110% 110%;
}

.single-revestimientos .tipos-piscinas .tipo-piscina .tipo-piscina-img-container {
	height: 100%;
	padding: 20px;
	transition: background-color 0.5s ease-in !important;
}

.single-revestimientos .tipos-piscinas .tipo-piscina .tipo-piscina-img-container .titulo-proyecto-piscina {
	margin: 10px 0;
}

.single-revestimientos .tipos-piscinas .boton-proyectos {
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.single-revestimientos .tipos-piscinas .tipo-piscina {
		margin-bottom: 20px;
	}
	.single-revestimientos .tipos-piscinas .boton-proyectos {
		margin-top: 30px;
	}
}

.single-revestimientos .proyectos-destacados .imagenes_revestimiento {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
}

.single-revestimientos .proyectos-destacados .imagenes_revestimiento .img_rev a {
	display: block;
	background: black;
}

.single-revestimientos .proyectos-destacados .imagenes_revestimiento .img_rev a .imagen_galeria_bloque {
	min-height: 300px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	transition: .75s all ease;
	opacity: .6;
}

.single-revestimientos .proyectos-destacados .imagenes_revestimiento .img_rev a:hover .imagen_galeria_bloque {
	background-size: 110% 110%;
	opacity: 1;
}

@media screen and (max-width: 991px) {
	.single-revestimientos .proyectos-destacados .imagenes_revestimiento {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 768px) {
	.single-revestimientos .proyectos-destacados .imagenes_revestimiento {
		grid-template-columns: 1fr;
	}
	.single-revestimientos .proyectos-destacados .imagenes_revestimiento .img_rev a .imagen_galeria_bloque {
		min-height: 350px;
	}
}

.single-revestimientos .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
	background-size: 100% 100%;
	transition: background-size 0.5s ease-in !important;
}

.single-revestimientos .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto:hover {
	background-size: 110% 110%;
}

.single-revestimientos .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto:hover .proyecto-img-container {
	background-color: transparent;
}

.single-revestimientos .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container {
	color: white;
	padding: 20px;
	transition: background-color 0.5s ease-in !important;
	text-align: center;
	height: 320px;
	display: flex;
	flex-direction: column;
	place-content: center;
	background-color: #0000008c;
}

.single-revestimientos .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container .titulo-proyecto {
	font-size: 20px;
	line-height: 24px;
}

.single-revestimientos .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container p {
	margin-bottom: 0;
}

.single-revestimientos .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto .proyecto-img-container p::after {
	display: none;
}

@media screen and (max-width: 991px) {
	.single-revestimientos .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 768px) {
	.single-revestimientos .proyectos-destacados .listado-proyectos-piscinas-contenedor .proyecto {
		margin-bottom: 20px;
	}
}

.single-revestimientos .proyectos-destacados .boton-proyectos {
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.single-revestimientos .proyectos-destacados .boton-proyectos .boton-proyectos {
		margin-top: 30px;
	}
}

.single-revestimientos .proyectos-destacados .proyectos-destacados-cabecera p {
	font-size: initial;
}

@media screen and (max-width: 768px) {
	.single-revestimientos .blog-home .blog-home-entradas .blog-home-entrada .blog-home-entrada-imagen {
		margin: 0;
		background-size: 100%;
	}
}

@media screen and (max-width: 575px) {
	.single-revestimientos .blog-home .blog-home-entradas article {
		margin-bottom: 10px;
		padding: 0 25px;
	}
	.single-revestimientos .blog-home .blog-home-entradas article .blog-home-entrada-imagen {
		/* margin: 0 15px; */
		height: 200px;
	}
}

.blog-background {
	height: 300px;
	transition: .5s;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
}

.blog-background:hover {
	background-size: 110% auto;
}

@media (max-width: 992px) and (min-width: 768px) {
	.blog-background {
		background-size: auto 100%;
	}
	.blog-background:hover {
		background-size: auto 110%;
	}
}

.post-content-wrapper {
	padding-top: 20px;
}

.form_blog .form_blog_container .form_content {
	padding-bottom: 0;
}

.form_blog .form_blog_container svg.triangle {
	position: relative;
	top: 18px;
	left: -1px;
	z-index: 1;
	fill: #009ca6;
}

.form_blog .form_blog_container .form_form {
	padding-top: 35px;
}

.cabecera-pagina.cabecera-post .titulos {
	top: 53%;
	text-align: center;
}

.cabecera-pagina .overlay-header {
	width: 100%;
	height: 100%;
}

.blog-content #toc_container {
	padding: 24px 16px;
}

.blog-content #toc_container .toc_title {
	text-align: left;
}

.blog-content #toc_container .toc_title .toc_toggle a {
	color: #000;
}

.blog-content #toc_container .toc_list li {
	font-size: 13px;
	line-height: 25px;
}

.blog-content .post_footer_row {
	background: #F5F7F8;
	/* Gray Dividers */
	border-top: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	margin-top: 80px;
	margin-bottom: 50px;
}

.blog-content .post_footer_row .likes-display {
	text-align: center;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.blog-content .post_footer_row .likes-display .wpulike-heart .wp_ulike_general_class {
	box-shadow: none;
	border-radius: none;
	padding: 5px;
}

.blog-content .post_footer_row .likes-display .wpulike-heart .wp_ulike_general_class .count-box {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: #DADADA;
}

.blog-content .post_footer_row .category-display {
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.blog-content .post_footer_row .category-display .category-name {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: #DADADA;
	margin: 0;
}

.blog-content .post_footer_row .category-display .category-name .category-img {
	display: inline-block;
	background-image: url("img/vector-categ.png");
	width: 1em;
	height: 1em;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 1em;
	vertical-align: text-top;
}

.blog-content .post_footer_row .comments-count-display {
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.blog-content .post_footer_row .comments-count-display .comments-num {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: #DADADA;
	margin: 0;
}

.blog-content .post_footer_row .comments-count-display .comments-num .comment-img {
	display: inline-block;
	background-image: url("img/vector-comment.png");
	width: 1em;
	height: 1em;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 1em;
	vertical-align: middle;
}

.blog-content .comment-form .comment-textarea {
	border: none;
	padding: 10px;
	margin-bottom: 30px;
}

.blog-content .comment-form .comment-textarea:focus-visible {
	border: 1px solid #009CA6;
}

.blog-content .comment-form .comment-field input {
	border: none;
	border-bottom: 1px solid #DADADA;
	padding: 10px;
	margin-bottom: 30px;
}

.blog-content .comment-form .comment-field input:focus-visible {
	border: 1px solid #009CA6;
}

.blog-content .comment-form .form-submit {
	text-align: center;
}

.blog-content .comment-form .form-submit input#submit {
	background: #009dbd;
	border: none;
	color: white;
	border-radius: 30px;
	padding: 17px 20px;
}

.blog-content .comment-form .comment-form-cookies-consent {
	margin-bottom: 20px;
}

.blog-content .comment-form .comment-form-cookies-consent label {
	color: #939393;
}

.error-404.not-found {
	height: 100vh;
	text-align: center;
	display: grid;
	place-content: center;
	color: white;
	background-image: url("img/404.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	padding: 20px;
}

.error-404.not-found h1.title-404 {
	font-size: 306px;
	color: #ffffff;
	line-height: 250px;
	text-align: center;
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	margin: 0;
	margin-bottom: 20px;
}

.error-404.not-found .not-found-message {
	font-size: 32px;
	color: #ffffff;
	line-height: 38px;
	text-align: center;
	font-family: 'Inter';
	font-weight: 300;
	font-style: normal;
}

.error-404.not-found .notfound-buttons {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: auto auto auto auto auto;
	gap: 30px;
}

.error-404.not-found .notfound-buttons .notfound-btn {
	font-size: 15px;
	padding: 7px;
	border: 2px solid white;
	border-radius: 50px;
	transition: ease all 1s;
	font-family: 'Inter';
}

.error-404.not-found .notfound-buttons .notfound-btn:hover {
	color: black;
	background: white;
}

@media screen and (max-width: 991px) {
	.error-404.not-found h1.title-404 {
		font-size: 150px;
		color: #ffffff;
		line-height: 150px;
	}
	.error-404.not-found .not-found-message {
		font-size: 25px;
		line-height: 30px;
	}
	.error-404.not-found .notfound-buttons {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
}

/*# sourceMappingURL=style.css.map */