/*
Theme Name: Olivos
Author: Garcia
Version: 9999.9
Requires PHP: 7.4
*/

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration:none}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}


body{font-family: "M PLUS 1p", sans-serif;}

header{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.int-header{
  padding: 20px;
  display: flex;
  justify-content: space-between; 
  align-items: center;
}

.menu ul{
  display: flex;
  justify-content: space-between; 
  align-items: center;
  gap: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.menu ul li{
  padding: 0;
  margin: 0;
}

.menu ul li a{
  color: #ffffff;
}

.mplus-100 {
font-weight: 100;
font-style: normal;
}

.mplus-300 {
font-weight: 300;
font-style: normal;
}

.mplus-400 {
font-weight: 400;
font-style: normal;
}

.mplus-500 {
font-weight: 500;
font-style: normal;
}

.mplus-700 {
font-weight: 700;
font-style: normal;
}

.mplus-800 {
font-weight: 800;
font-style: normal;
}

.mplus-900 {
font-weight: 900;
font-style: normal;
}

.banner{
    width: 100%;
    height: calc(100vh - 90px);
    padding: 0;
    position: relative;
    background-size: cover;
    background-position: center;
    transition: background 2s ease-in-out;
}

.banner-int{
  width: 100%;
  height: 50vh;
}

.banner-logo{
    position: absolute;
    filter: drop-shadow(0px 0px 8px #000000);
    left: 0; right: 0; top: 0; bottom: 0;
    margin: auto;
    width: 360px;
    max-width: 90%;    
}

.franja{
    background-color: #eee3a4;
    padding: 20px 40px;
}

.franja-botones{
    text-align: center;
}

.franja-botones a{
    padding: 15px;
    border: solid 2px #fff;
    color: #ffffff;
    margin: 0 10px;
    display: inline-block;
    border-radius: 10px;
    line-height: 1;
    text-decoration: none;
    font-size: 16px;
}

.franja-botones a:hover{
    background-color: #000000;
    color: #ffffff;
    border: solid 2px #000000;
}

.titulos{font-size: 40px;}
.titulo-2{font-size: 30px;}
.precio{font-size: 60px;}

.row-100{
    padding: 40px 0;
}

.max-1280{
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}
.max-980{
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
}

.doble-row{
    overflow: hidden;
}

.doble-row > div{
    width: 50%;
    float: left;
    padding: 20px 20px;
    line-height: 1.2;
}

ul{
    padding: 0 0 0 20px;
    list-style: square;
}

li{margin-bottom: 10px;}

li::marker {
    color: #7c7d61;
  }

.nf-form-content textarea.ninja-forms-field{
    height: 185px !important;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea{border-radius: 10px !important;}

.tipologia{
    width: 30%;
    margin: 0 1%;
}

.nf-form-fields-required, .nf-error-msg{display: none !important;}

@media (max-width: 968px) {
    .doble-row > div{
        width: 100%;
        float: none;
    }
    .franja-botones a{
        width: 90%;
        text-align: center;
        margin-bottom: 10px;
    }
    .franja-botones a:last-child{
        margin-bottom: 0px;
    }
    .titulos{font-size: 32px;}
    .titulo-2{font-size: 26px;}
    .precio{font-size: 36px;}
    .link-footer{display: block;}
    .ocultar{display: none;}
    .tipologia{
        margin: 0;
    }
    .tipologia{
        width: 100%;
        margin: 0;
    }
}
.gallery {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 10px;
  }
  
  .gallery a {
    display: inline-block;
  }
  
  .gallery img {
    width: 100%;
    height: 300px; /* Establece el alto fijo para todas las imágenes */
    object-fit: cover;
  }
  
  .gallery a:nth-child(1) {
    grid-column: span 3;
  }
  
  .gallery a:nth-child(2) {
    grid-column: span 6;
  }
  
  .gallery a:nth-child(3) {
    grid-column: span 3;
  }
  
  .gallery a:nth-child(4) {
    grid-column: span 4;
  }
  
  .gallery a:nth-child(5) {
    grid-column: span 4;
  }
  .gallery a:nth-child(6) {
    grid-column: span 4;
  }
  
  .gallery a:nth-child(7) {
    grid-column: span 3;
  }
  .gallery a:nth-child(8) {
    grid-column: span 3;
  }
  
  .gallery a:nth-child(9) {
    grid-column: span 3;
  }
  .gallery a:nth-child(10) {
    grid-column: span 3;
  }

  .ninja-forms-field, #nf-field-8{
    border: solid 1px #000000;
    border-radius: 10px;
  }
  
  /* Media queries para hacerlo responsive */
  @media (max-width: 768px) {
   .gallery {
      grid-template-columns: repeat(6, 1fr);
      padding: 0 20px;
    }
    .gallery a:nth-child(1) {
        grid-column: span 3;
      }
      
      .gallery a:nth-child(2) {
        grid-column: span 3;
      }
      
      .gallery a:nth-child(3) {
        grid-column: span 3;
      }
      
      .gallery a:nth-child(4) {
        grid-column: span 3;
      }
      
      .gallery a:nth-child(5) {
        grid-column: span 3;
      }
      .gallery a:nth-child(6) {
        grid-column: span 3;
      }
      
      .gallery a:nth-child(7) {
        grid-column: span 3;
      }
      .gallery a:nth-child(8) {
        grid-column: span 3;
      }
      
      .gallery a:nth-child(9) {
        grid-column: span 3;
      }
      .gallery a:nth-child(10) {
        grid-column: span 3;
      }
      .gallery img {
        height: 200px;
      }
  }