/*fuentes y fuentes CDN*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta-Black.eot');
    src: url('../fonts/Averta-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-Black.woff2') format('woff2'),
        url('../fonts/Averta-Black.woff') format('woff'),
        url('../fonts/Averta-Black.ttf') format('truetype'),
        url('../fonts/Averta-Black.svg#Averta-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta-BlackItalic.eot');
    src: url('../fonts/Averta-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-BlackItalic.woff2') format('woff2'),
        url('../fonts/Averta-BlackItalic.woff') format('woff'),
        url('../fonts/Averta-BlackItalic.ttf') format('truetype'),
        url('../fonts/Averta-BlackItalic.svg#Averta-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta-ExtraBoldItalic.eot');
    src: url('../fonts/Averta-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Averta-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Averta-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/Averta-ExtraBoldItalic.svg#Averta-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Averta Extrathin';
    src: url('../fonts/Averta-Extrathin.eot');
    src: url('../fonts/Averta-Extrathin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-Extrathin.woff2') format('woff2'),
        url('../fonts/Averta-Extrathin.woff') format('woff'),
        url('../fonts/Averta-Extrathin.ttf') format('truetype'),
        url('../fonts/Averta-Extrathin.svg#Averta-Extrathin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Averta Extrathin';
    src: url('../fonts/Averta-ExtrathinItalic.eot');
    src: url('../fonts/Averta-ExtrathinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-ExtrathinItalic.woff2') format('woff2'),
        url('../fonts/Averta-ExtrathinItalic.woff') format('woff'),
        url('../fonts/Averta-ExtrathinItalic.ttf') format('truetype'),
        url('../fonts/Averta-ExtrathinItalic.svg#Averta-ExtrathinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta-Thin.eot');
    src: url('../fonts/Averta-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-Thin.woff2') format('woff2'),
        url('../fonts/Averta-Thin.woff') format('woff'),
        url('../fonts/Averta-Thin.ttf') format('truetype'),
        url('../fonts/Averta-Thin.svg#Averta-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta-BoldItalic.eot');
    src: url('../fonts/Averta-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-BoldItalic.woff2') format('woff2'),
        url('../fonts/Averta-BoldItalic.woff') format('woff'),
        url('../fonts/Averta-BoldItalic.ttf') format('truetype'),
        url('../fonts/Averta-BoldItalic.svg#Averta-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta-Bold.eot');
    src: url('../fonts/Averta-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-Bold.woff2') format('woff2'),
        url('../fonts/Averta-Bold.woff') format('woff'),
        url('../fonts/Averta-Bold.ttf') format('truetype'),
        url('../fonts/Averta-Bold.svg#Averta-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta-Semibold.eot');
    src: url('../fonts/Averta-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-Semibold.woff2') format('woff2'),
        url('../fonts/Averta-Semibold.woff') format('woff'),
        url('../fonts/Averta-Semibold.ttf') format('truetype'),
        url('../fonts/Averta-Semibold.svg#Averta-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta-Light.eot');
    src: url('../fonts/Averta-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-Light.woff2') format('woff2'),
        url('../fonts/Averta-Light.woff') format('woff'),
        url('../fonts/Averta-Light.ttf') format('truetype'),
        url('../fonts/Averta-Light.svg#Averta-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta-LightItalic.eot');
    src: url('../fonts/Averta-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-LightItalic.woff2') format('woff2'),
        url('../fonts/Averta-LightItalic.woff') format('woff'),
        url('../fonts/Averta-LightItalic.ttf') format('truetype'),
        url('../fonts/Averta-LightItalic.svg#Averta-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta-ExtraBold.eot');
    src: url('../fonts/Averta-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-ExtraBold.woff2') format('woff2'),
        url('../fonts/Averta-ExtraBold.woff') format('woff'),
        url('../fonts/Averta-ExtraBold.ttf') format('truetype'),
        url('../fonts/Averta-ExtraBold.svg#Averta-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta-Regular.eot');
    src: url('../fonts/Averta-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-Regular.woff2') format('woff2'),
        url('../fonts/Averta-Regular.woff') format('woff'),
        url('../fonts/Averta-Regular.ttf') format('truetype'),
        url('../fonts/Averta-Regular.svg#Averta-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta-ThinItalic.eot');
    src: url('../fonts/Averta-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-ThinItalic.woff2') format('woff2'),
        url('../fonts/Averta-ThinItalic.woff') format('woff'),
        url('../fonts/Averta-ThinItalic.ttf') format('truetype'),
        url('../fonts/Averta-ThinItalic.svg#Averta-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta-SemiboldItalic.eot');
    src: url('../fonts/Averta-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-SemiboldItalic.woff2') format('woff2'),
        url('../fonts/Averta-SemiboldItalic.woff') format('woff'),
        url('../fonts/Averta-SemiboldItalic.ttf') format('truetype'),
        url('../fonts/Averta-SemiboldItalic.svg#Averta-SemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta-RegularItalic.eot');
    src: url('../fonts/Averta-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-RegularItalic.woff2') format('woff2'),
        url('../fonts/Averta-RegularItalic.woff') format('woff'),
        url('../fonts/Averta-RegularItalic.ttf') format('truetype'),
        url('../fonts/Averta-RegularItalic.svg#Averta-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: IvyMode;
    src: url('../fonts/IvyMode-Regular.eot');
    src: local('../fonts/Ivy Mode Regular'), local('../fonts/IvyMode-Regular'),
        url('../fonts/IvyMode-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IvyMode-Regular.woff2') format('woff2'),
        url('../fonts/IvyMode-Regular.woff') format('woff'),
        url('../fonts/IvyMode-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: IvyMode;
    src: url('../fonts/IvyMode-LightItalic.eot');
    src: local('../fonts/Ivy Mode Light Italic'), local('../fonts/IvyMode-LightItalic'),
        url('../fonts/IvyMode-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IvyMode-LightItalic.woff2') format('woff2'),
        url('../fonts/IvyMode-LightItalic.woff') format('woff'),
        url('../fonts/IvyMode-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: IvyMode;
    src: url('../fonts/IvyMode-SemiBoldItalic.eot');
    src: local('../fonts/Ivy Mode SemiBold Italic'), local('../fonts/IvyMode-SemiBoldItalic'),
        url('../fonts/IvyMode-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IvyMode-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/IvyMode-SemiBoldItalic.woff') format('woff'),
        url('../fonts/IvyMode-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: IvyMode;
    src: url('../fonts/IvyMode-ThinItalic.eot');
    src: local('../fonts/Ivy Mode Thin Italic'), local('../fonts/IvyMode-ThinItalic'),
        url('../fonts/IvyMode-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IvyMode-ThinItalic.woff2') format('woff2'),
        url('../fonts/IvyMode-ThinItalic.woff') format('woff'),
        url('../fonts/IvyMode-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: IvyMode;
    src: url('../fonts/IvyMode-Italic.eot');
    src: local('../fonts/Ivy Mode Italic'), local('../fonts/IvyMode-Italic'),
        url('../fonts/IvyMode-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IvyMode-Italic.woff2') format('woff2'),
        url('../fonts/IvyMode-Italic.woff') format('woff'),
        url('../fonts/IvyMode-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: IvyMode;
    src: url('../fonts/IvyMode-BoldItalic.eot');
    src: local('../fonts/Ivy Mode Bold Italic'), local('../fonts/IvyMode-BoldItalic'),
        url('../fonts/IvyMode-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IvyMode-BoldItalic.woff2') format('woff2'),
        url('../fonts/IvyMode-BoldItalic.woff') format('woff'),
        url('../fonts/IvyMode-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: IvyMode;
    src: url('../fonts/IvyMode-Bold.eot');
    src: local('../fonts/Ivy Mode Bold'), local('../fonts/IvyMode-Bold'),
        url('../fonts/IvyMode-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IvyMode-Bold.woff2') format('woff2'),
        url('../fonts/IvyMode-Bold.woff') format('woff'),
        url('../fonts/IvyMode-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: IvyMode;
    src: url('../fonts/IvyMode-Light.eot');
    src: local('../fonts/Ivy Mode Light'), local('../fonts/IvyMode-Light'),
        url('../fonts/IvyMode-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IvyMode-Light.woff2') format('woff2'),
        url('../fonts/IvyMode-Light.woff') format('woff'),
        url('../fonts/IvyMode-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: IvyMode;
    src: url('../fonts/IvyMode-Thin.eot');
    src: local('../fonts/Ivy Mode Thin'), local('../fonts/IvyMode-Thin'),
        url('../fonts/IvyMode-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IvyMode-Thin.woff2') format('woff2'),
        url('../fonts/IvyMode-Thin.woff') format('woff'),
        url('../fonts/IvyMode-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: IvyMode;
    src: url('../fonts/IvyMode-SemiBold.eot');
    src: local('../fonts/Ivy Mode SemiBold'), local('../fonts/IvyMode-SemiBold'),
        url('../fonts/IvyMode-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IvyMode-SemiBold.woff2') format('woff2'),
        url('../fonts/IvyMode-SemiBold.woff') format('woff'),
        url('../fonts/IvyMode-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
   
   html {
       font-size: 62.5%;
   }

   body {
       font-size: 1.6rem;
   }


   h1 {
    font-family: Ivimode;
    font-size: 4rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 4px;
    text-align: center;
    color: #80806b;
   }
   .disponible {
       fill: #08ff08;
   }

   .apartado {
       fill: yellow;
   }

   .vendido {
       fill: red;
   }

   .popover-estilizado {
       background: rgba(255, 255, 255, 0.95);
       border: 2px solid rgba(56, 75, 63, 0.70);
       border-radius: 12px;
       max-width: 250px;
       box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
   }

   .popover-estilizado .popover-header {
       background: rgba(56, 75, 63, 0.70);
       color: #fff;
       font-weight: bold;
       font-size: 1.8rem;
       text-align: center;
   }

   .popover-estilizado .popover-body {
       color: #333;
       font-size: 1.4rem;
       padding: 10px 16px;
   }

   .img-lote {
       width: 100%;
       height: auto;
       padding-bottom: .5rem;
   }

   /* Extra small devices (phones, 600px and down) */
   @media only screen and (max-width: 600px) {
   .popover-estilizado .popover-header {
       font-size: 1.4rem;
   }
   .popover-estilizado .popover-body {
       font-size: 1rem;
   }
   }

   /* Small devices (portrait tablets and large phones, 600px and up) */
   @media only screen and (min-width: 600px) {
   .popover-estilizado .popover-header {
       font-size: 1.4rem;
   }
   .popover-estilizado .popover-body {
       font-size: 1rem;
   }
   }

   /* Medium devices (landscape tablets, 768px and up) */
   @media only screen and (min-width: 768px) {
   .popover-estilizado .popover-header {
       font-size: 1.6rem;
   }
   .popover-estilizado .popover-body {
       font-size: 1.2rem;
   }
   }

   /* Large devices (laptops/desktops, 992px and up) */
   @media only screen and (min-width: 992px) {
   .popover-estilizado .popover-header {
       font-size: 1.8rem;
   }
   .popover-estilizado .popover-body {
       font-size: 1.4rem;
   }
   }

   /* Extra large devices (large laptops and desktops, 1200px and up) */
   @media only screen and (min-width: 1200px) {
   .popover-estilizado .popover-header {
       font-size: 1.8rem;
   }
   .popover-estilizado .popover-body {
       font-size: 1.4rem;
   }
   }

   .form-group label {
    font-size: 1rem;
}
.form-group input {
    font-size: 1rem;
}
.form-select {
    font-size: 1rem;
}
.btn {
    font-size: 1rem;
    font-weight: lighter;
}

.img-ralfo {
    width: 60%;
    height: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.img-inmobilia {
    width: 70%;
    height: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.direccion {
    padding-top: .8rem;
}

.direccion a {
    font-size: .8rem;
    line-height: 1.2em;
    text-decoration: none;
}
@media (min-width: 370px) {

.contacto p {
    font-size: 1.2rem;
    padding: 2rem 3rem 0rem;
}
.form-group label {
    font-size: 1rem;
}
.form-group input {
    font-size: 1rem;
}
.form-select {
    font-size: 1rem;
}
.btn {
    font-size: 1rem;
    font-weight: bold;
}

.direccion {
    padding-top: 1.1rem;
}
.direccion a {
    font-size: .8rem;
    line-height: 1.4em;
    text-decoration: none;
}
 }

@media (min-width: 576px) {

.contacto p {
    font-size: 1.8rem;
    padding: 2rem 8rem 0rem;
}
.form-group label {
    font-size: 1.6rem;
}
.form-group input {
    font-size: 1.6rem;
}
.form-select {
    font-size: 1.6rem;
}
.btn {
    font-size: 1.6rem;
    font-weight: bold;
}

.direccion {
    padding-top: 1.2rem;
}
.direccion a {
    font-size: 1.2rem;
    line-height: 1.2em!important;
    text-decoration: none;
}
 }


@media (min-width: 768px) {

.contacto p {
    font-size: 1.8rem;
    padding: 2rem 10rem 0.5rem;
}
.form-group label {
    font-size: 1.6rem;
}
.form-group input {
    font-size: 1.6rem;
}
.form-select {
    font-size: 1.6rem;
}
.btn {
    font-size: 1.6rem;
    font-weight: bold;
}

.direccion {
    padding-top: 1.2rem;
}
.direccion a {
    font-size: 1.5rem;
    line-height: 1.2em!important;
    text-decoration: none;
}
 }


@media (min-width: 992px) {

.contacto p {
    font-size: 2.4rem;
    padding: 2rem 14rem;
}
.form-group label {
    font-size: 1.6rem;
}
.form-group input {
    font-size: 1.6rem;
}
.form-select {
    font-size: 1.6rem;
}
.btn {
    font-size: 1.6rem;
    font-weight: bold;
}

.direccion {
    padding-top: 1.2rem;
}
.direccion a {
    font-size: 1.8rem;
    line-height: 1.2em!important;
    text-decoration: none;
}
}

@media (min-width: 1280px) {

.contacto p {
    font-size: 2.4rem;
    padding: 2rem 20rem;
}
.form-group label {
    font-size: 2rem;
}
.form-group input {
    font-size: 2rem;
}
.form-select {
    font-size: 2rem;
}
.btn {
    font-size: 1.6rem;
    font-weight: bold;
}

.direccion {
    padding-top: 1.2rem;
}
.direccion a {
    font-size: 2.2rem;
    line-height: 1.2em!important;
    text-decoration: none;
}
}

@media (min-width: 1500px) {

.contacto p {
    font-size: 3rem;
    padding: 2rem 22rem;
}
.form-group label {
    font-size: 2rem;
}
.form-group input {
    font-size: 2rem;
}
.form-select {
    font-size: 2rem;
}
.btn {
    font-size: 1.6rem;
    font-weight: bold;
}

.direccion {
    padding-top: 1.2rem;
}
.direccion a {
    font-size: 2.4rem;
    line-height: 1.2em!important;
    text-decoration: none;
}
}