:root{
    --blanco:rgb(255 255 255);/*  */
    --paja:rgb(242 217 141);/* #F2D98D */
    --miel:rgb(242 205 94); /* #F2CD5E */
    --dorado:rgb(191 127 48);/* #BF7F30 */
    --marron:rgb(64 30 23);/* #401E17 */
    --gris5:rgb(13 13 13);/* #0D0D0D */

    --pajaHover:rgb(242 ,217, 141,0.5);/* #F2D98D */
    --mielHover:rgb(242, 205 ,94,0.8); /* #F2CD5E */
    --doradoHover:rgb(191 ,127, 48,0.5);/* #BF7F30 */
    --marronHover:rgb(64, 30, 23,0.8);
    --gris5Hover:rgb(13 ,13 ,13,0.65);/* #0D0D0D */

    --doradoBgLogin:rgb(191 ,127, 48,0.8);/* #BF7F30 */

    --sombra:rgba(0, 0, 0, 0.5);
    --transparente:rgb(255, 255, 255,0.3);

    --bs-navbar-color:var(--paja);
}

.blanco{ color: var(--blanco) !important; }
.miel{ color: var(--miel) !important; }
.mielBg{ background-color: var(--miel); }
.mielHoverBg{ background-color: var(--mielHover); }
.paja{ color: var(--paja) !important; }
.pajaBg{ background-color: var(--paja); }
.dorado{ color: var(--dorado) !important; }
.doradoBg{ background-color: var(--dorado); }
.doradoHover{ background-color: var(--doradoHover); }
.marron{ color: var(--marron) !important; }
.marronBg{ background-color: var(--marron); }
.marronHover{ color: var(--marronHover) !important; }
.marronHoverBg{ background-color: var(--marronHover); }
.gris5{ color: var(--gris5) !important; }
.sombra{ color: var(--sombra) !important; }
.transparente{ color: var(--transparente) !important; }
.sombra{ box-shadow:0 0 1rem var(--sombra); }

body,html {
    max-width: 1700px;
    box-sizing: border-box;
    margin: 0 auto;
}

body{
    min-height: 100vh;
    background-color: var(--dorado);
}

.hcaptcha-wrapper {
    overflow: hidden;  /* Todo lo que se salga se oculta */
    height: 78px;      /* Ajusta este valor. Suele ser suficiente para ocultar los enlaces */
    width: fit-content; /* O el ancho que necesites */
    margin: 0 auto;    /* Para centrarlo si es necesario */
}

nav{ background-color: var(--marron); border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
footer{ background-color: var(--marron); border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; }
label{ color: var(--marron); font-weight: 500; }
h1,h3{ color: var(--marron); }
h2{ color: var(--paja); }

.sectionFormat{ border-radius: 1rem; width: 90%; }


/* NAV-PILLS */
.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: var(--marron) !important;
  --bs-nav-pills-link-active-bg: var(--paja) !important;
}

.nav-link:hover, .nav-link:focus {
    background-color: var(--paja);
}

.navbar-toggler{ color: var(--paja) !important; }

span .navbar-toggler-icon{ color: var(--paja) !important; }

.dropdown-menu{ --bs-dropdown-bg: var(--marron); --bs-dropdown-link-hover-bg:var(--paja); }

.dropdown-item{ color: var(--paja); }

.dropdown-item:hover, .dropdown-item:focus { background-color: var(--paja); color: var(--marron) !important;}

.dropdown-item.active, .dropdown-item:active { color: var(--marron) !important; text-decoration: none; background-color: var(--paja); }

*, *:before, *:after {
    box-sizing: inherit;
}

/* BOTON PRIMARY */
.btn-primary{ background-color: var(--paja) !important; color:var(--marron) !important; border: none; }
.btn-primary:hover{ background-color: var(--miel) !important; color:var(--marron) !important; border: none; }

/* BOTON SECONDARY */
.btn-secondary{ background-color: var(--dorado) !important; color:var(--marron) !important; border: none; }
.btn-secondary:hover{ background-color: var(--miel) !important; color:var(--marron) !important; border: none; }


/* ANCLAS DE IDIOMAS */
.gtranslate_wrapper a {
  color: var(--paja) !important;
  text-decoration: underline;
}
a:hover { color: var(--paja) !important; }

.cell a:hover { color: var(--gris5) !important; }

.carousel-inner{ border-radius: 0.75rem; }

.bodybglogin{
    background-image:linear-gradient(var(--doradoBgLogin),var(--doradoBgLogin)), url(/assets/images/living-room.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
}

.mainlogin{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    text-align: center;
    width: 430px;
    margin: 0 auto;
}

.frmlogin{
    padding: 2rem;
    background-color:var(--marronHover);
    border-radius: 0.5rem;
    box-shadow:0 0 1rem var(--sombra);
    width: 75%;
}

.txtemail,.txtpass{
    margin-bottom: 1rem;
}

.btnsendmainlogin{
    margin-top: 1.5rem;
}

.optionsmainlogin{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 2rem;
}

.mainloginancla{
    text-decoration: none;
    color: var(--paja);
}

/* .containerbtnhomepage{
    margin-top: 2rem;
} */

.btnhomepage {
    font-size: 1.5rem;
    font-weight: 500;
}

.frmproperties{
    padding: 2rem;
    background-color:rgba(255, 255, 255, 0.7);
    border-radius: 0.5rem;
    box-shadow:0 0 1rem var(--sombra);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.laa{
    width: 200px;
    height: 200px;
}

form *{
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

/* CAROUSEL IMAGES */
.c1{
  background-image: url(../../images/carousel/apartments.webp);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.c2{
  background-image: url(../../images/carousel/condos.webp);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.c3{
  background-image: url(../../images/carousel/houses.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.c4{
  background-image: url(../../images/carousel/townhomes.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.c5{
  background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../../images/contact-us.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

/* CAROUSEL BUTTONS */
.carou-buttons{ width: 48px; height:48px; border-radius:50%; background-color:var(--gris5); top:43%; }

.overlay-div {
    left:20%;
    right: 20%;
    width:max-content;
    height:50%;
    background-color: var(--marronHover); /* Semi-transparent black */
    display: none; /* Hidden by default */
    z-index: 1000; /* Ensure it's on top */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1.5rem;
    border-radius: 1rem;
    color: var(--blanco);
}
@media(max-width:1200px){
    .overlay-div{ height: max-content; }
}

.rounded{ background-color: var(--paja); }

/*LOGO POR QUE ESCOGERNOS*/
.logosize{
    max-width: 100%;
    height: auto;
}

.logosizebroker{
    width: 150px;
    margin-right: 2rem;
}

/* CARD */

.card{
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    box-shadow:0 0 1rem var(--sombra);
    width: 23rem;
    padding: 1rem;
    background-color: var(--marronHover);
}

.cardimg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 15rem;
    border-radius: 0.5rem;
}

.card-body{
    height: auto;
}

.card-text{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

i{
    margin-right: 5px;
}

.card-text:last-child{
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.cardbtn{
    height: 4rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.cardbtnw{
    width: 100%;
}

.address{
    height: 5rem;
    text-align: center;
}

.price .features{
    height: 1rem;
}

.description{
    height: 5rem;
}

.page{
    width: 100%;
}

.text-white {
    --bs-text-opacity: 1;
    color:var(--marron)  !important;
}

/* FORM ADD */
.main{
    height: 92vh;
    display: flex;
    align-items: center;
}
@media(max-width:430px){
    .main{ height: auto; }
}

.estructura{
    padding: 2rem;
    background-color:var(--marronHover);/*rgba(211, 211, 211, 0.8);*/
    background-attachment: fixed;
    border-radius: 0.5rem;
    box-shadow:0 0 1rem var(--sombra);
}
@media(max-width:430px){
    .d-flex{
        flex-direction: column;
    }
    .estructura{
        margin-top: 3rem;
        margin-bottom: 3rem;
        width: 90%;
        height: auto;
    }
}

.divide{
    padding: 1px;
}

/* DIVISORES */
.line {
    border-top: 1px solid var(--paja);
    width: 70vw;
    margin-top: 5rem;
    margin-bottom: 2rem;
}

.start {
    display: flex;
    justify-content: end;
    align-items: start;
    color: var(--paja);
}

.end {
    display: flex;
    justify-content: start;
    align-items: end;
    color: var(--paja);
}


/* EFECTOS DE CARDS ABOUT US */
.section-about-us{
    max-width: 1800px;
    margin:0 auto;
    padding:2rem 3rem;
    border-radius:0.75rem;
}

.card-fx{ transition: all 0.3s ease; }

.card-fx:hover{ transform: scale(1.02); }

.container-icons-card{
    width: 150px;
    height: 150px;
    background-color:var(--paja);
    border-radius:50%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    font-size:3rem;
    padding:0;
    margin: 0 auto;
    transition: all 0.3s ease;
}
.icons-colors{ transition: transform 0.75s ease-in-out; color: var(--gris5Hover); }

.card-size-icons{ width: 100px; height: 100px; }

.card-fx:hover .container-icons-card{ background-color:var(--paja); }

.card-fx:hover .icons-colors{ color:var(--gris5); transform: rotateY(180deg); }


/* CTA */
.cta-ammediate-attention {
    background-image: linear-gradient(var(--gris5Hover), var(--gris5Hover)), url(/assets/images/buy-house.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 3rem;
    text-align: center;
    height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0.75rem;
}

.cta-content h2 { color: var(--blanco); font-size: 3.5rem; margin-bottom: 10px; }

.cta-content p { color: var(--miel); font-size: 1.5rem; font-weight: 500; margin-bottom: 30px; }

.cta-buttons {display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }

.btn-wa { gap: 10px; padding: 0.5rem 1rem; border-radius: 0.5rem; text-decoration: none; min-width: 16rem; }

.btn-buy { background-color: var(--paja); color: var(--marron); }

.btn-buy:hover { background-color: var(--miel) !important; color: var(--gris5) !important; }

.btn-sell { background-color: var(--paja) !important; color: var(--marron) !important; }

.btn-sell:hover { background-color: var(--miel) !important; color:var(--gris5) !important; }

/* FIN CTA */

/* ITALIANNO FONT */
.italianno-regular a {
  font-family: "Italianno", cursive;
  font-weight: 500;
  font-style: normal;
  font-size: 3rem;
  text-decoration: none;
  color:var(--paja);
}

/* SECTION CONTACT-US */
.gradient-left{
    background-image: linear-gradient(to left,var(--paja),var(--dorado)); 
    border-radius: 0.75rem;
}
.gradient-right{
    background-image: linear-gradient(to right,var(--paja),var(--dorado)); 
    border-radius: 0.75rem;
}

.gradient-bottom{
    background-image: linear-gradient(to bottom,var(--paja),var(--dorado)); 
    border-radius: 0.75rem;
}

.gradient-top{
    background-image: linear-gradient(to top,var(--paja),var(--dorado)); 
    border-radius: 0.75rem;
}

.contenedor-contact-us{
    text-align:center; align-items:center;
}
.max-size-img-contact-us{
    max-width: 100%;
}
.label-about-us{
    font-family:italianno; font-size:6rem;
}

/* SECTION FIND YOUR IDEAL HOME */
.section-find-home{
    background-image: linear-gradient(var(--gris5Hover), var(--gris5Hover)), url(/assets/images/find-home.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 3rem;
    text-align: center;
    height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0.75rem;
}

.h2-find{ font-size:3.5rem; font-weight:normal; }

.p-find{ font-size:1.5rem; font-weight: 500; }

.contenedor{ background-color: var(--marronHover); padding: 1rem 2rem; border-radius: 0.5rem;}

.input-select{ padding: 0.5rem 1rem; border-radius: 0.5rem; width: 100%; margin-bottom: 0.5rem;}

.btn-search-properties{ padding: 0.5rem 1rem; border-radius: 0.5rem; background-color: var(--paja) !important; color: var(--marron) !important; width: 100%; };
/*transition: all 0.3s ease;}*/

.btn-search-properties:hover{ background-color:var(--miel) !important; color: var(--gris5) !important; } 

/* ETIQUETA DE PROPIEDADES DESTACADAS */
.etiqueta-propiedad{
    position: absolute;
    top: 1.75rem;
    right: 1.75rem;
    background-color:var(--paja) !important;
    color: var(--marron) !important;
    padding: 0.5rem;
    border-radius: 0.25rem;
    width: 8rem;
    text-align: center;
    font-weight: 600;
}

/* NAV LINK COLOR */
.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--paja);
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.nav-link:hover, .nav-link:focus {
  color: var(--marron) !important;
}

/* FOOTER */
.rowfooter>div{
    display: flex;
    flex-direction: column;
}
.branding p{ color:var(--paja); }

.circle{ display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: var(--paja); width: 40px; height: 40px; }

.fa-brands, .fa-solid{ color: var(--marron);  transition: all 1.5s ease; }

.circle:hover .fa-brands{ transform: rotateY(360deg); background-color: var(--miel); color: var(--dorado); }

.footer-titles, .footer-titles ul li, .footer-titles a{ color:var(--paja) !important; text-decoration: none; list-style: none; }

.social-nt{ color:var(--gris5) !important; display: flex; flex-direction: row; gap: 5px; margin-bottom: 1rem; }

.copyright p, a{ color: var(--paja); text-decoration: none; }

hr { margin:0; }

.row iframe{ width: 100% !important; height: 450px; padding: 0; border-radius: 0.5rem; margin: 0 auto; }

.map iframe{ width: 100% !important; height: 250px; padding: 0; border-radius: 0.5rem; margin: 0 auto; }

.text-footer { color: var(--paja) !important }

.form-floating> .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select 
{
  height: auto;
  line-height: 1.25;
}

.gradient-right .getintouch{ background-color: var(--paja) !important; color: var(--marron) !important; }

.gradient-right .getintouch:hover{ background-color: var(--miel) !important; color: var(--gris5) !important; }

.alert-primary{ --bs-alert-color: var(--marron) !important; --bs-alert-bg: var(--paja) !important; --bs-alert-border-color: none; }

.alert-info { --bs-alert-color: var(--marron) !important; --bs-alert-bg: var(--paja) !important; --bs-alert-border-color: none; }

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--marron) !important;
  text-decoration: none;
  background-color: var(--paja) !important;
  border: none;
}

.page-link:hover { z-index: 2; color: var(--marron) !important; }

/* pagina buy */
.accordion {
  --bs-accordion-color: var(--marron);
  --bs-accordion-bg: var(--paja);
  --bs-accordion-border-color: var(--paja);
  --bs-accordion-btn-color: var(--marron);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(64 30 23)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(242 217 141)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-active-color: var(--paja);
  --bs-accordion-active-bg: var(--marron);
  --bs-accordion-btn-focus-border-color: var(--dorado);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--paja);/* rgba(13, 110, 253, 0.25);*/
  --bs-accordion-border-width: 0.5px;
}

.accordion-button:focus {
  z-index: 3;
  border-color: transparent; /*var(--bs-accordion-btn-focus-border-color);*/
  outline: 0;
  box-shadow:none;/* var(--bs-accordion-btn-focus-box-shadow);*/
}

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-bottom: 1px solid var(--paja);
}

.list-group-item{ background-color: var(--marron); }