body, html {
      margin: 0;
      padding: 0;
      overflow-x: hidden;
     font-family: 'Inter', sans-serif;
     font-weight: 500;
    }
/* Limpiar estilos de enfoque, clic y activo */




/* General para todo */
*:focus,
*:active {
  outline: none !important;
  box-shadow: none !important;
}

/* Inputs y botones */
input:focus,
input:active,
button:focus,
button:active,
textarea:focus,
textarea:active,
select:focus,
select:active {
  outline: none !important;
  box-shadow: none !important;
  /*border-color: transparent !important;*/
  background: inherit !important;
}

/* Focus visible (usado por accesibilidad) */
input:focus-visible,
button:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Bootstrap buttons */
.btn:focus,
.btn:active,
.btn:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* SLICK SLIDER buttons */
.slick-prev,
.slick-next,
.slick-dots button {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
  z-index: 1;
}

.slick-prev:focus,
.slick-next:focus,
.slick-dots button:focus,
.slick-prev:active,
.slick-next:active,
.slick-dots button:active,
.slick-prev:focus-visible,
.slick-next:focus-visible,
.slick-dots button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Opcional: íconos internos */
.slick-prev::before,
.slick-next::before {
  outline: none !important;
  box-shadow: none !important;
  display: none;
}

.slick-prev, .slick-next {
 
    width: auto;
    height: auto;}
.slick-prev i, .slick-next i {font-size: 50px;
    color: #fff;}
.hero .slick-prev{
    left: 55%;
    top: 63%;
}

.hero .slick-next{
    right: 5%;
    top: 63%;
}


/*LOADING///////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* Pantalla de carga full */
.loader-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #F9F7F2; /* Fondo oscuro */
  z-index: 9999;
}

.loader-screen-2 {
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #F9F7F2; /* Fondo oscuro */
  z-index: 9999;
}

/* Animación tipo latido */
.heartbeat-logo {
  width: 80px;
  animation: heartbeat 1.4s infinite ease-in-out;
}

@keyframes heartbeat {
  0% { transform: scale(1); }

  28% { transform: scale(1.3); }

  70% { transform: scale(1); }
}

/* Animación para ocultar el loader */
.fade-out {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease-out, visibility 0.8s;
}


/*FUENTES----------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'BaskervilleBT';
    src: url('../fonts/baskerville/BaskervilleBT.ttf') format('ttf');      
}


@font-face {
    font-family: 'BaskervilleBoldBT';
    src: url('../fonts/baskerville/BaskervilleBoldBT.ttf') format('ttf');      
}


@font-face {
    font-family: 'BaskervilleItalicBT';
    src: url('../fonts/baskerville/BaskervilleItalicBT.ttf') format('ttf');      
}



@font-face {
    font-family: 'futurawin';
    src: url('../fonts/futura/futurawin.ttf') format('ttf');
}

@font-face {
    font-family: 'futurawinb';
    src: url('../fonts/futura/futurawinb.otf') format('otf');
}

@font-face {
    font-family: 'futurawinit';
    src: url('../fonts/futura/futurawinit.otf') format('otf');
}


@font-face {
    font-family: 'HelveticaNeueRoman';
    src: url('../fonts/helvetica/HelveticaNeueRoman.otf') format('otf');
}

@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('../fonts/helvetica/HelveticaNeueBold.otf') format('otf');
}

@font-face {
    font-family: 'HelveticaNeueItalic';
    src: url('../fonts/helvetica/HelveticaNeueItalic.ttf') format('ttf');
}



/*.BaskervilleBT{font-family: 'BaskervilleBT', serif!important;}
.futurawin{font-family: 'futurawin', sans-serif!important;}
.HelveticaNeueRoman{font-family: 'HelveticaNeueRoman', sans-serif!important;}*/




.BaskervilleBT{font-family: 'Libre Baskerville' , serif!important;}
.HelveticaNeueRoman{font-family: 'Inter', sans-serif !important;}
.futurawin{font-family: 'Jost', sans-serif!important;}


/*COLORES----------------------------------------------------------------------------------------------------*/


.bg-antique-gold { background-color: #635130; }
.bg-gris-caliza { background-color: #DBE0E4; }
.bg-ocre-mineral { background-color: #9A8453; }
.bg-greige { background-color: #D0CABE; }
.bg-pale-gold { background-color: #C3AE7E; }
.bg-lacre-profundo { background-color: #361B14; }
.bg-blanco-tiza { background-color: #F9F7F2; }
.bg-travertino { background-color: #EAD8B2; }
.bg-lacre-rojizo { background-color: #52160B; }
.bg-charcoal-black { background-color: #1E1E1E; }

.color-antique-gold { color: #635130; }
.color-gris-caliza { color: #DBE0E4; }
.color-ocre-mineral { color: #9A8453; }
.color-greige { color: #D0CABE; }
.color-pale-gold { color: #C3AE7E; }
.color-lacre-profundo { color: #361B14; }
.color-blanco-tiza { color: #F9F7F2!important; }
.color-travertino { color: #EAD8B2; }
.color-lacre-rojizo { color: #52160B; }
.color-charcoal-black { color: #1E1E1E; }


.bg-gama-oro-patrimonial {
  /* Fallback color (por si no soporta gradients) */
  background: #635130;

  /* Old browsers */
  background: -webkit-linear-gradient(135deg,
    #635130,
    #9A8453,
    #C3AE7E,
    #EAD8B2
  );

  /* Firefox antiguo */
  background: -moz-linear-gradient(135deg,
    #635130,
    #9A8453,
    #C3AE7E,
    #EAD8B2
  );

  /* Opera antiguo */
  background: -o-linear-gradient(135deg,
    #635130,
    #9A8453,
    #C3AE7E,
    #EAD8B2
  );

  /* Standard moderno */
  background: linear-gradient(135deg,
    #635130,
    #9A8453,
    #C3AE7E,
    #EAD8B2
  );
}


.border-antique-gold { border: 2px solid #635130!important; }
.border-gris-caliza { border: 2px solid #DBE0E4!important; }
.border-ocre-mineral { border: 2px solid #9A8453!important; }
.border-greige { border: 2px solid #D0CABE!important; }
.border-pale-gold { border: 2px solid #C3AE7E!important; }
.border-lacre-profundo { border: 2px solid #361B14!important; }
.border-blanco-tiza { border: 2px solid #F9F7F2!important; }
.border-travertino { border: 2px solid #EAD8B2!important; }
.border-lacre-rojizo { border: 2px solid #52160B!important; }
.border-charcoal-black { border: 2px solid #1E1E1E!important; }




.border-bottom-antique-gold { border-bottom: 2px solid #635130!important; }
.border-bottom-gris-caliza { border-bottom: 2px solid #DBE0E4!important; }
.border-bottom-ocre-mineral { border-bottom: 2px solid #9A8453!important; }
.border-bottom-greige { border-bottom: 2px solid #D0CABE!important; }
.border-bottom-pale-gold { border-bottom: 2px solid #C3AE7E!important; }
.border-bottom-lacre-profundo { border-bottom: 2px solid #361B14!important; }
.border-bottom-blanco-tiza { border-bottom: 2px solid #F9F7F2!important; }
.border-bottom-travertino { border-bottom: 2px solid #EAD8B2!important; }
.border-bottom-lacre-rojizo { border-bottom: 2px solid #52160B!important; }
.border-bottom-charcoal-black { border-bottom: 2px solid #1E1E1E!important; }




.bg-blanco{
    background: #fff!important;
    background-color: #fff!important;
}








/*.texto-degradado {

  background: linear-gradient(90deg, #715d38, #ddcba4, #715d38);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}*/



.texto-degradado {
  /* Fallback color (por si no soporta gradients) */
  background: #635130;

  /* Old browsers */
  background: -webkit-linear-gradient(135deg,
    #635130,
    #9A8453,
    #C3AE7E,
    #EAD8B2
  );

  /* Firefox antiguo */
  background: -moz-linear-gradient(135deg,
    #635130,
    #9A8453,
    #C3AE7E,
    #EAD8B2
  );

  /* Opera antiguo */
  background: -o-linear-gradient(135deg,
    #635130,
    #9A8453,
    #C3AE7E,
    #EAD8B2
  );

  /* Standard moderno */
  background: linear-gradient(135deg,
    #635130,
    #9A8453,
    #C3AE7E,
    #EAD8B2
  );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/*TEXTOS--------------------------------------------------------------------------------------------------------------------*/




.tittle-text{
    font-size:3rem!important;
    font-family: 'Libre Baskerville'!important;
    letter-spacing: 0em;
}


.subtittle-text{
    font-size: 1.5rem!important;
    font-family: 'Jost';
    letter-spacing: 0em;

}

.item-text{
    font-family: 'Inter';
     font-size: 1rem;
    letter-spacing: 0em;
    font-weight: 300;
}
.card-text{
    font-family: 'Inter';
    font-size: 1rem;
    letter-spacing: 0em;

}

.parrafo{
    font-size: 1rem;
    font-family: 'Inter';
    letter-spacing: 0em;
    text-align: justify;
    hyphens: auto;

}

.buttom-text{
    text-wrap-mode: nowrap;
    font-size: 14px;
    text-transform: uppercase !important;
    font-family: 'Libre Baskerville'!important;
    letter-spacing:0em; 

}

.form-text-2{
    font-size: 14px!important;
    text-transform: uppercase !important;
    font-family: 'Inter'!important;
    letter-spacing: 0em;
}

.menu-text{
    font-size: 12px!important;
    text-transform: uppercase !important;
    font-family: 'Inter'!important;
    letter-spacing:0em;
}

.icon-redes{
    font-size: 32px;
}


.icon-redes-2{
    font-size: 23px;
}





/*Menu///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
header{
    z-index: 2;
}
.menu-principal .nav-link::after {
  content: "";
  height: 1px;
  width: 0;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: -2px;
  transition: width 0.3s ease;
      border: none;
}

.menu-principal .nav-link:hover::after {
  width: 100%;
}

.menu-principal .nav-link.active_menu::after {
  width: 100%;
}


.scroll-activo{
    position: fixed!important;
}

.navbar{     
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}
.nav-link{     
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}


.nav-link:hover{
    color: #D0CABE !important;
}

.scroll-activo .navbar{background: #F9F7F2 !important;}
.scroll-activo .menu-principal .nav-link{color: #635130 !important;}
.scroll-activo .menu-principal .nav-link::after {

  background: #9C7952!important;
 
}



.navbar-brand img{
    width: 300px;
}


.scroll-activo .navbar-brand img{
    width: 300px;
}

/*Hero///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*.hero{
    height: 100vh;
    width: 100%;
    background: url(../images/hero-bg-2.jpg);
    background-attachment: fixed; 
  background-size: cover;
  background-position: center -40px;
  background-repeat: no-repeat;
  min-height: 100vh;
  position: relative;
  z-index: 1;
}*/
.hero {
  height: 100vh;
  width: 100%;
  background: url(../images/hero-bg-2.jpg);
  background-size: cover;
  background-position: center -40px;
  background-repeat: no-repeat;
  min-height: 100vh;
  position: relative;
  z-index: 1;
  will-change: background-position; /* mejora rendimiento */
}

.hero .listaDestacadasHero .container-fluid::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 0;
    backdrop-filter: blur(0px) grayscale(0.5);
}


.content-hero{
    position: absolute;
    inset: 0;

}

.hero-content h1{
    font-size: 85px!important;
}
.hero-content-2 h1{
    font-size: 3.5rem;
}

.bg-nosotros {
  background-image: url(../img/bg-nosotros-2-01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



.nosotros .container-fluid::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 0;
    backdrop-filter: blur(2px) grayscale(0.7);
}

/*BOTONES/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.search-icon{
    width: 50px;
    height: 50px;
    padding: 10px;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}


.btn:hover > .search-icon {
    width: 150px;
    height: 50px;
    padding: 10px 20px;
    border-radius: 50px;
    margin-left: -100px;
        -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;

}
.search-icon i{
          -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.btn:hover > .search-icon i{
    padding-left: 75px;
           -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}



.btn-rounder{
    border-radius: 50px;
}

.gradient-oro{
    background: linear-gradient(45deg, #aa843f, #dbb571);
    }


/*SELECT/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.custom-select {
  background-image: none;
}
.custom-select-wrapper::after {
  content: '\f078'; /* fa-chevron-down en Font Awesome */
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  color: #F9F7F2;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 0.8rem;
}





select option {
  color: #000;
  background-color: #fff;
  font-family: 'PP Nikkei Maru Light', sans-serif;
  font-size: 1rem;
  letter-spacing: calc(10 / 1000 * 1rem); 
}



/*INPUT/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

input{
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 97%;
}
input:focus{
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%!important;
    padding-top: 18px !important;
}


textarea{
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 97%;
}
textarea:focus{
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%!important;
    padding-top: 18px !important;
}



select{
    
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 97%!important;
}
select:focus{
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%!important;
    /*padding-top: 18px !important;*/
}
/*SERVICIOS////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.card-seervice{
    background: #F9F7F200;
    width: auto;
    height: auto;
    bottom: 0;
    left: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

}

.box-service img{
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.box-service:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


.box-service:hover .card-seervice{
    width: 100%;
    background:#F9F7F2!important;
     -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    
}

.service-completo .card-seervice{height: 110px;}
.service-completo .box-service:hover .card-seervice{
 height: 75%;
}

.box-service:hover .card-seervice h2, .box-service:hover .card-seervice span{
    border-color: #635130!important;
    color: #635130!important; 
}


.service-p{
    height: 0;
    overflow: hidden;
     -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.box-service:hover .service-p{
    height: 75%;
     -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
/*TASACIONES//////////////////////////////////////////////////////////////////////////////////////////////////////*/


.tasaciones-section{
    background-image: url(../images/hero-bg-2.jpg);
    background-position-y: 50%;
    background-size: cover;
}


/*PROPIEDADES/////////////////////////////////////////////////////////////////////////////////////////////////////*/

.card-prop {
    min-height: 300px;
    align-content: center;
}
.card-prop h2{
    font-size: 24px;
    text-transform: uppercase;
}

.card-prop h2 span{
    font-size: 24px;

}

.card-prop h4{
    font-size: 16px;
}

.card-prop span{
    font-size: 16px;
}


.prop-item img {
    height: 650px;
    width: 100%;
    object-fit: cover;
}

/*.img-content-card::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: -webkit-linear-gradient(90deg, #1e1e1eba, #00000000);
}*/
.arrow-left{
    right: 75px;
    bottom: 20px;
    z-index: 10;
}
.arrow-right{
    right: 20px;
    bottom: 20px;
    z-index: 9;
}


.page-link {
    padding: .5rem .75rem;
    min-width: 50px;
    min-height: 50px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}



.active>.page-link, .page-link.active {
    background: #635130 !important;
    background-color: #635130 !important;
    color:#F9F7F2 !important;
    border-color: #635130 !important;

}

.page-link{
    border-radius: 100%;
}

.page-item:first-child .page-link {
    border-top-left-radius:100%;
    border-bottom-left-radius: 100%;
}
.page-item:last-child .page-link {
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
}



.img-empre::before{
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    left: 0;
    top: 0;
    backdrop-filter: blur(0px) grayscale(0.4);
}
/*BLOG///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.avatar{
    width: 70px;
    height: 70px;
    border-radius: 100%;
    padding: 15px;
}

.avatar img{
    width: 40px;
    height: 40px;
    object-fit: cover;

}


/*TASACIONES/////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.tasaciones-section .custom-select-wrapper::after {

   color: #635130!important;
    top: 35%!important;

}
.tasaciones-section textarea{height:168px!important}



/*BLOG///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/





/*MOBILE///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 767px) {
.w-sm-100{
    width: 100%!important;
}

.h-sm-50{
    height: 50%!important;
}


.hero-content h1{
    font-size: 60px!important;
}

.hero-content{
    height: 60%!important;
}


.hero-content-2 h1{
    font-size: 2.7rem!important;
}

.hero-content-2{
    height: auto!important;
}

.tittle-text {
    font-size: 2.7rem!important;}

.navbar-toggler-icon-2{
    font-size: 24px!important;
}

.scroll-activo .navbar-toggler-icon-2 i{
    color:#9C7952!important;
}
.scroll-activo   { z-index: 11;}


.menu-text{
    font-size: 21px!important;
}


.nav-item{
padding: 5% 0;
}

.navbar-nav  .nav-item:first-child {
  padding-top: 15%;
}

.navbar-nav  .nav-item:last-child {
  padding-bottom: 70%;
}

.hero::before {
 
    background: rgba(0, 0, 0, 0.3);
 
}


.custom-select-wrapper::after {

    right: 1.75rem;
}


.banner-tasa::before{
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    left: 0;
    top: 0;
    backdrop-filter: blur(5px);

}

.tittle-text,.subtittle-text{z-index: 1;}


.box-service img{    height: 470px;
    object-fit: cover;
}

.card-text {
    font-size: 16px;
}
.prop-item{
        flex-direction: column-reverse!important;
}


.prop-item img {
    height: 350px;
}


.blog-section img{

    height: 200px;
    object-fit: cover;

}

.blog-item {
        flex-direction: column-reverse!important;
}
.blog-item img {
    height: 350px!important;
}

.avatar img {
    width: 40px!important;
    height: 40px!important;
    object-fit: cover;
}

.hero .slick-prev{
    left: 2%;
    top: 80%;
}

.hero .slick-next{
    right: 2%;
    top: 80%;
}

.navbar-brand img {
    width: 200px;
}
.scroll-activo .navbar-brand img {
    width: 180px;
}
}

@media (min-width: 768px) and (max-width: 1400px) {
    .hero-content h1 {
    font-size: 75px !important;
}
}