@font-face {
    font-family: FC_Black;
    font-style: normal;
    font-weight: 400;
    src: url(../Fonts/FF_Clan_OT_Black.otf) format("opentype")
}

@font-face {
    font-family: FC_Bold;
    font-style: normal;
    font-weight: 400;
    src: url(../Fonts/FF_Clan_OT_Bold.otf) format("opentype");
    font-display: swap;
}

@font-face {
    font-family: FC_Book;
    font-style: normal;
    font-weight: 400;
    src: url(../Fonts/FF_Clan_OT_Book.otf) format("opentype");
    font-display: swap;
}

@font-face {
    font-family: FC_News;
    font-style: normal;
    font-weight: 400;
    src: url(../Fonts/FF_Clan_OT_News.otf) format("opentype");
    font-display: swap;
}

* {
    box-sizing: border-box;
    font-family: FC_Book;
    font-size: 16px;
    line-height: 1.2;
    margin: 0;
    max-width: 100%;
    padding: 0;
    position: relative
}

body {
    background-color: #984140 !important;
    overflow: hidden;
    width: 100%
}

.contenedor-general {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 1920px;
    position: relative;
    background-color: white;
}

.contenedor-footer {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 1920px;
    position: relative;
}

.idLinke {
    margin-top: 2em;
    flex-flow: row wrap;
    position: relative;
    display: flex;
}

.loading {
    background-color: #984140;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 991
}

    .loading .logo {
        left: 50%;
        margin: 0 0 40px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%)
    }

        .loading .logo img {
            width: 275px
        }

    .loading .barraest {
        background-color: hsla(0, 0%, 100%, .5);
        bottom: 5vh;
        max-width: 90%;
        text-align: center;
        width: 700px
    }

        .loading .barraest,
        .loading .barraest .porcentaje {
            height: 2px;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            -o-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -webkit-transform: translateX(-50%)
        }

            .loading .barraest .porcentaje {
                background-color: #fff;
                display: inline-block;
                top: 0;
                width: 0
            }

.contenido {
    display: flex;
    margin: 0 auto;
    max-width: 85%;
    width: 1600px
}

    .contenido.izquierda {
        margin: 0 auto 0 0
    }

    .contenido.derecha,
    .contenido.izquierda {
        max-width: 95%;
        width: calc(100% - (100% - 1600px)/2)
    }

    .contenido.derecha {
        margin: 0 0 0 auto
    }

main .contenido {
    max-width: 95%;
    /*width: 1460px*/
}

    main .contenido.derecha,
    main .contenido.izquierda {
        max-width: 90%;
        width: calc(100% - (100% - 1460px)/2)
    }

footer .contenido {
    max-width: 80%;
    width: 1460px
}

.ai_center {
    align-items: center !important
}

.ai_start {
    align-items: flex-start !important
}

.ai_end {
    align-items: flex-end !important
}

.jc_start {
    justify-content: flex-start !important
}

.jc_end {
    justify-content: flex-end !important
}

.jc_center {
    justify-content: center !important
}

.jc_between {
    justify-content: space-between !important
}

.jc_around {
    justify-content: space-around !important
}

.ff_column {
    flex-flow: column nowrap !important
}

.fw_nowrap {
    flex-wrap: nowrap !important
}

.fw_wrap {
    flex-wrap: wrap !important
}

.mb1 {
    margin-bottom: 1em !important
}

.mb2 {
    margin-bottom: 2em !important
}

.mb3 {
    margin-bottom: 3em !important
}

.mb4 {
    margin-bottom: 4em !important
}

.text_left {
    text-align: left !important
}

.text_right {
    text-align: right !important
}

.text_center {
    text-align: center !important
}

.textSinformato {
    text-transform: none !important
}

.lh_10 {
    line-height: 1 !important
}

.lh_12 {
    line-height: 1.2 !important
}

.lh_15 {
    line-height: 1.5 !important
}

.lh_20 {
    line-height: 2 !important
}

.solo_resp {
    display: none !important
}

.owl-carousel .owl-stage {
    max-width: none
}

header {
    background-color: #fff;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 990
}

    header .herramientas {
        background-color: #000
    }

    header .redes {
        display: flex
    }

        header .redes a {
            color: #fff;
            display: block;
            /*border-left: .0625em solid #323232;
            border-right: .0625em solid #323232;*/
            padding: .43em .8em;
            text-decoration: none
        }

            header .redes a i {
                font-size: .8em
            }

            header .redes a:hover {
                background-color: #222727
            }

    header .idiomas {
        display: flex
    }

        header .idiomas .idioma {
            align-items: center;
            /*border-left: .0625em solid #323232;
            border-right: .0625em solid #323232;*/
            color: #fff;
            cursor: pointer;
            display: flex;
            padding: .475em .8em
        }

            header .idiomas .idioma a {
                display: block;
                text-decoration: none
            }

            header .idiomas .idioma span {
                font-size: .75em;
                margin: .3em .6em 0 0;
                color: #fff
            }

            header .idiomas .idioma img {
                height: .85em;
                width: auto
            }

            header .idiomas .idioma.activo,
            header .idiomas .idioma:hover {
                background-color: #222727
            }

    header .logo {
        margin-right: 1em;
        width: 17.15em
    }

        header .logo a {
            display: block;
            text-decoration: none
        }

            header .logo a img {
                height: auto;
                width: 100%
            }

    header .menu_resp {
        display: none
    }

    header .menuprincipal nav ul {
        display: flex
    }

    header .menuprincipal nav li {
        list-style: none
    }

    header .menuprincipal nav a {
        color: #000;
        display: block;
        font-size: 1em;
        min-width: 8em;
        padding: 2.5em 1.75em;
        text-align: center;
        text-decoration: none
    }

    header .menuprincipal nav li.registro a {
        /*background-color: #612644;*/
        background-color: #6c981d;
        color: #fff
    }

    header .menuprincipal nav a:hover {
        background-color: rgba(0, 0, 0, .1)
    }

    header .menuprincipal nav a.activo {
        font-family: FC_Bold
    }

main {
    padding-top: 12em
}

.eventos {
    margin: 0 0 18em
}

    .eventos .listado {
        margin-left: -1em;
        max-width: calc(100% + 2em);
        width: calc(100% + 2em)
    }

.evento {
    padding: 0 1em;
    display: flex
}

    .evento .izquierda {
        margin-right: 10%;
        width: 21%
    }

    .evento .informacion {
        width: 100%
    }

        .evento .informacion .tiempo {
            display: flex;
            margin: 0 1em;
            height: 54px;
        }

            .evento .informacion .tiempo p {
                border-right: .12em solid #a0a0a0;
                color: #a0a0a0;
                font-size: .9em;
                margin-right: 1em;
                padding-right: 1em;
                text-align: center
            }

                .evento .informacion .tiempo p span {
                    display: block;
                    font-family: FC_Bold;
                    font-size: 1.8em;
                    margin: 0 0 .2em
                }

                .evento .informacion .tiempo p:last-child {
                    border: none
                }

        .evento .informacion .imagenTexto {
            width: 100%;
        }

            .evento .informacion .imagenTexto img {
                max-width: 300px;
                width: 100%;
            }

        .evento .informacion .frase {
            margin: 0 0 .8em
        }

            .evento .informacion .frase p {
                font-size: 2em
            }

        .evento .informacion .fecha {
            margin: 0 0 1.5em
        }

            .evento .informacion .fecha p {
                font-family: FC_Bold;
                font-size: 3.5em;
                white-space: nowrap
            }

                .evento .informacion .fecha p:first-letter {
                    text-transform: uppercase
                }

        .evento .informacion .nombre {
            border: .125em solid #000;
            margin: 0 0 1.5em;
            padding: 5em 5%;
            width: 100%
        }

            .evento .informacion .nombre p {
                font-size: 1.8em;
                text-align: center
            }

                .evento .informacion .nombre p span {
                    font-family: FC_Bold;
                    font-size: 1em
                }

        .evento .informacion .boton {
            width: 100%
        }

            .evento .informacion .boton a {
                background-color: #612644;
                color: #fff;
                display: list-item;
                font-size: 1.2em;
                padding: 1em 2.5% .8em;
                text-align: center;
                text-decoration: none;
                text-transform: uppercase;
            }

    .evento .derecha {
        width: 69%
    }

        .evento .derecha.full {
            height: 40em;
            width: 100%
        }

        .evento .derecha .fondo {
            background-color: #000;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 2
        }

    .evento .imagen {
        height: 100%;
        overflow: hidden;
        width: 100%
    }

        .evento .imagen img {
            height: 100%;
            left: 0;
            object-fit: cover;
            position: absolute;
            top: 0;
            width: 100%
        }

        .evento .imagen[data-pos="1"] img {
            opacity: 0
        }

    .evento .owl-carousel .owl-stage,
    .evento .owl-carousel .owl-stage-outer,
    .owl-carousel.owl-drag .owl-item {
        height: 100%
    }

.eventos .owl-dots {
    padding-right: 1em;
    text-align: right
}

    .eventos .owl-dots button {
        counter-increment: evento-indice;
        display: inline-block;
        margin: 0 0 0 1.2em;
        outline: none
    }

        .eventos .owl-dots button span {
            border-bottom: .25em solid transparent;
            color: #a0a0a0;
            cursor: pointer;
            display: block;
            font-family: FC_News;
            font-size: .8em;
            list-style: none;
            padding: 1em 0 .4em
        }

            .eventos .owl-dots button span:before {
                content: "0"counter(evento-indice)
            }

        .eventos .owl-dots button.active span {
            border-color: #000;
            color: #000
        }

.quees {
    background-color: #f2f5f5;
    margin: 0 0 2em
}

    .quees .titulo {
        background-color: #658aa0;
        background-image: url(../Imagenes/queesperu.jpg);
        background-position: 20%;
        background-repeat: no-repeat;
        background-size: cover;
        margin: -6em 0 3.5em;
        padding: 5.5em 30%
    }

        .quees .titulo p {
            color: #fff;
            font-family: FC_Bold;
            font-size: 1.5em;
            text-align: center
        }

        .quees .titulo .linea {
            background-color: #fff;
            height: .15em;
            left: 50%;
            position: absolute;
            top: 70%;
            transform: translate(-50%, -50%);
            width: 7em;
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%)
        }

    .quees .contenido > p {
        font-size: 1em;
        margin: 0 auto;
        width: 65%
    }

    .quees .resultadosOpciones {
        display: flex;
        margin: 0 0 3em
    }

        .quees .resultadosOpciones p {
            border-bottom: .15em solid transparent;
            cursor: pointer;
            font-size: 1em;
            /*margin: 0 3em;
            padding: 0 0 .3em;*/
            text-transform: uppercase
        }

            .quees .resultadosOpciones p.activo {
                border-color: #000;
                cursor: default;
                font-family: FC_Bold;
                transform: scale(1.3)
            }

    .quees .resultados {
        margin: 0 0 5.5em
    }

    .quees .resultadosItem {
        display: none
    }

        .quees .resultadosItem .principal {
            background-color: #668ca1;
            border-radius: .5em;
            margin: 0 auto 4em;
            padding: 1.75em 1em;
            text-align: center;
            width: 55em
        }

            .quees .resultadosItem .principal p {
                color: #fff;
                font-family: FC_News;
                font-size: 1.8em
            }

                .quees .resultadosItem .principal p span {
                    display: block;
                    font-family: FC_Bold;
                    font-size: 1.8em
                }

        .quees .resultadosItem:first-child {
            display: block
        }

        .quees .resultadosItem .otros {
            display: flex
        }

            .quees .resultadosItem .otros .secundario {
                margin: 0 6em;
                width: 12em
            }

                .quees .resultadosItem .otros .secundario .imagen {
                    background-color: #668ca1;
                    border-radius: 50%;
                    display: flex;
                    height: 10em;
                    margin: 0 0 1em;
                    width: 10em
                }

                    .quees .resultadosItem .otros .secundario .imagen img {
                        display: block;
                        height: 5em;
                        margin: 0 0 .5em;
                        width: auto
                    }

                    .quees .resultadosItem .otros .secundario .imagen span {
                        color: #fff;
                        font-family: FC_Bold;
                        font-size: 2.5em
                    }

                .quees .resultadosItem .otros .secundario > p {
                    color: #668ca1;
                    font-size: 1.2em;
                    text-align: center
                }

.perumarca {
    margin: 0 0 15em
}

    .perumarca .imagen {
        background-color: #000;
        margin-right: 4%;
        width: 37.22%;
    }

        .perumarca .imagen img {
            display: block;
            height: 100%;
            left: 0;
            object-fit: cover;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 1
        }

        .perumarca .imagen .fondo {
            background-color: #000;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 2
        }

    .perumarca .informacion {
        width: 60%
    }

        .perumarca .informacion .titulo {
            display: flex;
            margin: 4em 0;
            height: 4.62em;
        }

        .perumarca .informacion .logo {
            width: 17.15em
        }

            .perumarca .informacion .logo img {
                display: block;
                width: 100%
            }

        .perumarca .informacion .boton {
            white-space: nowrap
        }

            .perumarca .informacion .boton a {
                border: .0625em solid #612644;
                color: #612644;
                display: block;
                font-family: FC_News;
                font-size: 1em;
                padding: 1em 4em .8em;
                text-align: center;
                text-decoration: none;
                text-transform: uppercase
            }

        .perumarca .informacion .bloques {
            display: flex;
            height: 20.89em;
        }

        .perumarca .informacion .bloque {
            /*padding-bottom: 8em;*/
            width: 46.5%
        }

            .perumarca .informacion .bloque .nombre {
                margin: 0 0 2em
            }

                .perumarca .informacion .bloque .nombre p {
                    font-family: FC_Bold;
                    font-size: 1.1em;
                    text-transform: uppercase
                }

            .perumarca .informacion .bloque .descripcion {
                margin: 0 0 1.5em
            }

                .perumarca .informacion .bloque .descripcion p {
                    font-size: .94em
                }

            .perumarca .informacion .bloque .divBotones {
                bottom: 0;
                height: auto;
                left: 0;
                position: absolute;
                width: 100%
            }

            .perumarca .informacion .bloque .botones {
                display: flex;
                height: 3em;
                margin: 0 0 2em
            }

                .perumarca .informacion .bloque .botones a {
                    border: .0625em solid #612644;
                    color: #612644;
                    display: flex;
                    flex: 1;
                    font-size: .94em;
                    height: 100%;
                    margin-right: 1em;
                    padding: 0 1.6em;
                    text-align: center;
                    text-decoration: none;
                    white-space: nowrap
                }

                    .perumarca .informacion .bloque .botones a:last-child {
                        margin: 0
                    }

                    .perumarca .informacion .bloque .botones a i {
                        font-size: .9em;
                        margin: -.2em 0 0 .5em
                    }

            .perumarca .informacion .bloque .registro {
                display: flex
            }

                .perumarca .informacion .bloque .registro a {
                    background-color: #612644;
                    color: #fff;
                    display: block;
                    font-size: 1em;
                    padding: 1em 2.5em .8em;
                    text-align: center;
                    text-decoration: none;
                    text-transform: uppercase;
                    white-space: nowrap
                }

.comentarios {
    margin: 0 0 15em
}

    .comentarios .contenido {
        overflow: hidden
    }

    .comentarios .fondo {
        background-color: #000;
        height: 100%;
        position: absolute;
        right: 25%;
        top: 0;
        width: 75%;
        z-index: 2
    }

    .comentarios img {
        display: block;
        height: auto;
        opacity: 0;
        width: 75%
    }

    .comentarios .informacion {
        background-color: #612644;
        padding: 4em 2.5em 2em;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 55%;
        z-index: 3;
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%)
    }

        .comentarios .informacion .comentario {
            width: 100%
        }

            .comentarios .informacion .comentario p {
                color: #fff;
                text-align: center
            }

                .comentarios .informacion .comentario p.comentario {
                    font-size: 1.6em;
                    line-height: 1.4;
                    margin: 0 0 .7em
                }

                .comentarios .informacion .comentario p.persona {
                    font-family: FC_News;
                    font-size: 1.2em
                }

    .comentarios .owl-dots {
        margin: 2em 0 0;
        text-align: center
    }

        .comentarios .owl-dots button {
            display: inline-block;
            margin: 0 .6em;
            outline: none
        }

            .comentarios .owl-dots button span {
                background-color: #696969;
                border-radius: 50%;
                display: block;
                height: 1em;
                list-style: none;
                margin: 0;
                width: 1em
            }

            .comentarios .owl-dots button.active span {
                background-color: #fff
            }

.plano {
    margin: 0 0 14em
}

    .plano .contenido {
        padding: 0 2.5em
    }

    .plano .cabecera {
        display: flex;
        margin: 0 0 1.7em
    }

        .plano .cabecera .logo {
            width: 14em
        }

            .plano .cabecera .logo p {
                font-family: FC_Bold;
                font-size: .95em;
                margin: 0 0 .5em
            }

            .plano .cabecera .logo img {
                width: 100%
            }

        .plano .cabecera .boton {
            display: flex
        }

            .plano .cabecera .boton a {
                border: .0625em solid #612644;
                color: #612644;
                display: flex;
                font-size: 1em;
                height: 100%;
                padding: 1em 1.6em .8em;
                text-align: center;
                text-decoration: none;
                white-space: nowrap
            }

                .plano .cabecera .boton a i {
                    font-size: .9em;
                    margin-left: .5em
                }

    .plano .plano_evento {
        display: flex
    }

        .plano .plano_evento .opciones {
            margin: 2.5em 2% 0 0;
            width: 25%
        }

            .plano .plano_evento .opciones ul {
                width: 95%
            }

            .plano .plano_evento .opciones li {
                color: #a0a0a0;
                cursor: pointer;
                font-size: 1.1em;
                list-style: none;
                margin: 0 0 2em
            }

                .plano .plano_evento .opciones li span {
                    font-size: 1em;
                    margin-right: .5em
                }

                .plano .plano_evento .opciones li.activo,
                .plano .plano_evento .opciones li.activo span,
                .plano .plano_evento .opciones li:hover,
                .plano .plano_evento .opciones li:hover span {
                    color: #000;
                    font-family: FC_Bold
                }

        .plano .plano_evento .imagen {
            overflow: hidden;
            width: 73%
        }

            .plano .plano_evento .imagen .fondo {
                background-color: #000;
                height: 100%;
                position: absolute;
                right: 0;
                top: 0;
                width: 100%;
                z-index: 2
            }

            .plano .plano_evento .imagen img {
                height: auto;
                opacity: 0;
                width: 100%
            }

.textil {
    margin: 0 0 12em
}

    .textil .informacion {
        padding: 10em 12em 6.5em 0;
        width: calc(100% - 50vw)
    }

        .textil .informacion p {
            color: #fff;
            font-size: 1.1em;
            margin: 0 0 6em
        }

            .textil .informacion p.titulo {
                font-family: FC_Bold;
                font-size: 3.5em;
                margin: 0 0 1em;
                text-transform: uppercase
            }

        .textil .informacion .boton {
            white-space: nowrap
        }

            .textil .informacion .boton a {
                border: .0625em solid #fff;
                color: #fff;
                display: inline-block;
                font-size: 1em;
                padding: 1em 4em .8em;
                text-align: center;
                text-decoration: none;
                text-transform: uppercase
            }

    .textil .imagen {
        overflow: hidden;
        width: 50vw
    }

        .textil .imagen .fondo {
            background-color: #000;
            right: 0;
            z-index: 2
        }

        .textil .imagen .fondo,
        .textil .imagen img {
            height: 100%;
            position: absolute;
            top: 0;
            width: 100%
        }

        .textil .imagen img {
            display: block;
            left: 0;
            object-fit: cover;
            opacity: 0;
            z-index: 1
        }

.sectoriales {
    background-color: #f2f5f5;
    margin: 0 0 15em
}

    .sectoriales .titulo {
        margin: -21em 0 5em;
        text-align: center
    }

        .sectoriales .titulo p {
            font-family: FC_Bold;
            font-size: 1.5em;
            text-transform: uppercase
        }

        .sectoriales .titulo .linea {
            background-color: #000;
            display: inline-block;
            height: .18em;
            width: 6.5em
        }

    .sectoriales .marcas {
        display: flex;
        margin: 0 0 9em
    }

    .sectoriales .marca {
        background-color: #fff;
        padding: 1.6em 1.6em 3em;
        width: 49%
    }

        .sectoriales .marca .imagen {
            margin: 0 0 2.5em;
            overflow: hidden;
            width: 100%
        }

            .sectoriales .marca .imagen .fondo {
                background-color: #000;
                height: 100%;
                position: absolute;
                right: 0;
                top: 0;
                width: 100%;
                z-index: 10
            }

            .sectoriales .marca .imagen img {
                display: block;
                opacity: 1;
                width: 100%
            }

            .sectoriales .marca .imagen iframe {
                display: block;
                height: 100%;
                left: 0;
                /*opacity: 0;*/
                position: absolute;
                top: 0;
                width: 100%;
                z-index: 9
            }

        .sectoriales .marca .isotipo {
            margin: 0 0 2.5em;
            text-align: center
        }

            .sectoriales .marca .isotipo img {
                display: inline-block;
                height: auto;
                max-width: 140px;
                width: 11em
            }

        .sectoriales .marca .descripcion {
            margin: 0 auto;
            width: 90%
        }

            .sectoriales .marca .descripcion p {
                font-size: .93em
            }

            .sectoriales .marca .descripcion a {
                background-color: #612644;
                color: #fff;
                display: inline-block;
                font-size: .9em;
                padding: 1em 2em .8em;
                text-align: center;
                text-decoration: none;
                text-transform: uppercase;
                white-space: nowrap
            }

.noticias {
    margin: 0 5em 15em
}

.noticia {
    border: .09em solid silver;
    width: 31%
}

    .noticia .imagen {
        overflow: hidden;
        width: 100%
    }

        .noticia .imagen .fondo {
            background-color: #000;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            z-index: 1
        }

        .noticia .imagen img {
            display: block;
            opacity: 0;
            width: 100%
        }

    .noticia .informacion {
        border-top: none;
        padding: 3em 10% 2.5em;
        text-align: left
    }

        .noticia .informacion .titulo {
            margin: 0 0 1em;
            font-size: 3em;
            color: #612644;
            font-weight: bold;
        }

        .noticia .informacion p {
            font-size: 1em;
            margin: 0 0 2.5em
        }

        .noticia .informacion a {
            color: #612644;
            display: inline-block;
            font-family: FC_Bold;
            font-size: 1em;
            text-decoration: none
        }

.noticiaGrande {
    width: 49%;
    background-color: #F2F2F2;
    height: 400px;
}

.noticiaPequenias {
    width: 49%;
    height: 400px;
}

.noticiaGrande .imagen {
    overflow: hidden;
    width: 100%
}

    .noticiaGrande .imagen .fondo {
        background-color: #000;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        z-index: 1
    }

    .noticiaGrande .imagen img {
        display: block;
        width: 100%;
        height: 250px;
    }

.noticiaGrande .informacion {
    border-top: none;
    padding: 3em 10% 2.5em;
}

    .noticiaGrande .informacion .titulo {
        margin: 0 0 1em;
        font-size: 1.5em;
        color: #612644;
        font-weight: bold;
    }

    .noticiaGrande .informacion p {
        font-size: 1em;
        margin: 0 0 1em
    }

.noticiaPequenias .listado {
    background-color: #F2F2F2;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    height: 46%;
}

.separacion {
    height: 8%;
}

.noticiaPequenias .listado .imagen {
    overflow: hidden;
    width: 55%;
}

    .noticiaPequenias .listado .imagen .fondo {
        background-color: #000;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        z-index: 1
    }

    .noticiaPequenias .listado .imagen img {
        height: 100%;
        object-fit: cover;
        width: 100%
    }

.noticiaPequenias .listado .informacion {
    text-align: left;
    width: 40%;
}

    .noticiaPequenias .listado .informacion .titulo {
        margin: 0 0 1em;
        font-size: 1.5em;
        color: #612644;
        font-weight: bold;
    }

    .noticiaPequenias .listado .informacion p {
        font-size: 1em;
        line-height: 2
    }


.logos {
    margin: 0 0 1em
}

    .logos p {
        font-size: 1.1em;
        margin: 0 0 3em;
        text-align: center
    }

    .logos .listado {
        display: flex;
        margin-left: -2.5em;
        max-width: none;
        width: calc(100% + 5em)
    }

        .logos .listado img {
            margin: 0 2.5em 5em;
            width: auto
        }

    .logos .organizadores .listado img {
        height: 6em;
        max-height: 75px
    }

    .logos .apoyo .listado img {
        height: 9em;
        max-height: 124px
    }

    .logos .auspiciadores .listado img {
        height: 8.25em;
        max-height: 110px
    }

.presentacion {
    margin: 0 0 22em
}

    .presentacion .banner {
        margin: 0 0 4em;
        overflow: hidden
    }

        .presentacion .banner .fondo {
            background-color: #000;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 1
        }

        .presentacion .banner img {
            height: auto;
            opacity: 0;
            width: 100%
        }

    .presentacion .informacion {
        text-align: center
    }

        .presentacion .informacion .titulo {
            margin: 0 0 4em
        }

            .presentacion .informacion .titulo p {
                font-family: FC_Bold;
                font-size: 1.5em;
                text-transform: uppercase
            }

                .presentacion .informacion .titulo p.subtitulo {
                    font-family: FC_Book;
                    font-size: 1.5em;
                    margin: .75em 0 0;
                    text-transform: none
                }

            .presentacion .informacion .titulo .linea {
                background-color: #000;
                display: inline-block;
                height: .18em;
                width: 6.5em
            }

        .presentacion .informacion .descripcion {
            margin: 0 auto;
            width: 65%
        }

            .presentacion .informacion .descripcion p {
                font-size: 1em
            }

                .presentacion .informacion .descripcion p.news,
                .presentacion .informacion .descripcion p span {
                    font-family: FC_News
                }

.personajes {
    background-color: #612644;
    margin: 0 0 17.6em
}

    .personajes .listado {
        display: flex;
        margin: -12em 0 6.2em
    }

    .personajes .personaje {
        background-color: #fff;
        padding: 0 3em 11.5em;
        width: 49%
    }

        .personajes .personaje .nombre {
            display: flex;
            margin: 0 0 2em -3em
        }

            .personajes .personaje .nombre .linea {
                background-color: #612644;
                height: .0625em;
                margin-right: 1em;
                width: 2em
            }

            .personajes .personaje .nombre p {
                font-family: FC_Bold;
                font-size: 1.1em;
                text-transform: uppercase
            }

        .personajes .personaje .imagen {
            margin: 0 0 2.5em;
            overflow: hidden;
            width: 100%
        }

            .personajes .personaje .imagen .fondo {
                background-color: #000;
                height: 100%;
                position: absolute;
                right: 0;
                top: 0;
                width: 100%;
                z-index: 1
            }

            .personajes .personaje .imagen img {
                display: block;
                opacity: 0;
                width: 100%
            }

        .personajes .personaje .descripcion {
            margin: 0 auto 1.5em
        }

            .personajes .personaje .descripcion p {
                font-size: .93em
            }

            .personajes .personaje .descripcion a {
                background-color: #612644;
                color: #fff;
                display: inline-block;
                font-size: .9em;
                padding: 1em 2em .8em;
                text-align: center;
                text-decoration: none;
                text-transform: uppercase;
                white-space: nowrap
            }

        .personajes .personaje .divBotones {
            bottom: 0;
            height: auto;
            left: 0;
            padding: 0 3em 3.5em;
            position: absolute;
            width: 100%
        }

        .personajes .personaje .botones {
            display: flex;
            height: 3em;
            margin: 0 0 2em
        }

            .personajes .personaje .botones a {
                border: .0625em solid #612644;
                color: #612644;
                display: flex;
                font-size: .94em;
                height: 100%;
                margin-right: 1em;
                padding: 0 1.6em;
                text-align: center;
                text-decoration: none;
                white-space: nowrap
            }

                .personajes .personaje .botones a i {
                    font-size: .9em;
                    margin-left: .5em
                }

        .personajes .personaje .registro {
            display: flex
        }

            .personajes .personaje .registro a {
                background-color: #612644;
                color: #fff;
                display: block;
                font-size: 1em;
                padding: 1em 2.5em .8em;
                text-align: center;
                text-decoration: none;
                text-transform: uppercase;
                white-space: nowrap
            }

    .personajes .hoteles {
        background-image: url(../Imagenes/hoteles.jpg);
        background-position: 50%;
        background-size: cover;
        display: flex;
        height: 15.3em;
        margin: 0 0 -7.6em;
        padding: 0 5.8em
    }

        .personajes .hoteles .texto {
            width: 55%
        }

            .personajes .hoteles .texto p {
                color: #fff;
                font-size: 2.2em
            }

                .personajes .hoteles .texto p span {
                    font-family: FC_Bold;
                    font-size: 1em
                }

        .personajes .hoteles .boton {
            margin-left: 2em
        }

            .personajes .hoteles .boton a {
                border: .0625em solid #fff;
                color: #fff;
                display: flex;
                font-size: 1.7em;
                height: 100%;
                margin-right: 1em;
                padding: 1em 1.6em .8em;
                text-align: center;
                text-decoration: none;
                white-space: nowrap
            }

                .personajes .hoteles .boton a i {
                    font-size: .9em;
                    margin: .2em .5em 0 0
                }

.mundo {
    margin: 0 0 5.5em
}

    .mundo .titulo {
        margin: 0 0 4.5em;
        text-align: center
    }

        .mundo .titulo p {
            font-family: FC_Bold;
            font-size: 2.4em;
            margin: 0 0 .7em
        }

            .mundo .titulo p.subtitulo {
                font-family: FC_Book;
                font-size: 1em
            }

    .mundo .flecha {
        text-align: center;
        width: 17.5%
    }

        .mundo .flecha img {
            cursor: pointer;
            display: inline-block;
            height: auto;
            width: 2.6em
        }

        .mundo .flecha.abajo img {
            transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg)
        }

    .mundo .anteriores {
        display: flex;
        height: 36em;
        margin: 1.6em 0
    }

        .mundo .anteriores .listado {
            margin-right: 2.5%;
            overflow-y: scroll;
            padding-right: .5em;
            width: 17.5%
        }

            .mundo .anteriores .listado::-webkit-scrollbar {
                width: 1em
            }

            .mundo .anteriores .listado::-webkit-scrollbar-track {
                background-color: #eee
            }

            .mundo .anteriores .listado::-webkit-scrollbar-thumb {
                background-color: #d1d1d1
            }

            .mundo .anteriores .listado::-webkit-scrollbar-button {
                display: none
            }

            .mundo .anteriores .listado::-webkit-scrollbar-corner {
                background-color: #000
            }

        .mundo .anteriores .eventoAnterior {
            cursor: pointer;
            padding: 2em 0;
            width: 100%
        }

            .mundo .anteriores .eventoAnterior p {
                color: #a0a0a0;
                font-size: 1em
            }

                .mundo .anteriores .eventoAnterior p.fecha {
                    font-family: FC_Bold;
                    margin: 0 0 .7em
                }

                .mundo .anteriores .eventoAnterior p.lugar {
                    font-size: .9em
                }

            .mundo .anteriores .eventoAnterior.activo p,
            .mundo .anteriores .eventoAnterior:hover p {
                color: #000
            }

        .mundo .anteriores .detalle {
            background-color: #f5f2f4;
            display: flex;
            padding: 4em;
            width: 80%
        }

            .mundo .anteriores .detalle .imagen {
                margin-right: 5%;
                overflow: hidden;
                width: 43%
            }

                .mundo .anteriores .detalle .imagen .fondo {
                    background-color: #000;
                    height: 100%;
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 100%;
                    z-index: 1
                }

                .mundo .anteriores .detalle .imagen img {
                    display: block;
                    opacity: 0;
                    width: 100%
                }

            .mundo .anteriores .detalle .descripcion {
                width: 52%
            }

                .mundo .anteriores .detalle .descripcion p {
                    font-size: 1em
                }

                    .mundo .anteriores .detalle .descripcion p.nombre {
                        font-family: FC_Bold;
                        font-size: 1.2em;
                        margin: 0 0 1em
                    }

.portadas {
    background-color: #f2f5f5;
    padding: 7.5em 2.5% 4.5em;
    text-align: center
}

    .portadas .titulo {
        margin: 0 0 4em
    }

        .portadas .titulo p {
            font-family: FC_Bold;
            margin: 0 0 1.5em;
            font-size: 1.5em;
            text-transform: uppercase
        }

            .portadas .titulo p.subtitulo {
                font-family: FC_Book;
                font-size: 1em;
                text-transform: none
            }

    .portadas .anios {
        display: flex;
        margin: 0 0 4em
    }

        .portadas .anios p {
            border-bottom: .15em solid transparent;
            color: #a0a0a0;
            cursor: pointer;
            font-size: 1.2em;
            margin: 0 2.5em;
            padding: 0 0 .4em
        }

            .portadas .anios p.activo,
            .portadas .anios p:hover {
                border-color: #612644;
                color: #612644;
                font-family: FC_Bold
            }

    .portadas .carrusel {
        display: flex
    }

        .portadas .carrusel .flecha {
            cursor: pointer
        }

            .portadas .carrusel .flecha img {
                height: auto;
                max-width: 16px;
                width: 3em
            }

            .portadas .carrusel .flecha.derecha img {
                transform: rotate(180deg);
                -o-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -webkit-transform: rotate(180deg)
            }

        .portadas .carrusel .listado {
            display: flex;
            margin: 0 4em;
            max-width: 80%;
            overflow: hidden;
            width: 1460px
        }

        .portadas .carrusel .portada {
            background-color: #fff;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            margin: 0 1.8em 0 0;
            padding: 1.3em
        }

            .portadas .carrusel .portada .imagen {
                height: 23.2em;
                margin-right: 1.5em;
                overflow: hidden;
                width: 17.8em
            }

                .portadas .carrusel .portada .imagen .fondo {
                    background-color: #000;
                    height: 100%;
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 0;
                    z-index: 1
                }

                .portadas .carrusel .portada .imagen img {
                    height: 100%;
                    object-fit: cover;
                    opacity: 0;
                    width: 100%
                }

            .portadas .carrusel .portada .informacion {
                text-align: left;
                width: 13em
            }

                .portadas .carrusel .portada .informacion p {
                    font-family: FC_News;
                    font-size: 1em;
                    line-height: 2
                }

                    .portadas .carrusel .portada .informacion p.nombre {
                        color: #612644;
                        font-family: FC_Bold;
                        font-size: 1.2em;
                        text-transform: uppercase
                    }

                .portadas .carrusel .portada .informacion a.disenador {
                    color: #612644;
                    font-family: FC_Bold;
                    text-decoration: underline
                }

#visorPortada {
    background-color: rgba(0, 0, 0, .75);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 991
}

.visor_contenido {
    background-color: #fff;
    left: 50%;
    max-height: 95vh;
    max-width: 95%;
    overflow: hidden;
    padding: 2em;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.visor_arriba {
    left: 0;
    padding: 2em 2em 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.visor_cerrar {
    cursor: pointer;
    margin: 0 0 2em;
    text-align: right
}

    .visor_cerrar img {
        display: inline-block;
        height: auto;
        width: 1.5em
    }

.visor_cabecera {
    display: flex;
    margin: 0 0 1em
}

    .visor_cabecera p {
        font-family: FC_Book;
        font-size: 1em
    }

        .visor_cabecera p span {
            font-size: 1em
        }

.visor_nombre {
    width: 40%
}

.visor_conteo {
    text-align: center;
    width: 20%
}

.visor_imagen {
    padding: 5.9em 0 7.1em;
    overflow: hidden
}

    .visor_imagen img {
        height: auto;
        display: block;
        max-height: calc(95vh - 17em);
        max-width: calc(90vw - 4em);
        width: auto
    }

.visor_abajo {
    bottom: 0;
    left: 0;
    padding: 0 2em 2em;
    position: absolute;
    width: 100%;
    z-index: 1
}

.visor_descripcion {
    height: 2.125em;
    margin: 1em 0 2em;
    overflow: hidden
}

    .visor_descripcion p {
        font-family: FC_Book;
        font-size: .9em
    }

.visor_flechas {
    align-items: flex-end;
    display: flex;
    justify-content: space-around
}

.visor_flecha {
    cursor: pointer;
    margin: 0 1em
}

    .visor_flecha img {
        display: block;
        width: 1em
    }

    .visor_flecha.derecha img {
        transform: rotate(180deg)
    }

.ofrecemos {
    margin: 0 0 22em
}

    .ofrecemos .titulo {
        margin: 0 0 5.5em;
        text-align: center
    }

        .ofrecemos .titulo p {
            font-family: FC_Bold;
            font-size: 1.2em;
            text-transform: uppercase
        }

    .ofrecemos .listado {
        display: flex
    }

        .ofrecemos .listado .elemento {
            width: 23%
        }

            .ofrecemos .listado .elemento .imagen {
                margin: 0 0 2.5em;
                overflow: hidden
            }

                .ofrecemos .listado .elemento .imagen .fondo {
                    background-color: #000;
                    height: 100%;
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 0;
                    z-index: 1
                }

                .ofrecemos .listado .elemento .imagen img {
                    display: block;
                    height: auto;
                    opacity: 0;
                    width: 100%
                }

            .ofrecemos .listado .elemento .descripcion {
                margin: 0 auto;
                width: 90%
            }

                .ofrecemos .listado .elemento .descripcion p {
                    font-size: 1em;
                    text-align: center
                }

            .ofrecemos .listado .elemento:nth-child(2n) {
                margin: 6.5em 0 0
            }

.productos .titulo {
    border-top: .09em solid silver;
    padding: 3.5em 1em
}

    .productos .titulo p {
        font-family: FC_Bold;
        font-size: 1.2em;
        text-align: center;
        text-transform: uppercase
    }

.productos .producto {
    border-top: .09em solid silver;
    padding: 4em 0
}

    .productos .producto .imagen {
        margin-right: 7%;
        overflow: hidden;
        width: 28%
    }

        .productos .producto .imagen .fondo {
            background-color: #000;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 1
        }

        .productos .producto .imagen img {
            display: block;
            height: auto;
            opacity: 0;
            width: 100%
        }

    .productos .producto .descripcion {
        width: 65%
    }

        .productos .producto .descripcion p {
            font-size: 1em
        }

            .productos .producto .descripcion p.nombre {
                font-family: FC_Bold;
                font-size: 1.2em;
                text-transform: uppercase
            }

.caracteristicas {
    margin: 0 0 9em
}

    .caracteristicas .bloques {
        width: 48%
    }

        .caracteristicas .bloques .caracteristica {
            border: .0625em solid #612644;
            border-radius: .5em;
            display: flex;
            margin: 0 0 3em;
            padding: 2em 4em 2em 2em
        }

            .caracteristicas .bloques .caracteristica .imagen {
                margin-right: 4em;
                width: 2.8em
            }

                .caracteristicas .bloques .caracteristica .imagen img {
                    display: block;
                    height: auto;
                    width: 100%
                }

            .caracteristicas .bloques .caracteristica .descripcion {
                width: calc(100% - 6.8em)
            }

                .caracteristicas .bloques .caracteristica .descripcion p {
                    font-size: 1em
                }

                    .caracteristicas .bloques .caracteristica .descripcion p span {
                        font-family: FC_News
                    }

.sostenibilidad {
    /* background-image: url(../Imagenes/sostenibilidad.jpg);*/
    background-position: 50%;
    background-size: cover;
    margin: 0 0 31em
}

    .sostenibilidad .informacion {
        background-color: #280e1a;
        margin: 0 auto;
        max-width: 60%;
        padding: 10em 7.5em 12em;
        width: 52em
    }

        .sostenibilidad .informacion .titulo {
            margin: 0 0 4em;
            text-align: center
        }

            .sostenibilidad .informacion .titulo p {
                color: #fff;
                font-family: FC_News;
                font-size: 1.5em;
                text-transform: uppercase
            }

            .sostenibilidad .informacion .titulo .linea {
                background-color: #fff;
                display: inline-block;
                height: .18em;
                width: 6.5em
            }

        .sostenibilidad .informacion .descripcion {
            width: 100%
        }

            .sostenibilidad .informacion .descripcion p {
                color: #fff;
                font-size: 1em;
                text-align: center
            }

.fibras {
    background-color: #f2f5f5
}

    .fibras .titulo {
        margin: -21em 0 5em;
        text-align: center
    }

        .fibras .titulo p {
            font-family: FC_Bold;
            font-size: 1.5em;
            text-transform: uppercase
        }

        .fibras .titulo .linea {
            background-color: #000;
            display: inline-block;
            height: .18em;
            width: 6.5em
        }

    .fibras .listado {
        display: flex;
        margin: 0 0 9em
    }

    .fibras .fibra {
        background-color: #fff;
        padding: 1.6em 1.6em 3em;
        width: 49%
    }

        .fibras .fibra .imagen {
            margin: 0 0 2.5em;
            overflow: hidden;
            width: 100%
        }

            .fibras .fibra .imagen .fondo {
                background-color: #000;
                height: 100%;
                position: absolute;
                right: 0;
                top: 0;
                width: 100%;
                z-index: 1
            }

            .fibras .fibra .imagen img {
                display: block;
                opacity: 0;
                width: 100%
            }

        .fibras .fibra .nombre {
            margin: 0 0 2.5em;
            text-align: center
        }

            .fibras .fibra .nombre p {
                font-family: FC_Bold;
                font-size: 3.5em;
                margin: -1em 3em 0em 3em;
                color: white;
                text-align: center;
            }

        .fibras .fibra .descripcion {
            margin: 0 auto;
            width: 90%
        }
            .fibras .fibra .descripcion p {
                font-size: .93em;
                margin-top: -50% !important;
                margin-left: 2em;
                margin-right: 2em;
            }

            .fibras .fibra .descripcion div {
                margin-left: 3em;
                margin-right: 3em;
            }

            .fibras .fibra .descripcion .p1 {
                font-size: .93em;
                text-align: center;
                margin-top: 60% !important;
                margin-bottom:10%;
            }

            .fibras .fibra .descripcion a {
                background-color: #612644;
                color: #fff;
                display: inline-block;
                font-size: .9em;
                margin-right: 1em;
                padding: 1em 2em .8em;
                text-align: center;
                text-decoration: none;
                text-transform: uppercase;
                white-space: nowrap
            }

.buscador {
    margin: 0 0 3.5em
}

    .buscador .select {
        border: .09em solid #dadada;
        width: 15em;
    }

        .buscador .select select {
            appearance: none;
            border: none;
            color: #adadad;
            display: block;
            font-size: .95em;
            outline: none;
            padding: 1.5em 3.5em 1.3em 1.5em;
            width: 100%;
            background: transparent;
            -webkit-appearance: none;
            -moz-appearance: none;
        }

        .buscador .select::before {
            background: url("/Imagenes/ico_flecha.png") 50% / 96% no-repeat #fff;
            content: "";
            height: 100%;
            position: absolute;
            right: 1.5em;
            top: 50%;
            transform: translateY(-50%) rotate(180deg);
            width: 1.5em;
            -o-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
            -moz-transform: translateY(-50%) rotate(180deg);
            -webkit-transform: translateY(-50%) rotate(180deg)
        }

    .buscador .cajatexto {
        border: .09em solid #dadada;
        margin: 0 1.3em;
        width: 45em
    }

        .buscador .cajatexto input {
            border: none;
            color: #adadad;
            display: block;
            font-size: .95em;
            outline: none;
            padding: 1.5em 1.5em 1.3em;
            width: 100%
        }

            .buscador .cajatexto input::placeholder {
                color: #adadad
            }

    .buscador .boton {
        width: 10em
    }

        .buscador .boton button {
            background-color: #612644;
            border: none;
            color: #fff;
            cursor: pointer;
            /*display: flex;*/
            height: 100%;
            outline: none;
            padding: 0 1.5em;
            text-transform: uppercase;
            width: 100%
        }

            .buscador .boton button i {
                font-size: 1.1em;
                float: right;
            }

    .buscador .mensaje {
        font-size: 1em;
        margin: 2.5em 0 0
    }

        .buscador .mensaje span {
            font-family: FC_News
        }

.participantes {
    background-color: #f2f5f5;
    padding: 5em 0
}

    .participantes .paginacion {
        width: 100%
    }

        .participantes .paginacion ul {
            display: flex
        }

        .participantes .paginacion li {
            background-color: #fff;
            border: .09em solid #f2f5f5;
            cursor: pointer;
            display: block;
            height: 3em;
            line-height: 3em;
            list-style: none;
            text-align: center;
            width: 3em
        }

            .participantes .paginacion li.activo {
                background-color: #612644;
                color: #fff
            }

    .participantes .listado {
        display: flex;
        margin: 5em 0
    }

    .participantes .empresa {
        background-color: #fff;
        margin: 0 0 4em;
        padding: 4em 3em 3em;
        width: 30%
    }

        .participantes .empresa .nombre {
            align-items: center;
            display: flex;
            height: 3.75em;
            margin: 0 0 3em;
            text-align: center
        }

            .participantes .empresa .nombre p {
                font-family: FC_Bold;
                font-size: 1em;
                text-transform: uppercase;
                width: 100%
            }

        .participantes .empresa .stand {
            margin: 0 0 2.5em;
            text-align: center
        }

            .participantes .empresa .stand p {
                color: #612644;
                font-family: FC_Bold;
                font-size: 1.1em
            }

        .participantes .empresa .descripcion {
            height: 11.3em;
            margin: 0 0 1em
        }

            .participantes .empresa .descripcion p {
                line-height: 1.75
            }

                .participantes .empresa .descripcion p span {
                    font-family: FC_Bold;
                    font-size: 1em;
                    margin-right: .5em
                }

        .participantes .empresa .enlace {
            /*text-align: center*/
        }

            .participantes .empresa .enlace a {
                color: #000
            }

        .participantes .empresa:nth-child(3n-1) {
            margin: 0 5% 4em
        }

.preguntas {
    margin: 0 0 9em
}

    .preguntas .titulo {
        border-bottom: .09em solid silver;
        padding: 0 0 3em
    }

        .preguntas .titulo p {
            font-family: FC_Bold;
            font-size: 1.2em;
            text-transform: uppercase
        }

    .preguntas .pregunta {
        border-bottom: .09em solid silver;
        padding: 2.5em 0
    }

        .preguntas .pregunta .laPregunta {
            cursor: pointer;
            display: flex
        }

            .preguntas .pregunta .laPregunta p {
                font-family: FC_News;
                width: calc(100% - 3em)
            }

            .preguntas .pregunta .laPregunta img {
                display: block;
                height: auto;
                transform: rotate(180deg);
                transition: all .5s ease;
                width: 2em;
                -o-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -webkit-transform: rotate(180deg)
            }

        .preguntas .pregunta.activo .laPregunta img {
            transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -webkit-transform: rotate(0deg)
        }

        .preguntas .pregunta .respuesta {
            display: none;
            padding: 2.5em 0 0
        }

            .preguntas .pregunta .respuesta a,
            .preguntas .pregunta .respuesta p {
                color: #757575;
                line-height: 1.5;
                margin: 0 0 2em
            }

                .preguntas .pregunta .respuesta p:last-child {
                    margin: 0
                }

            .preguntas .pregunta .respuesta a {
                color: #612644
            }

            .preguntas .pregunta .respuesta li {
                color: #757575;
                line-height: 1.5;
                list-style: none;
                margin: 0 0 .5em
            }

.error404 {
    background-image: url(../Imagenes/e404_fondo.jpg);
    background-position: top;
    background-size: cover;
    height: 100vh
}

    .error404 .contenido,
    .error404 section {
        height: 100%
    }

    .error404 h1 {
        color: #612644;
        font-family: FC_Bold;
        font-size: 2.8em;
        margin: 0 0 .3em
    }

    .error404 p {
        color: #000;
        font-family: FC_News;
        font-size: 1.8em;
        line-height: 1.4;
        margin: 0 0 2em;
        width: 20em
    }

    .error404 .enlaces {
        display: flex
    }

        .error404 .enlaces a {
            color: #612644;
            font-family: FC_News;
            font-size: 1.35em;
            line-height: 1.4;
            margin: 0 0 .75em
        }

footer {
    background-color: #000;
    padding: 2.7em 0 2.5em
}

    footer .logo {
        width: 11.5em
    }

        footer .logo img {
            display: block;
            max-width: 140px;
            width: 100%
        }

    footer .cuerpo {
        width: calc(100% - 23em)
    }

        footer .cuerpo .menu {
            margin: 0 0 2.4em
        }

            footer .cuerpo .menu nav ul {
                display: flex
            }

            footer .cuerpo .menu nav li {
                list-style: none
            }

            footer .cuerpo .menu nav a {
                display: block;
                margin: 0 1.5em;
                text-decoration: none
            }

            footer .cuerpo .copyright p,
            footer .cuerpo .menu nav a {
                color: #fff;
                font-size: 1em;
                text-align: center
            }


.registroRuedaVirtual {
}

    .registroRuedaVirtual h3.titulo {
        font-size: 2.25em;
        font-family: FC_Bold;
        text-align: center;
        text-transform: uppercase;
        padding: 1.11em 0;
        margin-bottom: 1.3em;
        border-top: 0.03em solid #C0C0C0 !important;
        border-bottom: 0.05em solid #C0C0C0 !important;
    }

    .registroRuedaVirtual .contenedorRegistroRV {
        overflow: hidden;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin-bottom: 2.75em;
    }

        .registroRuedaVirtual .contenedorRegistroRV .fondoCR {
            width: 100%;
            object-fit: cover;
            object-position: center center;
            position: absolute;
            height: 100%;
        }

        .registroRuedaVirtual .contenedorRegistroRV .formularioRV {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            width: 600px;
            margin: 40px auto;
            background-color: #E3D8BC;
        }

            .registroRuedaVirtual .contenedorRegistroRV .formularioRV .panel1 {
                width: 100%;
                padding-left: 3.5em;
                padding-right: 3.5em;
                padding-bottom: 1.5625em;
                padding-top: 1.5625em;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

                .registroRuedaVirtual .contenedorRegistroRV .formularioRV .panel1 p:nth-child(1) {
                    text-align: center;
                    font-family: FC_Bold;
                    text-transform: uppercase;
                    font-size: 1.5em;
                    margin-bottom: 0.5em;
                }

                .registroRuedaVirtual .contenedorRegistroRV .formularioRV .panel1 p:nth-child(2) {
                    text-align: center;
                    font-family: FC_News;
                    text-transform: uppercase;
                    font-size: 1.5em;
                    margin-bottom: 1.08em;
                }

                .registroRuedaVirtual .contenedorRegistroRV .formularioRV .panel1 .botonesRV {
                    display: flex;
                    flex-direction: row;
                    flex-wrap: nowrap;
                    justify-content: center;
                    margin-top: 7px;
                }

                    .registroRuedaVirtual .contenedorRegistroRV .formularioRV .panel1 .botonesRV a {
                        text-decoration: none;
                        padding: 0.46em 1.66em;
                        color: #612644;
                        font-size: 0.9375em;
                        border: 0.09em solid #612644;
                        background-color: white;
                    }

                        .registroRuedaVirtual .contenedorRegistroRV .formularioRV .panel1 .botonesRV a:nth-child(1) {
                            margin-right: 0.6em;
                        }

                        .registroRuedaVirtual .contenedorRegistroRV .formularioRV .panel1 .botonesRV a:nth-child(2) {
                            margin-right: 0.6em;
                        }

            .registroRuedaVirtual .contenedorRegistroRV .formularioRV .panel2 {
                width: 50%;
                display: flex;
                align-items: center;
            }

                .registroRuedaVirtual .contenedorRegistroRV .formularioRV .panel2 .imagenCR {
                    width: auto;
                    height: 144px;
                }

.contenidoRuedaVirtual {
    margin-bottom: 0.625em;
    margin-top: 0.6875em;
}

    .contenidoRuedaVirtual .listadoItemsRuedaVirtual {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

        .contenidoRuedaVirtual .listadoItemsRuedaVirtual .item {
            width: 33.33%;
        }

            .contenidoRuedaVirtual .listadoItemsRuedaVirtual .item .boxItem {
                display: flex;
                flex-direction: column;
                margin-bottom: 1.1875em;
            }

            .contenidoRuedaVirtual .listadoItemsRuedaVirtual .item:nth-child(3n+1) .boxItem {
                margin-right: 0.46875em;
            }

            .contenidoRuedaVirtual .listadoItemsRuedaVirtual .item:nth-child(3n+2) .boxItem {
                margin-right: 0.46875em;
                margin-left: 0.46875em;
            }

            .contenidoRuedaVirtual .listadoItemsRuedaVirtual .item:nth-child(3n+3) .boxItem {
                margin-left: 0.46875em;
            }

            .contenidoRuedaVirtual .listadoItemsRuedaVirtual .item .boxItem .BIimagen {
                position: relative;
            }

                .contenidoRuedaVirtual .listadoItemsRuedaVirtual .item .boxItem .BIimagen img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: center center;
                }

            .contenidoRuedaVirtual .listadoItemsRuedaVirtual .item .boxItem .BIdetalle {
                background-color: #F5F2F4;
                padding: 1.1875em 1.6875em;
            }

                .contenidoRuedaVirtual .listadoItemsRuedaVirtual .item .boxItem .BIdetalle p {
                    color: black;
                    font-size: 0.9375em;
                }

                    .contenidoRuedaVirtual .listadoItemsRuedaVirtual .item .boxItem .BIdetalle p:nth-child(1) {
                        text-transform: uppercase;
                        font-family: FC_Bold;
                        margin-bottom: 0.666em;
                    }

                    .contenidoRuedaVirtual .listadoItemsRuedaVirtual .item .boxItem .BIdetalle p:nth-child(2) {
                        font-family: FC_Book;
                        margin-bottom: 0.86em;
                    }

.contenidoNotePiedasForo {
    background-color: #612644;
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 1.5em;
    margin-bottom: 3.43em;
}

    .contenidoNotePiedasForo .fondoForo {
        position: relative;
        margin-top: -1.5em;
        margin-bottom: 1.5em;
    }

        .contenidoNotePiedasForo .fondoForo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
        }

        .contenidoNotePiedasForo .fondoForo .detalle {
            position: absolute;
            right: 18.75em;
            width: 21em;
            top: 2.9em;
        }

            .contenidoNotePiedasForo .fondoForo .detalle p {
                color: #612644;
                font-family: FC_Bold;
                font-size: 2.25em;
                margin-bottom: 1em;
            }

            .contenidoNotePiedasForo .fondoForo .detalle a {
                background-color: #612644;
                color: #fff;
                font-family: FC_Bold;
                font-size: 1.1em;
                padding: .785em 2em;
                text-decoration: none;
            }

.experiencia360 {
    margin-bottom: 2.5em;
}

    .experiencia360 .boxs360 {
        background-color: #F5F2F4;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 4.625em;
    }

        .experiencia360 .boxs360 .panel1 {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .experiencia360 .boxs360 .panel1 img {
                width: 40em;
                object-fit: cover;
                object-position: center center;
            }

        .experiencia360 .boxs360 .panel2 {
            padding-left: 4.625em;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
        }

            .experiencia360 .boxs360 .panel2 p {
                color: #000000;
            }

                .experiencia360 .boxs360 .panel2 p:nth-child(1) {
                    font-family: FC_Bold;
                    font-size: 2.25em;
                    margin-bottom: 0.5em;
                    margin-top: 1em;
                }

                .experiencia360 .boxs360 .panel2 p:nth-child(2) {
                    font-family: FC_Book;
                    font-size: 0.9375em;
                    margin-bottom: 1.5em;
                }

            .experiencia360 .boxs360 .panel2 a {
                background-color: #B6B6B6;
                color: #fff;
                font-family: FC_Bold;
                font-size: 1.1em;
                padding: .785em 2em;
                text-decoration: none;
                margin-right: 2em;
                margin-bottom: 1em;
            }



@media (max-width:1799.9px) and (min-width:1700px) {
    * {
        font-size: 15px
    }
}

@media (max-width:1699.9px) and (min-width:1600px) {
    * {
        font-size: 14px
    }
}

@media (max-width:1599.9px) and (min-width:1500px) {
    * {
        font-size: 13px
    }
}

@media (max-width:1499.9px) and (min-width:1024px) {
    * {
        font-size: 12px
    }
}

@media (max-width:1399.9px) and (min-width:1300px) {
    .contenido {
        max-width: 90%
    }

    footer .contenido,
    main .contenido {
        max-width: 90%
    }

    header .menu * {
        font-size: 12px
    }

    .perumarca .informacion .bloque .botones a {
        font-size: .9em
    }
}

@media (max-width:1299.9px) and (min-width:1200px) {
    .contenido {
        max-width: 90%
    }

    footer .contenido,
    main .contenido {
        max-width: 80%
    }

    header .menu * {
        font-size: 11.2px
    }

    .eventos *,
    .perumarca * {
        font-size: 11.5px
    }

    .perumarca .informacion .bloque .botones a {
        font-size: .88em
    }

    footer * {
        font-size: 11.5px
    }
}

@media (max-width:1199.9px) and (min-width:1100px) {
    .contenido {
        max-width: 90%
    }

    footer .contenido,
    main .contenido {
        max-width: 80%
    }

    .eventos *,
    .perumarca *,
    header .menu * {
        font-size: 10.5px
    }

    .perumarca .informacion .bloque .botones a {
        font-size: .88em
    }

    .comentarios .informacion .comentario,
    .plano *,
    footer * {
        font-size: 10.5px
    }
}

@media (max-width:1099.9px) and (min-width:1024px) {
    .contenido {
        max-width: 95%
    }

    footer .contenido,
    main .contenido {
        max-width: 85%
    }

    .eventos *,
    .perumarca *,
    header .menu * {
        font-size: 10.2px
    }

    .perumarca .informacion .bloque .botones a {
        font-size: .85em
    }

    .comentarios .informacion .comentario,
    .plano * {
        font-size: 10.2px
    }

    .logos .listado *,
    footer * {
        font-size: 10px
    }
}

@media (min-width:1000px) and (max-width:1023.9px) {
    * {
        font-size: 10px
    }
}

@media (min-width:900px) and (max-width:999.9px) {
    * {
        font-size: 9.75px
    }
}

@media (min-width:800px) and (max-width:899.9px) {
    * {
        font-size: 9.5px
    }
}

@media (min-width:620px) and (max-width:799.9px) {
    * {
        font-size: 8.75px
    }
}

@media (min-width:570px) and (max-width:619.9px) {
    * {
        font-size: 8px
    }
}

@media (min-width:480px) and (max-width:569.9px) {
    * {
        font-size: 7.5px
    }
}

@media (min-width:420px) and (max-width:479.9px) {
    * {
        font-size: 7px
    }
}

@media (min-width:350px) and (max-width:419.9px) {
    * {
        font-size: 6.5px
    }
}

@media (min-width:280px) and (max-width:349.9px) {
    * {
        font-size: 6px
    }
}

@media (max-width:1023.9px) {
    .contenido {
        width: 90% !important;
        max-width: none !important
    }

        .contenido.derecha,
        .contenido.izquierda {
            margin: 0 auto;
            width: 90%
        }

    footer .contenido,
    main .contenido {
        width: 90% !important
    }

    .solo_resp {
        display: block !important
    }

    header .redes a {
        border-right: .15em solid #323232;
        padding: 1.5em
    }

        header .redes a:first-child {
            border-left: .15em solid #323232
        }

        header .redes a i {
            font-size: 1.5em
        }

    header .idiomas .idioma {
        border-right: .15em solid #323232;
        padding: 1.25em 1.5em
    }

        header .idiomas .idioma:first-child {
            border-left: .15em solid #323232
        }

        header .idiomas .idioma span {
            font-size: 1.4em;
            margin: .3em .6em 0 0
        }

        header .idiomas .idioma img {
            height: 1.6em
        }

    header .logo {
        margin: 0;
        padding: 2em 0;
        width: 25em
    }

    header .menu_resp {
        display: block;
        height: 3.2em;
        width: 3.2em
    }

        header .menu_resp .barras,
        header .menu_resp .barras:after,
        header .menu_resp .barras:before {
            width: 3.2em;
            height: .5em
        }

        header .menu_resp .barras {
            position: relative;
            transform: translateY(1em);
            background: white;
            transition: all 0ms .3s
        }

            header .menu_resp .barras.animate {
                background: hsla(0, 0%, 100%, 0)
            }

            header .menu_resp .barras:before {
                content: "";
                position: absolute;
                left: 0;
                bottom: 1em;
                background: white;
                transition: bottom .3s cubic-bezier(.23, 1, .32, 1) .3s, transform .3s cubic-bezier(.23, 1, .32, 1)
            }

            header .menu_resp .barras:after {
                content: "";
                position: absolute;
                left: 0;
                top: 1em;
                background: white;
                transition: top .3s cubic-bezier(.23, 1, .32, 1) .3s, transform .3s cubic-bezier(.23, 1, .32, 1)
            }

            header .menu_resp .barras.animate:after {
                top: 0;
                transform: rotate(45deg);
                transition: top .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1) .3s
            }

            header .menu_resp .barras.animate:before {
                bottom: 0;
                transform: rotate(-45deg);
                transition: bottom .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1) .3s
            }

    header .menuprincipal {
        background-color: #fff;
        height: 0;
        left: -5vw;
        max-width: none;
        overflow: hidden;
        padding: 0;
        position: absolute;
        top: calc(100% + .1em);
        transition: all .25s ease;
        width: 100vw
    }

        header .menuprincipal nav {
            padding: 3em 5%;
            height: 100%
        }

            header .menuprincipal nav ul {
                align-items: flex-start !important;
                flex-flow: column nowrap;
                height: 100%;
                justify-content: flex-start !important
            }

            header .menuprincipal nav a {
                font-size: 2em;
                padding: 1.5em 1em;
                text-align: left
            }

            header .menuprincipal nav li.registro {
                bottom: 0;
                left: 0;
                position: absolute;
                width: 100%
            }

                header .menuprincipal nav li.registro a {
                    text-align: center
                }

        header .menuprincipal.activo {
            height: calc(100vh - 14.3077em)
        }

    main {
        overflow: hidden;
        padding-top: 20em;
        width: 100vw
    }

    .evento {
        flex-flow: column nowrap
    }

        .evento .izquierda {
            margin: 0;
            width: 100%
        }

        .evento .informacion {
            margin: 0 0 4em;
            width: 100%
        }

            .evento .informacion .tiempo p {
                border-right: .15em solid #a0a0a0;
                font-size: 1.5em
            }

            .evento .informacion .frase {
                margin: 0 0 1em
            }

                .evento .informacion .frase p {
                    font-size: 2.2em
                }

            .evento .informacion .fecha {
                margin: 0 0 2em
            }

                .evento .informacion .fecha p {
                    font-size: 4em
                }

            .evento .informacion .nombre {
                border: .15em solid #000;
                margin: 0 0 2em;
                width: 20em
            }

            .evento .informacion .boton {
                width: 30em
            }

                .evento .informacion .boton a {
                    font-size: 1.8em;
                    padding: 1.5em 2.5% 1.2em
                }

        .evento .derecha {
            margin: 0;
            width: 100%
        }

        .evento .imagen {
            margin: 0 0 1em;
            width: 100%
        }

            .evento .imagen img {
                position: relative
            }

    .eventos .owl-dots button {
        margin-left: 2.5em
    }

        .eventos .owl-dots button span {
            font-size: 1.7em
        }

    .quees {
        margin: 0 0 3em
    }

        .quees .titulo {
            background-position: 5%;
            padding: 5.5em 25%
        }

            .quees .titulo p {
                font-size: 1.8em
            }

            .quees .titulo .linea {
                height: .3em
            }

        .quees .contenido > p {
            font-size: 1.8em;
            width: 95%
        }

        .quees .resultadosOpciones {
            margin: 0 0 4em
        }

            .quees .resultadosOpciones p {
                font-size: 1.5em;
                margin: 0 2em
            }

        .quees .resultadosItem .principal {
            margin: 0 auto 7em;
            width: 40em
        }

            .quees .resultadosItem .principal p {
                font-size: 1.8em
            }

        .quees .resultadosItem .otros {
            justify-content: space-around !important;
            flex-flow: row wrap
        }

            .quees .resultadosItem .otros .secundario {
                margin: 0 1em 3em;
                /*width: 18em*/
            }

                .quees .resultadosItem .otros .secundario .imagen {
                    height: 18em;
                    width: 18em
                }

                    .quees .resultadosItem .otros .secundario .imagen img {
                        height: 8em;
                        margin: 0 0 1em
                    }

                    .quees .resultadosItem .otros .secundario .imagen span {
                        font-size: 3em
                    }

                .quees .resultadosItem .otros .secundario > p {
                    font-size: 1.8em
                }

    .perumarca .contenido {
        flex-flow: column nowrap;
        overflow: hidden
    }

    .perumarca .imagen {
        height: 28em;
        margin: 0;
        width: 100%
    }

        .perumarca .imagen img {
            object-position: 0 0em
        }

    .perumarca .informacion {
        width: 100%
    }

        .perumarca .informacion .titulo {
            align-items: normal !important;
            margin: 5em 0
        }

        .perumarca .informacion .logo {
            width: 28em
        }

        .perumarca .informacion .boton a {
            align-items: center;
            display: flex;
            font-size: 1.5em;
            height: 100%;
            padding: .5em 2em
        }

        .perumarca .informacion .bloques {
            flex-flow: column nowrap;
            height: auto;
        }

        .perumarca .informacion .bloque {
            margin: 0 0 6em;
            padding: 0;
            width: 100%
        }

            .perumarca .informacion .bloque .descripcion p,
            .perumarca .informacion .bloque .nombre p {
                font-size: 1.8em
            }

            .perumarca .informacion .bloque .divBotones {
                position: relative
            }

            .perumarca .informacion .bloque .botones {
                height: auto
            }

                .perumarca .informacion .bloque .botones a {
                    font-size: 1.8em;
                    height: 3.33em;
                    padding: .5em 1em
                }

            .perumarca .informacion .bloque .registro a {
                font-size: 1.8em;
                padding: 1.5em 2.5em 1.2em
            }

            .perumarca .informacion .bloque:last-child {
                margin: 0
            }

    .comentarios .fondo,
    .comentarios img {
        display: none
    }

    .comentarios .informacion {
        padding: 6em 2.5em 4em;
        position: relative;
        top: 0;
        transform: none;
        width: 100%;
        -o-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none
    }

        .comentarios .informacion .comentario p.comentario {
            font-size: 2.2em
        }

        .comentarios .informacion .comentario p.persona {
            font-size: 2em
        }

    .comentarios .owl-dots {
        margin: 3em 0 0
    }

        .comentarios .owl-dots button {
            margin: 0 1em
        }

            .comentarios .owl-dots button span {
                height: 1.5em;
                width: 1.5em
            }

    .plano .cabecera {
        margin: 0 0 3em
    }

        .plano .cabecera .logo {
            width: 25em
        }

            .plano .cabecera .logo p {
                font-size: 1.8em
            }

        .plano .cabecera .boton {
            display: none
        }

            .plano .cabecera .boton a {
                font-size: 1.8em;
                padding: 1.5em 1.6em 1.2em
            }

        .plano .cabecera.solo_resp .boton {
            display: flex
        }

    .plano .plano_evento {
        flex-flow: column nowrap;
        margin: 0 0 5em
    }

        .plano .plano_evento .opciones {
            margin: 0 0 4em;
            width: 100%
        }

            .plano .plano_evento .opciones .select {
                border: .15em solid #000;
                width: 100%
            }

                .plano .plano_evento .opciones .select select {
                    appearance: none;
                    border: none;
                    color: #000;
                    display: block;
                    font-size: 1.8em;
                    outline: none;
                    padding: 1.5em 3.5em 1.3em 1.5em;
                    width: 100%;
                    -webkit-appearance: none;
                    -moz-appearance: none
                }

                    .plano .plano_evento .opciones .select select option {
                        font-size: 1em
                    }

                .plano .plano_evento .opciones .select img {
                    height: auto;
                    position: absolute;
                    right: 1.5em;
                    top: 50%;
                    transform: translateY(-50%) rotate(180deg);
                    width: 2.7em;
                    -o-transform: translateY(-50%) rotate(180deg);
                    -ms-transform: translateY(-50%) rotate(180deg);
                    -moz-transform: translateY(-50%) rotate(180deg);
                    -webkit-transform: translateY(-50%) rotate(180deg)
                }

            .plano .plano_evento .opciones ul {
                display: none
            }

        .plano .plano_evento .imagen {
            width: 100%
        }

    .textil .contenido {
        flex-flow: column nowrap
    }

    .textil .informacion {
        padding: 10em 0;
        width: 100%
    }

        .textil .informacion p {
            font-size: 1.8em;
            margin: 0
        }

            .textil .informacion p.titulo {
                font-size: 5em
            }

        .textil .informacion .boton {
            display: none
        }

    .textil .imagen {
        margin-left: -5vw;
        max-width: none;
        width: 100vw
    }

        .textil .imagen img {
            position: relative
        }

    .sectoriales .titulo p {
        font-size: 2.2em;
        padding: 0 0 .5em
    }

    .sectoriales .titulo .linea {
        height: .3em;
        width: 9em
    }

    .sectoriales .marcas {
        flex-flow: column nowrap;
        margin: 0
    }

    .sectoriales .marca {
        margin: 0 0 4em;
        padding: 2.4em 2.4em 4.5em;
        width: 100%
    }

        .sectoriales .marca .isotipo img {
            width: 18em
        }

        .sectoriales .marca .descripcion {
            width: 95%
        }

            .sectoriales .marca .descripcion p {
                font-size: 1.8em;
                text-align: center
            }

            .sectoriales .marca .descripcion a {
                font-size: 1em;
                margin: 4em 0 0;
                padding: 1.5em 2em 1.2em
            }

    .noticia {
        margin: 0 auto;
        width: 95%
    }

        .noticia .informacion a,
        .noticia .informacion p {
            font-size: 1.8em
        }

    .noticias .owl-dots {
        margin-top: 3em;
        text-align: center
    }

        .noticias .owl-dots button {
            display: inline-block;
            margin: 0 1.5em;
            outline: none
        }

            .noticias .owl-dots button span {
                background-color: #d8d8d8;
                border-radius: 50%;
                display: block;
                height: 1.5em;
                width: 1.5em
            }

            .noticias .owl-dots button.active span {
                background-color: #612644
            }

    .logos p {
        font-size: 1.8em
    }

    .logos .listado {
        flex-flow: row wrap;
        margin: 0;
        max-width: 100%;
        width: 100%
    }

        .logos .listado img {
            margin: 0 2em 5em
        }

    .presentacion .banner img {
        height: 30em;
        object-fit: cover;
        object-position: 70% center
    }

    .presentacion .informacion .titulo p,
    .presentacion .informacion .titulo p.subtitulo {
        font-size: 2.5em
    }

    .presentacion .informacion .titulo .linea {
        height: .3em;
        margin-top: 2em;
        width: 9em
    }

    .presentacion .informacion .descripcion {
        width: 95%
    }

        .presentacion .informacion .descripcion p,
        .presentacion .informacion .descripcion p.news {
            font-size: 1.8em
        }

            .presentacion .informacion .descripcion p.news {
                font-family: FC_News
            }

            .presentacion .informacion .descripcion p span {
                font-size: 1em;
                font-family: FC_News
            }

    .personajes .listado {
        flex-flow: column nowrap
    }

    .personajes .personaje {
        margin: 0 0 3em;
        padding: 0 4em 5em;
        width: 100%
    }

        .personajes .personaje .nombre {
            display: flex;
            margin: 0 0 2em;
            padding: 2em 0 0
        }

            .personajes .personaje .nombre .linea {
                height: .15em;
                margin-right: 1.5em;
                width: 3em
            }

            .personajes .personaje .descripcion p,
            .personajes .personaje .nombre p {
                font-size: 1.8em
            }

        .personajes .personaje .descripcion a {
            font-size: 1.8em;
            padding: 1.5em 2em 1.2em
        }

        .personajes .personaje .botones {
            flex-flow: row wrap;
            height: auto
        }

        .personajes .personaje .divBotones {
            padding: 0;
            position: relative
        }

        .personajes .personaje .botones a {
            font-size: 1.8em;
            margin: 0 1em 1em 0;
            padding: 1.2em 1.2em 1em
        }

        .personajes .personaje .registro a {
            font-size: 1.5em;
            padding: 1.5em 2.5em 1.2em
        }

    .personajes .hoteles {
        flex-flow: column nowrap;
        height: auto;
        max-width: none;
        padding: 5em 10%;
        margin: 0 0 -7.6em -5vw;
        width: 100vw
    }

        .personajes .hoteles .texto {
            margin: 0 0 3em;
            text-align: center;
            width: 100%
        }

            .personajes .hoteles .texto p {
                color: #fff;
                font-size: 2.5em
            }

        .personajes .hoteles .boton {
            margin: 0
        }

            .personajes .hoteles .boton a {
                font-size: 3em;
                margin: 0;
                padding: .9em 1.6em .8em
            }

    .mundo .titulo {
        margin: 0 0 2em;
        text-align: left
    }

        .mundo .titulo p {
            font-size: 3.5em
        }

            .mundo .titulo p.subtitulo {
                font-size: 1.8em
            }

    .mundo .flecha {
        display: none
    }

    .mundo .select {
        border: .15em solid #a0a0a0;
        margin: 0 0 8em;
        width: 100%
    }

        .mundo .select select {
            appearance: none;
            border: none;
            color: #000;
            display: block;
            font-size: 1.8em;
            outline: none;
            padding: 1.5em 3.5em 1.3em 1.5em;
            width: 100%;
            -webkit-appearance: none;
            -moz-appearance: none
        }

            .mundo .select select option {
                font-size: 1em
            }

        .mundo .select img {
            height: auto;
            position: absolute;
            right: 1.5em;
            top: 50%;
            transform: translateY(-50%) rotate(180deg);
            width: 2.7em;
            -o-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
            -moz-transform: translateY(-50%) rotate(180deg);
            -webkit-transform: translateY(-50%) rotate(180deg)
        }

    .mundo .anteriores {
        height: auto;
        margin-left: -5vw;
        max-width: none;
        width: 100vw
    }

        .mundo .anteriores .listado {
            display: none
        }

        .mundo .anteriores .detalle {
            flex-flow: column nowrap;
            padding: 0 5vw 4em;
            width: 100%
        }

            .mundo .anteriores .detalle .imagen {
                margin: -5em 0 5em;
                width: 100%
            }

                .mundo .anteriores .detalle .imagen img {
                    height: 28em;
                    object-fit: cover
                }

            .mundo .anteriores .detalle .descripcion {
                width: 100%
            }

                .mundo .anteriores .detalle .descripcion p {
                    font-size: 1.8em;
                    text-align: justify
                }

                    .mundo .anteriores .detalle .descripcion p.nombre {
                        font-size: 2.5em;
                        margin: 0 0 1.5em;
                        text-align: center
                    }

    .portadas {
        padding: 8em 5%;
        text-align: center
    }

        .portadas .titulo p {
            font-size: 2.5em;
            margin: 0 0 1em
        }

            .portadas .titulo p.subtitulo {
                font-size: 1.8em;
                line-height: 1.5;
                margin: 0 auto;
                width: 80%
            }

        .portadas .anios {
            justify-content: space-between !important;
            margin: 0 auto 4em;
            width: 90%
        }

            .portadas .anios p {
                font-size: 2.5em;
                margin: 0 1em
            }

        .portadas .carrusel {
            flex-flow: column nowrap
        }

            .portadas .carrusel .flecha {
                display: none
            }

            .portadas .carrusel .listado {
                display: block;
                margin: 0;
                max-width: none;
                width: 100%
            }

            .portadas .carrusel .owl-item {
                padding: 0 .5%
            }

            .portadas .carrusel .portada {
                margin: 0;
                padding: 2.5em;
                width: 90vw
            }

                .portadas .carrusel .portada .imagen {
                    height: 33em;
                    margin-right: 5em;
                    width: 25em
                }

                .portadas .carrusel .portada .informacion {
                    min-width: 17em;
                    width: calc(100% - 30em)
                }

                    .portadas .carrusel .portada .informacion p {
                        font-size: 1.5em
                    }

                        .portadas .carrusel .portada .informacion p.nombre {
                            font-size: 1.8em
                        }

            .portadas .carrusel .listado .owl-dots {
                margin-top: 3em;
                text-align: center
            }

                .portadas .carrusel .listado .owl-dots button {
                    display: inline-block;
                    margin: 0 1em;
                    outline: none
                }

                    .portadas .carrusel .listado .owl-dots button span {
                        background-color: #d8d8d8;
                        border-radius: 50%;
                        display: block;
                        height: 1.5em;
                        width: 1.5em
                    }

                    .portadas .carrusel .listado .owl-dots button.active span {
                        background-color: #612644
                    }

    .visor_contenido {
        width: 90%
    }

    .visor_cerrar img {
        width: 2.5em
    }

    .visor_cabecera p {
        font-size: 1.5em
    }

    .visor_imagen {
        padding: 7.5em 0 10.1em
    }

        .visor_imagen img {
            margin: 0 auto;
            max-height: calc(95vh - 21.6em)
        }

    .visor_descripcion {
        height: 3.1em
    }

        .visor_descripcion p {
            font-size: 1.4em
        }

    .visor_flecha img {
        width: 2em
    }

    .ofrecemos .titulo p {
        font-size: 2em
    }

    .ofrecemos .listado {
        flex-flow: column nowrap
    }

        .ofrecemos .listado .elemento {
            margin: 0 auto 6em;
            width: 80%
        }

            .ofrecemos .listado .elemento .descripcion p {
                font-size: 1.8em
            }

            .ofrecemos .listado .elemento:nth-child(2n) {
                margin: 0 auto 6em
            }

    .productos .titulo {
        border-top: .15em solid silver;
        padding: 5em 1em 4.8em
    }

        .productos .titulo p {
            font-size: 2.5em
        }

    .productos .producto {
        border-top: .15em solid silver;
        padding: 6em 0
    }

        .productos .producto .contenido {
            flex-flow: column nowrap
        }

        .productos .producto .imagen {
            margin: 0 0 3em;
            width: 100%
        }

            .productos .producto .imagen img {
                height: 30em;
                object-fit: cover
            }

        .productos .producto .descripcion {
            width: 100%
        }

            .productos .producto .descripcion p {
                font-size: 1.8em
            }

                .productos .producto .descripcion p.nombre {
                    font-size: 2.5em
                }

    .caracteristicas .contenido {
        flex-flow: column wrap
    }

    .caracteristicas .bloques {
        width: 100%
    }

        .caracteristicas .bloques .caracteristica {
            border: .15em solid #612644;
            border-radius: 1em;
            padding: 3em 6em 3em 3em
        }

            .caracteristicas .bloques .caracteristica .imagen {
                width: 4em
            }

            .caracteristicas .bloques .caracteristica .descripcion {
                width: calc(100% - 8em)
            }

                .caracteristicas .bloques .caracteristica .descripcion p {
                    font-size: 1.8em
                }

                    .caracteristicas .bloques .caracteristica .descripcion p span {
                        font-size: 1em
                    }

    .sostenibilidad {
        background-position: top;
        background-repeat: no-repeat;
        background-size: 120% auto;
        padding: 42% 0 0
    }

        .sostenibilidad .informacion {
            max-width: none;
            padding: 10em 9% 12em;
            width: 100vw
        }

            .sostenibilidad .informacion .titulo p {
                font-size: 2.5em
            }

            .sostenibilidad .informacion .titulo .linea {
                margin: 2em 0 0;
                height: .3em;
                width: 9em
            }

            .sostenibilidad .informacion .descripcion p {
                font-size: 1.8em
            }

    .fibras .titulo p {
        font-size: 2.2em;
        padding: 0 0 .5em
    }

    .fibras .titulo .linea {
        height: .3em;
        width: 9em
    }

    .fibras .listado {
        flex-flow: column nowrap;
        margin: 0 0 9em
    }

    .fibras .fibra {
        margin: 0 0 4em;
        padding: 2.4em 2.4em 4.5em;
        width: 100%
    }

        .fibras .fibra .nombre {
            margin: 4em 0
        }

            .fibras .fibra .nombre p {
                font-size: 2.5em
            }

        .fibras .fibra .descripcion {
            width: 95%
        }

            .fibras .fibra .descripcion p {
                font-size: 1.8em;
                text-align: center
            }

            .fibras .fibra .descripcion a {
                margin: 0 1em 1em 0
            }

    .buscador .contenido {
        flex-flow: row wrap
    }

    .buscador .select {
        border: .15em solid #dadada;
        margin: 0 3% 2em 0;
        width: 30%
    }

        .buscador .select select {
            font-size: 1.8em;
            padding: 1.5em 2.5em 1.3em 1.5em;
        }

            .buscador .select select option {
                font-size: 1em
            }

        .buscador .select img {
            width: 2em
        }

    .buscador .cajatexto {
        border: .15em solid #dadada;
        margin: 0 0 2em;
        width: 67%
    }

        .buscador .cajatexto input {
            font-size: 1.8em
        }

    .buscador .boton {
        width: 100%
    }

        .buscador .boton button {
            font-size: 1.8em;
            justify-content: center !important;
            padding: 1.5em 1.5em 1.3em
        }

            .buscador .boton button i {
                margin-left: 2em
            }

    .buscador .mensaje {
        font-size: 1.8em;
        margin: 3em 0 0
    }

        .buscador .mensaje span {
            font-size: 1em
        }

    .participantes .paginacion li {
        font-size: 1.8em
    }

    .participantes .listado {
        justify-content: center !important
    }

    .participantes .empresa {
        margin: 0 10px 4em;
        padding: 6em 3em 4.5em;
        width: 380px
    }

        .participantes .empresa .nombre {
            min-height: 7.5em
        }

            .participantes .empresa .nombre p {
                font-size: 1.8em
            }

        .participantes .empresa .stand p {
            font-size: 2em
        }

        .participantes .empresa .descripcion {
            min-height: 20em
        }

            .participantes .empresa .descripcion p {
                font-size: 1.8em
            }

                .participantes .empresa .descripcion p span {
                    font-size: 1em
                }

        .participantes .empresa .enlace a {
            font-size: 1.0em
        }

        .participantes .empresa:nth-child(3n-1) {
            margin: 0 10px 4em
        }

    .preguntas .contenido.mb4 {
        margin-bottom: 10em !important
    }

    .preguntas .titulo {
        border-bottom: .15em solid silver;
        padding: 0 0 4.5em
    }

        .preguntas .titulo p {
            font-size: 1.8em
        }

    .preguntas .pregunta {
        border-bottom: .15em solid silver;
        padding: 4em 0
    }

        .preguntas .pregunta .laPregunta p {
            font-size: 1.7em;
            line-height: 1.5;
            width: calc(100% - 4em)
        }

        .preguntas .pregunta .laPregunta img {
            width: 3em
        }

        .preguntas .pregunta .respuesta {
            padding: 4em 0 0
        }

            .preguntas .pregunta .respuesta p {
                color: #757575;
                font-size: 1.7em
            }

    .error404 {
        padding: 20em 0
    }

        .error404,
        .error404 .contenido,
        .error404 section {
            height: auto
        }

            .error404 .contenido {
                justify-content: flex-start !important;
                padding-top: 4em
            }

            .error404 h1 {
                font-size: 5.6em
            }

            .error404 p {
                font-size: 3.6em;
                width: 80%
            }

            .error404 .enlaces a {
                font-size: 2.7em
            }

    footer {
        padding: 4em 0 3.5em
    }

        footer .contenido {
            align-items: center;
            flex-flow: column nowrap
        }

        footer .logo {
            margin: 0 auto 5em;
            width: 25em
        }

            footer .logo img {
                margin: 0 auto
            }

        footer .cuerpo {
            width: 100%
        }

            footer .cuerpo .menu {
                margin: 0 0 3.6em
            }

                footer .cuerpo .menu nav ul {
                    flex-flow: column nowrap
                }

                footer .cuerpo .menu nav li {
                    margin: 0 0 4em
                }

                footer .cuerpo .menu nav a {
                    font-size: 2em;
                    margin: 0
                }

            footer .cuerpo .copyright p {
                color: #fff;
                font-size: 1.5em;
                text-align: center
            }


    .registroRuedaVirtual .contenedorRegistroRV .formularioRV .panel2 {
        display: none;
    }

    .registroRuedaVirtual .contenedorRegistroRV .formularioRV .panel1 {
        width: 100%;
    }

        .registroRuedaVirtual .contenedorRegistroRV .formularioRV .panel1 p:nth-child(1) {
            font-size: 2.5em;
            margin-bottom: 0;
        }

        .registroRuedaVirtual .contenedorRegistroRV .formularioRV .panel1 p:nth-child(2) {
            font-size: 2.5em;
        }

        .registroRuedaVirtual .contenedorRegistroRV .formularioRV .panel1 .botonesRV a {
            font-size: 1.5em;
            text-align: center;
            width: 230px;
            display: inline-block;
            margin-right: 0 !important;
            margin-top: 10px;
        }

    .registroRuedaVirtual .contenedorRegistroRV .formularioRV {
        width: 80%;
    }

        .registroRuedaVirtual .contenedorRegistroRV .formularioRV .panel1 .botonesRV {
            display: block;
            text-align: center;
        }

    .contenidoNotePiedasForo .fondoForo {
        margin-top: 0;
        margin-bottom: 0;
    }

        .contenidoNotePiedasForo .fondoForo .detalle {
            position: relative;
            right: 0;
            width: 32em;
            top: 0;
            margin: 0 auto;
            margin-top: 4.5em;
            margin-bottom: 4.5em;
            text-align: center;
        }

            .contenidoNotePiedasForo .fondoForo .detalle p {
                color: white;
                text-align: center;
                font-size: 4.25em;
            }

            .contenidoNotePiedasForo .fondoForo .detalle a {
                font-size: 2.1em;
                padding: .585em 2em;
                border: 0.099em solid white;
            }


        .contenidoNotePiedasForo .fondoForo img {
            display: none;
        }

    .experiencia360 .boxs360 {
        flex-direction: column;
    }

        .experiencia360 .boxs360 .panel1 img {
            width: 100%;
        }

        .experiencia360 .boxs360 .panel2 {
            padding-left: 0;
            align-items: center;
            padding-top: 1em;
        }

            .experiencia360 .boxs360 .panel2 p:nth-child(1) {
                font-size: 3.25em;
                width: 100%;
            }

            .experiencia360 .boxs360 .panel2 p:nth-child(2) {
                font-size: 1.875em;
            }

            .experiencia360 .boxs360 .panel2 a {
                font-size: 2.1em;
            }

    .contenidoRuedaVirtual .listadoItemsRuedaVirtual {
        flex-direction: column;
    }

        .contenidoRuedaVirtual .listadoItemsRuedaVirtual .item {
            width: 100%;
        }

            .contenidoRuedaVirtual .listadoItemsRuedaVirtual .item:nth-child(3n+1) .boxItem {
                margin-right: 2.46875em;
            }

            .contenidoRuedaVirtual .listadoItemsRuedaVirtual .item .boxItem .BIdetalle p {
                color: black;
                font-size: 1.5em;
            }

    .listadoItemsRuedaVirtual .owl-dots {
        margin-top: 2em;
        margin-bottom: 3em;
        text-align: center;
    }

        .listadoItemsRuedaVirtual .owl-dots button {
            display: inline-block;
            margin: 0 1.5em;
            outline: none;
        }

            .listadoItemsRuedaVirtual .owl-dots button span {
                background-color: #d8d8d8;
                display: block;
                height: 1.5em;
                width: 1.5em;
            }

            .listadoItemsRuedaVirtual .owl-dots button.active span {
                background-color: #612644;
            }
}


@media (min-width:500px) and (max-width:1023.9px) {
    .contenido {
        max-width: none !important
    }

        .contenido,
        .contenido.derecha,
        .contenido.izquierda,
        footer .contenido,
        main .contenido {
            width: 80% !important
        }

    header .menuprincipal {
        left: -10vw
    }

    .textil .imagen {
        margin-left: -10vw
    }

    .personajes .hoteles {
        margin: 0 0 -7.6em -10vw
    }

    .mundo .anteriores {
        margin-left: -10vw
    }

        .mundo .anteriores .detalle {
            padding: 0 10vw 4em
        }

    .participantes .empresa {
        width: 380px
    }

    .evento .informacion .imagenTexto img {
        width: 30em;
    }
}




.popupComunicado {
    display: block;
    background-color: rgba(0,0,0,.75);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 990;
}

.popupComunicadoContenedor {
    width: 800px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

    .popupComunicadoContenedor a {
        display: block;
        position: relative;
        cursor: pointer;
        z-index: 1;
    }

        .popupComunicadoContenedor a img {
            width: 100%;
        }

.popupComunicadoCerrar {
    position: absolute;
    z-index: 2;
    top: 25px;
    right: 25px;
    width: 18px;
    cursor: pointer;
}

    .popupComunicadoCerrar img {
        width: 100%;
    }

.popupComunicadoOH {
    /*overflow: hidden !important;*/
}

@media only screen and (max-width:480px) {
    .popupComunicadoContenedor {
        width: 90%;
    }

    .popupComunicadoCerrar {
        width: 13px;
        top: 15px;
        right: 15px;
    }
}

@media only screen and (min-width:481px) and (max-width:599px) {
    .popupComunicadoContenedor {
        width: 400px;
    }

    .popupComunicadoCerrar {
        width: 13px;
        top: 20px;
        right: 20px;
    }
}

@media only screen and (min-width:600px) and (max-width:767px) {
    .popupComunicadoContenedor {
        width: 500px;
    }

    .popupComunicadoCerrar {
        width: 15px;
    }
}

@media only screen and (min-width:768px) and (max-width:979px) {
    .popupComunicadoContenedor {
        width: 600px;
    }

    .popupComunicadoCerrar {
        width: 16px;
    }
}

@media only screen and (min-width:980px) and (max-width:1099px) {
    .popupComunicadoContenedor {
        width: 600px;
    }
}

@media only screen and (min-width:1100px) and (max-width:1199px) {
    .popupComunicadoContenedor {
        width: 650px;
    }
}

@media only screen and (min-width:1200px) and (max-width:1299px) {
    .popupComunicadoContenedor {
        width: 650px;
    }
}

@media only screen and (min-width:1300px) and (max-width:1399px) {
    .popupComunicadoContenedor {
        width: 700px;
    }
}

@media only screen and (min-width:1400px) and (max-width:1499px) {
    .popupComunicadoContenedor {
        width: 700px;
    }
}

@media only screen and (min-width:1500px) and (max-width:1599px) {
    .popupComunicadoContenedor {
        width: 700px;
    }
}

/* ADICIONALES */

.imagenBannerMovil {
    display: none;
    width: 100%;
}

.imagenBannerDesktop {
    display: block;
    width: 100%;
    height: auto;
}

.contenedor {
    position: relative;
    margin-bottom: 2em;
}

.texto {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: white;
    font-size: large;
    font-weight: bold;
}

.oculto {
    display: none;
}

@media only screen and (max-width:480px) {
    .imagenBannerMovil {
        display: block;
        width: 100%;
    }

    .imagenBannerDesktop {
        display: none;
        width: 100%;
    }
}

.mainImagen {
    top: -12em;
    position: relative;
}

    .mainImagen .fondo-degradado::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to bottom, black, transparent);
        z-index: 1;
    }

    .fondoTitulo {
        position: relative;
        width: 85%;
        left: 15%;
        top: -120px;
        color: white;
        font-size: 3em;
        font-weight: bold;
        z-index: 2;
    }
    
/*Compradores*/
.mainCompradores {
    top: -160px;
    width: 100%;
    height: 700px;
    position: relative;
}

    .mainCompradores .fondoCompradores {
        width: 100%;
        height: 100%;
    }

    .mainCompradores .fondoCompradoresMovil {
        width: 100%;
        height: 100%;
        display: none;
    }

        .mainCompradores::after {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-image: linear-gradient(to bottom, black, transparent) !important;
            z-index: 1;
        }

    .mainCompradores .contenedorTextoCompradores {
        top: -20em;
        width: 80%;
        margin: auto;
        z-index: 2;
    }

    .mainCompradores .contenedorTituloCompradores {
        width: 30%;
    }

    .mainCompradores .fondoTituloCompradores {
        color: white;
        font-size: 4em;
        font-weight: bold;
    }

    .mainCompradores .contenedorSubtituloCompradores {
        width: auto;
    }

    .mainCompradores .fondoSubtituloCompradores {
        color: white;
        font-size: 1.2em;
        padding-bottom: 0.5%;
    }

    .mainCompradores .contenedorBotonCompradores {
        width: 15%;
        padding: 1%;
        border-radius: 5px;
        text-align: center;
        margin-top: 1%;
        background-color: #9e4040;
    }

    .mainCompradores .botonCompradores {
        color: white;
        text-decoration: none;
        font-size: 1em;
    }

/*Expositores*/
.mainExpositores {
    top: -50px;
    width: 100%;
    height: 600px;
}

    .mainExpositores .fondoExpositores {
        width: 100%;
        height: 100%
    }

    .mainExpositores .fondoExpositoresMovil {
        width: 100%;
        height: 100%;
        display: none;
    }

    .mainExpositores .contenedorTextoExpositores {
        top: -200px;
        width: 85%;
        margin: auto;
    }

    .mainExpositores .contenedorTituloExpositores {
        width: 100%;
        padding-top: 1%;
        padding-bottom: 1%;
        border-bottom: 2px solid white;
    }

    .mainExpositores .tituloExpositores {
        color: white;
        font-size: 2.8em;
        font-weight: bold;
    }

    .mainExpositores .contenedorContenido {
        width: 100%;
        height: 100%;
        padding-top: 1%;
        padding-bottom: 2%;
        display: flex;
        flex-direction: row;
    }

    .mainExpositores .contenedorSubtitulo {
        height: 100%;
    }

    .mainExpositores .subtituloExpositores {
        color: white;
        font-size: 1em;
        margin-top: 10%;
        align-content: center;
    }

    .mainExpositores .contenedorBoton {
        border: 2px solid white;
        margin-left: 1%;
        padding: 0.5%;
        border-radius: 5px;
        align-content: center;
    }

    .mainExpositores .botonExpositores {
        color: white;
        text-decoration: none;
        font-size: 1em;
    }

@media (max-width: 600px) {
    .mainImagen .fondo-degradado {
        width: 100%;
        height: 280px;
        top: -3em;
    }

    .mainImagen img {
        width: 100%;
        height: 100%;
    }

    .mainImagen .fondoTitulo {
        margin-top:10%;
        margin-left: 5%;
    }

    .mainExpositores {
        width: 100%;
        height: 350px;
    }

        .mainExpositores .fondoExpositores {
            width: 100%;
            height: 100%;
            display:none;
        }

        .mainExpositores .fondoExpositoresMovil {
            width: 100%;
            height: 80%;
            display: block;            
        }

        .mainExpositores .contenedorTextoExpositores {
            top: -80px;
            width: 85%;
            margin: auto;
        }

        .contenedorTextoExpositores .contenedorTituloExpositores{
            border: none;
            text-align: center;
            font-size: 1.8em;
        }

    .mainExpositores .contenedorContenido {
        border: 2px solid yellow;
        display: none;
    }

    .mainCompradores {
        width: 100%;
        height: 650px;
    }

        .mainCompradores .fondoCompradores {
            width: 100%;
            height: 100%;
            display: none;
        }

        .mainCompradores .fondoCompradoresMovil {
            width: 100%;
            height: 100%;
            display: block;
        }

            .mainCompradores .contenedorTextoCompradores {
                top: -250px;
                width: 80%;
                margin: auto;
            }

        .mainCompradores .contenedorTituloCompradores {
            width: auto;
        }

            .contenedorTituloCompradores .fondoTituloCompradores {
                color: white;
                font-size: 6em;
                font-weight: bold;
            }

        .mainCompradores .contenedorSubtituloCompradores {
            width: 100%;
        }

            .contenedorSubtituloCompradores .fondoSubtituloCompradores{
                font-size: 2.5em;
                line-height: 1.5em;
            }

        .mainCompradores .contenedorBotonCompradores {
            width: 85%;
            height: 50px;
            padding: 2%;
            border-radius: 5px;
            text-align: center;
            margin-top: 1%;
            background-color: #692145;
            align-content: center;
        }

        .mainCompradores .botonCompradores {
            color: white;
            text-decoration: none;
            font-size: 2.5em;
        }

    .informacion .titulo {
        font-size: 1.1em;
    }

    .informacion .fecha p {
        font-size: 0.9em
    }

    .direccion .p {
        font-size: 0.9em
    }

    .informacion .boton-registro-contenedor {
        width: 50%;
        height: 60px;
        padding: 1%;
        border-radius: 5px;
        align-content: center;
        text-align: center;
        background-color: #9e4040;
    }

    .boton-registro-contenedor .boton-registro {
        font-size: 0.8em;
    }

    .mapa .mapa-direccion {
        width: 100%;
        left: 40%;
    }
}

@media (min-width: 600px) and (max-width: 1250px) {
    .mainImagen .fondo-degradado {
        top: -5em;
        height: 350px;
    }

    .fondo-degradado img{
        width: 100%;
        height: 100%;
    }

    .mainCompradores {
        width: 100%;
        height: 700px;
    }

        .mainCompradores .contenedorTextoCompradores {
            top: -25em;
            width: 80%;
            margin: auto;
        }

            .contenedorTituloCompradores .fondoTituloCompradores {
                font-size: 4.5em;
            }

        .mainCompradores .contenedorSubtituloCompradores {
            width: 100%;
        }

            .contenedorSubtituloCompradores .fondoSubtituloCompradores {
                font-size: 1.8em;
            }

    .mainCompradores .contenedorBotonCompradores {
        width: 25%;
        height: 50px;
        padding: 2%;
        border-radius: 5px;
        text-align: center;
        margin-top: 1%;
        background-color: #9e4040;
        align-content: center;
    }

        .mainCompradores .botonCompradores {
            color: white;
            text-decoration: none;
            font-size: 1.1em;
        }
}

@media (max-width: 1000px) {
    .mainExpositores {
        width: 100%;
        height: 450px;
    }

        .mainExpositores .fondoExpositores {
            width: 100%;
            height: 100%
        }

        .mainExpositores .contenedorTextoExpositores {
            top: -100px;
            width: 85%;
            margin: auto;
        }

    /*.mainCompradores {
        width: 100%;
        height: 500px;
    }

        .mainCompradores .contenedorTextoCompradores {
            top: -170px;
            width: 80%;
            margin: auto;
        }

        .mainCompradores .fondoTituloCompradores {
            color: white;
            font-size: 3em;
            font-weight: bold;
        }

        .mainCompradores .contenedorSubtituloCompradores {
            width: 100%;
        }

        .mainCompradores .contenedorBotonCompradores {
            width: 25%;
            padding: 2%;
            border-radius: 10px;
            text-align: center;
            margin-top: 1%;
            background-color: #692145;
        }*/

    .informacion .boton-registro-contenedor {
        width: 50%;
        height: 60px;
        padding: 1%;
        border-radius: 5px;
        align-content: center;
        text-align: center;
        background-color: #9e4040;
    }

    .mapa .mapa-direccion {
        width: 100%;
        left: 70%;
    }
}

.contenidoRegistro {
    margin: 8em 0 9em
}

    .contenidoRegistro .bloques {
        width: 100%
    }

        .contenidoRegistro .bloques .texto {
            border: 0.5em solid #FFC429;
            border-radius: .5em;
            display: flex;
            margin: 0 0 3em;
            padding: 2em 4em 2em 2em;
            width: 100%;
        }

            .contenidoRegistro .bloques .texto .descripcion {
                width: calc(100% - 6.8em)
            }

                .contenidoRegistro .bloques .texto .descripcion div {
                    font-size: 3em;
                    color: #27688B;
                    margin-left: 10%;
                    margin-right: 10%;
                    font-weight: bold;
                }

                .contenidoRegistro .bloques .texto .descripcion p {
                    font-size: 1em;
                    color: black;
                    margin-top: 2%;
                    margin-left: 10%;
                    margin-right: 10%;
                }

.categoriasRegistro {
    margin: 0 0 9em;
}

    .categoriasRegistro .bloques {
        width: 48%
    }

        .categoriasRegistro .bloques .categoria {
            /*border: .0625em solid #8CB74B;
            border-radius: .5em;*/
            display: flex;
            margin: 0 0 3em;
            /*padding: 2em 4em 2em 2em;*/
            /*background: #8CB74B;*/
        }

            .categoriasRegistro .bloques .categoria .imagen {
                margin-right: 4em;
                width: 2.8em
            }

                .categoriasRegistro .bloques .categoria .imagen img {
                    display: block;
                    height: auto;
                    width: 100%
                }

            .categoriasRegistro .bloques .categoria .descripcion {
                width: calc(100% - 6.8em)
            }

                .categoriasRegistro .bloques .categoria .descripcion a {
                    text-decoration: none;
                }

                .categoriasRegistro .bloques .categoria .descripcion p {
                    font-size: 2em;
                    color: white;
                    font-weight: bold;
                }

                    .categoriasRegistro .bloques .categoria .descripcion p span {
                        font-family: FC_News
                    }

.categoriasRegistroFondo {
    background-image: url(../Imagenes/CategoriaRegistro.png);
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    height: 150px;
}

    .categoriasRegistroFondo a {
        text-decoration: none;
        left: 40%;
        top: 30%;
        display: block;
        width: 40%;
    }

        .categoriasRegistroFondo a p {
            font-size: 2em;
            color: white;
            font-weight: bold;
            /*left:40%;
        top:40%;*/
        }

.contenidoRegistro2 {
    margin: 0 0 9em
}

    .contenidoRegistro2 .bloques {
        width: 100%
    }

        .contenidoRegistro2 .bloques .texto {
            display: flex;
            margin: 0 0 3em;
            padding: 2em 4em 2em 2em;
            width: 100%;
            background: #0F22E9;
        }

            .contenidoRegistro2 .bloques .texto .descripcion {
                width: calc(100% - 6.8em)
            }

                .contenidoRegistro2 .bloques .texto .descripcion div {
                    font-size: 3em;
                    color: white;
                    margin-left: 50%;
                    margin-right: 10%;
                    font-weight: bold;
                }

                .contenidoRegistro2 .bloques .texto .descripcion p {
                    font-size: 1em;
                    color: white;
                    margin-top: 2%;
                    margin-left: 5%;
                    margin-right: 5%;
                }

.contenidoPrograma {
    margin: 8em 0 9em
}

    .contenidoPrograma .bloques {
        width: 100%
    }

        .contenidoPrograma .bloques .texto {
            border-radius: .5em;
            display: flex;
            margin: 0 0 3em;
            padding: 2em 4em 2em 2em;
            width: 100%;
        }

            .contenidoPrograma .bloques .texto .descripcion {
                width: calc(100% - 6.8em)
            }

                .contenidoPrograma .bloques .texto .descripcion div {
                    font-size: 3em;
                    color: #27688B;
                    margin-left: 10%;
                    margin-right: 10%;
                    font-weight: bold;
                }

                .contenidoPrograma .bloques .texto .descripcion p {
                    font-size: 1em;
                    color: black;
                    margin-top: 2%;
                    margin-left: 10%;
                    margin-right: 10%;
                }

@media only screen and (max-width:480px) {
    .contenidoRegistro {
        margin: 12em 0 9em;
    }

    .categoriasRegistro {
        margin: 12em 0 9em
    }

        .categoriasRegistro .contenido {
            display: block;
        }

        .categoriasRegistro .bloques {
            width: 98%
        }

    .contenidoRegistro2 {
        margin: 12em 0 9em
    }

    .categoriasRegistroFondo a {
        top: 35%;
    }

    .mainImagen {
        top: -20em;
    }
}

/*Programa*/
.seccionProgramas {
    margin: 0 0 9em;
}

    .seccionProgramas .programas {
        display: flex;
        margin: 0 0 9em
    }

    .seccionProgramas .programa {
        background-color: #fff;
        padding: 1.6em 1.6em 3em;
        width: 49%;
        position: relative;
    }

        .seccionProgramas .programa .imagenPrograma {
            opacity: 0.3;
            background-color: #3B6F95 !important;
        }

        .seccionProgramas .programa .imagenForo {
            opacity: 0.3;
            background-color: #3B6F95 !important;
        }

        .seccionProgramas .programa .textoPrograma {
            position: absolute;
            z-index: 1;
            color: white;
            top: 50%;
            text-align: justify;
            bottom: 0;
        }

            .seccionProgramas .programa .textoPrograma b {
                font-size: 2em;
            }