@font-face { font-display: block; font-family: Relaway-light; src: url('/fonts/raleway/raleway-v18-latin-100.woff2'); }
/*@font-face { font-display: block; font-family: Relaway-regular; src: url('/fonts/raleway/raleway-v18-latin-regular.woff2'); }*/
/*@font-face { font-display: block; font-family: Relaway-medium; src: url('/fonts/raleway/raleway-v18-latin-600.woff2'); }*/
@font-face { font-display: block; font-family: Relaway-bold; src: url('/fonts/raleway/raleway-v18-latin-700.woff2'); }

/*@font-face { font-display: block; font-family: Roboto-light; src: url('/fonts/roboto/roboto-v20-latin-100.woff2'); }*/
@font-face { font-display: block; font-family: Roboto-regular; src: url('/fonts/roboto/roboto-v20-latin-regular.woff2'); }
/*@font-face { font-display: block; font-family: Roboto-meduim; src: url('/fonts/roboto/roboto-v20-latin-600.woff2'); }*/
@font-face { font-display: block; font-family: Roboto-bold; src: url('/fonts/roboto/roboto-v20-latin-700.woff2'); }


/* ------------------------------------------------------------------------------------------------------------------------- */
html {
    scroll-behavior: smooth;
}

body {
    color: #565757;
    font-family: Roboto-regular;
    /* animacion al ajustar el tamaño de la ventana */
    /*
    transition: all 0.3s linear!important;
    -o-transition: all 0.3s linear!important;
    -moz-transition: all 0.3s linear!important;
    -webkit-transition: all 0.3s linear!important;
    */
}

* {
    font-size: 0.95rem;
}

h1, h2, h3 {
    font-family: Relaway-bold, sans-serif;
    margin: 0;
}

h1 { font-size: 3.2rem; }

h2 { font-size: 2.2rem }

h3 { font-size: 1.3rem; }

main hr {
    border-width: 1px 0 0 0 !important;
    border-style: solid !important;
    border-color: #ed0e4e !important;
}

strong {
    font-family: Roboto-bold, sans-serif;
}
/* ------------------------------------------------------------------------------------------------------------------------- */
ol[class^="lista-"], ul[class^="lista-"] {
    color: #565757;
    padding: 0;
}

ol[class^="lista-"] li, ul[class^="lista-"] li {
    list-style: none;
    line-height: 2.2rem;
}

ol.lista-cuadro li:before, ul.lista-cuadro li:before {
    content: "▪\00a0";
    font-size: 1.25rem;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
.main-color-1 { color: #941b80; /*violeta*/  }

.main-color-2 { color: #003763; /*azul*/ }

.main-color-3 { color: #6f7070; /*gris*/ }

.main-color-4 { color: #0096ae; /*verde*/ }

.fit-item { padding: 0 2rem !important; }

/*.md-aux-fix-layout-1 label {
    width: 90%;
}*/

.hidden {
    display: none;
    width: 1px;
    height: 1px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.display-none {
    display: none;
}

.loader {
    color: #941b80;
}
/* ------------------------------------------------------------------------------------------------------------------------- */
/* Top */
#imgCampMob { display: none; }

#top-right-section { background-color: #941b80; }


/* Info */
#top-left-section { padding: 0;  }

#auto_vectorial{
   width: 90%;
}



/* ------------------------------------------------------------------------------------------------------------------------- */
#cotizador h3 { color: #0096ae; }
#cotizador select { background: url('../img/iconos/chevron-down-cyan-oscuro.svg') no-repeat; }
#cotizador_submit {
    background-color: #0096ae;
    color: #FFFFFF;
    font-family: Roboto-bold;
    font-size: 1.8rem;
}



#boton-precios {
    background-color: #941b80;
    color: #FFFFFF;
    font-family: Roboto-bold;
    font-size: 1.8rem;
}

main {
    margin: 0 !important;
}

main a {
    color: #565757;
    text-decoration: none;
    cursor: pointer;
}

main a:hover {
    color: #03b2bd !important;
    text-decoration: underline;
}

main a:visited { color: #565757; }

/* Footer */

.icon-fit-md {
    height: 1.7rem !important;
}

footer {
    background-color: #941b80;
    color: #FFFFFF;
    margin: 0 !important;
}

footer * { color: #FFFFFF; }

footer a {
    text-decoration: none;
    cursor: pointer;
}

footer a:hover {
    color: #03b2bd !important;
    text-decoration: none;
}

footer a:visited {
    color: #FFFFFF;
}

#logo-ss-footer, #logo-aws-footer { height: 3.25rem; }

#logo-footer {
    height: 5rem;
    margin: 1rem 0 0 2rem;
}

/* MEDIA QUERYS*/
/* mobile small */
@media screen and (max-width: 600px) {
    h1, h2 { font-size: 1.8rem !important; }

    h3 {
        font-size: 1.7rem !important;
        margin: 1rem auto;
    }

    header{ padding-top: 2rem; }

    #logo_header_1 {
        height: 3rem;
        margin: 0 0 0 2rem;
    }

    #logo_header_2 {
        height: 1.8rem;
        margin: 0.8rem 0 0 0;
    }

    /*Main*/

    #top-left-section h1 {
        padding: 2rem 0;
        text-align: center;
    }

    .col-flex { padding: 0; }

    .fit-item { padding: 0 2rem !important; }

    label { padding: 0 0 0 1rem; }

    #cotizador #boton-cotizar, #boton-precios {  font-size: 1.45rem; }
    
    .token-section > div > div { padding-top: 4rem; }

    .token-section img{ height: 3rem; }

    article nav{ padding: 4rem 0; }

    main hr {
        width: 100%;
        border-color: #FFFFFF !important;
    }

    #logo-ss-footer, #logo-aws-footer { height: 3rem; }

    #logo-footer {
        height: 5rem;
        margin: 0 0 1.5rem 0;
    }
    
    .icon-footer{ height: 1.5rem; }
}
/* tablet medium */
@media screen and (min-width: 601px) {
    /* Footer */
    #logo-footer {
        height: 5rem;
        margin: 0 0 1rem 0;
    }
}
/* deskop large */
@media screen and (min-width: 993px) {
    /* Top */

    header {
        margin: 0 !important;
        padding: 1rem 0 0 1rem;
        position: absolute;
        left: 3rem;
        top: 0.5rem;
        width: 50%;
    }

    #logo_header_1 {
        height: 4.8rem;
    }

    #logo_header_2 {
        height: 2.8rem;
        margin-top: 1.125rem;
    }
    
    #top-left-section{ 
        position: relative;
        padding-left: 5rem;
    }

    #top-left-section h1{ padding-bottom: 3rem; }

    #campania { 
        position: absolute;
        bottom: 0%;
    }

    .md-aux-fix-font{ font-size: 1.3rem; }
    .aux-fix-margin-padding-1{ margin-left: 0!important; padding-right: 1rem; }
    .md-aux-fix-layout-1 { top: 31.5rem; bottom:0 }
    #cotizador h3 { padding: 0.8rem 0; }
    #cotizador label { margin: 0 0 0 1rem !important; }
    
    .token-section{ padding: 5rem 0 }

    .token-section img{ width: 3rem; }

    .icon-footer{ height: 1.5rem; }
}
/* lg desktop xlarge */
@media screen and (min-width: 1201px) {
}


@media only screen and (min-width: 992px) {
    .row-flex { display: flex; }

    .col-flex {
        flex-direction: column;
        flex-grow: 1;
        padding: 0;
    }
}