@font-face {
  font-family: 'Freestyle';
  src: url('https://draft.wpchile.com/droa/inmo/valleoriente/fonts/freestyle_script.ttf') format('truetype');
}
@font-face {
  font-family: 'CityBlueprint';
  src: url('https://draft.wpchile.com/droa/inmo/valleoriente/fonts/CityBlueprint.ttf') format('truetype');
}
@font-face {
	font-family: "Arial";
  src: url('https://draft.wpchile.com/droa/inmo/valleoriente/fonts/Arial.ttf') format('truetype');
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url("https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600,700,800");
* {
  box-sizing: border-box;
}



@media (min-width: 768px) {
  .frame_usados {
    top: -27px;
  }
}
.questrial-regular {
  font-family: "Questrial", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.bg-bg-1 {
  background-color: #121212 !important;
}
.text-white {
  color: #fff;
}
a {
  color: #fff;
}
a:hover {
  color: #f79225;
}
.text-orange {
  color: #f79225;
}
.text-white {
  color: white;
}
.col-9.text-center.d-flex.justify-content-center a {
  color: #fff;
  position: relative; /* Necesario para posicionar el pseudo-elemento */
  text-decoration: none; /* Elimina el subrayado predeterminado */
}
.col-9.text-center.d-flex.justify-content-center a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  display: block;
  margin-top: 3px;
  left: 0;
  background: #f79225;
  transition: width 0.4s ease; /* Animación de la línea */
}
.col-9.text-center.d-flex.justify-content-center a:hover::after {
  width: 100%;
}
.col-9.text-center.d-flex.justify-content-center a:hover {
  color: #f79225;
}
.bg- {
  background-color: #007a4c !important;
}
nav.sticky-top.py-4.bg-bg-1.pb-lg-3.pt-lg-3 {
  border-top: 6px solid #007a4c !important;
}
.display-5 {
  letter-spacing: -0.01em !important;
}
.bg-lines {
  background: url(https://ucarecdn.com/2f95f8e5-238c-4992-b997-4e973c7ba7e8/-/format/auto/-/quality/smart/) no-repeat center center;
  background-size: cover;
  background-position: bottom;
  padding: 100px 0;
}
.bg-gris {
  background-color: #f2f2f2;
}
.bg-gris_2 {
  background-color: #e8eaed;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.625rem 1.1875rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  color: #27282a;
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid rgba(39, 40, 42, 0.3);
  appearance: none;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  border-radius: 0px;
}
.badge-top-right {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 5px 10px 5px 10px;
  font-size: 12px;
  font-weight: 500;
}
.card-img-container {
  position: relative;
}
.bg-red {
  background-color: #a22135!important;
}
.bg-orange {
    background-color: #fd7e14!important;
}
.card-img, .card-img-top {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.fill-action-10 {
  color: #fd7e14!important;
}
.card-img-container {
    position: relative;
}
.center-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    color: white;
}
.offcanvas-xl {
    width: 1200px;
}
.btn {
}
.btn-action-6 {
    font-weight: 500!important;	
    color: white;
    background-color: #fd7e14;
    border-color: #fd7e14;

}
.btn-action-6:hover {
    color: #994c00;
    background-color: #fd9843!important;
}	
.btn-action-6.active {
    color: #994c00;
    background-color: #fd9843!important;
    border-color: #fd8b2c!important;
}
.btn-check:focus+.btn-action-6,.btn-action-6:focus {
    color: #994c00;
    background-color: #fd9137;
    border-color: #fd8b2c;
    box-shadow: 0 0 0 0 rgba(221, 113, 23, 0.5)
}
.navbar.navbar-scrolled.navbar-dark {
    background-color: #121212;
}
header#header {
    border-top: 6px solid #007a4c !important;
}


@media (min-width: 768px) {
    .pb-md-15 {
        padding-bottom: 9.5rem !important;
    }
    .vh-md-90 {
        height: 83vh !important;
    }	
.h-slider {
    height: 100vh!important
}	
.content-space-b-4 {
    padding-bottom: 10rem !important;
}
	
}


@media (max-width: 991.98px) {
    .navbar-expand-lg.navbar-dark .navbar-nav {
        background-color: #121212!important;
    }	
	.img-cel {
		margin-bottom: 9rem !important;
	}
.text-center.p-5.pt-0.bg-bg-1.d-block.d-md-none {
    margin-top: -140px;
}	

	
}
	
@media (min-width: 1200px) {
    .fs-2 {
        font-size: 1.5rem !important;
    }
}
.fs-2 {
    font-size: calc(1rem + .6vw) !important;
}



.swiper-button-next-soft-white:hover,.swiper-button-prev-soft-white:hover {
    background-color: #fd7e14
}
.content-space-12 {
    padding-top: 1.5rem !important;
    padding-bottom: 2rem !important;
}

header {
    font-family: 'Arial', sans-serif!important;	
    letter-spacing: 0.3px;	
}
.nav-link {
	font-size: 18px!important
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Arial', sans-serif!important;
    letter-spacing: 0.5px;
}
.freestyle {
    font-family: 'Freestyle', sans-serif;
    font-weight: 100;
    font-size: 40px;
}
.fss-5 {
    font-family: 'Freestyle', sans-serif;
    font-weight: normal;
    font-size: 5rem;
}
::selection {
    background: #ffa722!important;
    color: #27282a!important;
}

.fs-0 {
	font-size: 0.8rem!important;
}
.arial {
    font-family: 'Arial', sans-serif!important;	
}
.bg-map {
	background-color: #e9e5b5!important; 
}
.btn-sm {
    border-radius: 0!important;
}
.bg-black-70 {
    background-color: rgb(0 0 0 / 60%) !important;
}

/* línea en menú */
.navbar-nav .nav-link {
  position: relative;
  padding-bottom: 5px; /* Espacio para la línea */
  transition: color 0.3s ease-in-out;
}

.navbar-nav .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px; /* Grosor de la línea */
  background-color: white; /* Color de la línea */
  transition: width 0.3s ease-in-out;
}

/* Al pasar el mouse o si el link está activo, mostrar línea */
.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after,
.navbar-nav .nav-link.activa::after {  /* Clase personalizada opcional */
  width: 100%;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.activa {
  color: white; /* Opcional: cambia color del texto cuando está activo */
}

.navbar .navbar-nav .nav-link {
  padding: 0.5rem .75rem!important;
}
/* End línea en menú */

footer.py-2.bg- {
    margin-bottom: -140px;
}