@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;800&display=swap");
@font-face {
  font-family: 'GlacialIndifference';
  src: url("/static/fonts/GlacialIndifference-Regular.otf"); }
@font-face {
  font-family: 'GlacialIndifferenceBold';
  src: url("/static/fonts/GlacialIndifference-Bold.otf");
  font-weight: bold; }
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: bolder !important; }

body {
  font-family: 'Montserrat', sans-serif;
  font-weight: light;
  color: #4c4c4c; }
  body a, body a:hover {
    text-decoration: none; }

#topNav {
  background: #ffc94e;
  height: 30px;
  color: #fff; }
  #topNav i.fab {
    font-size: 1.4em;
    margin-bottom: -10px; }
  #topNav a, #topNav a:hover {
    font-size: 0.8em;
    color: #fff; }

#mainNav.fixed-top {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
  #mainNav.fixed-top .navbar-brand img {
    height: 34px; }

#mainNav {
  background: #ffc94e;
  color: #1d1d1b; }
  #mainNav .navbar-brand img {
    transition: height 0.5s linear;
    height: 70px; }
  #mainNav .nav-item {
    font-weight: bold;
    font-size: 0.85em; }
    #mainNav .nav-item a {
      color: #4c4c4c; }
    #mainNav .nav-item a:hover {
      color: #000; }
    #mainNav .nav-item .menu-contacto {
      background: #d6d6d6;
      font-weight: 500 !important; }

.section {
  background-position: center;
  overflow-x: hidden; }
  .section .bottom-align-text {
    position: absolute;
    bottom: 0;
    right: 0; }

#contact-form {
  color: #4c4c4c;
  background: #d6d6d6; }
  #contact-form .form-control {
    border-radius: 0px; }
  #contact-form .btn-primary {
    border-radius: 0px;
    background: #ffc94e;
    color: #4c4c4c;
    padding: 4px 20px;
    font-size: 0.9em; }

#footer {
  background: #ffc94e;
  color: #000; }
  #footer h3 {
    font-weight: bold;
    color: white;
    margin-bottom: 0.8em; }
  #footer a, #footer a:hover {
    color: #000; }

#section-presupuesto {
  background: #d6d6d6; }
  #section-presupuesto a, #section-presupuesto a:hover {
    color: #4c4c4c; }

#home-section0 {
  background: url("/static/images/banners/banner-home.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 90vh; }
  #home-section0 img {
    height: 45vh; }
  #home-section0 .d-flex {
    height: 90vh; }

#home-section1 {
  background: #ffc94e; }
  #home-section1 img {
    height: 48px;
    margin-bottom: 15px; }

#home-section2 .col-md-3 .menu-container {
  color: white;
  padding: 3px 3px 3px 3px;
  overflow-x: hidden;
  background: #d6d6d6; }
  #home-section2 .col-md-3 .menu-container img {
    width: calc(100% - 8px);
    height: 360px;
    object-fit: cover; }
  #home-section2 .col-md-3 .menu-container:hover {
    background: #ffc94e; }

#redes-section0 {
  background: url("/static/images/banners/banner-redes.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 90vh; }
  #redes-section0 img {
    height: 32vh; }
  #redes-section0 .d-flex {
    height: 90vh; }

#cortinas-section0 {
  background: url("/static/images/banners/banner-cortinas.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 90vh; }
  #cortinas-section0 img {
    height: 32vh; }
  #cortinas-section0 .d-flex {
    height: 90vh; }

#toldos-section0 {
  background: url("/static/images/banners/banner-toldos.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 90vh; }
  #toldos-section0 img {
    height: 32vh; }
  #toldos-section0 .d-flex {
    height: 90vh; }

#cerramientos-section0 {
  background: url("/static/images/banners/banner-cerramientos.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 90vh; }
  #cerramientos-section0 img {
    height: 32vh; }
  #cerramientos-section0 .d-flex {
    height: 90vh; }

#automatizaciones-section0 {
  background: url("/static/images/banners/banner-automatizaciones.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 90vh; }
  #automatizaciones-section0 img {
    height: 32vh; }
  #automatizaciones-section0 .d-flex {
    height: 90vh; }

/*  WHAAAP */
.boton-flotante {
  z-index: 100000; }

.flotante .fa-whatsapp {
  top: 10px;
  position: relative; }

.flotante-izq {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 25px;
  right: 10px; }

a.flotante-izq:hover {
  transform: scale(1.1); }

/* ---- grid ---- */
.grid {
  max-width: 1200px;
  margin: auto;
  overflow-y: hidden;
  margin-bottom: 50px;
  position: relative; }

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both; }

/* ---- .grid-item ---- */
.grid-item {
  float: left;
  width: 25%;
  position: relative; }
  .grid-item div {
    background-size: cover; }
  .grid-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 5px; }
  .grid-item:before {
    content: "";
    float: left;
    padding-top: 100%;
    /* initial ratio of 1:1*/ }

.display-6 {
  font-family: 'GlacialIndifferenceBold' !important;
  border: 5px solid #ffc94e;
  padding: 5px 80px 5px 30px;
  width: fit-content;
  font-size: 2.3em;
  color: #ffc94e; }

.btn-primary {
  background: #ffc94e;
  border: unset; }
  .btn-primary:hover {
    background: #4c4c4c;
    color: white; }

@media (max-width: 1000px) {
  #navbarSupportedContent ul {
    margin-left: 0px !important;
    width: fit-content; }

  #topNav {
    height: 48px; }

  #mainNav .navbar-brand img {
    height: 34px !important; }

  #home-section1 img {
    height: 27px;
    margin-bottom: 10px !important;
    margin-top: 10px !important; }

  #home-section2 {
    padding-left: 20px;
    padding-right: 20px; }
    #home-section2 .col-md-3 .menu-container img {
      height: 220px; }

  #contact-form .text-end {
    text-align: unset !important; }

  #footer img {
    height: 25px !important; }

  .ms-sm-4 {
    margin-left: 1.5rem !important; }

  #cortinas-section0 img,
  #redes-section0 img,
  #toldos-section0 img,
  #automatizaciones-section0 img,
  #cerramientos-section0 img,
  #home-section0 img {
    height: 24vh;
    bottom: 9vh;
    position: absolute;
    left: 22px; }

  #home-section0 {
    background: url("/static/images/banners/banner-mobile-home.jpg");
    background-size: cover; }

  #redes-section0 {
    background: url("/static/images/banners/banner-mobile-redes.jpg");
    background-size: cover; }

  #cortinas-section0 {
    background: url("/static/images/banners/banner-mobile-cortinas.jpg");
    background-size: cover; }

  #toldos-section0 {
    background: url("/static/images/banners/banner-mobile-toldos.jpg");
    background-size: cover; }

  #cerramientos-section0 {
    background: url("/static/images/banners/banner-mobile-cerramientos.jpg");
    background-size: cover; }

  #automatizaciones-section0 {
    background: url("/static/images/banners/banner-mobile-automatizaciones.jpg");
    background-size: cover; } }

/*# sourceMappingURL=custom.css.map */