body {
   background-image: url('../imgs/colnago.webp');
   /* Reemplazar con la URL real */
   background-size: cover;
   background-position: center;
   color: white;
   font-family: 'Montserrat', sans-serif;
   min-height: 100vh;
 }

 .overlay {
   background-color: rgba(0, 0, 0, 0.3);
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
 }

 .form-box {
   background-color: rgba(0, 0, 0, 0.4);
   border-radius: 15px;
   padding: 2rem;
 }

 .form-control {
   background-color: #e0e0e0;
   border: none;
 }

 .btn-custom {
   background-color: #c2a165;
   color: white;
   border: none;
 }

 .btn-custom:hover {
   background-color: #a7884e;
 }

 .build-title {
   font-size: 40px;
   color: #c2a165;
   font-weight: 300;
 }

 .logo-top {
   position: absolute;
   top: 20px;
   right: 20px;
   color: #c2a165;
   font-size: 2rem;
 }

 .social-icons {
   padding: 16px;
   position: relative;
   z-index: 999;
   display: flex;
   justify-content: center;
   width: 100%;
 }

 .social-icons a {
   color: #c2a165;
   margin-left: 10px;
   width: 40px;
   display: block !important;
   height: 40px;
 }

 .lead {
   font-size: 16px;
 }

 .icons {
   color: red !important;
   fill: red !important;
 }

 @media screen and (min-width: 768px) {
   .build-title {
     font-size: 70px;
   }

   .lead {
     font-size: 20px;
   }

   body {
     height: 100vh;
   }

   .social-icons {
     bottom: 20px;
     right: 20px;
     z-index: 999;
     display: flex !important;
     position: absolute !important;
     justify-content: end;
   }
 }

 .icon {
   display: inline-block;
 }

 .icon svg>path {
   fill: #c2a165 !important;
 }