/* Estilos personalizados del tema */
body{
    background-color: #F5F5F5;
}
.color-light-blue{ color: #A1BBD2; }
.color-black{ color: #121212; }
.color-gray{ color: #6D6D6D; }
.bg-light-sand{
   background-color: #E8E3D9; 
}
.btn-border-reveal{
    background-color: transparent;
    color: #121212;
    border: 0;
    position: relative;
    text-align: center;
    z-index: 0;
}
.btn-border-reveal::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #DDD6C9;
    transition: width 0.3s ease;
    z-index: -1;
}

.btn-border-reveal:hover::after {
    width: 100%;
}

.btn-border-reveal:hover {
    color: #121212;
}

.btn-border-reveal2{
    background-color: transparent;
    color: #FFF;
    border: 0;
    position: relative;
    text-align: center;
    z-index: 0;
}
.btn-border-reveal2::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #3F3F3F;
    transition: width 0.3s ease;
    z-index: -1;
}

.btn-border-reveal2:hover::after {
    width: 100%;
}

.btn-border-reveal2:hover {
    color: #FFF;
}

/*----------------- FUENTES -----------------*/
.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.cormorant {
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

#menu-main li{ padding: 0 1.1rem; }
#menu-main a{ color: #121212; font-family: "Lato", sans-serif; font-weight: 700;  text-transform: uppercase; text-decoration: none; }
#menu-links-footer a{ color: #FFF; text-decoration: unset; }

/*---------------- BOTONES ----------------*/
.btn-black{ background-color: #121212; }
.btn-black:hover{ background-color: #414141; }

.btn-gray{ background-color: #D7D7D7; }
.btn-gray:hover{ background-color: #EAEAEA; }
.btn-cut-corners {
  display: inline-block;
  min-height: 40px;
  border: none;
  text-decoration: none;
  padding: 12px 30px;
  font-size: 13px;
  cursor: pointer;
  position: relative;
  letter-spacing: 2px;
  transition: background-color 0.3s ease;
  clip-path: polygon(
    15px 0%,
    100% 0%,
    100% calc(100% - 15px),
    calc(100% - 15px) 100%,
    0% 100%,
    0% 15px
  );
}
/*-------------------- BORDERS --------------------*/
.border-top-black{ border-top: 1px solid #000; }
.border-top-white{ border-top: 1px solid #FFF; }
.border-right-gray{ border-right: 1px solid #B2B2B2; }