.boton{
  color: rgb(43, 43, 43);
background-color: #eec500;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
border-radius: 5px;
}

.boton2{
  color: rgb(43, 43, 43);
background-color: #eec500;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 1px;
padding-right: 1px;
border-radius: 5px;
width: 200px;
}
.btn-outline-success {
    --bs-btn-color: #eec500 !important;
    --bs-btn-border-color: #eec500 !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #eec500 !important;
    --bs-btn-hover-border-color: #eec500 !important;
    --bs-btn-focus-shadow-rgb: 25,135,84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #eec500 !important;
    --bs-btn-active-border-color: #eec500 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #eec500 !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #eec500 !important;
    --bs-gradient: none;
}

.fcc-btn {
  background-color: #a88c01;
  color: white;
}

.imagenrectangle{
   
    height: 600px; /* Ajusta la altura deseada */
    width: 100%;
    object-fit: cover;
}

.imagenrectangle-little{
   
    height: 200px; /* Ajusta la altura deseada */
    width: 100%;
    object-fit: cover;
}
.square-space-gray{
    justify-content: center;
    height: 600px;
    color:black;
    background-color: whitesmoke;
}

.square-space-white{
    justify-content: center;
    height: 600px;
    color:rgb(61, 61, 61);
    background-color: rgb(211, 209, 209);
}
.imagendistance{
    padding-right: 0px !important; 
    padding-left: 0px !important;
}
.image-with-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .image-with-text img {
    max-width: 100%;
    height: auto;
  }

/*------------------------------------*\
    galeria uwu
\*------------------------------------*/

.photo-gallery {
    color:#313437;
    background-color:#fff;
  }
  
  .photo-gallery p {
    color:#7d8285;
  }
  
  .photo-gallery h2 {
    font-weight:bold;
    margin-bottom:40px;
    padding-top:40px;
    color:inherit;
  }
  
  @media (max-width:767px) {
    .photo-gallery h2 {
      margin-bottom:25px;
      padding-top:25px;
      font-size:24px;
    }
  }
  
  .photo-gallery .intro {
    font-size:16px;
    max-width:500px;
    margin:0 auto 40px;
  }
  
  .photo-gallery .intro p {
    margin-bottom:0;
  }
  
  .photo-gallery .photos {
    padding-bottom:20px;
  }
  
  .photo-gallery .item {
    padding-bottom:30px;
  }
  
  


  .formulario {
    background-image:url(imagenes/example-2.jpeg);
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .form-container {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 5px;
  }