/*-DISEÑADO POR WAVESITE-*/

@import url('https://fonts.googleapis.com/css2?family=Lugrasimo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lugrasimo&family=Quintessential&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lugrasimo&family=Playball&family=Quintessential&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');


html,body{font-family: "Cormorant Garamond", serif;;margin:0;padding:0;overflow-x: hidden;font-size:17px;}
*{box-sizing: border-box;}


:root {
      /*----------------*/
    --color1:#bb8378;
    --color2:#ddd7d6;
    --color3:#345612;
    --color4:#5c2361;
    --buttonbg:#5d0803;
    --buttonbghover:#bb8378;
    --bgcolor:#ffffff;
    
    /*----------------*/
    --spacer:55px 0px 0px 0px;
}

img{border-radius:25px;}
.rounded{border-radius:100px;}
.rounded2{border-radius:100px;padding:12px;font-size:20px;width:100%;}
select{border-radius:100px;padding:12px;font-size:15px;width:89%;}
input[type="text"],input[type="number"] {border-radius:100px;}
button{background-color:var(--buttonbg);color:var(--buttontext);border:none;padding:8px 21px;transition:512ms;vertical-align: text-bottom;}
.pgeneralbt{ padding:20px;}
.pgeneralbt2{ padding:40px;}
.pgeneralfb{ padding:0 10px 10px 0px;}
.pgeneralc{ padding:10px 10px 10px 10px;}
.mleft{margin-left:5px;}
.m{margin:35px;}
nav li ul {position: absolute;display: none;box-shadow: 0 2px 5px #fff5f0;z-index: 99;border-radius: 18px;background-color:#fff8;border:1px solid #fff}
nav li ul li:hover {background: #e9dbd9;}
nav li ul li {float: none;background: var(--white);border-radius: 10px;margin: 5px;}
h1{font-size:2.9em;font-family: "Playball", cursive;font-weight: 400;font-style: normal;color:#7b4545;line-height:1em;}


.tright{text-align:right}

.slidetitle{font-size:2.5em;color:#fff;font-weight: bold;}
.slidedes{font-size:1.2em;color:#fff;}
.calltoaction{font-size:1em;padding:18px 28px;margin:12px 0;width:fit-content;background-color:#4b0404}
.slider-controls {position: absolute;top:10%;width:8%;display: flex;justify-content: space-between;transform: translateY(-50%);user-select: none;left:90%;}
.slider-control {cursor: pointer;font-size: 0.6em;position:absolute;top: 50%;transform: translateY(-50%);padding:12px 21px;opacity:9;transition:1s;color:var(--white); background:#aa6769;}
.separator1{width:100%;height:130px;}
.separator2{width:100%;height:700px;}
.separator3{width:100%;height:30px;}
.separator4{width:20%;height:5px;background-color:#5d0803;}
.separator5{width:100%;height:50px;}
.brc{border-right-style:dotted;border-color:#fde9e9;border-width: 3px;}
.bigtitle{font-size:2.5em;line-height: 1.1em;color:#082456;font-weight:bold;font-family: "Playball", cursive;font-weight: 400;font-style: normal;}
.bigtitle2{font-size:1.8em;line-height: 1.1em;color:#574141;font-weight:bold;font-family: "Playball", cursive;font-weight: 400;font-style: normal;}
.midbig{font-size:1em;line-height: 1.1em;color:#484748;}
.midbig3{font-size:1.8em;line-height: 1.1em;color:#582b39;font-family: "Playball", cursive;font-weight: 400;font-style: normal;margin-bottom:-8px;}
.midbig2{font-size:1em;line-height: 1.1em;color:#082456;}
.liltitle{font-size:1.2em;line-height: 1.1em;color:#5d0803;font-family: "Playball", cursive;font-weight: 400;font-style: normal;margin-bottom:-8px;text-align:center;}
.liltitle2{font-size:1.3em;line-height: 1.1em;color:#5d0803;font-family: "Playball", cursive;font-weight: 400;font-style: normal;margin-bottom:-8px;}



.superoption{display:flex;align-items: center;flex-wrap: wrap;margin:auto;margin-bottom:var(--spacer);background:#ccc;border-radius: var(--roundness);color:#313030;width:95%;user-select: none;padding:8px;}
.superoption:hover{background-color:#89c5cc;}
.superoption .icono,.superoption .go{width:8.5%;min-width:60px;text-align: center;font-size:1.5em;text-align: left;}
.superoption .detalle{width:83%;padding:var(--spacer)}
.superoption .detalle strong{font-size:1.3em;text-align: left;}
.superoption .detalle div{font-size:0.86em}


nav a {
    color: #5d0803;
  }

  nav a:hover {
    color: #bb8378;
  }
  

  .contentcustom{

    background-color: #ffffff;
    padding:25px;
  
  }

  .col1-2p {
    padding-right:8px;
    width: 80px;
    float: left;
  }

  .col1-3 {
    width: calc(100% / 3);
    padding: 12px;
  }

  p {line-height: 1.4em;color:#383838;font-weight: 400;font-style: normal;}

  #footer{
    background-color: #551d1d;
    color: #ffffff;
    font-size:15px;
    padding:35px;
  }

  
  
  .flipimg{
    background: linear-gradient(184deg, rgba(240,240,240,1) 33%, rgba(255,255,255,1) 100%);
    margin: 12px 12px -40px 12px;
    width:96.4%;

  }


  .flip-card-front {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 17%, rgba(229,228,231,1) 53%, rgba(255,255,255,1) 100%);
    color: #fff;
    padding: 35px 21px;
    border-radius: 0 0 20px 20px;
    text-align: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAJ1BMVEUAAAAkHyAkHyAkHyAkHyAkHyAkHyAkHyAkHyAkHyAkHyAkHyD///8xlncWAAAAC3RSTlMA8GAQwFCA4LCQIIn3qP0AAAEISURBVEjH7JarDsJAEEUJzwCSoGpIkBhAoHEIDEiCIUFiEPxFDQbPJ9AGSJP7CfSjEDzK7uz0hpWEo092drrzaOF7SosJgN2hT7xhiAdJN9cbBXgRrXO8YoCMqKN6jSk+OR81cQ6TthYYNkrwjRCv5EBy5BKSiyvlAJLIkXgZLsZS7MFFLIshi5ym6e0dWxRHFU4RK1scKGJLXFGIyiVDRUzsXKCIsLKpqOLMFOuquBfvYojq29RUcWuKzadjAAA4/bBYU8Wt5wfnT8iLwq/MeOHyVvBtLt6ufADY9JxirAwpIY69xx4fpHw0+w97vj74QuIrzn9p8jXMFzv/Vfhz3ygYBaOA1gAA2iAV76zrMscAAAAASUVORK5CYII=');
    background-position: bottom right;
    background-size: 60px;
    background-repeat: no-repeat;
  }


  .flip-card-back {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 17%, rgba(229,228,231,1) 53%, rgba(255,255,255,1) 100%);
    color: #888787;
    transform: rotateY(180deg);
    padding:26px 21px 35px 21px;
    border-radius: 0 0 20px 20px;
    text-align: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAJ1BMVEUAAAAkHyAkHyAkHyAkHyAkHyAkHyAkHyAkHyAkHyAkHyAkHyD///8xlncWAAAAC3RSTlMA8GAQwFCA4LCQIIn3qP0AAAD7SURBVEjH7ZY9CsJAEIXFv6CWYpVGsLRRC2s7CxstxUawtEnhLdLY2HsEIyqBuYKHElYC7u5MHg7YyH5l+MjuZGffpPI9tfWciA6nEfAmKb3JB6XeNKaCbFfiVY1XmH3Ray/ok9tZEldk05MWJhdh8b0nPsALwSs3jHjnSo4ZMWMKrxPHzBeHrHj1myFmxcxrjibxbF1xLIhdYYt4k6kg5m4tJOFU0xDFpS22RPHIngs+m0gUE1vskOFpYR5d/liMRDFRfnB8hLgpdG2GGxdfBeXlwtcVB4AuUnBI4dhTBimOZhz2+vGBBxIecXhoqsYwHuz4VyEQCAR+zQsWRhBwT1hAeQAAAABJRU5ErkJggg==');
        background-position:bottom right;
        background-size:60px;
        background-repeat: no-repeat;
        z-index:33;
  }



  .calltoaction2{font-size:1.0em;padding:18px 8px;margin:8px 0;width:50%;background-color:#4b0404;}



  .bghair{
    background-image: url("../img/bgh.jpg");
    background-size:cover;
        background-repeat: no-repeat;
  }



  .flipimg2 {
    margin: 12px 2px -40px 12px;
    width: 96.6%;
  }


  details[open] {
    padding-bottom: 35px;
    font-size: 18px;
    text-align:left;
  }

  summary {
    padding: 12px 5px;
    font-size: 1.2em;
    cursor: pointer;
    margin: auto -12px;
    margin-bottom: -11px;
    transition: 1s ease;
    user-select: none;
    background-color: #fff;
    margin: 20px;
    border-radius: 18px 2px;
    font-family: "Satisfy", cursive;font-weight: 400;font-style: normal;
  }

  details[open] summary ~ * {
    animation: sweepin 0.5s ease-in-out;
    padding: 22px;
  }

  details > summary {
    list-style: none;
    text-align: right;
  }


  header{color:var(--fontcolor);background:var(--bgcolor);overflow-y: hidden;background:url(../img/bg000111.jpg);background-repeat: no-repeat;background-position:center}


  .nailsmenu{
    padding: 51px 0 0 200px;
  }

@media only screen and (max-width: 768px) {
  header{background-size: cover;
    background-position: -125vh 0;}
  .col1-3{width:100%}
nav li ul {position:static;}
  .nailsmenu{padding:0;}
  .logo{width:100%!important}
  
  .brc{border-right-style:none;border-bottom-style:dotted;border-color:#fde9e9;border-width: 3px;}
  .wom{color:white;text-shadow: 0 3px 4px #121212;}
  
  .mobreak{display:none;}
} 