@import url("scrollbar.css") all;
@import url("opacity.css") all;
@import url("form.css") all;
@import url("nav.css") all;
@import url("squares.css");
@import url("breakpoints.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* VARIABLES GENERALES */
:root{
    
    /* Primary Colors */
    --primary-color: #045959;
    --primary-color-light: #408686; 
    --primary-color-dark: #002f30;

    /* Secondary Colors */
    --secondary-color: #ff9800;
    --secondary-color-light: #ffc457;
    --secondary-color-dark: #c66900;

    /* Text Colors */
    --text-title: #004c3f;
    --text-color: #37474f;
    --text-light: #c7c7c7;
    
    --grey-light: #f2ecec;

    --light-color: white;
    
    /* Fonts */
    --primary-font: Montserrat, Sans; 
    --secondary-font: Roboto, Sans;
}
/* CLASES PLANTILLA */
.primary-txt{
    color: var(--primary-color) !important;
}
.primary-bg{
    background-color: var(--primary-color) !important;
}

.primary-txt-light{
    color: var(--primary-color-light) !important;
}
.primary-bg-light{
    background-color: var(--primary-color-light) !important;
}

.primary-txt-dark{
    color: var(--primary-color-dark) !important;
}
.primary-bg-dark{
    background-color: var(--primary-color-dark) !important;
}

.secondary-txt{
    color: var(--secondary-color) !important;
}
.secondary-bg{
    background-color: var(--secondary-color) !important;
}

.secondary-txt-light{
    color: var(--secondary-color-light) !important;
}
.secondary-bg-light{
    background-color: var(--secondary-color-light) !important;
}

.secondary-txt-dark{
    color: var(--secondary-color-dark) !important;
}
.secondary-bg-dark{
    background-color: var(--secondary-color-dark) !important;
}

.gray-bg{
    background-color: var(--grey-light);
}

.light-txt{
    color: var(--text-light) !important;
}

.title-txt{
    color: var(--text-title) !important;
}

.color-txt{
    
    color: var(--text-color) !important;
}
/* TERMINA VARIABLES GENERALES */

h1{
    font-family: var(--primary-font);
    font-weight: 300;
    letter-spacing: 0em;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.24);
}

h2{
    font-family: var(--primary-font);
    font-weight: 300 !important;
    /*font-size: 3.5rem;*/
    letter-spacing: 0em;
    

}

h3{
    font-family: var(--primary-font);
    font-weight: normal !important;
    /*font-size: 3rem;*/
}

h4{
    font-family: var(--primary-font);
    font-weight: normal !important;
    /*font-size: 2.1rem;*/
    letter-spacing: 0em;
}

h5{
    font-family: var(--primary-font);
    font-weight: normal !important;
    /*font-size: 1.5rem;*/
}

h6{
    font-family: var(--primary-font);
    font-weight: 500;
    /*font-size: 1.25rem;*/
    letter-spacing: 0em;
}

.body-uno{
    font-family: var(--secondary-font);
    font-weight: normal !important;
    /*font-size: 1rem;*/
    letter-spacing: 0em;
}

.body-dos{
    font-family: var(--secondary-font);
    font-weight: normal;
    font-size: 0.875rem;
    letter-spacing: 0em;
}

.btn-txt{
    font-family: var(--secondary-font);
    font-weight: 500;
    /*font-size: 0.875rem;*/
    letter-spacing: 0em;
    text-transform: uppercase;
}

.overline{
    font-weight: normal;
    /*font-size: 0.625rem;*/
    letter-spacing: 0em;
    text-transform: uppercase;
}

.caption{
    font-family: var(--secondary-font);
    font-weight: normal;
    font-size: 0.75rem;
    letter-spacing: 0em;
    text-transform: uppercase;
}

p{
    color: var(--text-color);
}


/*BORDER */
.rounded-4{
    border-radius: 1rem;
}

.rounded-5{
    border-radius: 2rem;
}

.rounded-6{
    border-radius: 3rem;
}

/* Contact Section */

.leaf-bg{
    background-image: url("/img/hada-copr-naturaleza-inmobiliaria.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}



/* Construction Advice */

.construction-adv{
    background-color: var(--grey-light);
    background-image: url("/img/leaf-hada-corp.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 100vh;
}

/* Button Styles Custom */

.btn-link.active, 
.btn-link.active:focus, 
.btn-link.focus, 
.btn-link:active, 
.btn-link:active:focus, 
.btn-link:focus, 
.btn-link:hover {
    background-color:#0000000d;
}

/* Radial Background */

.radial-gray-bg-half{
    background: rgb(242,236,236);
    background: -moz-linear-gradient(180deg, rgba(242,236,236,1) 0%, rgba(242,236,236,1) 50%, rgba(255,255,255,1) 50%);
    background: -webkit-linear-gradient(180deg, rgba(242,236,236,1) 0%, rgba(242,236,236,1) 50%, rgba(255,255,255,1) 50%);
    background: linear-gradient(180deg, rgba(242,236,236,1) 0%, rgba(242,236,236,1) 50%, rgba(255,255,255,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2ecec",endColorstr="#ffffff",GradientType=1);
}


/*FIGCAPTION MIN WIDTH*/


.fig-with{
    min-width: 160px;
}