@import "home.css";
@import "header.css";
@import "fonts.css";
@import "slider-img.css";
@import "menu-hover.css";
@import "animate.css";
@import "cursor.css";
@import "change-header-color.css";
@import "slider-text-home.css";
@import "scroll.css";
@import "slider-holder.css";
@import "empresa.css";
@import "slider.css";
@import "seriesypop.css";
@import "swiper-bundle.min.css";
@import "arquitectura.css";
@import "footer.css";
@import "contacto.css";
@import "blog.css";
@import "noticias.css";
@import "carrusel-marcas.css";

:root {
  --color-gray: #A0A0A0;
  --color-dark: #242424;
  --color-red: #C8000D;
  --color-light-gray: #EEEEEE;
}

.no-scroll {
  overflow: hidden;
}

.whatsapp {
  position: fixed;
  display: none;
  bottom: 40px;
  right: 40px;
  z-index: 1 !important;
}

.lh-1{
  line-height: 0.5em;
}

.logo-whatsapp {
  width: 7vh !important;
  height: 7vh !important;
}

.white{
  color: white !important;
}

.z-index-1{
  z-index: 99999 !important;
}

.z-index-2{
  z-index: 200 !important;
}

.m-0{
  margin: 0 !important;
}

.mb-10{
  margin-bottom: 10%;
}

.mb-5{
  margin-bottom: 5%;
}

.pt-10{
  padding-bottom: 10% !important;
}

.mx-w-75{
  max-width: 75% !important;
}

.mx-w-85{
  max-width: 80% !important;
}

.mx-w-50{
  max-width: 50% !important;
}

.fs-30{
  font-size: 30px;
}
body::-webkit-scrollbar-thumb {
  background-color: #C8000D;
}

.font-weight-100{
  font-weight: 100 !important;
}

.color-black {
  color: #242424 !important;
  font-weight: 600;
  font-family: "KumbhSans";
}

.text-decoration-none{
  text-decoration: none !important;
}

.color-grey-claro{
  color: var(--color-gray);
}

.color-grey-claro:hover{
  color: var(--color-red);
}

.color-black strong {
  font-weight: 900; 
  font-family: "KumbhSans-Bold";
}

.no-uppercase{
  text-transform:initial;
}

.mt-4{
  margin-top:4%;
}

.mt-5{
  margin-top:5%;
}

.mt-20{
  margin-top:20%;
}

.mb-4{
  margin-bottom:4%;
}

.mb-10{
  margin-bottom: 10% !important;
}

.mb-20{
  margin-bottom: 20% !important;
}

.logo-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(141deg) brightness(108%) contrast(109%);
}

.menuIcon-black {
  stroke: black !important;
  color:black !important;
  background-color: black !important;
}

.menuIcon-white {
  stroke: white;
}

.logo-red{
  filter: brightness(0) saturate(100%) invert(10%) sepia(87%) saturate(4757%) hue-rotate(349deg) brightness(108%) contrast(113%);
}
.menu-icon-white .line {
  stroke: #fff; 
}

.d-none {
  display: none !important;
}

.fade-out {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

.visible {
  opacity: 1;
  transition: opacity 0.3s ease-in;
}

:root {
    --color-gray: #A0A0A0;
    --color-dark: #242424;
    --color-red: #C8000D;
    --color-light-gray: #EEEEEE;
    --color-negro-tranparente: #242424f9;
    --color-negro-fondo: #242424;
    --font-family-heading: 'KumbhSans-Bold', sans-serif;
    --font-family-body: 'KumbhSans', sans-serif;
    scrollbar-color: #C8000D #242424 !important;
    scrollbar-width: thin !important;
}


body::-webkit-scrollbar {
  width: 12px;
}

body::-webkit-scrollbar-track {
  background: #242424;
}

body::-webkit-scrollbar-thumb {
  background-color: #C8000D;
}


body{
    padding: 0;
    margin: 0;
    max-width: 100vw !important;
    overflow-x: hidden;
    overflow: hidden;
}

@font-face {
    font-family: 'KumbhSans';
    src: url('../font/KumbhSans-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
  }
  
  @font-face {
    font-family: 'KumbhSans-Bold';
    src: url('../font/KumbhSans-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
  }
  
  @font-face {
    font-family: 'ZenLoop-Regular';
    src: url('aseets/font/ZenLoop-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
  }

  /* Animaciones */

  .animado:hover {
    animation: pulse;
    animation-duration: 1s;
  }

/* Cursor */ 

.enlarge-cursor:hover ~ .cursor {
  width: 100px;
  height: 100px;
  opacity: 0.59;
}

/* Overlay */ 
#overlay { 
  position: fixed;
  width: 100%;
  height: 100%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999999999999999999999;
  background-color: #242424;
}

@media only screen and (max-width: 768px) {
  #overlay {
    display: none;
  }
}

.ancla{
  width: 100%;
  height: 0.1px;
  margin-top: 1%;
}

.svg-container {
  width: 30%;
  height: 30%;
}

.svg {
  width: 100%;
  height: 100%;
  animation: draw 5s linear forwards;
  margin-bottom: 5%;
}
.progress-bar-container {
  width: 38%;
  margin: 0 auto;
  height: 10px;
  background-color: #e0e0e0;
  border-radius: 5px;
  margin-top: 20px;
  overflow: hidden;
  border-radius: 0;
}

.progress-bar {
  width: 0;
  height: 100%;
  background-color: #C8000D;
  animation: load 5s linear forwards;
  border-radius: 0 !important;
}

@keyframes load {
  to {
      width: 100%;
  }
}

.animate-path {
  stroke: black; 
  stroke-width: 2; 
  fill: none;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw 5s linear forwards;
}

@keyframes draw {
  to {
      stroke-dashoffset: 0;
  }
}