:root {
    --color-blanco: #FFF;
    --color-naranja: #F98903;
    --color-verde: #6CB23F;
    --color-morado: #A35DB2;
    --color-morado-c: rgba(163, 93, 178, .7);
    --color-turquesa: #4AC6CC;
    --color-turquesa-c: rgba(74, 198, 204, .7);
    --color-guinda: #CC4C7D;
    --color-guinda-c: rgba(204, 76, 125, .7);
    --color-azul-o: #0F5DB2;
    --color-azul: #1A75D8;
    --color-azul-c: #307FE2;
    --color-azul-co: #307FE2;/*OPACITY AL 80%*/
    --color-oscuro: rgba(51, 63, 72, .75);/*OPACITY AL 75%*/
    /*--color-oscuro-c: #333F48;OPACITY AL 35%*/
    --color-oscuro-c: rgba(51, 63, 72, .30);/*OPACITY AL 35%*/
    --color-cielo: #E3F4FF;
}
.color-blanco{
    color: var(--color-blanco) !important;
}
.color-naranja{
    color: var(--color-naranja) !important;
}
.color-verde{
    color: var(--color-verde) !important;
}
.color-morado{
    color: var(--color-morado) !important;
}
.color-morado-c{
    color: var(--color-morado-c) !important;
}
.color-turquesa{
    color: var(--color-turquesa) !important;
}
.color-guinda{
    color: var(--color-guinda) !important;
}
.color-azul{
    color: var(--color-azul) !important;
}
.color-azul-o{
    color: var(--color-azul-o) !important;
}
.color-azul-c{
    color: var(--color-azul-c) !important;
}
.color-azul-co{
    color: var(--color-azul-co) !important;
}
.color-oscuro{
    color: var(--color-oscuro) !important;
}
.color-oscuro-c{
    color: var(--color-oscuro-c) !important;
}
.color-cielo{
    color: var(--color-cielo) !important;
}

@font-face {
    font-family: 'SairaBold';
    src: url('../fonts/Saira-Bold.woff2') format('woff2'),
        url('../fonts/Saira-Bold.woff') format('woff'),
        url('../fonts/Saira-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SairaSemiBold';
    src: url('../fonts/Saira-SemiBold.woff2') format('woff2'),
        url('../fonts/Saira-SemiBold.woff') format('woff'),
        url('../fonts/Saira-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SairaRegular';
    src: url('../fonts/Saira-Regular.woff2') format('woff2'),
        url('../fonts/Saira-Regular.woff') format('woff'),
        url('../fonts/Saira-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SairaMedium';
    src: url('../fonts/Saira-Medium.woff2') format('woff2'),
        url('../fonts/Saira-Medium.woff') format('woff'),
        url('../fonts/Saira-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ico-dunacon';
    src:  url('../fonts/icomoon/icomoon.eot?7jhwn');
    src:  url('../fonts/icomoon/icomoon.eot?7jhwn#iefix') format('embedded-opentype'),
        url('../fonts/icomoon/icomoon.ttf?7jhwn') format('truetype'),
        url('../fonts/icomoon/icomoon.woff?7jhwn') format('woff'),
        url('../fonts/icomoon/icomoon.svg?7jhwn#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'ico-dunacon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-al_contado:before {
    content: "\e900";
}
.icon-cancha_tenis:before {
    content: "\e901";
}
.icon-canchas_multideportes:before {
    content: "\e902";
}
.icon-ciclovia:before {
    content: "\e903";
}
.icon-club_house:before {
    content: "\e904";
}
.icon-correo:before {
    content: "\e905";
}
.icon-cuota:before {
    content: "\e906";
}
.icon-flecha:before {
    content: "\e907";
}
.icon-flecha_banner:before {
    content: "\e908";
}
.icon-libro_reclamaciones:before {
    content: "\e909";
}
.icon-lugar:before {
    content: "\e90a";
}
.icon-piscina:before {
    content: "\e90b";
}
.icon-politica_cookies:before {
    content: "\e90c";
}
.icon-politica_informacion:before {
    content: "\e90d";
}
.icon-politica_tratamiento:before {
    content: "\e90e";
}
.icon-politica_uso:before {
    content: "\e90f";
}
.icon-telefono:before {
    content: "\e910";
}
.icon-whatsapp:before {
    content: "\e911";
}
.icon-zona_juegos:before {
    content: "\e912";
}
.icon-zona_parrillas:before {
    content: "\e913";
}
.icon-zona_ejercicios:before {
    content: "\e914";
}


html, body{
    font-family: 'SairaRegular';
    font-size: 16px;
    color: var(--color-oscuro);
}
body{
    padding-top: 93px;
}

.font-14{
    font-size: 14px;
}
.title{
    font-family: 'SairaBold';
    font-size: 30px;
}
.subtitle{
    font-family: 'SairaSemiBold';
    color: var(--color-azul-co);
}
h3.strong{
    font-family: 'SairaSemiBold';
    color: var(--color-azul-co);
    font-size: 30px;
    line-height: 35px;
}
h3 > span{
    font-family: 'SairaRegular';
    font-size: 16px;
    color: var(--color-oscuro);
}

.icono{
}
.icono .i-svg{
}
.icono .i-txt{
}

.btn-calculadora::before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-image: url(../img/icon_calculadora.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 15px;
}

@media (min-width: 576px) {

}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {
    html, body{
        font-size: 16px;
    }
    .font-14{
        font-size: 16px;
    }
    .title{
        font-size: 50px;
    }
}
@media (min-width: 1400px) {

}
@media (min-width: 1600px) {
    .container{
        max-width: 1452px;
    }
}