@charset "UTF-8";
/* CSS Document */

:root {
  --verde: #6d8075;
  --brown: #b0a986;
  --textos: #b0a986;
  --orange:#ff7900;
}
a:hover{transition: all 0.15s;}
#g-header .g-content{padding: 0; margin: 0;}

#g-header .gantry-logo img{width: 290px;}
#g-header a:hover{color: var(--verde);}

#g-navigation a:hover{text-decoration: none;}


#redes-cayu .g-content{/*position: relative; top:75px;*/ padding-top: 85px;}
#redes-cayu a{color: var(--brown);border: none; background: #ffffff;}

#top-menu .g-menu-item-title{font-size: 15px; text-rendering: optimizelegibility; letter-spacing: 0.025em;}
#top-menu .g-menu-item-container{padding: 0.82rem 0.98rem;}

#visita_link a{font-size: 10px; font-weight: 500; background-color: var(--brown); padding:10px; color: #ffffff; border-radius: 25px;}
#visita_link a:hover{color: var(--verde);}
#visita_link .g-content{padding: 0.82rem 0.5rem; margin: 0;}
#idioma .g-content{padding: 5px 5px; margin: 0;}

#g-showcase, #g-showcase .g-content{padding: 0; margin: 0;}

h2{font-size: 80px; line-height: 80px; color: var(--verde); font-weight: 400;}

#g-feature{padding: 0;}
#g-feature .g-content{padding: 0; margin: 0;}

#tranqueras, #referencias, #proyecto, #icons {margin: 50px 100px; padding: 42px;}

#referencias{margin-top: -170px;}
#contacto{margin:65px 100px;}
#contacto .g-content{padding:50px 42px 40px 42px;}

#proyecto{margin-bottom: 18px;}
#icons{padding: 15px 42px 42px 42px;}

/* #tranqueras .uk-column-1-2{background-image: url("./images/2025/bg-tranqueras.png"); background-repeat: no-repeat; background-position: left bottom;} */
#tranqueras .wp-image-48{ /*margin-top: 65px; */}
#tranqueras h2{ margin:40px auto; }


#ubicacion{ min-height: 980px; background-color: #dfe0c7; background-image: url("./images/2025/ubicacion.jpg"); background-size:cover; background-position: 50% 100%; background-repeat: no-repeat;}

#ubic-placa{margin-top:-112px; background: #ffffff; max-width: 655px; margin-left:100px; padding:42px; border-radius: 0 50px 50px 0;}
#ubicacion a{background: var(--verde); color: #ffffff; font-size: 14px; font-weight: 500; display: inline-block; padding: 14px 24px; border-radius: 25px;}

#g-main .level1{z-index: 10;}
#g-main .level2{z-index: 18;}
#g-main .level3{z-index: 36;}

#masterplan{  background: var(--verde); color: #ffffff; max-width: 655px; padding: 42px; border-radius: 50px 0 0 50px; margin-top: -110px;}
#masterplan h2{color: #ffffff;}
#ubicacion p, #masterplan p{margin: 30px auto;}
#masterplan a{background: #ffffff; font-size: 14px; color: var(--verde); font-weight: 500; padding: 14px 24px; border-radius: 25px; display: inline-block;}


#tranqueras p, #ubicacion p, #proyecto p, #contacto p{color: var(--textos); font-size: 18px; font-weight: 300; line-height: 22px;}

#icons{margin-top: -242px; background: #ffffff; border-radius: 50px 50px 0 0;}
#icons ul li{/*width: 25%;*/ float:left; font-size: 15px; color: var(--verde); list-style: none; border-left: 1px solid var(--verde); padding-left: 20px; margin-bottom: 40px;}
#icons ul li:nth-child(1), #icons ul li:nth-child(5){border: none;}
#icons ul li {width: 18%; min-height: 160px; letter-spacing: -0.025em;}
ul li#one{width: 18%;}
ul li#two{width: 29%;}
ul li#three{width: 31%;}
ul li#four{ width: auto;}
ul li#five{width: 18%;}
ul li#six{width: 29%;}
ul li#seven{width: 31%;}
ul li#eight{width: auto;}

#icons ul li strong{font-size: 22px; color: var(--verde)}
#icons ul li figure{margin: 0; padding: 0;}


#menu-idioma{ margin:0; padding:0;  }

#menu-idioma li {  width: 45%; margin: 5px 0; float:left;}

#menu-idioma .menu-item-object-language_switcher{font-size: 11px; font-weight: 400; padding:7px 8px 8px 7px; border: 1px solid #ffffff; border-radius: 50px; width: 33px; height: 33px; margin-left: 10px;}

#menu-idioma .current-language-menu-item {background-color: var(--brown); border-color: var(--brown);}

/* --------  CONTACTO  ------- */
#g-subfeature{background-image: url("./images/2025/contacto_bg.jpg");background-size:cover; background-position: 50% 100%; background-repeat: no-repeat;}
#contacto .g-content{width:695px; background-color: rgba(255, 255, 255, 0.95); border-radius: 0 50px 0 0;}

#contacto h2{margin:0 0 20px 0;}
#contacto input, #contacto textarea{ width: 600px; height: 46px; border-radius: 3px; border-color: var(--verde); margin: 5px auto;}
#contacto textarea{height: auto;}
#contacto .wpcf7-submit{color:#ffffff; background: var(--verde); max-width: 120px; border-radius: 25px;}

#contacto p{display: inline-block; margin-top: 0;}
#contacto label{margin-bottom: 0;}

#body-contact p{color: #6c6361; font-size: 14px; font-weight: 400; margin: 5px 0;}
#email, #tel{float: left;}
#email input, #tel input{width:290px; }
#email{margin-right: 16px;}
/*  --------   UK LIGHTBOX ------- */
.uk-lightbox{background: var(--verde);}
#top-menu .g-menu-parent-indicator{display: none;}

.uk-grid>.uk-grid-margin{ margin-top:15px; font-size:12px; }


/* -----------    FOOTER  ----------- */
#g-footer, #g-subfeature{border: none;}
#g-footer .g-container{padding: 40px 100px;}
#g-footer a{color: #ffffff;}

.footer-cayu strong{color: #ffffff; font-size: 24px; font-weight: 500; margin-bottom: 30px; display: block;}

#a-footer ul li, #b-footer p{font-size: 12px; letter-spacing: 1px; text-decoration: none; text-rendering: optimizeSpeed; list-style: none;}

#a-footer {padding-left: 135px;}
#c-footer img {padding: 0 0 10px 0;}

#block-9 p strong{color: #ffffff; font-size: 24px; font-weight: 500;}
#block-10 {font-size: 12px;}

#block-10 ul li{list-style: none;}
#block-11{border-bottom:  1px solid #ffffff; margin-bottom: 25px;}
#g-footer .widget_block{margin-top:30px; margin-left: 135px; color: #ffffff;}
#copy, #g-totop{font-size: 12px;}

#block-10, #copy{letter-spacing: 1px;}


#logo-footer{padding-bottom: 90px;}
#g-footer hr{border-bottom: 1px solid #ffffff !important; display: block; }

/* -------  MOBILE ------ */

@media only all and (max-width: 30rem) {
  #visita_link, #menu-idioma{  margin: 0 auto; text-align: center;}
  #menu-idioma{margin-left: 37%;}
  #redes-cayu .g-content{ padding-top:30px; display:none; }
  #redes-cayu .g-social{ text-align:center; }
  #a-footer{padding: 0; text-align: center;}
  #a-footer ul{margin: 0;}
  .footer-cayu strong{margin: 50px 0 20px 0;}

  h2{ font-size:40px; line-height:42px; }
  #tranqueras, #referencias, #proyecto, #icons { margin: 25px; padding: 10px;}
  #tranqueras p, #ubicacion p, #proyecto p, #contacto p{font-size: 15px; line-height: 17px;}

  .uk-column-1-2 { column-count: 1; }

  #ubic-placa{margin-left: 0; margin-top: -25px; }

  #icons ul li {width: 100%; border: none; margin-bottom: 20px; min-height: 100px;}

  #contacto{ margin:30px 50px; }
  #contacto .g-content{width: 98%; padding:25px 20px; }
  #contacto input, #contacto textarea{width: 100%; height: 40px;}
  #email {margin: 0;}

  #g-footer .g-container{padding: 20px 50px;}
  #g-footer .is-layout-grid{display: inline-block;}
  #g-footer .widget_block{margin-left: 0;}
  #logo-footer{padding-bottom: 40px;}

  #block-9, .wp-image-48{display: none;}
}