@charset "UTF-8";

/*!
* ¡ATENCIÓN! Hoja de estilos generada con SASS, no modificar.
*/
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

*:before,
*:after {
    box-sizing: border-box
}

html {
    font-size: 10px
}

@media print {
    html {
        font-size: 8px
    }
}

body {
    font-family: "Open Sans", sans-serif
}

.separador {
    height: 3rem
}

.separador--ultra {
    height: 16rem
}

.separador--big {
    height: 6rem
}

.separador--small {
    height: 1.5rem
}

.contenido-dinamico img {
    max-width: 100%;
    margin-bottom: 3rem
}

::-moz-selection {
    background: #333d47;
    color: white
}

::selection {
    background: #333d47;
    color: white
}

.color--primario {
    color: #f93549
}

.color--primario100 {
    color: #c20619
}

.color--primario200 {
    color: #db071c
}

.color--primario300 {
    color: #f4071f
}

.color--primario400 {
    color: #f81c33
}

.color--primario500 {
    color: #f93549
}

.color--primario600 {
    color: #fa4e5f
}

.color--primario700 {
    color: #fa6776
}

.color--primario800 {
    color: #fb7f8c
}

.color--primario900 {
    color: #fc98a2
}

.color--secundario {
    color: #333d47
}

.color--secundario100 {
    color: #080a0c
}

.color--secundario200 {
    color: #13171a
}

.color--secundario300 {
    color: #1e2429
}

.color--secundario400 {
    color: #283038
}

.color--secundario500 {
    color: #333d47
}

.color--secundario600 {
    color: #3e4a56
}

.color--secundario700 {
    color: #485765
}

.color--secundario800 {
    color: #536374
}

.color--secundario900 {
    color: #5e7082
}

.color--terciario {
    color: #4c5a81
}

.color--terciario100 {
    color: #262d41
}

.color--terciario200 {
    color: #303851
}

.color--terciario300 {
    color: #394461
}

.color--terciario400 {
    color: #434f71
}

.color--terciario500 {
    color: #4c5a81
}

.color--terciario600 {
    color: #556591
}

.color--terciario700 {
    color: #5f71a1
}

.color--terciario800 {
    color: #6f7faa
}

.color--terciario900 {
    color: #7f8db4
}

.color--blanco {
    color: white
}

.color--negro {
    color: black
}

.color--negro33 {
    color: #333
}

.color--gris90 {
    color: #e6e6e6
}

.color--gris80 {
    color: #ccc
}

.color--gris70 {
    color: #b3b3b3
}

.color--gris60 {
    color: #999
}

.color--gris50 {
    color: gray
}

.color--aviso {
    color: #f7ae18
}

.color--error {
    color: #ea5233
}

.color--exito {
    color: #32dba3
}

.color--info {
    color: #04a9f7
}

.color--transparente {
    color: transparent
}

.bg--primario {
    background-color: #f93549
}

.bg--primario100 {
    background-color: #c20619
}

.bg--primario200 {
    background-color: #db071c
}

.bg--primario300 {
    background-color: #f4071f
}

.bg--primario400 {
    background-color: #f81c33
}

.bg--primario500 {
    background-color: #f93549
}

.bg--primario600 {
    background-color: #fa4e5f
}

.bg--primario700 {
    background-color: #fa6776
}

.bg--primario800 {
    background-color: #fb7f8c
}

.bg--primario900 {
    background-color: #fc98a2
}

.bg--secundario {
    background-color: #333d47
}

.bg--secundario100 {
    background-color: #080a0c
}

.bg--secundario200 {
    background-color: #13171a
}

.bg--secundario300 {
    background-color: #1e2429
}

.bg--secundario400 {
    background-color: #283038
}

.bg--secundario500 {
    background-color: #333d47
}

.bg--secundario600 {
    background-color: #3e4a56
}

.bg--secundario700 {
    background-color: #485765
}

.bg--secundario800 {
    background-color: #536374
}

.bg--secundario900 {
    background-color: #5e7082
}

.bg--terciario {
    background-color: #4c5a81
}

.bg--terciario100 {
    background-color: #262d41
}

.bg--terciario200 {
    background-color: #303851
}

.bg--terciario300 {
    background-color: #394461
}

.bg--terciario400 {
    background-color: #434f71
}

.bg--terciario500 {
    background-color: #4c5a81
}

.bg--terciario600 {
    background-color: #556591
}

.bg--terciario700 {
    background-color: #5f71a1
}

.bg--terciario800 {
    background-color: #6f7faa
}

.bg--terciario900 {
    background-color: #7f8db4
}

.bg--blanco {
    background-color: white
}

.bg--negro {
    background-color: black
}

.bg--negro33 {
    background-color: #333
}

.bg--gris90 {
    background-color: #e6e6e6
}

.bg--gris80 {
    background-color: #ccc
}

.bg--gris70 {
    background-color: #b3b3b3
}

.bg--gris60 {
    background-color: #999
}

.bg--gris50 {
    background-color: gray
}

.bg--aviso {
    background-color: #f7ae18
}

.bg--error {
    background-color: #ea5233
}

.bg--exito {
    background-color: #32dba3
}

.bg--info {
    background-color: #04a9f7
}

.bg--transparente {
    background-color: transparent
}

.svg--primario {
    fill: #f93549
}

.svg--primario100 {
    fill: #c20619
}

.svg--primario200 {
    fill: #db071c
}

.svg--primario300 {
    fill: #f4071f
}

.svg--primario400 {
    fill: #f81c33
}

.svg--primario500 {
    fill: #f93549
}

.svg--primario600 {
    fill: #fa4e5f
}

.svg--primario700 {
    fill: #fa6776
}

.svg--primario800 {
    fill: #fb7f8c
}

.svg--primario900 {
    fill: #fc98a2
}

.svg--secundario {
    fill: #333d47
}

.svg--secundario100 {
    fill: #080a0c
}

.svg--secundario200 {
    fill: #13171a
}

.svg--secundario300 {
    fill: #1e2429
}

.svg--secundario400 {
    fill: #283038
}

.svg--secundario500 {
    fill: #333d47
}

.svg--secundario600 {
    fill: #3e4a56
}

.svg--secundario700 {
    fill: #485765
}

.svg--secundario800 {
    fill: #536374
}

.svg--secundario900 {
    fill: #5e7082
}

.svg--terciario {
    fill: #4c5a81
}

.svg--terciario100 {
    fill: #262d41
}

.svg--terciario200 {
    fill: #303851
}

.svg--terciario300 {
    fill: #394461
}

.svg--terciario400 {
    fill: #434f71
}

.svg--terciario500 {
    fill: #4c5a81
}

.svg--terciario600 {
    fill: #556591
}

.svg--terciario700 {
    fill: #5f71a1
}

.svg--terciario800 {
    fill: #6f7faa
}

.svg--terciario900 {
    fill: #7f8db4
}

.svg--blanco {
    fill: white
}

.svg--negro {
    fill: black
}

.svg--negro33 {
    fill: #333
}

.svg--gris90 {
    fill: #e6e6e6
}

.svg--gris80 {
    fill: #ccc
}

.svg--gris70 {
    fill: #b3b3b3
}

.svg--gris60 {
    fill: #999
}

.svg--gris50 {
    fill: gray
}

.svg--aviso {
    fill: #f7ae18
}

.svg--error {
    fill: #ea5233
}

.svg--exito {
    fill: #32dba3
}

.svg--info {
    fill: #04a9f7
}

.svg--transparente {
    fill: transparent
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "Open Sans", sans-serif;
    color: #6b7d87;
    font-weight: 400;
    margin-top: .75em;
    margin-bottom: .75em;
    line-height: 1.25
}

h1,
.h1 {
    font-size: 4.1rem
}

@media(max-width:767px) {

    h1,
    .h1 {
        font-size: 3.1rem
    }
}

h1.titulo-hero,
.h1.titulo-hero {
    font-size: 6.1rem
}

@media(max-width:767px) {

    h1.titulo-hero,
    .h1.titulo-hero {
        font-size: 4.3rem
    }
}

h2,
.h2 {
    font-size: 3.6rem
}

@media(max-width:767px) {

    h2,
    .h2 {
        font-size: 2.8rem
    }
}

h3,
.h3 {
    font-size: 3.1rem
}

@media(max-width:767px) {

    h3,
    .h3 {
        font-size: 2.5rem
    }
}

h4,
.h4 {
    font-size: 2.6rem
}

@media(max-width:767px) {

    h4,
    .h4 {
        font-size: 2.2rem
    }
}

h5,
.h5 {
    font-size: 2.1rem
}

@media(max-width:767px) {

    h5,
    .h5 {
        font-size: 1.9rem
    }
}

h6,
.h6 {
    font-size: 1.6rem
}

@media(max-width:767px) {

    h6,
    .h6 {
        font-size: 1.6rem
    }
}

a {
    color: inherit
}

p {
    font-size: 1.6rem;
    color: #546e7a;
    line-height: 1.5;
    font-weight: 400
}

p small {
    color: #698998
}

blockquote {
    font-size: 2rem;
    font-style: italic;
    color: #607d8b;
    font-weight: 300;
    padding: 1.5rem;
    border-left: 2px solid #f0f0f0;
    display: flex;
    flex-direction: column
}

blockquote p {
    color: #607d8b;
    font-weight: inherit
}

blockquote small {
    align-self: flex-end
}

blockquote small:before {
    content: '- '
}

ul,
ol,
dl {
    list-style-type: none
}

.contenido-dinamico ul,
.lista-desordenada,
.contenido-dinamico ol,
.lista-ordenada,
.contenido-dinamico dl,
.lista-definicion {
    font-size: 1.6rem;
    color: #546e7a
}

.contenido-dinamico ul li,
.lista-desordenada li,
.contenido-dinamico ol li,
.lista-ordenada li,
.contenido-dinamico dl li,
.lista-definicion li {
    line-height: 1.5;
    padding: 0 0 1rem 1.7rem;
    position: relative
}

.contenido-dinamico ul li ul,
.contenido-dinamico ul li ol,
.lista-desordenada li ul,
.lista-desordenada li ol,
.contenido-dinamico ol li ul,
.contenido-dinamico ol li ol,
.lista-ordenada li ul,
.lista-ordenada li ol,
.contenido-dinamico dl li ul,
.contenido-dinamico dl li ol,
.lista-definicion li ul,
.lista-definicion li ol {
    margin-bottom: 0
}

.contenido-dinamico ul li>ul,
.contenido-dinamico ul li>ol,
.contenido-dinamico ul li>dl,
.lista-desordenada li>ul,
.lista-desordenada li>ol,
.lista-desordenada li>dl,
.contenido-dinamico ol li>ul,
.contenido-dinamico ol li>ol,
.contenido-dinamico ol li>dl,
.lista-ordenada li>ul,
.lista-ordenada li>ol,
.lista-ordenada li>dl,
.contenido-dinamico dl li>ul,
.contenido-dinamico dl li>ol,
.contenido-dinamico dl li>dl,
.lista-definicion li>ul,
.lista-definicion li>ol,
.lista-definicion li>dl {
    padding-top: 2rem
}

.contenido-dinamico ul ol,
.contenido-dinamico ul ul,
.contenido-dinamico ul dl,
.lista-desordenada ol,
.lista-desordenada ul,
.lista-desordenada dl,
.contenido-dinamico ol ol,
.contenido-dinamico ol ul,
.contenido-dinamico ol dl,
.lista-ordenada ol,
.lista-ordenada ul,
.lista-ordenada dl,
.contenido-dinamico dl ol,
.contenido-dinamico dl ul,
.contenido-dinamico dl dl,
.lista-definicion ol,
.lista-definicion ul,
.lista-definicion dl {
    margin-left: 2rem
}

@media(max-width:767px) {

    .contenido-dinamico ul ol,
    .contenido-dinamico ul ul,
    .contenido-dinamico ul dl,
    .lista-desordenada ol,
    .lista-desordenada ul,
    .lista-desordenada dl,
    .contenido-dinamico ol ol,
    .contenido-dinamico ol ul,
    .contenido-dinamico ol dl,
    .lista-ordenada ol,
    .lista-ordenada ul,
    .lista-ordenada dl,
    .contenido-dinamico dl ol,
    .contenido-dinamico dl ul,
    .contenido-dinamico dl dl,
    .lista-definicion ol,
    .lista-definicion ul,
    .lista-definicion dl {
        margin-left: 0
    }
}

.contenido-dinamico ul li:before,
.lista-desordenada li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: .8rem;
    width: .7rem;
    height: .7rem;
    border: 1px solid #304ffe;
    border-radius: 6px;
    background: #304ffe;
    margin-right: 1rem
}

.contenido-dinamico ul li li:before,
.lista-desordenada li li:before {
    background: transparent
}

.lista-items {
    display: flex;
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.lista-items li {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    margin-bottom: 3rem;
    font-size: 1.6rem;
    color: #4d4d4d
}

.contenido-dinamico ol,
.lista-ordenada {
    counter-reset: item
}

.contenido-dinamico ol li,
.lista-ordenada li {
    padding-left: 2.7rem
}

.contenido-dinamico ol li:before,
.lista-ordenada li:before {
    position: absolute;
    left: 0;
    content: counter(item) ". ";
    counter-increment: item;
    color: #f93549
}

.contenido-dinamico ol ol,
.lista-ordenada ol {
    padding-top: 1rem
}

.contenido-dinamico ol ol li:before,
.lista-ordenada ol li:before {
    content: counter(item, lower-latin) ". "
}

.contenido-dinamico ol ol ol li:before,
.lista-ordenada ol ol li:before {
    content: counter(item, lower-roman) ". "
}

.contenido-dinamico dl dt,
lista-definicion dt {
    font-weight: 500
}

.contenido-dinamico dl dt:after,
lista-definicion dt:after {
    content: ':'
}

.contenido-dinamico dl dd,
lista-definicion dd {
    padding-left: 1rem;
    margin-bottom: 1rem
}

.contenido-dinamico p,
.contenido-dinamico blockquote,
.contenido-dinamico ul,
.contenido-dinamico ol,
.contenido-dinamico dl {
    margin-bottom: 2rem
}

.link-externo,
.contenido-dinamico a:not([class]) {
    font-size: 1.6rem;
    color: #f93549;
    text-decoration: none;
    position: relative;
    display: inline-block
}

.link-externo:before,
.contenido-dinamico a:not([class]):before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    background: rgba(249, 53, 73, 0.1);
    transform: scaleX(0);
    transform-origin: left;
    transition: all ease 200ms
}

.link-externo:focus,
.contenido-dinamico a:not([class]):focus {
    outline: 0
}

.link-externo:focus:before,
.contenido-dinamico a:not([class]):focus:before {
    transform: scaleX(0.5)
}

.link-externo:hover,
.contenido-dinamico a:not([class]):hover {
    text-decoration: none
}

.link-externo:hover:before,
.contenido-dinamico a:not([class]):hover:before {
    transform: scaleX(1)
}

.justify-start-xs {
    justify-content: flex-start
}

.justify-center-xs {
    justify-content: center
}

.justify-end-xs {
    justify-content: flex-end
}

.justify-around-xs {
    justify-content: space-around
}

.justify-between-xs {
    justify-content: space-between
}

.align-top-xs {
    align-items: flex-start
}

.align-middle-xs {
    align-items: center
}

.align-bottom-xs {
    align-items: flex-end
}

.align-stretch-xs {
    align-items: stretch
}

.direction-row-xs {
    flex-direction: row
}

.direction-row-reverse-xs {
    flex-direction: row-reverse
}

.direction-column-xs {
    flex-direction: column
}

.direction-column-reverse-xs {
    flex-direction: column-reverse
}

.first-xs-1 {
    order: -1
}

.first-xs-2 {
    order: -2
}

.first-xs-3 {
    order: -3
}

.first-xs-4 {
    order: -4
}

.first-xs-5 {
    order: -5
}

.first-xs-6 {
    order: -6
}

.first-xs-7 {
    order: -7
}

.first-xs-8 {
    order: -8
}

.first-xs-9 {
    order: -9
}

.first-xs-10 {
    order: -10
}

.first-xs-11 {
    order: -11
}

.first-xs-12 {
    order: -12
}

.last-xs-1 {
    order: 1
}

.last-xs-2 {
    order: 2
}

.last-xs-3 {
    order: 3
}

.last-xs-4 {
    order: 4
}

.last-xs-5 {
    order: 5
}

.last-xs-6 {
    order: 6
}

.last-xs-7 {
    order: 7
}

.last-xs-8 {
    order: 8
}

.last-xs-9 {
    order: 9
}

.last-xs-10 {
    order: 10
}

.last-xs-11 {
    order: 11
}

.last-xs-12 {
    order: 12
}

.wrap-xs {
    flex-wrap: wrap
}

.nowrap-xs {
    flex-wrap: nowrap
}

@media(min-width:544px) {
    .justify-start-sm {
        justify-content: flex-start
    }

    .justify-center-sm {
        justify-content: center
    }

    .justify-end-sm {
        justify-content: flex-end
    }

    .justify-around-sm {
        justify-content: space-around
    }

    .justify-between-sm {
        justify-content: space-between
    }

    .align-top-sm {
        align-items: flex-start
    }

    .align-middle-sm {
        align-items: center
    }

    .align-bottom-sm {
        align-items: flex-end
    }

    .align-stretch-sm {
        align-items: stretch
    }

    .first-sm-1 {
        order: -1
    }

    .first-sm-2 {
        order: -2
    }

    .first-sm-3 {
        order: -3
    }

    .first-sm-4 {
        order: -4
    }

    .first-sm-5 {
        order: -5
    }

    .first-sm-6 {
        order: -6
    }

    .first-sm-7 {
        order: -7
    }

    .first-sm-8 {
        order: -8
    }

    .first-sm-9 {
        order: -9
    }

    .first-sm-10 {
        order: -10
    }

    .first-sm-11 {
        order: -11
    }

    .first-sm-12 {
        order: -12
    }

    .last-sm-1 {
        order: 1
    }

    .last-sm-2 {
        order: 2
    }

    .last-sm-3 {
        order: 3
    }

    .last-sm-4 {
        order: 4
    }

    .last-sm-5 {
        order: 5
    }

    .last-sm-6 {
        order: 6
    }

    .last-sm-7 {
        order: 7
    }

    .last-sm-8 {
        order: 8
    }

    .last-sm-9 {
        order: 9
    }

    .last-sm-10 {
        order: 10
    }

    .last-sm-11 {
        order: 11
    }

    .last-sm-12 {
        order: 12
    }

    .direction-row-sm {
        flex-direction: row
    }

    .direction-row-reverse-sm {
        flex-direction: row-reverse
    }

    .direction-column-sm {
        flex-direction: column
    }

    .direction-column-reverse-sm {
        flex-direction: column-reverse
    }

    .wrap-sm {
        flex-wrap: wrap
    }

    .nowrap-sm {
        flex-wrap: nowrap
    }
}

@media(min-width:768px) {
    .justify-start-md {
        justify-content: flex-start
    }

    .justify-center-md {
        justify-content: center
    }

    .justify-end-md {
        justify-content: flex-end
    }

    .justify-around-md {
        justify-content: space-around
    }

    .justify-between-md {
        justify-content: space-between
    }

    .align-top-md {
        align-items: flex-start
    }

    .align-middle-md {
        align-items: center
    }

    .align-bottom-md {
        align-items: flex-end
    }

    .align-stretch-md {
        align-items: stretch
    }

    .first-md-1 {
        order: -1
    }

    .first-md-2 {
        order: -2
    }

    .first-md-3 {
        order: -3
    }

    .first-md-4 {
        order: -4
    }

    .first-md-5 {
        order: -5
    }

    .first-md-6 {
        order: -6
    }

    .first-md-7 {
        order: -7
    }

    .first-md-8 {
        order: -8
    }

    .first-md-9 {
        order: -9
    }

    .first-md-10 {
        order: -10
    }

    .first-md-11 {
        order: -11
    }

    .first-md-12 {
        order: -12
    }

    .last-md-1 {
        order: 1
    }

    .last-md-2 {
        order: 2
    }

    .last-md-3 {
        order: 3
    }

    .last-md-4 {
        order: 4
    }

    .last-md-5 {
        order: 5
    }

    .last-md-6 {
        order: 6
    }

    .last-md-7 {
        order: 7
    }

    .last-md-8 {
        order: 8
    }

    .last-md-9 {
        order: 9
    }

    .last-md-10 {
        order: 10
    }

    .last-md-11 {
        order: 11
    }

    .last-md-12 {
        order: 12
    }

    .direction-row-md {
        flex-direction: row
    }

    .direction-row-reverse-md {
        flex-direction: row-reverse
    }

    .direction-column-md {
        flex-direction: column
    }

    .direction-column-reverse-md {
        flex-direction: column-reverse
    }

    .wrap-md {
        flex-wrap: wrap
    }

    .nowrap-md {
        flex-wrap: nowrap
    }
}

@media(min-width:992px) {
    .justify-start-lg {
        justify-content: flex-start
    }

    .justify-center-lg {
        justify-content: center
    }

    .justify-end-lg {
        justify-content: flex-end
    }

    .justify-around-lg {
        justify-content: space-around
    }

    .justify-between-lg {
        justify-content: space-between
    }

    .align-top-lg {
        align-items: flex-start
    }

    .align-middle-lg {
        align-items: center
    }

    .align-bottom-lg {
        align-items: flex-end
    }

    .align-stretch-lg {
        align-items: stretch
    }

    .first-lg-1 {
        order: -1
    }

    .first-lg-2 {
        order: -2
    }

    .first-lg-3 {
        order: -3
    }

    .first-lg-4 {
        order: -4
    }

    .first-lg-5 {
        order: -5
    }

    .first-lg-6 {
        order: -6
    }

    .first-lg-7 {
        order: -7
    }

    .first-lg-8 {
        order: -8
    }

    .first-lg-9 {
        order: -9
    }

    .first-lg-10 {
        order: -10
    }

    .first-lg-11 {
        order: -11
    }

    .first-lg-12 {
        order: -12
    }

    .last-lg-1 {
        order: 1
    }

    .last-lg-2 {
        order: 2
    }

    .last-lg-3 {
        order: 3
    }

    .last-lg-4 {
        order: 4
    }

    .last-lg-5 {
        order: 5
    }

    .last-lg-6 {
        order: 6
    }

    .last-lg-7 {
        order: 7
    }

    .last-lg-8 {
        order: 8
    }

    .last-lg-9 {
        order: 9
    }

    .last-lg-10 {
        order: 10
    }

    .last-lg-11 {
        order: 11
    }

    .last-lg-12 {
        order: 12
    }

    .direction-row-lg {
        flex-direction: row
    }

    .direction-row-reverse-lg {
        flex-direction: row-reverse
    }

    .direction-column-lg {
        flex-direction: column
    }

    .direction-column-reverse-lg {
        flex-direction: column-reverse
    }

    .wrap-lg {
        flex-wrap: wrap
    }

    .nowrap-lg {
        flex-wrap: nowrap
    }
}

@media(min-width:1200px) {
    .justify-start-xl {
        justify-content: flex-start
    }

    .justify-center-xl {
        justify-content: center
    }

    .justify-end-xl {
        justify-content: flex-end
    }

    .justify-around-xl {
        justify-content: space-around
    }

    .justify-between-xl {
        justify-content: space-between
    }

    .align-top-xl {
        align-items: flex-start
    }

    .align-middle-xl {
        align-items: center
    }

    .align-bottom-xl {
        align-items: flex-end
    }

    .align-stretch-xl {
        align-items: stretch
    }

    .first-xl-1 {
        order: -1
    }

    .first-xl-2 {
        order: -2
    }

    .first-xl-3 {
        order: -3
    }

    .first-xl-4 {
        order: -4
    }

    .first-xl-5 {
        order: -5
    }

    .first-xl-6 {
        order: -6
    }

    .first-xl-7 {
        order: -7
    }

    .first-xl-8 {
        order: -8
    }

    .first-xl-9 {
        order: -9
    }

    .first-xl-10 {
        order: -10
    }

    .first-xl-11 {
        order: -11
    }

    .first-xl-12 {
        order: -12
    }

    .last-xl-1 {
        order: 1
    }

    .last-xl-2 {
        order: 2
    }

    .last-xl-3 {
        order: 3
    }

    .last-xl-4 {
        order: 4
    }

    .last-xl-5 {
        order: 5
    }

    .last-xl-6 {
        order: 6
    }

    .last-xl-7 {
        order: 7
    }

    .last-xl-8 {
        order: 8
    }

    .last-xl-9 {
        order: 9
    }

    .last-xl-10 {
        order: 10
    }

    .last-xl-11 {
        order: 11
    }

    .last-xl-12 {
        order: 12
    }

    .direction-row-xl {
        flex-direction: row
    }

    .direction-row-reverse-xl {
        flex-direction: row-reverse
    }

    .direction-column-xl {
        flex-direction: column
    }

    .direction-column-reverse-xl {
        flex-direction: column-reverse
    }

    .wrap-xl {
        flex-wrap: wrap
    }

    .nowrap-xl {
        flex-wrap: nowrap
    }
}

@media(min-width:1400px) {
    .justify-start-xxl {
        justify-content: flex-start
    }

    .justify-center-xxl {
        justify-content: center
    }

    .justify-end-xxl {
        justify-content: flex-end
    }

    .justify-around-xxl {
        justify-content: space-around
    }

    .justify-between-xxl {
        justify-content: space-between
    }

    .align-top-xxl {
        align-items: flex-start
    }

    .align-middle-xxl {
        align-items: center
    }

    .align-bottom-xxl {
        align-items: flex-end
    }

    .align-stretch-xxl {
        align-items: stretch
    }

    .first-xxl-1 {
        order: -1
    }

    .first-xxl-2 {
        order: -2
    }

    .first-xxl-3 {
        order: -3
    }

    .first-xxl-4 {
        order: -4
    }

    .first-xxl-5 {
        order: -5
    }

    .first-xxl-6 {
        order: -6
    }

    .first-xxl-7 {
        order: -7
    }

    .first-xxl-8 {
        order: -8
    }

    .first-xxl-9 {
        order: -9
    }

    .first-xxl-10 {
        order: -10
    }

    .first-xxl-11 {
        order: -11
    }

    .first-xxl-12 {
        order: -12
    }

    .last-xxl-1 {
        order: 1
    }

    .last-xxl-2 {
        order: 2
    }

    .last-xxl-3 {
        order: 3
    }

    .last-xxl-4 {
        order: 4
    }

    .last-xxl-5 {
        order: 5
    }

    .last-xxl-6 {
        order: 6
    }

    .last-xxl-7 {
        order: 7
    }

    .last-xxl-8 {
        order: 8
    }

    .last-xxl-9 {
        order: 9
    }

    .last-xxl-10 {
        order: 10
    }

    .last-xxl-11 {
        order: 11
    }

    .last-xxl-12 {
        order: 12
    }

    .direction-row-xxl {
        flex-direction: row
    }

    .direction-row-reverse-xxl {
        flex-direction: row-reverse
    }

    .direction-column-xxl {
        flex-direction: column
    }

    .direction-column-reverse-xxl {
        flex-direction: column-reverse
    }

    .wrap-xxl {
        flex-wrap: wrap
    }

    .nowrap-xxl {
        flex-wrap: nowrap
    }
}

.text-align-right-xs {
    text-align: right
}

.text-align-left-xs {
    text-align: left
}

.text-align-center-xs {
    text-align: center
}

.text-align-top-xs {
    vertical-align: top
}

.text-align-bottom-xs {
    vertical-align: bottom
}

.text-align-middle-xs {
    vertical-align: middle
}

@media print {
    .text-align-right-pr {
        text-align: right
    }

    .text-align-left-pr {
        text-align: left
    }

    .text-align-center-pr {
        text-align: center
    }

    .text-align-top-pr {
        vertical-align: top
    }

    .text-align-bottom-pr {
        vertical-align: bottom
    }

    .text-align-middle-pr {
        vertical-align: middle
    }
}

@media(min-width:544px) {
    .text-align-top-sm {
        vertical-align: top
    }

    .text-align-bottom-sm {
        vertical-align: bottom
    }

    .text-align-middle-sm {
        vertical-align: middle
    }

    .text-align-right-sm {
        text-align: right
    }

    .text-align-left-sm {
        text-align: left
    }

    .text-align-center-sm {
        text-align: center
    }
}

@media(min-width:768px) {
    .text-align-top-md {
        vertical-align: top
    }

    .text-align-bottom-md {
        vertical-align: bottom
    }

    .text-align-middle-md {
        vertical-align: middle
    }

    .text-align-right-md {
        text-align: right
    }

    .text-align-left-md {
        text-align: left
    }

    .text-align-center-md {
        text-align: center
    }
}

@media(min-width:992px) {
    .text-align-top-lg {
        vertical-align: top
    }

    .text-align-bottom-lg {
        vertical-align: bottom
    }

    .text-align-middle-lg {
        vertical-align: middle
    }

    .text-align-right-lg {
        text-align: right
    }

    .text-align-left-lg {
        text-align: left
    }

    .text-align-center-lg {
        text-align: center
    }
}

@media(min-width:1200px) {
    .text-align-top-xl {
        vertical-align: top
    }

    .text-align-bottom-xl {
        vertical-align: bottom
    }

    .text-align-middle-xl {
        vertical-align: middle
    }

    .text-align-right-xl {
        text-align: right
    }

    .text-align-left-xl {
        text-align: left
    }

    .text-align-center-xl {
        text-align: center
    }
}

@media(min-width:1400px) {
    .text-align-top-xxl {
        vertical-align: top
    }

    .text-align-bottom-xxl {
        vertical-align: bottom
    }

    .text-align-middle-xxl {
        vertical-align: middle
    }

    .text-align-right-xxl {
        text-align: right
    }

    .text-align-left-xxl {
        text-align: left
    }

    .text-align-center-xxl {
        text-align: center
    }
}

.right-auto-xs {
    margin-right: auto
}

.left-auto-xs {
    margin-left: auto
}

@media(min-width:544px) {
    .right-auto-sm {
        margin-right: auto
    }

    .left-auto-sm {
        margin-left: auto
    }
}

@media(min-width:768px) {
    .right-auto-md {
        margin-right: auto
    }

    .left-auto-md {
        margin-left: auto
    }
}

@media(min-width:992px) {
    .right-auto-lg {
        margin-right: auto
    }

    .left-auto-lg {
        margin-left: auto
    }
}

@media(min-width:1200px) {
    .right-auto-xl {
        margin-right: auto
    }

    .left-auto-xl {
        margin-left: auto
    }
}

@media(min-width:1400px) {
    .right-auto-xxl {
        margin-right: auto
    }

    .left-auto-xxl {
        margin-left: auto
    }
}

.oculto-xs {
    display: none
}

.block-xs {
    display: block
}

.inline-block-xs {
    display: inline-block
}

.inline-xs {
    display: inline
}

.flex-xs {
    display: flex
}

.inline-flex-xs {
    display: inline-flex
}

.table-xs {
    display: table
}

@media(min-width:544px) {
    .oculto-sm {
        display: none
    }

    .block-sm {
        display: block
    }

    .inline-block-sm {
        display: inline-block
    }

    .inline-sm {
        display: inline
    }

    .flex-sm {
        display: flex
    }

    .inline-flex-sm {
        display: inline-flex
    }

    .table-sm {
        display: table
    }
}

@media(min-width:768px) {
    .oculto-md {
        display: none
    }

    .block-md {
        display: block
    }

    .inline-block-md {
        display: inline-block
    }

    .inline-md {
        display: inline
    }

    .flex-md {
        display: flex
    }

    .inline-flex-md {
        display: inline-flex
    }

    .table-md {
        display: table
    }
}

@media(min-width:992px) {
    .oculto-lg {
        display: none
    }

    .block-lg {
        display: block
    }

    .inline-block-lg {
        display: inline-block
    }

    .inline-lg {
        display: inline
    }

    .flex-lg {
        display: flex
    }

    .inline-flex-lg {
        display: inline-flex
    }

    .table-lg {
        display: table
    }
}

@media(min-width:1200px) {
    .oculto-xl {
        display: none
    }

    .block-xl {
        display: block
    }

    .inline-block-xl {
        display: inline-block
    }

    .inline-xl {
        display: inline
    }

    .flex-xl {
        display: flex
    }

    .inline-flex-xl {
        display: inline-flex
    }

    .table-xl {
        display: table
    }
}

@media(min-width:1400px) {
    .oculto-xxl {
        display: none
    }

    .block-xxl {
        display: block
    }

    .inline-block-xxl {
        display: inline-block
    }

    .inline-xxl {
        display: inline
    }

    .flex-xxl {
        display: flex
    }

    .inline-flex-xxl {
        display: inline-flex
    }

    .table-xxl {
        display: table
    }
}

@media print {
    .oculto-pr {
        display: none
    }

    .block-pr {
        display: block
    }

    .inline-block-pr {
        display: inline-block
    }

    .inline-pr {
        display: inline
    }

    .flex-pr {
        display: flex
    }

    .inline-flex-pr {
        display: inline-flex
    }

    .table-pr {
        display: table
    }
}

html {
    font: 62.5% Arial, Helvetica, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

mark {
    background: #dcff3d;
    color: inherit
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable="true"] {
    cursor: text
}

.fancybox-image {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
    color: #ccc
}

.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled] {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    overflow: auto;
    padding: 50px 44px 25px 44px;
    right: 0;
    text-align: center;
    z-index: 99996
}

.fancybox-caption--separate {
    margin-top: -25px;
    max-height: 50vh
}

.fancybox-caption a {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1)
}

@media all and (max-height:576px) {
    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }
}

@supports(padding:0) {
    .fancybox-caption {
        padding: 50px calc(max(12px, env(safe-area-inset-right))) calc(max(12px, env(safe-area-inset-bottom))) calc(max(25px, env(safe-area-inset-left)))
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

@media all and (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.owl-carousel .disabled {
    display: none
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    display: flex
}

.owl-carousel .owl-stage:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    display: flex;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    font-size: 5rem;
    color: #333d47;
    cursor: pointer;
    transition: all ease 200ms;
    z-index: 1;
    background: 0;
    border: 0
}

.owl-prev i,
.owl-next i {
    display: block;
    line-height: .75
}

.owl-prev:focus,
.owl-next:focus {
    outline: 0
}

.owl-prev {
    left: -60px
}

.owl-next {
    right: -60px
}

.owl-dots {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    text-align: center
}

.owl-dot {
    margin: 0 4px;
    display: inline-block
}

.owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid white;
    transition: all ease 200ms
}

.owl-dot.active span {
    background: white
}

.contenedor,
.container,
.contenedor-fluido,
.container-fluid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-left: auto;
    margin-right: auto
}

@media(min-width:544px) {

    .contenedor,
    .container {
        max-width: 570px
    }
}

@media(min-width:768px) {

    .contenedor,
    .container {
        max-width: 720px
    }
}

@media(min-width:992px) {

    .contenedor,
    .container {
        max-width: 940px
    }
}

@media(min-width:1200px) {

    .contenedor,
    .container {
        max-width: 1280px
    }
}

@media(min-width:1400px) {

    .contenedor,
    .container {
        max-width: 1360px
    }
}

.fila,
.row {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.no-flexbox .fila:after,
.no-flexbox .row:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.fila.no-gutters-xs,
.fila.no-paddings-xs,
.row.no-gutters-xs,
.row.no-paddings-xs {
    margin-left: 0;
    margin-right: 0
}

.fila.no-gutters-xs>[class^="col-"],
.fila.no-gutters-xs>.col,
.fila.no-paddings-xs>[class^="col-"],
.fila.no-paddings-xs>.col,
.row.no-gutters-xs>[class^="col-"],
.row.no-gutters-xs>.col,
.row.no-paddings-xs>[class^="col-"],
.row.no-paddings-xs>.col {
    padding-left: 0;
    padding-right: 0
}

.fila.gutters-xs,
.fila.paddings-xs,
.row.gutters-xs,
.row.paddings-xs {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.fila.gutters-xs>[class^="col-"],
.fila.gutters-xs>.col,
.fila.paddings-xs>[class^="col-"],
.fila.paddings-xs>.col,
.row.gutters-xs>[class^="col-"],
.row.gutters-xs>.col,
.row.paddings-xs>[class^="col-"],
.row.paddings-xs>.col {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media(min-width:544px) {

    .fila.no-gutters-sm,
    .fila.no-paddings-sm,
    .row.no-gutters-sm,
    .row.no-paddings-sm {
        margin-left: 0;
        margin-right: 0
    }

    .fila.no-gutters-sm>[class^="col-"],
    .fila.no-gutters-sm>.col,
    .fila.no-paddings-sm>[class^="col-"],
    .fila.no-paddings-sm>.col,
    .row.no-gutters-sm>[class^="col-"],
    .row.no-gutters-sm>.col,
    .row.no-paddings-sm>[class^="col-"],
    .row.no-paddings-sm>.col {
        padding-left: 0;
        padding-right: 0
    }

    .fila.gutters-sm,
    .fila.paddings-sm,
    .row.gutters-sm,
    .row.paddings-sm {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .fila.gutters-sm>[class^="col-"],
    .fila.gutters-sm>.col,
    .fila.paddings-sm>[class^="col-"],
    .fila.paddings-sm>.col,
    .row.gutters-sm>[class^="col-"],
    .row.gutters-sm>.col,
    .row.paddings-sm>[class^="col-"],
    .row.paddings-sm>.col {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media(min-width:768px) {

    .fila.no-gutters-md,
    .fila.no-paddings-md,
    .row.no-gutters-md,
    .row.no-paddings-md {
        margin-left: 0;
        margin-right: 0
    }

    .fila.no-gutters-md>[class^="col-"],
    .fila.no-gutters-md>.col,
    .fila.no-paddings-md>[class^="col-"],
    .fila.no-paddings-md>.col,
    .row.no-gutters-md>[class^="col-"],
    .row.no-gutters-md>.col,
    .row.no-paddings-md>[class^="col-"],
    .row.no-paddings-md>.col {
        padding-left: 0;
        padding-right: 0
    }

    .fila.gutters-md,
    .fila.paddings-md,
    .row.gutters-md,
    .row.paddings-md {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .fila.gutters-md>[class^="col-"],
    .fila.gutters-md>.col,
    .fila.paddings-md>[class^="col-"],
    .fila.paddings-md>.col,
    .row.gutters-md>[class^="col-"],
    .row.gutters-md>.col,
    .row.paddings-md>[class^="col-"],
    .row.paddings-md>.col {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media(min-width:992px) {

    .fila.no-gutters-lg,
    .fila.no-paddings-lg,
    .row.no-gutters-lg,
    .row.no-paddings-lg {
        margin-left: 0;
        margin-right: 0
    }

    .fila.no-gutters-lg>[class^="col-"],
    .fila.no-gutters-lg>.col,
    .fila.no-paddings-lg>[class^="col-"],
    .fila.no-paddings-lg>.col,
    .row.no-gutters-lg>[class^="col-"],
    .row.no-gutters-lg>.col,
    .row.no-paddings-lg>[class^="col-"],
    .row.no-paddings-lg>.col {
        padding-left: 0;
        padding-right: 0
    }

    .fila.gutters-lg,
    .fila.paddings-lg,
    .row.gutters-lg,
    .row.paddings-lg {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .fila.gutters-lg>[class^="col-"],
    .fila.gutters-lg>.col,
    .fila.paddings-lg>[class^="col-"],
    .fila.paddings-lg>.col,
    .row.gutters-lg>[class^="col-"],
    .row.gutters-lg>.col,
    .row.paddings-lg>[class^="col-"],
    .row.paddings-lg>.col {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media(min-width:1200px) {

    .fila.no-gutters-xl,
    .fila.no-paddings-xl,
    .row.no-gutters-xl,
    .row.no-paddings-xl {
        margin-left: 0;
        margin-right: 0
    }

    .fila.no-gutters-xl>[class^="col-"],
    .fila.no-gutters-xl>.col,
    .fila.no-paddings-xl>[class^="col-"],
    .fila.no-paddings-xl>.col,
    .row.no-gutters-xl>[class^="col-"],
    .row.no-gutters-xl>.col,
    .row.no-paddings-xl>[class^="col-"],
    .row.no-paddings-xl>.col {
        padding-left: 0;
        padding-right: 0
    }

    .fila.gutters-xl,
    .fila.paddings-xl,
    .row.gutters-xl,
    .row.paddings-xl {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .fila.gutters-xl>[class^="col-"],
    .fila.gutters-xl>.col,
    .fila.paddings-xl>[class^="col-"],
    .fila.paddings-xl>.col,
    .row.gutters-xl>[class^="col-"],
    .row.gutters-xl>.col,
    .row.paddings-xl>[class^="col-"],
    .row.paddings-xl>.col {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media(min-width:1400px) {

    .fila.no-gutters-xxl,
    .fila.no-paddings-xxl,
    .row.no-gutters-xxl,
    .row.no-paddings-xxl {
        margin-left: 0;
        margin-right: 0
    }

    .fila.no-gutters-xxl>[class^="col-"],
    .fila.no-gutters-xxl>.col,
    .fila.no-paddings-xxl>[class^="col-"],
    .fila.no-paddings-xxl>.col,
    .row.no-gutters-xxl>[class^="col-"],
    .row.no-gutters-xxl>.col,
    .row.no-paddings-xxl>[class^="col-"],
    .row.no-paddings-xxl>.col {
        padding-left: 0;
        padding-right: 0
    }

    .fila.gutters-xxl,
    .fila.paddings-xxl,
    .row.gutters-xxl,
    .row.paddings-xxl {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .fila.gutters-xxl>[class^="col-"],
    .fila.gutters-xxl>.col,
    .fila.paddings-xxl>[class^="col-"],
    .fila.paddings-xxl>.col,
    .row.gutters-xxl>[class^="col-"],
    .row.gutters-xxl>.col,
    .row.paddings-xxl>[class^="col-"],
    .row.paddings-xxl>.col {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

[class^="col-"],
.col {
    position: relative;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    float: left
}

.col-xs-1,
.xs1 {
    width: 8.33333%
}

.col-xs-2,
.xs2 {
    width: 16.66667%
}

.col-xs-3,
.xs3 {
    width: 25%
}

.col-xs-4,
.xs4 {
    width: 33.33333%
}

.col-xs-5,
.xs5 {
    width: 41.66667%
}

.col-xs-6,
.xs6 {
    width: 50%
}

.col-xs-7,
.xs7 {
    width: 58.33333%
}

.col-xs-8,
.xs8 {
    width: 66.66667%
}

.col-xs-9,
.xs9 {
    width: 75%
}

.col-xs-10,
.xs10 {
    width: 83.33333%
}

.col-xs-11,
.xs11 {
    width: 91.66667%
}

.col-xs-12,
.xs12 {
    width: 100%
}

.col-xs-auto {
    width: auto
}

@media(min-width:544px) {

    .col-sm-1,
    .sm1 {
        width: 8.33333%
    }

    .col-sm-2,
    .sm2 {
        width: 16.66667%
    }

    .col-sm-3,
    .sm3 {
        width: 25%
    }

    .col-sm-4,
    .sm4 {
        width: 33.33333%
    }

    .col-sm-5,
    .sm5 {
        width: 41.66667%
    }

    .col-sm-6,
    .sm6 {
        width: 50%
    }

    .col-sm-7,
    .sm7 {
        width: 58.33333%
    }

    .col-sm-8,
    .sm8 {
        width: 66.66667%
    }

    .col-sm-9,
    .sm9 {
        width: 75%
    }

    .col-sm-10,
    .sm10 {
        width: 83.33333%
    }

    .col-sm-11,
    .sm11 {
        width: 91.66667%
    }

    .col-sm-12,
    .sm12 {
        width: 100%
    }

    .col-sm-auto {
        width: auto
    }
}

@media(min-width:768px) {

    .col-md-1,
    .md1 {
        width: 8.33333%
    }

    .col-md-2,
    .md2 {
        width: 16.66667%
    }

    .col-md-3,
    .md3 {
        width: 25%
    }

    .col-md-4,
    .md4 {
        width: 33.33333%
    }

    .col-md-5,
    .md5 {
        width: 41.66667%
    }

    .col-md-6,
    .md6 {
        width: 50%
    }

    .col-md-7,
    .md7 {
        width: 58.33333%
    }

    .col-md-8,
    .md8 {
        width: 66.66667%
    }

    .col-md-9,
    .md9 {
        width: 75%
    }

    .col-md-10,
    .md10 {
        width: 83.33333%
    }

    .col-md-11,
    .md11 {
        width: 91.66667%
    }

    .col-md-12,
    .md12 {
        width: 100%
    }

    .col-md-auto {
        width: auto
    }
}

@media(min-width:992px) {

    .col-lg-1,
    .lg1 {
        width: 8.33333%
    }

    .col-lg-2,
    .lg2 {
        width: 16.66667%
    }

    .col-lg-3,
    .lg3 {
        width: 25%
    }

    .col-lg-4,
    .lg4 {
        width: 33.33333%
    }

    .col-lg-5,
    .lg5 {
        width: 41.66667%
    }

    .col-lg-6,
    .lg6 {
        width: 50%
    }

    .col-lg-7,
    .lg7 {
        width: 58.33333%
    }

    .col-lg-8,
    .lg8 {
        width: 66.66667%
    }

    .col-lg-9,
    .lg9 {
        width: 75%
    }

    .col-lg-10,
    .lg10 {
        width: 83.33333%
    }

    .col-lg-11,
    .lg11 {
        width: 91.66667%
    }

    .col-lg-12,
    .lg12 {
        width: 100%
    }

    .col-lg-auto {
        width: auto
    }
}

@media(min-width:1200px) {

    .col-xl-1,
    .xl1 {
        width: 8.33333%
    }

    .col-xl-2,
    .xl2 {
        width: 16.66667%
    }

    .col-xl-3,
    .xl3 {
        width: 25%
    }

    .col-xl-4,
    .xl4 {
        width: 33.33333%
    }

    .col-xl-5,
    .xl5 {
        width: 41.66667%
    }

    .col-xl-6,
    .xl6 {
        width: 50%
    }

    .col-xl-7,
    .xl7 {
        width: 58.33333%
    }

    .col-xl-8,
    .xl8 {
        width: 66.66667%
    }

    .col-xl-9,
    .xl9 {
        width: 75%
    }

    .col-xl-10,
    .xl10 {
        width: 83.33333%
    }

    .col-xl-11,
    .xl11 {
        width: 91.66667%
    }

    .col-xl-12,
    .xl12 {
        width: 100%
    }

    .col-xl-auto {
        width: auto
    }
}

@media(min-width:1400px) {

    .col-xxl-1,
    .xxl1 {
        width: 8.33333%
    }

    .col-xxl-2,
    .xxl2 {
        width: 16.66667%
    }

    .col-xxl-3,
    .xxl3 {
        width: 25%
    }

    .col-xxl-4,
    .xxl4 {
        width: 33.33333%
    }

    .col-xxl-5,
    .xxl5 {
        width: 41.66667%
    }

    .col-xxl-6,
    .xxl6 {
        width: 50%
    }

    .col-xxl-7,
    .xxl7 {
        width: 58.33333%
    }

    .col-xxl-8,
    .xxl8 {
        width: 66.66667%
    }

    .col-xxl-9,
    .xxl9 {
        width: 75%
    }

    .col-xxl-10,
    .xxl10 {
        width: 83.33333%
    }

    .col-xxl-11,
    .xxl11 {
        width: 91.66667%
    }

    .col-xxl-12,
    .xxl12 {
        width: 100%
    }

    .col-xxl-auto {
        width: auto
    }
}

@media print {
    .col-pr-1 {
        width: 8.33333%
    }

    .col-pr-2 {
        width: 16.66667%
    }

    .col-pr-3 {
        width: 25%
    }

    .col-pr-4 {
        width: 33.33333%
    }

    .col-pr-5 {
        width: 41.66667%
    }

    .col-pr-6 {
        width: 50%
    }

    .col-pr-7 {
        width: 58.33333%
    }

    .col-pr-8 {
        width: 66.66667%
    }

    .col-pr-9 {
        width: 75%
    }

    .col-pr-10 {
        width: 83.33333%
    }

    .col-pr-11 {
        width: 91.66667%
    }

    .col-pr-12 {
        width: 100%
    }
}

.col-xs-offset-0,
.offset-xs0 {
    margin-left: 0
}

.col-xs-offset-1,
.offset-xs1 {
    margin-left: 8.33333%
}

.col-xs-offset-2,
.offset-xs2 {
    margin-left: 16.66667%
}

.col-xs-offset-3,
.offset-xs3 {
    margin-left: 25%
}

.col-xs-offset-4,
.offset-xs4 {
    margin-left: 33.33333%
}

.col-xs-offset-5,
.offset-xs5 {
    margin-left: 41.66667%
}

.col-xs-offset-6,
.offset-xs6 {
    margin-left: 50%
}

.col-xs-offset-7,
.offset-xs7 {
    margin-left: 58.33333%
}

.col-xs-offset-8,
.offset-xs8 {
    margin-left: 66.66667%
}

.col-xs-offset-9,
.offset-xs9 {
    margin-left: 75%
}

.col-xs-offset-10,
.offset-xs10 {
    margin-left: 83.33333%
}

.col-xs-offset-11,
.offset-xs11 {
    margin-left: 91.66667%
}

.col-xs-offset-12,
.offset-xs12 {
    margin-left: 100%
}

@media(min-width:544px) {

    .col-sm-offset-0,
    .offset-sm0 {
        margin-left: 0
    }

    .col-sm-offset-1,
    .offset-sm1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2,
    .offset-sm2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3,
    .offset-sm3 {
        margin-left: 25%
    }

    .col-sm-offset-4,
    .offset-sm4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5,
    .offset-sm5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6,
    .offset-sm6 {
        margin-left: 50%
    }

    .col-sm-offset-7,
    .offset-sm7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8,
    .offset-sm8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9,
    .offset-sm9 {
        margin-left: 75%
    }

    .col-sm-offset-10,
    .offset-sm10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11,
    .offset-sm11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12,
    .offset-sm12 {
        margin-left: 100%
    }
}

@media(min-width:768px) {

    .col-md-offset-0,
    .offset-md0 {
        margin-left: 0
    }

    .col-md-offset-1,
    .offset-md1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2,
    .offset-md2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3,
    .offset-md3 {
        margin-left: 25%
    }

    .col-md-offset-4,
    .offset-md4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5,
    .offset-md5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6,
    .offset-md6 {
        margin-left: 50%
    }

    .col-md-offset-7,
    .offset-md7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8,
    .offset-md8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9,
    .offset-md9 {
        margin-left: 75%
    }

    .col-md-offset-10,
    .offset-md10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11,
    .offset-md11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12,
    .offset-md12 {
        margin-left: 100%
    }
}

@media(min-width:992px) {

    .col-lg-offset-0,
    .offset-lg0 {
        margin-left: 0
    }

    .col-lg-offset-1,
    .offset-lg1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2,
    .offset-lg2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3,
    .offset-lg3 {
        margin-left: 25%
    }

    .col-lg-offset-4,
    .offset-lg4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5,
    .offset-lg5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6,
    .offset-lg6 {
        margin-left: 50%
    }

    .col-lg-offset-7,
    .offset-lg7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8,
    .offset-lg8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9,
    .offset-lg9 {
        margin-left: 75%
    }

    .col-lg-offset-10,
    .offset-lg10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11,
    .offset-lg11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12,
    .offset-lg12 {
        margin-left: 100%
    }
}

@media(min-width:1200px) {

    .col-xl-offset-0,
    .offset-xl0 {
        margin-left: 0
    }

    .col-xl-offset-1,
    .offset-xl1 {
        margin-left: 8.33333%
    }

    .col-xl-offset-2,
    .offset-xl2 {
        margin-left: 16.66667%
    }

    .col-xl-offset-3,
    .offset-xl3 {
        margin-left: 25%
    }

    .col-xl-offset-4,
    .offset-xl4 {
        margin-left: 33.33333%
    }

    .col-xl-offset-5,
    .offset-xl5 {
        margin-left: 41.66667%
    }

    .col-xl-offset-6,
    .offset-xl6 {
        margin-left: 50%
    }

    .col-xl-offset-7,
    .offset-xl7 {
        margin-left: 58.33333%
    }

    .col-xl-offset-8,
    .offset-xl8 {
        margin-left: 66.66667%
    }

    .col-xl-offset-9,
    .offset-xl9 {
        margin-left: 75%
    }

    .col-xl-offset-10,
    .offset-xl10 {
        margin-left: 83.33333%
    }

    .col-xl-offset-11,
    .offset-xl11 {
        margin-left: 91.66667%
    }

    .col-xl-offset-12,
    .offset-xl12 {
        margin-left: 100%
    }
}

@media(min-width:1400px) {

    .col-xxl-offset-0,
    .offset-xxl0 {
        margin-left: 0
    }

    .col-xxl-offset-1,
    .offset-xxl1 {
        margin-left: 8.33333%
    }

    .col-xxl-offset-2,
    .offset-xxl2 {
        margin-left: 16.66667%
    }

    .col-xxl-offset-3,
    .offset-xxl3 {
        margin-left: 25%
    }

    .col-xxl-offset-4,
    .offset-xxl4 {
        margin-left: 33.33333%
    }

    .col-xxl-offset-5,
    .offset-xxl5 {
        margin-left: 41.66667%
    }

    .col-xxl-offset-6,
    .offset-xxl6 {
        margin-left: 50%
    }

    .col-xxl-offset-7,
    .offset-xxl7 {
        margin-left: 58.33333%
    }

    .col-xxl-offset-8,
    .offset-xxl8 {
        margin-left: 66.66667%
    }

    .col-xxl-offset-9,
    .offset-xxl9 {
        margin-left: 75%
    }

    .col-xxl-offset-10,
    .offset-xxl10 {
        margin-left: 83.33333%
    }

    .col-xxl-offset-11,
    .offset-xxl11 {
        margin-left: 91.66667%
    }

    .col-xxl-offset-12,
    .offset-xxl12 {
        margin-left: 100%
    }
}

.principios {
    display: grid;
    margin: 4rem 0;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr
}

.principios__col {
    height: 100%;
    display: grid;
    grid-template-rows: 45px;
    grid-auto-rows: 1fr
}

.principios__item {
    display: flex;
    align-items: center;
    padding: 1rem;
    font-size: 1.4rem;
    color: #546e7a;
    border: 1px solid #d6d6d6;
    margin-bottom: -1px;
    margin-right: -1px
}

.principios__item--no,
.principios__item--si {
    border: 0;
    border-bottom: 6px solid transparent;
    font-size: 1.6rem
}

.principios__item--no span,
.principios__item--si span {
    display: flex;
    align-items: center
}

.principios__item--no span:before,
.principios__item--si span:before {
    margin-right: 1rem;
    font-size: 2rem
}

.principios__item--no {
    border-color: #ea5233
}

.principios__item--si {
    border-color: #32dba3
}

.btn {
    background: #546e7a;
    color: white;
    border: 1px solid #546e7a;
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1;
    padding: 1.5rem 3rem;
    text-align: center;
    text-decoration: none;
    transition: all ease 200ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    border-radius: 6px;
    box-shadow: 0 0 0 rgba(84, 110, 122, 0)
}

@supports(display:flex) {
    .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center
    }
}

.btn[disabled],
.disabled.btn {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none;
    outline: 0
}

.btn:after {
    display: none
}

.btn:focus {
    outline: 0
}

.btn:focus[disabled],
.btn:focus.disabled {
    box-shadow: none
}

@media(max-width:54.3rem) {
    .btn {
        padding: 1.2rem 2rem
    }
}

.btn input {
    position: fixed;
    top: -200rem;
    right: -200rem
}

@media(pointer:fine) {
    .btn:hover {
        background: #657d87;
        border-color: #657d87;
        box-shadow: 0 5px 10px rgba(84, 110, 122, 0.3)
    }

    .no-csstransforms .btn:hover {
        text-decoration: none
    }
}

.btn:focus {
    background: #5d7581;
    border-color: #5d7581;
    box-shadow: 0 5px 10px rgba(84, 110, 122, 0.3), 0 0 0 1px #546e7a
}

.btn:active,
.btn:visited {
    background: #4c636e;
    border-color: #4c636e;
    box-shadow: 0 0 2px rgba(84, 110, 122, 0.1)
}

.btn[disabled]:hover,
.btn .disabled:hover {
    background: #546e7a;
    border-color: #546e7a;
    box-shadow: none
}

.btn__ripple {
    position: absolute;
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: rgba(170, 183, 189, 0.4);
    -webkit-animation: ripple .5s 1;
    animation: ripple .5s 1;
    pointer-events: none;
    opacity: 0
}

.btn--fantasma {
    background: transparent;
    border-color: white;
    box-shadow: none
}

@media(pointer:fine) {
    .btn--fantasma:hover {
        background: rgba(255, 255, 255, 0.05);
        box-shadow: none
    }
}

.btn--fantasma:focus {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 0 1px white
}

.btn--fantasma:active,
.btn--fantasma:visited {
    background: rgba(255, 255, 255, 0.15);
    box-shadow: none
}

.btn--borde {
    background: transparent;
    color: #546e7a
}

@media(pointer:fine) {
    .btn--borde:hover {
        background: rgba(84, 110, 122, 0.05);
        box-shadow: none
    }
}

.btn--borde:focus {
    background: transparent;
    box-shadow: 0 0 0 1px #546e7a
}

.btn--borde:active,
.btn--borde:visited {
    background: rgba(84, 110, 122, 0.15);
    box-shadow: 0 0 2px rgba(84, 110, 122, 0.1)
}

.btn--link {
    color: #546e7a;
    background: transparent;
    border-color: transparent
}

@media(pointer:fine) {
    .btn--link:hover {
        background: rgba(84, 110, 122, 0.05);
        border-color: transparent;
        box-shadow: none
    }

    .no-rgba .btn--link:hover {
        text-decoration: underline;
        background: transparent
    }
}

.btn--link:focus {
    background: rgba(84, 110, 122, 0.05);
    border-color: transparent;
    box-shadow: 0 0 0 1px #546e7a
}

.btn--link:active,
.btn--link:visited {
    background: rgba(179, 179, 179, 0.1);
    border-color: transparent;
    box-shadow: none
}

.btn--primario {
    background: #f93549;
    border-color: #f93549;
    outline-color: transparent;
    box-shadow: 0 0 0 rgba(249, 53, 73, 0);
    color: white
}

@media(pointer:fine) {
    .btn--primario:hover {
        background: #fa495b;
        border-color: #fa495b;
        box-shadow: 0 5px 10px rgba(249, 53, 73, 0.3)
    }
}

.btn--primario:focus {
    background: #f93f52;
    border-color: #f93f52;
    box-shadow: 0 5px 10px rgba(249, 53, 73, 0.6), 0 0 0 1px #f93549
}

.btn--primario:active,
.btn--primario:visited {
    background: #e03042;
    border-color: #e03042;
    box-shadow: 0 0 2px rgba(249, 53, 73, 0.1)
}

.btn--primario[disabled]:hover,
.btn--primario .disabled:hover {
    background: #f93549;
    border-color: #f93549;
    box-shadow: none
}

.btn--primario .btn__ripple {
    background: rgba(252, 154, 164, 0.4)
}

.btn--primario.btn--borde {
    color: #f93549;
    background: transparent
}

@media(pointer:fine) {
    .btn--primario.btn--borde:hover {
        background: rgba(249, 53, 73, 0.05);
        box-shadow: none
    }
}

.btn--primario.btn--borde:focus {
    box-shadow: 0 0 0 1px #f93549
}

.btn--primario.btn--borde:active,
.btn--primario.btn--borde:visited {
    background: rgba(249, 53, 73, 0.15);
    box-shadow: 0 0 2px rgba(249, 53, 73, 0.1)
}

.btn--primario.btn--link {
    color: #f93549;
    background: transparent;
    border: transparent;
    box-shadow: none
}

@media(pointer:fine) {
    .btn--primario.btn--link:hover {
        background: rgba(249, 53, 73, 0.05);
        box-shadow: none
    }

    .no-rgba .btn--primario.btn--link:hover {
        text-decoration: underline;
        background: transparent
    }
}

.btn--primario.btn--link:focus {
    background: rgba(249, 53, 73, 0.05);
    box-shadow: 0 0 0 1px #f93549
}

.btn--primario.btn--link:active,
.btn--primario.btn--link:visited {
    background: rgba(249, 53, 73, 0.1)
}

.btn--secundario {
    background: #333d47;
    border-color: #333d47;
    outline-color: transparent;
    box-shadow: 0 0 0 rgba(51, 61, 71, 0);
    color: white
}

@media(pointer:fine) {
    .btn--secundario:hover {
        background: #475059;
        border-color: #475059;
        box-shadow: 0 5px 10px rgba(51, 61, 71, 0.3)
    }
}

.btn--secundario:focus {
    background: #3d4750;
    border-color: #3d4750;
    box-shadow: 0 5px 10px rgba(51, 61, 71, 0.6), 0 0 0 1px #333d47
}

.btn--secundario:active,
.btn--secundario:visited {
    background: #2e3740;
    border-color: #2e3740;
    box-shadow: 0 0 2px rgba(51, 61, 71, 0.1)
}

.btn--secundario[disabled]:hover,
.btn--secundario .disabled:hover {
    background: #333d47;
    border-color: #333d47;
    box-shadow: none
}

.btn--secundario .btn__ripple {
    background: rgba(153, 158, 163, 0.4)
}

.btn--secundario.btn--borde {
    color: #333d47;
    background: transparent
}

@media(pointer:fine) {
    .btn--secundario.btn--borde:hover {
        background: rgba(51, 61, 71, 0.05);
        box-shadow: none
    }
}

.btn--secundario.btn--borde:focus {
    box-shadow: 0 0 0 1px #333d47
}

.btn--secundario.btn--borde:active,
.btn--secundario.btn--borde:visited {
    background: rgba(51, 61, 71, 0.15);
    box-shadow: 0 0 2px rgba(51, 61, 71, 0.1)
}

.btn--secundario.btn--link {
    color: #333d47;
    background: transparent;
    border: transparent;
    box-shadow: none
}

@media(pointer:fine) {
    .btn--secundario.btn--link:hover {
        background: rgba(51, 61, 71, 0.05);
        box-shadow: none
    }

    .no-rgba .btn--secundario.btn--link:hover {
        text-decoration: underline;
        background: transparent
    }
}

.btn--secundario.btn--link:focus {
    background: rgba(51, 61, 71, 0.05);
    box-shadow: 0 0 0 1px #333d47
}

.btn--secundario.btn--link:active,
.btn--secundario.btn--link:visited {
    background: rgba(51, 61, 71, 0.1)
}

.btn--terciario {
    background: #4c5a81;
    border-color: #4c5a81;
    outline-color: transparent;
    box-shadow: 0 0 0 rgba(76, 90, 129, 0);
    color: white
}

@media(pointer:fine) {
    .btn--terciario:hover {
        background: #5e6b8e;
        border-color: #5e6b8e;
        box-shadow: 0 5px 10px rgba(76, 90, 129, 0.3)
    }
}

.btn--terciario:focus {
    background: #556287;
    border-color: #556287;
    box-shadow: 0 5px 10px rgba(76, 90, 129, 0.6), 0 0 0 1px #4c5a81
}

.btn--terciario:active,
.btn--terciario:visited {
    background: #445174;
    border-color: #445174;
    box-shadow: 0 0 2px rgba(76, 90, 129, 0.1)
}

.btn--terciario[disabled]:hover,
.btn--terciario .disabled:hover {
    background: #4c5a81;
    border-color: #4c5a81;
    box-shadow: none
}

.btn--terciario .btn__ripple {
    background: rgba(166, 173, 192, 0.4)
}

.btn--terciario.btn--borde {
    color: #4c5a81;
    background: transparent
}

@media(pointer:fine) {
    .btn--terciario.btn--borde:hover {
        background: rgba(76, 90, 129, 0.05);
        box-shadow: none
    }
}

.btn--terciario.btn--borde:focus {
    box-shadow: 0 0 0 1px #4c5a81
}

.btn--terciario.btn--borde:active,
.btn--terciario.btn--borde:visited {
    background: rgba(76, 90, 129, 0.15);
    box-shadow: 0 0 2px rgba(76, 90, 129, 0.1)
}

.btn--terciario.btn--link {
    color: #4c5a81;
    background: transparent;
    border: transparent;
    box-shadow: none
}

@media(pointer:fine) {
    .btn--terciario.btn--link:hover {
        background: rgba(76, 90, 129, 0.05);
        box-shadow: none
    }

    .no-rgba .btn--terciario.btn--link:hover {
        text-decoration: underline;
        background: transparent
    }
}

.btn--terciario.btn--link:focus {
    background: rgba(76, 90, 129, 0.05);
    box-shadow: 0 0 0 1px #4c5a81
}

.btn--terciario.btn--link:active,
.btn--terciario.btn--link:visited {
    background: rgba(76, 90, 129, 0.1)
}

.btn--peligro {
    background: #ea5233;
    border-color: #ea5233;
    outline-color: transparent;
    box-shadow: 0 0 0 rgba(234, 82, 51, 0);
    color: white
}

@media(pointer:fine) {
    .btn--peligro:hover {
        background: #ec6347;
        border-color: #ec6347;
        box-shadow: 0 5px 10px rgba(234, 82, 51, 0.3)
    }
}

.btn--peligro:focus {
    background: #eb5b3d;
    border-color: #eb5b3d;
    box-shadow: 0 5px 10px rgba(234, 82, 51, 0.6), 0 0 0 1px #ea5233
}

.btn--peligro:active,
.btn--peligro:visited {
    background: #d34a2e;
    border-color: #d34a2e;
    box-shadow: 0 0 2px rgba(234, 82, 51, 0.1)
}

.btn--peligro[disabled]:hover,
.btn--peligro .disabled:hover {
    background: #ea5233;
    border-color: #ea5233;
    box-shadow: none
}

.btn--peligro .btn__ripple {
    background: rgba(245, 169, 153, 0.4)
}

.btn--peligro.btn--borde {
    color: #ea5233;
    background: transparent
}

@media(pointer:fine) {
    .btn--peligro.btn--borde:hover {
        background: rgba(234, 82, 51, 0.05);
        box-shadow: none
    }
}

.btn--peligro.btn--borde:focus {
    box-shadow: 0 0 0 1px #ea5233
}

.btn--peligro.btn--borde:active,
.btn--peligro.btn--borde:visited {
    background: rgba(234, 82, 51, 0.15);
    box-shadow: 0 0 2px rgba(234, 82, 51, 0.1)
}

.btn--peligro.btn--link {
    color: #ea5233;
    background: transparent;
    border: transparent;
    box-shadow: none
}

@media(pointer:fine) {
    .btn--peligro.btn--link:hover {
        background: rgba(234, 82, 51, 0.05);
        box-shadow: none
    }

    .no-rgba .btn--peligro.btn--link:hover {
        text-decoration: underline;
        background: transparent
    }
}

.btn--peligro.btn--link:focus {
    background: rgba(234, 82, 51, 0.05);
    box-shadow: 0 0 0 1px #ea5233
}

.btn--peligro.btn--link:active,
.btn--peligro.btn--link:visited {
    background: rgba(234, 82, 51, 0.1)
}

.btn--exito {
    background: #32dba3;
    border-color: #32dba3;
    outline-color: transparent;
    box-shadow: 0 0 0 rgba(50, 219, 163, 0);
    color: white
}

@media(pointer:fine) {
    .btn--exito:hover {
        background: #47dfac;
        border-color: #47dfac;
        box-shadow: 0 5px 10px rgba(50, 219, 163, 0.3)
    }
}

.btn--exito:focus {
    background: #3cdda8;
    border-color: #3cdda8;
    box-shadow: 0 5px 10px rgba(50, 219, 163, 0.6), 0 0 0 1px #32dba3
}

.btn--exito:active,
.btn--exito:visited {
    background: #2dc593;
    border-color: #2dc593;
    box-shadow: 0 0 2px rgba(50, 219, 163, 0.1)
}

.btn--exito[disabled]:hover,
.btn--exito .disabled:hover {
    background: #32dba3;
    border-color: #32dba3;
    box-shadow: none
}

.btn--exito .btn__ripple {
    background: rgba(153, 237, 209, 0.4)
}

.btn--exito.btn--borde {
    color: #32dba3;
    background: transparent
}

@media(pointer:fine) {
    .btn--exito.btn--borde:hover {
        background: rgba(50, 219, 163, 0.05);
        box-shadow: none
    }
}

.btn--exito.btn--borde:focus {
    box-shadow: 0 0 0 1px #32dba3
}

.btn--exito.btn--borde:active,
.btn--exito.btn--borde:visited {
    background: rgba(50, 219, 163, 0.15);
    box-shadow: 0 0 2px rgba(50, 219, 163, 0.1)
}

.btn--exito.btn--link {
    color: #32dba3;
    background: transparent;
    border: transparent;
    box-shadow: none
}

@media(pointer:fine) {
    .btn--exito.btn--link:hover {
        background: rgba(50, 219, 163, 0.05);
        box-shadow: none
    }

    .no-rgba .btn--exito.btn--link:hover {
        text-decoration: underline;
        background: transparent
    }
}

.btn--exito.btn--link:focus {
    background: rgba(50, 219, 163, 0.05);
    box-shadow: 0 0 0 1px #32dba3
}

.btn--exito.btn--link:active,
.btn--exito.btn--link:visited {
    background: rgba(50, 219, 163, 0.1)
}

.btn--redondo {
    border-radius: 30px
}

.btn--redondo:focus {
    border-style: dashed
}

.btn--circulo {
    width: 5rem;
    height: 5rem;
    max-width: 5rem;
    border-radius: 50%;
    text-align: center;
    padding: 0
}

.btn--circulo:before {
    font-size: 2rem
}

.btn--circulo:focus {
    border-style: dashed
}

.btn--icono:before {
    margin: 0 .5rem;
    font-size: 2rem;
    line-height: .75
}

.btn--block-xs {
    width: 100%
}

.btn--inline-xs {
    width: auto
}

.btn--big {
    padding: 1.8rem 3.6rem
}

.btn--small {
    padding: 1rem 2rem
}

.btn--xsmall {
    padding: .4rem 1.5rem;
    font-size: 1.4rem
}

.btn--ancho {
    padding: 1.2rem 5rem
}

.no-mediaqueries .btn--block {
    width: 100%
}

.no-mediaqueries .btn--inline {
    width: auto
}

.btn__grupo .btn {
    margin-bottom: 1em;
    margin-right: .5em
}

.btn__grupo .btn:last-child {
    margin-right: 0
}

@media(min-width:120rem) {
    .btn__grupo .btn--block-lg {
        margin-right: 0
    }
}

@media max-width {
    .btn__grupo .btn--block-xs {
        margin-right: 0
    }
}

@media(min-width:544px) and (max-width:767px) {
    .btn__grupo .btn--block-sm {
        margin-right: 0
    }
}

@media(min-width:768px) and (max-width:991px) {
    .btn__grupo .btn--block-md {
        margin-right: 0
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .btn__grupo .btn--block-lg {
        margin-right: 0
    }
}

@media print {
    .btn__grupo .btn--block-pr {
        margin-right: 0
    }
}

@media(min-width:544px) {
    .btn--block-sm {
        width: 100%
    }

    .btn--inline-sm {
        width: auto
    }
}

@media(min-width:768px) {
    .btn--block-md {
        width: 100%
    }

    .btn--inline-md {
        width: auto
    }
}

@media(min-width:992px) {
    .btn--block-lg {
        width: 100%
    }

    .btn--inline-lg {
        width: auto
    }
}

@media(min-width:1200px) {
    .btn--block-xl {
        width: 100%
    }

    .btn--inline-xl {
        width: auto
    }
}

@media(min-width:1400px) {
    .btn--block-xxl {
        width: 100%
    }

    .btn--inline-xxl {
        width: auto
    }
}

@media(min-width:px) {
    .btn--block-pr {
        width: 100%
    }

    .btn--inline-pr {
        width: auto
    }
}

@-webkit-keyframes ripple {
    0% {
        opacity: 0
    }

    1% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(10)
    }
}

@keyframes ripple {
    0% {
        opacity: 0
    }

    1% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(10)
    }
}

.badge {
    display: inline-block;
    padding: 4px 8px;
    font-size: 1.4rem;
    background: #dde2e4;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 5px;
    color: #546e7a;
    border-radius: 6px
}

.badge[href] {
    text-decoration: none;
    transition: all ease 200ms
}

@media(pointer:fine) {
    .badge[href]:hover {
        text-decoration: none
    }
}

.badge--primario {
    color: #f93549;
    background: #fed7db
}

@media(pointer:fine) {
    .badge--primario[href]:hover {
        background: #fdc2c8
    }
}

.badge--secundario {
    color: #333d47;
    background: #d6d8da
}

@media(pointer:fine) {
    .badge--secundario[href]:hover {
        background: #c2c5c8
    }
}

.badge--terciario {
    color: #4c5a81;
    background: #dbdee6
}

@media(pointer:fine) {
    .badge--terciario[href]:hover {
        background: #c9ced9
    }
}

.badge--peligro {
    color: #ea5233;
    background: #fbdcd6
}

@media(pointer:fine) {
    .badge--peligro[href]:hover {
        background: #f9cbc2
    }
}

.badge--exito {
    color: #32dba3;
    background: #d6f8ed
}

@media(pointer:fine) {
    .badge--exito[href]:hover {
        background: #c2f4e3
    }
}

.badge--aviso {
    color: #f7ae18;
    background: #fdefd1
}

@media(pointer:fine) {
    .badge--aviso[href]:hover {
        background: #fde7ba
    }
}

.badge--info {
    color: #04a9f7;
    background: #cdeefd
}

@media(pointer:fine) {
    .badge--info[href]:hover {
        background: #b4e5fd
    }
}

.form__grupo .text,
.form__grupo select,
.form__grupo textarea {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: white;
    font-size: 1.6rem;
    color: #546e7a;
    padding: 12px 10px;
    resize: none;
    position: relative;
    z-index: 1;
    transition: all ease 200ms;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form__grupo .text:focus,
.form__grupo select:focus,
.form__grupo textarea:focus {
    outline: 0;
    box-shadow: 0 5px 10px rgba(84, 110, 122, 0.3)
}

.form__grupo .text:focus~label,
.form__grupo select:focus~label,
.form__grupo textarea:focus~label,
.form__grupo .text:focus~.icono,
.form__grupo select:focus~.icono,
.form__grupo textarea:focus~.icono {
    color: #f93549
}

.form__grupo .text[disabled],
.form__grupo select[disabled],
.form__grupo textarea[disabled] {
    background: whitesmoke
}

.form__grupo .invalido.text,
.form__grupo select.invalido,
.form__grupo textarea.invalido {
    border-color: #ea5233
}

.form__radio,
.form__checkbox,
.form__toggle {
    display: flex;
    align-items: center;
    position: relative
}

@supports((-webkit-appearance:none) or(-moz-appearance:none) or(appearance:none)) {

    .form__radio input,
    .form__checkbox input,
    .form__toggle input {
        margin-right: 15px;
        position: relative;
        transition: all ease 200ms;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .form__radio input~label,
    .form__checkbox input~label,
    .form__toggle input~label {
        width: calc(100% - 28px)
    }

    .form__radio input:focus,
    .form__checkbox input:focus,
    .form__toggle input:focus {
        outline: 0
    }

    .form__radio input:checked~label,
    .form__checkbox input:checked~label,
    .form__toggle input:checked~label {
        color: #f93549
    }

    .form__radio input[disabled],
    .form__checkbox input[disabled],
    .form__toggle input[disabled] {
        cursor: default;
        opacity: .6;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }

    .form__radio input[disabled]~label,
    .form__checkbox input[disabled]~label,
    .form__toggle input[disabled]~label {
        opacity: .6;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }
}

.form {
    margin-bottom: 40px
}

.form label {
    font-size: 1.6em;
    color: #888;
    transition: all ease 200ms;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.form label[data-comentario]:after {
    content: attr(data-comentario);
    color: #a0a0a0;
    font-size: 80%;
    padding-left: 5px
}

.form label a {
    font-size: 1em
}

.form__grupo {
    margin-bottom: 35px;
    display: flex;
    flex-direction: column-reverse
}

.form__grupo select {
    padding-right: 35px
}

.form__grupo select::-ms-expand {
    display: none
}

.form__grupo select:-moz-focusring,
.form__grupo select:-moz-focus-inner {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important;
    background-image: none !important;
    border: 0
}

.form__grupo[data-comentario]::after {
    content: attr(data-comentario);
    color: #acacac;
    font-size: 1.4rem;
    display: block;
    margin-top: 10px;
    order: -3
}

.form__grupo .icono {
    display: block;
    height: 0;
    align-self: flex-end;
    pointer-events: none;
    color: #546e7a;
    font-size: 2em;
    margin-right: 10px;
    line-height: 1.6rem;
    transform: translateY(-3.2rem);
    transition: all ease 200ms;
    z-index: 2;
    position: relative
}

.form__grupo .icono~.text,
.form__grupo .icono~select,
.form__grupo .icono~textarea {
    padding-right: 35px
}

.form__grupo[data-animacion=placeholder] {
    margin-bottom: 1.5rem
}

.form__grupo[data-animacion=placeholder] label {
    pointer-events: none;
    display: block;
    transform: translate(10px, 2em);
    transform-origin: left top;
    z-index: 2;
    opacity: .6;
    line-height: 1
}

.form__grupo[data-animacion=placeholder] label.focus {
    opacity: 1;
    transform: translate(0, 0) scale(0.85)
}

.form__seleccion {
    margin-bottom: 15px
}

.form__radio [type=radio] {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 2
}

.form__radio__item {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    box-shadow: 0 0 0 1px #999;
    background: white;
    border: 3px solid white;
    position: relative;
    margin: 0 5px
}

.form__radio__item:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

.form__radio--checked .form__radio__item {
    background: #f93549;
    box-shadow: 0 0 0 1px #f93549
}

.form__radio--checked .form__radio__item:after {
    -webkit-animation: active-input 400ms ease 1 forwards;
    animation: active-input 400ms ease 1 forwards
}

.form__radio--disabled {
    -webkit-filter: grayscale(100);
    filter: grayscale(100);
    opacity: .6
}

.form__radio--inline {
    display: inline-flex;
    margin-right: 30px
}

.form__radio--reverse {
    flex-direction: row-reverse
}

.form__radio--reverse [type=radio] {
    margin-right: 0;
    margin-left: 15px
}

.form__checkbox [type=checkbox] {
    opacity: 0;
    width: 18px;
    height: 18px;
    margin: 0 5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.form__checkbox__item {
    border: 2px solid #b3b3b3;
    width: 18px;
    height: 18px;
    background: white;
    position: relative;
    margin: 0 5px;
    border-radius: 4px
}

.form__checkbox__item:before {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    color: white;
    transform: scale(0);
    transition: all ease 200ms;
    font-size: 18px;
    z-index: 1
}

.form__checkbox__item:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    background: rgba(249, 53, 73, 0.2);
    opacity: 0;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 0
}

.form__checkbox__item:checked {
    background: #f93549;
    border-color: #f93549
}

.form__checkbox__item:checked:before {
    transform: scale(1)
}

.form__checkbox__item:checked:after {
    -webkit-animation: active-input 400ms ease 1 forwards;
    animation: active-input 400ms ease 1 forwards;
    opacity: 1
}

.form__checkbox--checked .form__checkbox__item {
    background: #f93549;
    border-color: #f93549
}

.form__checkbox--checked .form__checkbox__item:before {
    transform: scale(1)
}

.form__checkbox--checked .form__checkbox__item:after {
    -webkit-animation: active-input 400ms ease 1 forwards;
    animation: active-input 400ms ease 1 forwards;
    opacity: 1
}

.form__checkbox--disabled {
    -webkit-filter: grayscale(100);
    filter: grayscale(100);
    opacity: .6
}

.form__checkbox--inline {
    display: inline-flex;
    margin-right: 30px;
    margin-bottom: 15px
}

.form__checkbox--reverse {
    flex-direction: row-reverse;
    justify-content: space-between
}

.form__checkbox--reverse [type=checkbox] {
    left: auto;
    right: 0
}

.form__toggle [type=checkbox] {
    opacity: 0;
    width: 35px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 1rem;
    z-index: 2
}

.form__toggle__item {
    width: 30px;
    height: 10px;
    background: #999;
    border-radius: 5px;
    margin: 0 10px;
    z-index: 0
}

.form__toggle__item:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    background: white;
    position: relative;
    top: -5px;
    left: -5px;
    border-radius: 50%;
    z-index: 0;
    transition: all ease 200ms
}

.form__toggle--checked .form__toggle__item {
    background: #f93549
}

.form__toggle--checked .form__toggle__item:before {
    transform: translateX(20px);
    border-color: #f93549;
    -webkit-animation: active-input 400ms ease 1 forwards;
    animation: active-input 400ms ease 1 forwards
}

.form__toggle--disabled {
    -webkit-filter: grayscale(100);
    filter: grayscale(100);
    opacity: .6
}

.form__toggle label {
    width: calc(100% - 50px)
}

.tabla {
    margin-bottom: 30px
}

.tabla caption {
    font-size: 2em;
    padding: 10px
}

.tabla td,
.tabla th {
    font-size: 1.6em;
    line-height: 1.5;
    padding: 10px;
    position: relative
}

.tabla td {
    color: #546e7a;
    background: white
}

.tabla td:empty {
    background: transparent
}

.tabla thead th {
    font-weight: normal;
    color: #435862;
    background: #feebed
}

.tabla--full table {
    width: 100%
}

.tabla--small caption {
    font-size: 1.6rem
}

.tabla--small td,
.tabla--small th {
    font-size: 1.2rem
}

.tabla--big caption,
.tabla--big td,
.tabla--big th {
    padding: 20px
}

.tabla--zebra tbody tr:nth-of-type(even) td {
    background: whitesmoke
}

.tabla--zebra tbody tr.par td {
    background: whitesmoke
}

.tabla--borde thead th {
    border: 1px solid #ebebeb
}

.tabla--borde tbody td {
    border: 1px solid #ebebeb
}

.tabla--borde tfoot td {
    border: 1px solid #ebebeb
}

.tabla--borde tfoot td:empty {
    border: 0
}

.tabla--borde-bottom thead th {
    border-bottom: 1px solid #ebebeb
}

.tabla--borde-bottom tbody td {
    border-bottom: 1px solid #ebebeb
}

.alerta {
    position: relative;
    padding: 3rem;
    font-size: 1.6em;
    margin: 3rem 0;
    font-weight: 400;
    color: #525252;
    background: rgba(245, 245, 245, 0.85);
    border-radius: 6px
}

.alerta>:first-child {
    margin-top: 0
}

.alerta>:last-child {
    margin-bottom: 0
}

.alerta--xsmall {
    font-size: 1.3rem;
    padding: 1.5rem
}

.alerta--small {
    font-size: 1.5rem;
    padding: 2rem
}

.alerta--hc {
    background: rgba(46, 46, 46, 0.85);
    color: white
}

.alerta--close {
    padding-right: 4rem
}

.alerta__content {
    display: flex;
    align-items: center;
    margin: 0 -1.5rem
}

.alerta__icon {
    margin: 0 1.5rem;
    font-size: 3rem;
    line-height: .75
}

.alerta__icon:before {
    line-height: 1
}

.alerta__text {
    margin: 0 1rem
}

.alerta--primaria {
    background: #d6dcff;
    color: #4c446d
}

.alerta--primaria.alerta--hc {
    background: #304ffe;
    color: white
}

.alerta--secundaria {
    background: #ebd4ef;
    color: #4c446d
}

.alerta--secundaria.alerta--hc {
    background: #9c27b0;
    color: white
}

.alerta--error {
    background: #fbdcd6;
    color: #4c446d
}

.alerta--error.alerta--hc {
    background: #ea5233;
    color: white
}

.alerta--exito {
    background: #d6f8ed;
    color: #4c446d
}

.alerta--exito.alerta--hc {
    background: #32dba3;
    color: white
}

.alerta--aviso {
    background: #fdefd1;
    color: #4c446d
}

.alerta--aviso.alerta--hc {
    background: #f7ae18;
    color: white
}

.alerta--info {
    background: #cdeefd;
    color: #4c446d
}

.alerta--info.alerta--hc {
    background: #04a9f7;
    color: white
}

.alerta__contenedor {
    position: fixed;
    right: 1.5rem;
    left: 1.5rem;
    z-index: 99999
}

.alerta__contenedor .alerta--hidden {
    opacity: 0
}

.alerta__contenedor--fixed-top {
    top: 0
}

.alerta__contenedor--fixed-top .alerta--hidden {
    transform: translateY(-20px)
}

.alerta__contenedor--fixed-bottom {
    bottom: 0
}

.alerta__contenedor--fixed-bottom .alerta--hidden {
    transform: translateY(20px)
}

.alerta--fixed-top,
.alerta--fixed-bottom {
    position: fixed;
    right: 1.5rem;
    left: 1.5rem;
    z-index: 99999
}

.alerta--fixed-top {
    top: 0
}

.alerta--fixed-top .alerta--hidden {
    transform: translateY(-20px)
}

.alerta--fixed-bottom {
    bottom: 0
}

.alerta--fixed-bottom .alerta--hidden {
    transform: translateY(20px)
}

.alerta--global {
    padding: 30px;
    margin: 1.5rem 0;
    transition: all ease 200ms
}

.alerta__titulo {
    font-size: em(24, 16);
    display: block;
    margin-bottom: 5px;
    font-weight: normal
}

@media(max-width:767px) {
    .alerta__texto {
        text-align: center
    }
}

.alerta__contenido {
    display: flex;
    align-items: center;
    padding-right: 15px
}

@media(max-width:767px) {
    .alerta__contenido {
        flex-direction: column;
        padding-right: 0
    }
}

.alerta__close {
    cursor: pointer;
    font-size: 1.8rem;
    display: inline-block;
    line-height: 1.8rem;
    transition: all ease 200ms;
    position: absolute;
    top: 1rem;
    right: 1rem
}

.alerta__close:before {
    vertical-align: middle
}

@media(pointer:fine) {
    .alerta__close:hover {
        transform: rotate(90deg);
        transform-origin: center
    }
}

.alerta__close:before {
    display: block
}

.alerta a:not(.btn) {
    font-size: 1em;
    color: inherit;
    text-decoration: underline
}

.alerta a:not(.btn):after {
    display: none
}

.callout {
    padding: 2rem;
    padding-left: 2.6rem;
    border: 1px solid #ebebeb;
    margin: 3rem 0;
    position: relative;
    overflow: hidden
}

.callout:before {
    content: '';
    display: block;
    height: 110%;
    width: .6rem;
    position: absolute;
    top: -5%;
    bottom: -5%;
    left: 0
}

.callout--exito:before {
    background-image: linear-gradient(to right top, #32db87, #32dba3, #32dbbf)
}

.callout--error:before {
    background-image: linear-gradient(to right top, #ea3433, #ea5233, #ea7133)
}

.callout--aviso:before {
    background-image: linear-gradient(to right top, #f78918, #f7ae18, #f7d318)
}

.callout--info:before {
    background-image: linear-gradient(to right top, #04d2f7, #04a9f7, #0481f7)
}

.callout>:first-child {
    margin-top: 0
}

.callout>:last-child {
    margin-bottom: 0
}

.fln-tabs {
    margin-bottom: 40px;
    width: 100%;
    background: whitesmoke
}

.fln-tabs__nav {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    position: relative
}

.contenido-dinamico .fln-tabs__nav {
    font-size: 1em;
    margin: 0
}

.no-flexbox .fln-tabs__nav {
    display: table;
    width: 100%
}

.fln-tabs__item {
    display: flex;
    text-align: center;
    justify-content: center;
    font-size: 1.6rem;
    flex: 1
}

.fln-tabs__item:focus {
    outline: 0
}

.contenido-dinamico .fln-tabs__item {
    padding: 0
}

.contenido-dinamico .fln-tabs__item:before {
    display: none
}

.no-flexbox .fln-tabs__item {
    display: table-cell;
    vertical-align: middle
}

.fln-tabs__link {
    padding: 20px 10px;
    text-decoration: none;
    display: block;
    width: 100%;
    color: getColor("blue-grey", "600");
    background: transparent;
    border-radius: 6px;
    box-shadow: 0 0 0 rgba(84, 110, 122, 0);
    transition: all ease 200ms
}

@media(pointer:fine) {
    .fln-tabs__link:hover {
        background: #ebebeb
    }
}

.contenido-dinamico .fln-tabs__link:after {
    display: none;
    height: 0;
    width: 0
}

.fln-tabs__item.activo .fln-tabs__link {
    color: white;
    background: #f93549;
    box-shadow: 5px 0 10px rgba(84, 110, 122, 0.3)
}

.fln-tabs__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.6rem;
    padding: 1.5rem;
    background: #ebebeb;
    margin-bottom: 1px;
    border-radius: 6px
}

.fln-tabs__header__icono {
    transition: all ease 200ms
}

.fln-tabs__header.activo {
    color: white;
    background: #f93549
}

.fln-tabs__header.activo .fln-tabs__header__icono {
    transform: rotate(180deg)
}

.fln-tabs__contenido {
    padding: 3rem;
    overflow: hidden
}

@media(max-width:991px) {
    .fln-tabs__contenido {
        padding: 1.5rem
    }
}

.fln-tabs--vertical {
    display: flex
}

.fln-tabs--vertical .fln-tabs__nav {
    flex-direction: column;
    width: 30%
}

.fln-tabs--vertical .fln-tabs__item {
    flex: auto
}

.fln-tabs--vertical .fln-tabs__contenidos {
    width: 70%
}

.fln-tabs--responsive .fln-tabs__nav {
    display: none
}

.fln-tabs--responsive .fln-tabs__contenidos {
    width: 100%
}

.ie-8 .fln-tabs__nav {
    display: table;
    width: 100%
}

.ie-8 .fln-tabs__item {
    display: table-cell;
    vertical-align: top
}

.fln-accordion {
    margin-bottom: 40px
}

.fln-accordion__header {
    font-size: 2rem;
    padding: 20px;
    color: #f93549;
    background: getColor("gris", "F8");
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    cursor: pointer;
    margin-bottom: 1px;
    transition: all ease 200ms;
    border-radius: 6px;
    box-shadow: 0 0 0 rgba(84, 110, 122, 0)
}

.fln-accordion__header:hover {
    box-shadow: 5px 0 10px rgba(84, 110, 122, 0.3)
}

.fln-accordion__header.ui-state-active {
    background: #f93549;
    color: white
}

.fln-accordion__header:focus {
    outline: 0
}

.fln-accordion__icon {
    line-height: .75;
    transition: all ease 200ms
}

.fln-accordion__icon:before {
    line-height: 1
}

.ui-state-active .fln-accordion__icon {
    transform: rotate(180deg)
}

.fln-accordion__body {
    padding: 30px 0
}

.preloader-general {
    z-index: 120
}

.preloader-general[data-tipo=screen] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(249, 53, 73, 0.7);
    display: flex;
    justify-content: center;
    align-items: center
}

.preloader-general[data-tipo=screen]::after {
    content: '';
    display: block;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    border: 10px solid rgba(255, 255, 255, 0.2);
    border-bottom-color: white;
    -webkit-animation: rotar 400ms linear infinite;
    animation: rotar 400ms linear infinite
}

.preloader-general[data-tipo=screen][data-content=logo]::after {
    display: none
}

.preloader-general[data-tipo=screen][data-content=logo] img {
    max-width: 60vw
}

.preloader-general[data-tipo=progress] {
    position: fixed;
    right: 0;
    left: 0;
    height: 10px;
    background: #f0f0f0
}

.preloader-general[data-tipo=progress][data-posicion=top] {
    top: 0
}

.preloader-general[data-tipo=progress][data-posicion=bottom] {
    bottom: 0
}

.preloader-general[data-tipo=progress]::before,
.preloader-general[data-tipo=progress]::after {
    content: '';
    display: block;
    width: 200px;
    height: 100%;
    background: #f93549;
    -webkit-animation: progress linear 2s infinite;
    animation: progress linear 2s infinite;
    border-radius: 6px
}

.preloader-general[data-tipo=progress]::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.preloader-general[data-tipo=progress]::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -200px
}

.preloader-general[data-tipo=pill] {
    position: fixed;
    right: 0;
    left: 0;
    width: 200px;
    margin: auto;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 50px
}

.preloader-general[data-tipo=pill][data-posicion=top] {
    top: 20px
}

.preloader-general[data-tipo=pill][data-posicion=bottom] {
    bottom: 20px
}

.preloader-general[data-tipo=pill]::before {
    content: '';
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 6px solid rgba(249, 53, 73, 0.2);
    border-bottom-color: #f93549;
    -webkit-animation: rotar 400ms linear infinite;
    animation: rotar 400ms linear infinite
}

.preloader-general[data-tipo=pill]::after {
    content: 'Cargando...';
    font-size: 1.4rem;
    color: #f93549;
    margin-left: 20px
}

.preloader-general[data-tipo=bounding] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    width: 70px;
    height: 35px;
    overflow: hidden;
    margin: auto
}

.preloader-general[data-tipo=bounding]::before {
    content: '';
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 10px solid transparent;
    border-bottom-color: #f93549;
    -webkit-animation: bounce 3s ease-in-out infinite;
    animation: bounce 3s ease-in-out infinite;
    transform: rotate(60deg)
}

@-webkit-keyframes progress {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(100vw)
    }
}

@keyframes progress {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(100vw)
    }
}

@-webkit-keyframes rotar {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes rotar {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes bounce {
    0% {
        border-width: 10px
    }

    25% {
        border-width: 3px
    }

    50% {
        transform: rotate(300deg);
        border-width: 10px
    }

    75% {
        border-width: 3px
    }

    100% {
        border-width: 10px
    }
}

@keyframes bounce {
    0% {
        border-width: 10px
    }

    25% {
        border-width: 3px
    }

    50% {
        transform: rotate(300deg);
        border-width: 10px
    }

    75% {
        border-width: 3px
    }

    100% {
        border-width: 10px
    }
}

[data-language-badge] {
    display: inline-block;
    padding: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 6px
}

[data-language-badge="html"] {
    color: white;
    background-image: linear-gradient(to right top, #cf125c, #dd2750, #e73b43, #ee5035, #f16524)
}

[data-language-badge="js"] {
    color: black;
    background-image: linear-gradient(to left bottom, #f8dc3d, #efc632, #e5b129, #da9c22, #cd881c)
}

[data-language-badge="css"] {
    color: white;
    background-image: linear-gradient(to right top, #0901b9, #0046d4, #006ae0, #008ae1, #01a7dd)
}

[data-language-badge="pug"] {
    color: #705b58;
    background-image: linear-gradient(45deg, #c9c9c9 0, #ffecec 100%)
}

.code {
    padding: .4rem .8rem;
    color: #3c2b2c;
    background: whitesmoke;
    border-radius: 6px
}

.code--dark {
    color: #fee1e4;
    background: #3c2b2c
}

.code--dark mark {
    color: #3c2b2c
}

.code--group {
    padding: 2rem;
    display: block;
    overflow: hidden;
    overflow-x: auto
}

.code__comment {
    opacity: .4
}

.code mark {
    border-radius: 78% 22% 81% 19% / 30% 73% 27% 70%;
    line-height: 1.3
}

code:not([class]) {
    background: #fbfbfb;
    border: 1px solid #d6d8da;
    border-radius: .15rem;
    color: #333d47;
    font-size: 1.4rem;
    margin: 0 .1rem;
    padding: .2rem .4rem;
    white-space: nowrap
}

kbd {
    padding: .3rem .5rem;
    background: black;
    color: white;
    font-size: .7rem
}

.fln-galeria {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.fln-galeria__titulo {
    width: 100%
}

.fln-galeria__fig {
    position: relative;
    overflow: hidden;
    width: 25%;
    margin: 0
}

@media(max-width:767px) {
    .fln-galeria__fig {
        width: 25%
    }
}

@media(max-width:543px) {
    .fln-galeria__fig {
        width: 33.33%
    }
}

.fln-galeria__item {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden
}

.fln-galeria__item img {
    display: block;
    width: 100%;
    transition: all ease 200ms;
    margin-bottom: 0
}

.fln-galeria__capa {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3em;
    color: white;
    background: rgba(249, 53, 73, 0.4);
    opacity: 0;
    transform: scale(2);
    transition: all ease 200ms
}

.fln-galeria__mas {
    opacity: 1;
    transform: scale(1)
}

.fln-galeria__item:hover .fln-galeria__ico {
    opacity: 1;
    transform: scale(1)
}

.fln-galeria__item:hover img {
    transform: scale(1.1)
}

.fln-galeria__item:hover .fln-galeria__capa {
    opacity: 1;
    transform: scale(1)
}

.fln-galeria__item:focus {
    outline: 0
}