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

.wd-popup.wd-promo-popup{
	background-color:rgb(255, 255, 255);
	background-image: url(https://serviciodejardineriamadrid.es/wp-content/uploads/2021/09/corporate-popup.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.page-title-default{
	background-color:rgb(23, 150, 229);
	background-image: none;
}

.footer-container{
	background-color:rgb(89, 98, 88);
	background-image: none;
}

:root{
--wd-text-font:"Cooper light", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Cooper medium", Arial, Helvetica, sans-serif;
--wd-title-font-weight:500;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Lato", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Lato", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
.wd-load-additional-fonts-700{
	font-family: "Quicksand", Arial, Helvetica, sans-serif;font-weight: 700;
}

:root{
--wd-primary-color:rgba(0,76,15,0.62);
}
:root{
--wd-alternative-color:rgb(25,76,13);
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:rgb(91,144,66);
}
:root{
--btn-accented-bgcolor-hover:rgb(91,144,66);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
							--wd-form-brd-radius: 5px;
			
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
					
			
							--btn-default-brd-radius: 35px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
			
					
					
			
							--btn-accented-brd-radius: 35px;
				--btn-accented-box-shadow: none;
				--btn-accented-box-shadow-hover: none;
			
					
							
					--wd-brd-radius: 12px;
			}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1192px;
			}
		}

		.container {
			max-width: 1222px;
		}

		:root{
			--wd-container-w: 1222px;
		}
	
			@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
@font-face {
	font-family: "Cooper bold";
	src: url("//serviciodejardineriamadrid.es/wp-content/uploads/2023/07/cooper_bold.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Cooper medium";
	src: url("//serviciodejardineriamadrid.es/wp-content/uploads/2023/07/cooper_medium.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Cooper light";
	src: url("//serviciodejardineriamadrid.es/wp-content/uploads/2023/07/cooper_light.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

.custom-quote {
    text-align: center;
    background-color: #3A5F0B; /* Color verde oscuro */
    color: #F5F5DC; /* Color beige claro */
    padding: 20px;
    border-radius: 10px;
    font-style: italic;
    font-size: 1.2em;
    line-height: 1.5;
    margin: 20px 0;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.2); 
    border: 2px solid #000000; /* Borde negro */
    font-family: 'Courier New', Courier, monospace; /* Fuente con aspecto vintage */
}
<style>
    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&display=swap');

    .poetic-container {
        position: relative;
        display: inline-block;
        background: linear-gradient(45deg, rgba(0,102,13,0.43), #7D947B57);
        padding: 30px;
        border-radius: 15px;
        margin: 0 auto;
        box-shadow: 0 10px 30px rgba(25,76,13,0.6);
        overflow: hidden;
        perspective: 1000px;
        max-width: 800px;
        transform: rotateX(0deg) rotateY(0deg);
    }

    .poetic-container:hover {
        transform: rotateX(20deg) rotateY(30deg);
    }

    .poetic-container:before {
        content: "";
        position: absolute;
        top: -50px;
        right: -50px;
        bottom: -50px;
        left: -50px;
        background: linear-gradient(45deg, rgba(0,102,13,0.43), #7D947B57);
        z-index: -1;
        filter: blur(20px);
    }

    .poetic-text {
        font-family: 'Playfair Display', serif;
        font-size: 24px;
        line-height: 36px;
        color: #596258;
        text-align: center;
        mix-blend-mode: difference;
    }

    @media screen and (max-width: 768px) {
        .poetic-text {
            font-size: 18px;
            line-height: 28px;
        }

        .poetic-container {
            padding: 20px;
        }
    }
</style>
<style>
    .cta-container {
        width: 80%;
        margin: 50px auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .cta-text {
        font-family: 'Playfair Display', serif;
        font-size: 36px;
        color: rgba(0,102,13,0.43);
        text-align: center;
    }

    .cta-subtext {
        font-family: 'Playfair Display', serif;
        font-size: 24px;
        color: #7D947B57;
        text-align: center;
        margin: 10px 0;
    }

    .leaf-button-container {
        display: flex;
        justify-content: center;
        animation: heartbeat 1s infinite;
    }

    .cta-button.leaf-button {
        display: inline-block;
        background: linear-gradient(45deg, rgba(0,102,13,0.43), #7D947B57);
        color: #596258;
        text-decoration: none;
        padding: 15px 30px;
        border-radius: 50% 50% 0 50%;
        box-shadow: 0 10px 30px rgba(25,76,13,0.6);
        font-family: 'Playfair Display', serif;
        font-size: 24px;
        transition: all 0.3s ease;
        margin-bottom: 15px;
        transform: rotate(-45deg);
    }

    .cta-button.leaf-button:before {
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        left: 25px;
        height: 15px;
        width: 5px;
        background: rgba(0,102,13,0.43);
    }

    .cta-button.leaf-button:hover {
        box-shadow: 0 15px 35px rgba(25,76,13,0.8);
        transform: translateY(-5px) rotate(-45deg);
    }

    @keyframes heartbeat {
        0% {
            transform: scale(1);
        }
        20% {
            transform: scale(1.1);
        }
        40% {
            transform: scale(1);
        }
        60% {
            transform: scale(1.1);
        }
        80% {
            transform: scale(1);
        }
        100% {
            transform: scale(1);
        }
    }

    @media screen and (max-width: 768px) {
        .cta-container {
            width: 90%;
        }

        .cta-text {
            font-size: 28px;
        }

        .cta-subtext {
            font-size: 18px;
        }

        .cta-button {
            font-size: 18px;
            padding: 10px 20px;
        }
    }
</style>
<style>
.quote-section {
  width: 80%;
  margin: 50px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,102,13,0.17);
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
}

.quote-section:hover {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
  transform: scale(1.02);
}

.quote-text {
  font-family: 'Playfair Display', serif;
  font-size: 24px;
  color: #596258;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.5;
}

.quote-author {
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  color: #7D947B57;
  text-align: center;
  font-style: italic;
}

@media screen and (max-width: 768px) {
  .quote-section {
    width: 90%;
  }

  .quote-text {
    font-size: 20px;
  }

  .quote-author {
    font-size: 16px;
  }
}
</style>
.plingenstudio {
    color: #596258;
    background: linear-gradient(45deg, rgba(0,102,13,0.43), #7D947B57);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    margin: 10px;
    min-height: 170px;
    transition: transform 0.3s ease;
}

.plingenstudio:hover {
    transform: scale(1.05);
}

.plingenstudio h2 {
    margin-bottom: 20px;
}

.plingenstudio-button {
    display: inline-block;
    color: #596258;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    background: linear-gradient(45deg, rgba(0,102,13,0.43), #7D947B57);
}

.plingenstudio-button:hover {
    background: linear-gradient(45deg, #7D947B57, rgba(0,102,13,0.43));
    color: #FFFFFF;
}
.studioplingen {
    color: #596258;
    background: linear-gradient(45deg, rgba(0,102,13,0.43), #7D947B57);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    margin: 10px;
    min-height: 170px;
    transition: transform 0.3s ease;
}

.studioplingen:hover {
    transform: scale(1.05);
}

.studioplingen h2 {
    margin-bottom: 20px;
}

.studioplingen-button {
    display: inline-block;
    color: #596258;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    background: linear-gradient(45deg, rgba(0,102,13,0.43), #7D947B57);
}

.studioplingen-button:hover {
    background: linear-gradient(45deg, #7D947B57, rgba(0,102,13,0.43));
    color: #FFFFFF;
}
.contact-section {
    background: linear-gradient(45deg, rgba(0,102,13,0.43), #7D947B57);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    color: #596258;
    margin: 10px auto;
    transition: transform 0.3s ease;
    max-width: 800px;
}

.contact-section:hover {
    transform: scale(1.05);
}

.contact-section h2 {
    font-size: 1.5em;
    line-height: 1.5;
}
.services-section {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    color: #596258;
    border: 5px solid rgba(0,102,13,0.43);
    margin: 10px auto;
    transition: transform 0.3s ease;
    max-width: 800px;
}

.services-section:hover {
    transform: scale(1.05);
}

.services-section h3 {
    font-size: 1.2em;
    line-height: 1.5;
    margin-bottom: 20px;
}
.mobile-nav {
    background: linear-gradient(120deg, #e9e4f0, #d3d8d2, #fdfaf6);
    border: 1px solid #d3d8d2;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease-in-out;
    border-radius: 10px; /* Añadido para suavizar los bordes del menú */
}

.mobile-nav a {
    color: #2e563b;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    border-bottom: 1px solid #d3d8d2; /* Añadido para separar cada enlace con una línea */
    padding: 10px 0; /* Añadido para dar un poco de espacio vertical a los enlaces */
    display: block; /* Añadido para que el relleno y el borde se apliquen a toda la línea */
}

.mobile-nav a:hover {
    color: #7c9f59;
    background-color: #fdfaf6; /* Añadido para dar una señal visual al pasar el ratón por encima */
}

.mobile-nav .wd-opened {
    transform: translateX(0);
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.2), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.mobile-nav .wd-side-hidden {
    transform: translateX(-100%);
    box-shadow: none;  
}
.imagen-contenedor {
    width: 100%;
    overflow: hidden;
}

.imagen-ancho-completo {
    width: 100%;
    height: auto;
}
.cta-button {
    background-color: #5b9042;
    color: #ffffff;
    border-radius: 20px; /* Ajusta este valor para obtener el nivel de redondeado que prefieras */
    text-decoration: none; /* Esto es para eliminar cualquier subrayado que pueda tener el enlace */
    padding: 10px 20px; /* Ajusta estos valores para cambiar el tamaño del botón */
    display: inline-block; /* Esto es para permitir que el botón tenga dimensiones */
}
.cta-button:hover {
    color: #ffffff;
}