@font-face {
  font-family: 'Linotype Didot LT Bold';
  src: url('fonts/Linotype Didot LT Bold') format('woff2');
       /* url('fonts/NombreDeLaFuente-Regular.woff') format('woff'); */
  font-weight: normal;
  font-style: normal;
}
/*
#A67A53
#F3E2D3
*/
body {
      background-color: #000 !important;
      font-family: "Raleway", sans-serif;
      margin: 0;
      overflow-x: hidden; /*  block scroll horizontal  */
    }
    
    h1 {
      font-family: "Linotype Didot LT Bold", serif;
      color: #A67A53 !important;
      font-size: 3rem !important;
      font-weight: 500;
      text-transform: capitalize;
      line-height: 90%;
    }

    h2 {
        font-family: "Linotype Didot LT Bold", serif;
        color: #F3E2D3 !important;
        font-weight: 400;
        text-transform: capitalize;
    }

    p {
      font-family: "Raleway", sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-size: 1.3rem; 
      color: #cecece !important;
    }



    .video-hero-section {
      position: relative; 
      width: 100%;
      height: 100vh;
      overflow: hidden; 
    }

    /* Overlay video */
    .video-hero-section::before {
      content: ""; 
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); /* 50% de opacidad*/
      z-index: 1; 
    }

    .video-hero-section video {
      position: relative; 
      width: 100%;
      height: 100%; 
      object-fit: cover;
      border-radius: 0px;
      /* z-index: 0; */ 
    }

    .overlay-logo-container {
      position: absolute;
      top: 50%;
      left: 50%;
      /* transform: translate(-50%, -50%); Se maneja en la animación */
      z-index: 10; /* Encima del overlay y video */
      
      /* start zom */
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.7); 

      /* Animación */
      animation-name: zoomInLogo;
      animation-duration: 1.8s; 
      animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); 
      animation-delay: 0.5s; 
      animation-fill-mode: forwards; 
    }

    .img-logo-overlay {
      display: block; 
      width: 70vw; 
      max-width: 300px; /* max logo superpuesto*/
      height: auto; 
    }

    @keyframes zoomInLogo {
      0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.7);
      }
      70% { 
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.05); 
      }
      100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1); 
      }
    }
/* --- End Video Section --- */


.space {
    height: 70px;
}

a {
  color: #4b535b !important;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

.btn-primary {
  background-color: #6A4320 !important;
  border-color: #6A4320 !important;
  border-radius: 0% !important;
}

.btn-primary:hover {
  background-color: #6A4320 !important;
  border-color: #6A4320 !important;

}

.cta-com-fundo {

    background-image: url('../img/pexels-alleksana-10610439.jpg');     
    background-size: cover; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-attachment: fixed;     
    position: relative; 
    z-index: 0; 
}


.cta-com-fundo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.884);
    z-index: -1; /
}


.cta-main-button {
    background-color: #6A4320;
    border-color: #6A4320;
    color: #fff; 
}

.cta-main-button:hover,
.cta-main-button:focus {
    background-color: #5a381a; 
    border-color: #5a381a;
    color: #fff;
}


.cta-com-fundo .container {
    position: relative; 
    z-index: 1; 
}