@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100;200;300;400;500;600;700;800;900&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');
@charset "UTF-8";
/* CSS Document */

/*///////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////      reset     //////////////////////////////////////////////*/




html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, figcaption, figure, footer, header, hgroup, menu, nav,
section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    list-style: none;
}

body {
    line-height: 1;
}

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

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #fff716;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
    outline: none;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
}

input[type=search] {
    -moz-appearance: none;
    -webkit-appearance: none;
}

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

button {
    -webkit-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -webkit-box-align: start;
    -webkit-border-fit: border;
    display: inline-block;
    position: relative;
    border: 0;
    padding: 0;
    outline: none;
}

a {
    text-decoration: none;
    outline: none;
}

::selection {
	color: #fff;
    background: #55c6c7;
}

::selection {
	color: #fff;
    background: #55c6c7;
}

::-moz-selection {
	color: #fff;
    background: #55c6c7;
}

::-webkit-selection {
	color: #fff;
    background: #55c6c7;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////      estructura     //////////////////////////////////////////////*/




html.show-nav, .show-nav body {
    overflow-y: hidden;
}

.moduloemergente {
    display: none;
}

.show-nav .moduloemergente {
    display: block;
    overflow: auto;
    height: 100%;
    width: 100%;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    z-index: 900;
    position: fixed;
}

.close-btn:before, .close-btn::after {
    border: 2px solid #fff;
    border-width: 1px 0 0;
    content: '';
    display: block;
    height: 6px;
    left: 5px;
    position: absolute;
    top: 18px;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    width: 30px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.close-btn:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.close-btn::after {
    border-width: 1px 0;
    top: 10px;
    height: 11px;
    left: 6px;
    border-top: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.close-btn {
    border: none;
    foverflow: hidden;
    padding: 27px 0 0;
    right: 30px;
    text-align: center;
    top: 20px;
    width: 26px;
    z-index: 10001;
    background: none;
    position: fixed;
    outline: none;
    cursor: pointer;
}

.moduloemergente a.logo img {
    width: 90px;
    padding: 0 20px 0;
}

.moduloemergente .bloque {
    background: #fff;
    max-width: 500px;
    margin-top: 100px;
    min-height: 150px;
    padding: 20px 0;
}

.moduloemergente .blocchi {
    max-width: 100%;
}

.moduloemergente p {
    padding: 0 20px;
}

.moduloemergente span {
    position: absolute;
    z-index: 4;
    background: #e1c761;
    width: calc( 100% - 16px);
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
    -webkit-animation: bounceInLeft 1s ease forwards;
    -moz-animation: bounceInLeft 1s ease forwards;
    animation: bounceInLeft 1s ease forwards;
}

.show-nav .moduloemergente span {
    opacity: 1;
}

.show-nav .moduloemergente span.cuad-1 {
    -webkit-animation-delay: 0.0s;
    -moz-animation-delay: 0.0s;
    animation-delay: 0.0s;
    height: 40%;
    top: 0%;
}

.show-nav .moduloemergente span.cuad-2 {
    -webkit-animation-delay: 0.35s;
    -moz-animation-delay: 0.35s;
    animation-delay: 0.35s;
    height: 7%;
    top: 52%;
    width: calc( 80% - 16px);
}

.show-nav .moduloemergente span.cuad-3 {
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
    animation-delay: 0.45s;
    height: 4%;
    top: 68%;
}

.show-nav .moduloemergente span.cuad-4 {
    -webkit-animation-delay: 0.55s;
    -moz-animation-delay: 0.55s;
    animation-delay: 0.55s;
    height: 4%;
    top: 75%;
}

.show-nav .moduloemergente span.cuad-5 {
    -webkit-animation-delay: 0.65s;
    -moz-animation-delay: 0.65s;
    animation-delay: 0.65s;
    height: 4%;
    top: 82%;
    width: calc( 70% - 16px);
}

.show-nav .moduloemergente .nativead {
    background: #f4d868;
    z-index: 3;
    position: absolute;
    width: 18%;
    height: 21%;
    left: 50.6%;
    top: 47%;
    padding: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

html, body {
    height: 100%;
    margin: 0;
    position: relative;
    font-family: 'Catamaran', Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    background: #fff;
    font-weight: 400;
    font-size: 0;
}

.bloque {
    max-width: 980px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.full {
    max-width: 1600px;
    display: block;
    margin: 0 auto;
}

body * [class^="content_anim"] {
    opacity: 0;
}

span#txtVersionMovil, #spanvm {
    display: none;
}

.bloque.videoC .logocliente {
    top: 0;
    margin: 30px 0 10px;
}



/* Cabecera */
header.cabecera {
    margin: 0px auto 0px
}

header.cabecera a.logo {
    display: block;
    margin: 25px 0 0 0px;
    text-align: center;
}

header.cabecera a.logo img {
    max-width: 220px;
    display: inline-block;
    width: 100%;
}

.info {
    font: 400 12px / 14px 'Arial';
    color: #000;
    margin: 12px 0 85px;
    display: inline-block;
    vertical-align: top;
}

.info address {
    font: 600 12px / 14px normal 'Catamaran';
    display: inline-block;
    padding: 0 10px 0 35px;
    position: relative;
}

.info time {
    font: 300 12px / 14px normal 'Catamaran';
	color: #030303;
    display: block;
    margin: 3px 0 0 35px;
    font-size: 12px;
    text-transform: uppercase;
}

.info address:before {
    width: 35px;
    height: 16px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/bigote.svg) no-repeat;
}

.grid [class * ='col-'] p {
    margin-bottom: 32px;
}

.grid p[class * ='col-'] {
    margin-bottom: 32px;
}

.imgarticle {
    margin: 30px 0 40px;
}

.imgarticle img {
    max-width: 100%;
}

.imgarticle video {
    max-width: 100%;
    width: 100%;
}

.imgarticle figcaption {
    display: inline-block;
    margin-top: 35px;
}
/*
.noticia {
    padding-top: 30px;
}*/

.noticia a {display:initial;}

.mobile-video-image {
    display: none;
}

/********* Cabecera movil *************/

#modulo_cabecera > * {
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    color: #fff;
}

#modulo_cabecera {
    background: #fff;
    color: #fff;
    left: 0;
    position: relative;
    top: 0;
    z-index: 9999;
    width: calc(100% - 40px);
    padding: 0 20px 9px 20px;
    -moz-transition: top 0.25s linear;
    -o-transition: top 0.25s linear;
    -webkit-transition: top 0.25s linear;
    transition: top 0.25s linear;
    -moz-transition: left 0.25s linear;
    -o-transition: left 0.25s linear;
    -webkit-transition: left 0.25s linear;
    transition: left 0.25s linear;
    display: none;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 10px 10px 0px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 10px 10px 0px;
}

#modulo_cabecera .hamburger {
    font-size: 21px;
    font-weight: 100;
    width: 24px;
    font-family: 'FontAwesome';
    margin-top: 8px;
    background-position: 0px;
    cursor: pointer;
    font-weight: 100;
}

#modulo_cabecera .hamburger:before {
    content: "\f0c9";
    color: #030303;
}

#modulo_cabecera .home_link {
    font-size: 30px;
    height: 35px;
    position: relative;
    text-align: center;
    top: 4px;
    width: calc(100% - 45px);
}

#modulo_cabecera .home_link .logo_holder {
    display: block;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    /*width: 145px;*/
	width: 75px;
    margin-top: 5px
}

#modulo_cabecera .home_link .logo_holder img {
    width: 100%;
    max-width: 85%;
    height: auto
}

nav#main_navigation {
    display: none;
}

#main_navigation ul.navigation_list.section_menu, #secondary_navigation ul.navigation_list.section_menu {
    background: #fff;
}

#secondary_navigation ul.navigation_list li a {
    display: block;
    height: 37px;
    padding: 22px 0 0px 0
}

#main_navigation .opener {
    display: block;
    width: 128px;
    height: 60px;
    position: absolute;
    margin: 0 0 0 102px;
    z-index: 1
}

#main_navigation ul li.has_subnav ul.subnav, #secondary_navigation ul li.has_subnav ul.subnav {
    display: none
}

#main_navigation a, #secondary_navigation a {
    color: #5C5B5B
}

#main_navigation ul.navigation_list li, #secondary_navigation ul.navigation_list li {
    font-size: 15px;
    display: block;
    margin: 0 30px 0 33px;
    border-bottom: 1px solid #E7E7E7;
}

#main_navigation ul.navigation_list li a, #secondary_navigation ul.navigation_list li a {
    display: block;
    height: 37px;
    padding: 22px 0 0px 0;
	text-transform: uppercase;
}

.has-sidebar .content {
    -webkit-transform: translate3d(83%, 0, 0);
    -moz-transform: translate3d(83%, 0, 0);
    -o-transform: translate3d(83%, 0, 0);
    -ms-transform: translate3d(83%, 0, 0);
    transform: translate3d(83%, 0, 0);
    position: fixed;
}

.ie .content {
    margin-left: 0;
    -webkit-transition: margin .2s;
    -moz-transition: margin .2s;
    -o-transition: margin .2s;
    transition: margin .2s
}

.ie .has-sidebar .content {
    margin-left: 83%
}

body.has-sidebar {
    overflow: visible;
    background: #fff;
}


.content {
    background: #fff;
    bottom: 0;
    left: 0;
    position: inherit;
    top: 0;
    width: 100%;
}

.has-sidebar nav#main_navigation {
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform .2s;
    -moz-transition: -moz-transform .2s;
    -o-transition: -o-transform .2s;
    transition: -webkit-transform .2s, -moz-transform .2s, -o-transform .2s, transform .2s;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: auto;
}

/* NAV PRINCIPAL */
nav.nav-principal {
    min-height: 30px;
    padding: 3px 0 15px;
    text-transform: uppercase;
    box-sizing: border-box;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 10px 10px 0px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 10px 10px 0px;
    background: #fff;
    width: 100%;
}

nav.nav-principal ul {
    padding: 0 0 10px 0;
    width: 100%;
    min-height: 30px;
    margin-bottom: 3px;
    display: block;
    font-size: 14px;
    text-align: center;
    font-family: 'Catamaran', sans-serif;
    font-weight: 500;
}

nav.nav-principal ul li {
	font-family: 'Catamaran', sans-serif;
    height: 30px;
    display: inline-block;
}

nav.nav-principal ul li a {
    height: 30px;
    padding: 0 6px;
    display: block;
    line-height: 31px;
    color: #030303;
    font-weight: 500;
	transition-property: color;
    transition-duration: .15s;
    transition-timing-function: ease;
    cursor: pointer;
}

nav.nav-principal ul li a:hover {
    color:#aeaeae;
}

header.cabecera nav.nav-principal .logo {
    display: none;
    margin: 8px 0 0 8px;
    float: left
}

body .c-header__claim {
    font-size: 14px;
    font-weight: 100;
    padding: 5px 0 15px;
	text-align: center;
	font-family: Catamaran,sans-serif;
}

.c-header__claim span {
    padding: 0 10px;
}

/* NAV PRINCIPAL MENU FIX */

.menufix header.cabecera nav.nav-principal .logo {
    display: block;
    margin: 8px 0 0 8px;
    float: left
}

.menufix header.cabecera nav.nav-principal a.logo img {
    max-width: 75px;
    display: inline-block;
    width: 100%;
}

.menufix header.cabecera > .bloque {
    margin: 25px auto 0px;
    display: none;
}

.menufix header.cabecera nav.nav-principal {
    position: fixed;
    z-index: 10;
    height: 50px;
}

.menufix header.cabecera nav.nav-principal ul {
    margin-left: -75px;
    padding: 5px 0 10px 0;
}

.menufix header.cabecera .noticia {
    padding-top: 195px;
}

/* ESTILOS DE TEXTOS  */

h1 {
    color: #030303;
    font: 300 48px / 50px 'Noto Serif TC';
    margin-top: 15px
}

h1 strong {
    font: 300 48px / 55px 'Noto Serif TC';
}

h1 strong b {
    color: #55c6c7;
    font: 300 48px / 55px 'Noto Serif TC';
}

h1 p {
    font: 400 22px / 28px 'Noto Serif TC';
    color: #030303;
    margin-top: 10px;
}

h2 {
    color: #030303;
    font: 700 22px / 28px 'Noto Serif TC';
    margin-bottom: 20px;
}

h2 strong {
    font: 700 40px / 46px 'Noto Serif TC';
    margin-bottom: 4px;
}

h2 p {
    font: 400 22px / 28px 'Noto Serif TC';
}

h3 {
    color: #030303;
    font: 700 20px / 26px 'Noto Serif TC';
    margin-bottom: 20px;
}

body p {
    color: #030303;
    font: 400 18px / 30px 'Noto Serif TC';
}

blockquote {
    width: 200px;
}

blockquote p {
    font: 700 20px / 28px 'Noto Serif TC';
    color: #000;
}

blockquote.derecha {
    float: right;
    margin: 15px 0 15px 30px;
}

p a {
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

body address {    font: 600 12px/14px 'Catamaran';}

address {
    letter-spacing: -1px;
    font: 600 12px / 14px normal 'Catamaran';
    display: inline-block;
    padding: 0 10px 0 0px;
    position: relative;
    color: #90a4ae ;
    margin: 0;
}

address a {
    text-decoration: underline;
    cursor: pointer;
    color: #90a4ae ;
}

/* ESTILOS DE LISTAS  */

/* ------ lista horizontal ---------  */

.listahorizontal li {
    display: inline-block;
    vertical-align: top;
    float: none;
}

.listahorizontal.numerada li span {
    font: 100 60px / 50px 'Noto Serif TC';
    color: #75aaaa;
    margin-bottom: 8px;
    display: inline-block;
}

.listahorizontal.numerada li span img {
    width: 100%;
}

.listahorizontal li span img {
    max-width: 140px;
    width: 100%;
}

.listahorizontal li:last-child span img {
    padding: 0 20px 0 0;
}

/*--------      lista vertical    -------------*/

.listavertical {
    border: 1px dotted #c9cdd0;
    padding: 20px 0;
    margin: 0 0 40px
}

.listavertical li p, .listavertical li h2 {
    padding: 0 20px;
}

/*  IMG  lista vertical */
.listavertical img {
    margin-bottom: 35px;
    max-width: 100%;
}

/*//////      compartir        ///////////////*/
.compartir {
    margin: 0px auto;
    padding: 0;
    max-width: 980px;
    display: inline-block;
    vertical-align: middle;
    float: right;
    clear: both;
}

.compartir p {
    font: 400 12px / 14px 'Noto Serif TC';
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
}

.compartir ul {
    display: inline-block;
    vertical-align: middle;
}

.compartir li {
    position: relative;
    display: inline-block;
    height: 35px;
    width: 35px;
    overflow: hidden;
    vertical-align: top;
}

.compartir li a {
    display: block;
    width: 29px;
    height: 29px;
    zoom: 1;
    text-align: center;
    overflow: hidden;
}

.compartir li.facebook {
    margin: 0px 8px 0;
    background: #295e97;
}

.compartir li.twitter {
    margin: 0px;
    background: #00ace4;
}

.compartir li.whatsapp {
    margin: 0px 8px 0;
    background: #5ee828;
    display: none;
}

.grid [class * ='col-'] .compartir p {
    margin: 0 8px 0 0;
}

/**** fontface iconos ****/
.compartir i {
    font: normal normal normal 14px / 2 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1px;
    font-size: 15px;
    color: #fff;
    text-align: center;
}

.compartir i:before {
    position: absolute;
    top: 16px;
    left: 10px;
}

.compartir i.facebook:before {
    content: "\f09a";
    left: 12px
}

.compartir i.twitter:before {
    content: "\f099";
}

.linkedin:before {
    content: "\f0e1";
}

.whatsapp:before {
    content: "\f232";
}

.email:before {
    content: "\f003";
}

/* FULL IMG  */

.encabecadofullimg.noticia {
    position: relative;
    padding-top: 0px;
}

.encabecadofullimg .fullimg.principal, .fullimg {
    position: relative;
}

.encabecadofullimg .fullimg.principal {
    margin: 0;
}

.encabecadofullimg .fullimg {
    margin: 40px 0;
}

.encabecadofullimg .fullimg.principal figure {
    max-height: 600px;
    overflow: hidden;
    display: inline-block;
}

.encabecadofullimg .fullimg.principal figure:after {
    width: 100%;
    height: 5px;
    background: #fff;
    content: '';
    left: 0;
    bottom: 0;
    position: absolute;
}

.encabecadofullimg .fullimg img {
    max-width: 100%;
    height: auto;
    opacity: 0.6;
}

.encabecadofullimg .fullimg video {
    max-width: 100%;
    height: auto;
    opacity: 0.6;
}

.encabecadofullimg .fullimg figure {
    max-height: 400px;
    overflow: hidden;
    background: #000000;
}

.tituloemergente {
    position: absolute;
    z-index: 5;
    bottom: 50px;
    width: 100%;
}

.tituloemergente h1, .tituloemergente h2, .tituloemergente p {
    color: #ffffff;
    text-transform: none;
}

.tituloemergente h1 strong {
    font: 300 40px / 43px 'Noto Serif TC';
}


.tituloemergente h1 {
    margin-top: 8px;
}

body .encabecadofullimg .logocliente {
    position: absolute;
    z-index: 3;
    right: 10px;
    top: 15px;
    display: inline-block;
    max-width: 250px;
}

.encabecadofullimg .logocliente p {
    color: #fff;
    font-size: 10px;
    display: inline-block;
    vertical-align: top;
}

.encabecadofullimg .fullimg  .logocliente img {
    display: inline-block;
    opacity: 1;
    max-width: 100px;
    vertical-align: top;
    margin-left: 8px;
    width: 100%;
}

    .encabecadofullimg .fullimg .logocliente img {
        max-width: 100px;
    }

/* VIDOE   */

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid [class * ='col-'] .videoWrapper {
    margin-bottom: 35px;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background-color: #000;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoWrapper > div {
    position: absloute;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 1300px;
    left: 0;
}

.videoWrapper div.vjs-poster {
    background-color: #fff;
    position: relative;
}
/*
.videoC {
    margin: -60px 0 0 0;
}*/

/*  IMG  PRINCIPAL */

.imgprincipal {
    max-height: 550px;
    margin: 40px 0 0;
    overflow: hidden;
}

.imgprincipal img {
    max-width: 100%;
}

/* ETIQUETAS FORMATOS  */

.p-content {
    background: #f3d767;
    display: inline-block;
    font: 500 14px / 15px 'Catamaran';
    color: #030303;
    padding: 5px 8px;
    height: 25px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.quees span + span {
    background: #34495e;
    font: 500 12px / 14px 'Catamaran';
    color: #fff;
    padding: 5px 8px;
    text-decoration: underline;
    height: 25px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

/* apendice */
blockquote.imgblockquote {
    width: 150px;
}

.imgblockquote img {
    max-height: 250px;
    max-width: 100%;
}

/* Navegacion */
nav.navegacion {
    height: 61px;
    padding: 3px 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    border-top: 1px solid #B5B5B5;
    border-bottom: 1px solid #B5B5B5
}

body#portada nav.navegacion, body#home nav.navegacion, body.estatica nav.navegacion {
    height: 30px
}

body.canal nav.navegacion {
    padding: 0 0 3px;
    border-top: none
}

nav.navegacion h1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

nav.navegacion h1 em {
    display: none
}

nav.navegacion ul.primer-nivel {
    width: 100%;
    height: 30px;
    margin-bottom: 3px;
    display: block;
    font-size: 11px;
    word-spacing: -2px;
    letter-spacing: -0.058em;
    text-align: center;
    background-color: #f4f5f7;
    font-family: 'Catamaran', sans-serif
}

body#portada nav.navegacion ul.primer-nivel, body#home nav.navegacion ul.primer-nivel {
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    position: absolute;
    bottom: 3px;
    left: 0;
    text-align: center
}

nav.navegacion ul.primer-nivel li {
    height: 30px;
    display: inline-block
}

nav.navegacion ul.primer-nivel a, nav.navegacion ul.primer-nivel span.desplegador {
    height: 30px;
    padding: 0 3px;
    display: block;
    line-height: 31px;
    font-weight: bold;
    color: #34495e
}

nav.navegacion ul.primer-nivel a:hover, nav.navegacion ul.primer-nivel span.desplegador:hover {
    background-color: #ECEFF1;
    cursor: pointer;
    color: #2c3e50
}

nav.navegacion ul.primer-nivel a#deportes:hover {
    color: #BE161F
}

/* PIE */


.pie-ad {
    border: solid #c9cdd0;
    border-width: 1px 0px;
    padding-top: 20px;
    margin: 35px 0;
    clear: both;
}

.grid .pie-ad p {
    margin-bottom: 20px;
    font-size: 12px;
    text-align: center;
    padding: 0 25px;
    color: rgb(125, 132, 136);
}

footer.pie {
    width: 100%;
    margin-top: 20px;
    padding: 20px 18px 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Catamaran', sans-serif;
}

footer.pie .marca-pie {
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    border-bottom: 1px dotted #90a4ae
}

footer.pie .marca-pie a.logo-pie {
    margin-right: 10px;
    display: block;
    height: 60px;
}

footer.pie .marca-pie a.logo-pie img {
    height: 60px;
}

footer.pie .marca-pie span.copy {
    display: block;
    font-family: solido;
    font-size: 14px;
    color: rgb(125, 132, 136);
}


/* FOOTER WOMANNOW */



body .c-footer__txt {
	font-size: 15px;
}

body .c-footer__newsletter { 
	font-size: 22px;
	float: none;
    min-height: inherit;
    padding-right: inherit;
}

.u-grid-start-3 {
	padding: 0;
}

.policy-add {
	line-height: 1.43;
	text-align: left;
	font-family: Catamaran,sans-serif;
    font-weight: 100;
    font-style: normal;
}

.c-footer__bottom li a {
	font-family: Catamaran,sans-serif;
    font-size: 16px;
    line-height: 27px;
    font-weight: 100;
    font-style: normal;
}

.u-flex-justify-end {
	font-family: Catamaran,sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 14px;
    line-height: 1.43;
}



/* ---------- */

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background-color: #000;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.infografia {
    text-align: center;
    margin: 25px 0 0;
}

.infografia p {
    text-align: center;
}

.infografia p.num {
    font: 100 50px / 52px 'Noto Serif TC';
    color: #75aaaa;
    margin-bottom: 8px;
    display: inline-block;
    margin: -110px auto 0px;
    display: block;
}

.infografia p.num + p {
    font: 100 13px / 20px 'Noto Serif TC';
    margin: 0px auto 50px;
    display: block;
}

.infographic-circle {
    height: 150px;
    width: 150px;
    display: block;
    stroke: #fff;
    -webkit-transition: 2.5s cubic-bezier(0.165, 0.775, 0.145, 1.020);
    -moz-transition: 2.5s cubic-bezier(0.165, 0.775, 0.145, 1.020);
    -o-transition: 2.5s cubic-bezier(0.165, 0.775, 0.145, 1.020);
    transition: 2.5s cubic-bezier(0.165, 0.775, 0.145, 1.020);
}

/*.infographic-circle .circle, .infographic-circle .progress  {opacity:1;}*/
.progress {
    -webkit-transition: 2.5s;
    -moz-transition: 2.5s;
    -o-transition: 2.5s;
    transition: 2.5s;
}

.infographic-circle .progress {
    stroke-dasharray: 1, 515;
}

.infographic-circle.active .progress {
    stroke-dasharray: 310, 615;
    -webkit-transition: 4s cubic-bezier(0.165, 0.775, 0.145, 1.020);
    -moz-transition: 4s cubic-bezier(0.165, 0.775, 0.145, 1.020);
    -o-transition: 4s cubic-bezier(0.165, 0.775, 0.145, 1.020);
    transition: 4s cubic-bezier(0.165, 0.775, 0.145, 1.020);
}

strong[class * =subrall] {
    background-image: linear-gradient(to right, rgba(85, 198, 199, 0) 50%, rgb(227, 0, 84) 50%);
    background-position: 0% 0;
    background-size: 200% auto;
    font-weight: 400;
    text-decoration: none;
    transition: background-position color 0.5s ease-out;
}

strong[class * =subrall].active {
    background-position: -99.99% 0;
    color: #fff ;
}

/*//////////////////////////////////////////////////////////////////////
//////////////////////////////   GALERIA  swiper     /////////////////////////////////////*/


.noticia .swiper-container {
    height: auto;
    width: 100%;
    padding-bottom: 80px;
}

.noticia .swiper-wrapper {
    padding-top: 30px;
}

.noticia .swiper-slide {
    text-align: center;
    font-size: 18px; /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.noticia .swiper-button-prev {
    top: calc(50% - 20px);
    left: calc(25%);
    background: url(/contentfactory/post/wp-content/themes/cms-native/img/sinistra.svg) no-repeat #000;
    background-size: 100%;
    width: 40px;
    height: 40px;
}

.noticia .swiper-button-next {
    top: calc(50% - 20px);
    right: calc(25%);
    background: url(/contentfactory/post/wp-content/themes/cms-native/img/destra.svg) no-repeat #000;
    background-size: 100%;
    width: 40px;
    height: 40px;
}

.noticia * [class^="swiper-slide"] {
    opacity: 0.35;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}

.noticia .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.noticia * [class^="swiper-slide"] p {
    color: #34495e;
    font: 400 14px / 26px 'Noto Serif TC';
    width: 100%;
    display: inline-block;
    min-width: 100%;
    position: absolute;
    bottom: -60px;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.65s ease-in-out;
    -moz-transition: opacity 0.65s ease-in-out;
    transition: opacity 0.65s ease-in-out;
    text-align: center;
}

.noticia .swiper-slide.swiper-slide-active p {
    color: #34495e;
    font: 400 14px / 26px 'Noto Serif TC';
    opacity: 1;
    text-align: center;
}

.noticia * [class^="swiper-slide"] p span {
    margin: 0 auto;
    max-width: 500px;
    display: block;
}

.noticia .swiper-slide img {
    min-width: 100%;
    width: 100%;
}

/*//////////////////////////////////////////////////////////////////////
//////////////////////////////   ZOOM  IMG     /////////////////////////////////////*/


.evenZoom {
    display: inline-block;
}

.evenZoom .evenZoomLens {
    background-color: #fff;
    box-shadow: -5px -5px 30px rgba(255, 255, 255, .7) inset, 5px 5px 20px rgba(0, 0, 0, .3) inset, 10px 10px 25px rgba(0, 0, 0, .1);
    width: 180px;
    height: 180px;
    border-radius: 100%;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    cursor: none;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.evenZoom .evenZoomLens.hidden {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
}

/*//////////////////////////////////////////////////////////////////////
//////////////////////////////   RELACIONADOS     /////////////////////////////////////*/


.relacionados .ribbon {
    background-color: #f4d868;
    color: #5b5b5f;
    font: 11px 'Solido', sans-serif, helvetica;
    padding: 7px 12px;
    margin-top: 16px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 20px;
}

.relacionados figure img {
    max-width: 100%;
    width: 100%;
}

.relacionados article h1 {
    font: 300 30px / 30px 'Noto Serif TC';
    padding: 0;
}

.relacionados article h1 strong {
    font: 300 30px / 30px 'Noto Serif TC';
}

.grid .relacionados article h1 p {
    font-size: 16px;
    margin-bottom: 5px;
}

.ribbon.bc {
    background-color: #696866;
    color: #fff;
}

.ribbon.pc {
    background-color: #f4d868;
    color: #5b5b5f;
}

/*//////////////////////////////////////////////////////////////////////
//////////////////////////////   SCROLL  BAR     /////////////////////////////////////*/

.scrollbar {
    width: 100%;
    height: 10px;
    background: #F3F3F3;
    position: fixed;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 3;
}

.bar {
    width: 0px;
    height: 10px;
    background: rgb(85, 198, 199);
    position: fixed;
}

/*//////////////////////////////////////////////////////////////////////
//////////////////////////////   SLIDE  AFTER BEFORE     /////////////////////////////////////*/

.imageContainer {
    width: 100%;
    max-height: 500px;
    overflow: hidden;
    cursor: pointer;
    min-width: 460px;
    height: 700px;
}

.imageContainer * {
    cursor: pointer
}

.caption {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Arial;
    font-weight: bold;
    width: 780px;
    display: block;
    margin-bottom: 20px;
    margin-top: 0
}

.slider div:after {
    position: absolute;
    content: '';
    background: url(../img/cc.png) no-repeat;
    width: 80px;
    height: 80px;
    top: 50%;
    left: -28px;
}

@media handheld, only screen and (max-height: 780px) {
    .encabecadofullimg .fullimg.principal figure {
        max-height: 400px;
        overflow: hidden;
    }

    .imgprincipal {
        max-height: 500px;
    }
}

@media screen and (max-width: 991px) {
	body .c-footer__newsletter {
		font-size: 15px;
		margin: 0 0 10px 0px;
	}
	
	body .c-footer__txt {
    font-size: 13px;
	}
	
	.u-grid-start-3 {
		text-align:left;
	}
	
	.u-flex-justify-end {
		font-size: 13px;
	}
	
	.c-footer__bottom li a {
		font-size: 10px;
		line-height: 16px;
	}
}

@media screen and (max-width: 980px) {}

@media screen and (max-width: 800px) {
    .noticia .swiper-button-prev {
        left: calc(0%);
    }

    .noticia .swiper-button-next {
        right: calc(0%);
    }

    .menufix nav.nav-principal ul {
        margin-left: -50px;
    }
}

@media screen and (max-width: 620px) {
    nav.nav-principal ul {
        display: none;
    }

    /* ESTILOS DE TEXTOS  */

    h1 {
        color: #000;
        font: 300 14px / 26px 'Noto Serif TC';
        margin-top: 15px
    }

    h1 strong {
        font: 300 26px / 28px 'Noto Serif TC';
    }

    h1 strong b {
        font: 300 26px / 28px 'Noto Serif TC';
    }

    h1 p {
        font: 400 20px / 26px 'Noto Serif TC';
    }

    h2 {
        color: #000;
        font: 700 18px / 26px 'Noto Serif TC';
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    h2 strong {
        font: 400 28px / 42px 'Noto Serif TC';
        margin-bottom: 4px;
    }

    h2 p {
        font: 400 18px / 26px 'Noto Serif TC';
    }

    .encabecadofullimg .fullimg figure {
        min-height: 300px;
    }

    .encabecadofullimg .fullimg img {
        max-width: 140%;
    }

    footer.pie .mas-enlaces {
        display: none;
    }

    .infographic-circle {
        margin: 0 auto;
    }
}

@media screen and (max-width: 530px) {
    .quees + h1 p, h2 p, time, .compartir p, footer.pie .marca-pie .herramientas-pie,
    nav.nav-principal ul li {
        display: none;
    }

    .encabecadofullimg .fullimg img {
        max-width: 170%;
    }

    .encabecadofullimg .fullimg video {
        max-width: 170%;
    }

    .imgarticle {
        margin-bottom: 0;
    }

    blockquote, blockquote.imgblockquote {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .encabecadofullimg .fullimg figure {
        min-height: 250px;
    }

    .info {
        margin-bottom: 40px;
    }

    .tituloemergente h1 strong {
        font: 300 32px / 33px 'Noto Serif TC';
    }

    .infographic-circle .progress {
        stroke-dasharray: 300, 615;
        -webkit-transition: 4s cubic-bezier(0.165, 0.775, 0.145, 1.020);
        -moz-transition: 4s cubic-bezier(0.165, 0.775, 0.145, 1.020);
        -o-transition: 4s cubic-bezier(0.165, 0.775, 0.145, 1.020);
        transition: 4s cubic-bezier(0.165, 0.775, 0.145, 1.020);
    }

    .infografia {
        margin: 0px 0 0;
    }



    .imgarticle figcaption {
        margin-top: 15px;
    }
}

@media screen and (max-width: 465px) {
    .show-nav .moduloemergente .nativead {
        height: 20%;
        top: 50%;
    }

    .noticia * [class^="swiper-slide"] {
        opacity: 1;
        -webkit-transition: opacity 0.25s ease-in-out;
        -moz-transition: opacity 0.25s ease-in-out;
        transition: opacity 0.25s ease-in-out;
    }

    .encabecadofullimg .fullimg video {
        max-width: 220%;
    }
}

@media screen and (max-width: 380px) {
    .menufix .noticia {
        /*padding-top: 30px;*/
    }

    header.cabecera .redes-sociales {
        display: none;
    }

    .show-nav .moduloemergente .nativead {
        height: 20%;
        top: 50%;
    }

    .noticia .swiper-slide.swiper-slide-active p {
        display: none;
    }

    .noticia .swiper-container {
        padding-bottom: 20px;
    }

    .noticia .swiper-button-next, .noticia .swiper-button-prev {
        top: calc(50% + 20px);
    }

    .compartir li.whatsapp {
        display: inline-block;
    }

    /* Cabecera Movil */

    .content {
        z-index: 2;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    header#modulo_cabecera {
        display: block;
    }

    nav#main_navigation {
        display: block;
        z-index: 1;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        overflow: hidden;
        width: 90%;
        -webkit-transition: -webkit-transform 0.1s;
        -moz-transition: -moz-transform 0.1s;
        -o-transition: -o-transform 0.1s;
        transition: -webkit-transform 0.1s, -moz-transform 0.1s, -o-transform 0.1s, transform 0.1s;
        -webkit-transform: translate3d(-350px, 0, 0);
        -moz-transform: translate3d(-350px, 0, 0);
        -o-transform: translate3d(-350px, 0, 0);
        -ms-transform: translate3d(-350px, 0, 0);
        transform: translate3d(-350px, 0, 0);
    }

    .evenZoom .evenZoomLens {
        display: none;
    }

    .cabecera, .nav-principal {
        display: none;
    }

    /* FIN */

    .listahorizontal li {
        text-align: center;
    }
}

@media screen and (max-width: 330px) {
    .show-nav .moduloemergente .nativead {
        height: 18%;
        top: 45%;
    }
}

@media screen and (min-width: 1880px) {

    .encabecadofullimg .fullimg.principal figure {
        max-height: 600px;
        overflow: hidden;
        display: inline-block;
        width: 100%;
    }

    .encabecadofullimg .fullimg > img {
        max-width: 100%;
        height: auto;
        opacity: 0.6;
        width: 100%;
    }
}

@media screen and (min-width: 1300px) {

    .videoWrapper {
        padding-bottom: 730px;
    }

    .videoWrapper > div {
        position: absolute;
        top: 0;
        width: 100%;
        max-height: 728px;
        max-width: 1300px;
        left: calc(50% - 650px);
    }
}

@media screen and (min-width: 992px) {
	body .c-header__claim {
    	padding: 15px 0;
    	font-size: 14px;
    	font-weight: 300;
    	line-height: 1.65;
	}
	
}

@media (min-width: 768px) {
.content .o-container {
    padding: 0;
}
	
.u-grid-start-3 { 
	text-align: left;
}

}
	
.vc_column_container > .vc_column-inner {

    padding-left: 0px;
    padding-right: 0px;

}

[class * ='_col-'] {
    padding: 0;
    float: initial;
}

.vc_row {
    margin: 0 auto;
}

address img {
    max-width: 40px;
    position: absolute;
    left: -13px;
    top: -11px
}



	
.vc_column_container > .vc_column-inner {

    padding-left: 0px;
    padding-right: 0px;
  
}

[class*='_col-']{ padding:0;}
/*[class*='_col-']{ padding:0; float:initial;}*/
.vc_row{margin:0 auto;}
address img{max-width: 40px;
position: absolute;
left: -13px;
top: -11px;
border-radius: 50%;}