@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;600;800&family=Open+Sans:wght@300&family=Roboto:ital,wght@0,100..900;1,100..900&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

/* COLOR PRIMARIO: #966a4c */
/* COLOR SECUNDARIO: #b8a58d */
/* COLOR TERCIARIO: #f5ede0 */

html, body {
  font-family: "Roboto", sans-serif;
}
body { scroll-behavior: smooth;  color:#966a4c } /*background: #f5eddf;*/
footer { font-size: .9rem; background: #b8a58d}
footer a { color: #f5ede0; text-decoration: none; font-weight: 600; }
footer #year {font-weight:600}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: #b8a58d !important;
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: #f5ede0 !important;
}

.navbar-brand img {
  max-height: 64px; 
  height: auto;
  width: auto;
}

a {color:#966a4c; text-decoration: none}

.ps-10 {padding-top:25px}
.ps-20 {padding:30px}
.mb-50 {margin-bottom:50px;}
.pi-1 {paddin-bottom:25px;}
.titulo-tipo {font-size:25px; line-height: 25px; }
.leyenda-lateral {font-weight: 300}

.bk-2 {background: rgba(245,237,223,0.5); padding-top: 50px; padding-bottom:50px; margin-top:50px; margin-bottom: 50px}
.btn-custom {
  background-color: #966a4c;
  border-color: #966a4c;
  color: #fff;
  padding-right: 25px; padding-left: 25px
}

.btn-custom:hover,
.btn-custom:focus {
  background-color: #7a533a;
  border-color: #7a533a;
  color: #fff;
}


@media (max-width: 580px) {
  .lateral {padding-left:25px; margin-bottom: 50px !important}
  .formulario {padding-left:25px; margin-bottom: 50px !important}
}