/**/ 
/*owl.carousel.css*/ 
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

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

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

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

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

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

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

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

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

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
/**/ 	
/*perfect-scrollbar.css*/ 
/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
/**/ 	

/*
 correccion propeller.csss
*/
.btn {
    text-transform: none;
}

/*themegnoss.css*/ 
/* @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Esteban'); */

body.homeReport #simplicityReport .bloqueTitulo,
body.homeReport #bestPracticesReport .bloqueTitulo {
    display: none;
}

.etiquetaTitulo span.mayus a {
    color: #FFF;
}

.row-calendario .divCalendario {
    display: none;
}

.item-report-widget .pie .titulo a {
    color: #000;
}

.item-analisis-widget .wrap h2 span.azul::before {
    background-position: -12px -191px;
}

.item-analisis-widget .wrap h2 span.naranja::before {
    background-position: -11px -162px;
}

.fichaCurso #recursos .listado-recursos .item-recurso-widget .contenido .miniatura {
    height: 80px;
}

.formSemEdicion_Course .cont_curriculum textarea {
    height: 180px;
    width: 100%;
}

.page-inicioconocimiento .row-documentos-destacados .titleBorder {
    display: none;
}

.item-conocimiento span.titulo a,
.item-material-widget span.titulo a {
    color: inherit;
}

a.activo .fa-calendar-plus-o:before {
    content: "\f272";
}

.metabuscadoron .modalMetabuscador {
    display: block;
    overflow: hidden;
}

.modalMetabuscador {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 200000;
    padding: 20px 50px;
    box-sizing: border-box;
}

.modalMetabuscador .container .row.row03 .colEstandar.paginaCMS .item .itemImage.sinImagen::before {
    content: 'auto_awesome_mosaic';
    font-family: 'Material Icons';
    font-size: 36px;
    color: #666;
    position: absolute;
}

.listadoMeta .vistas {
    display: none;
}

.modalMetabuscador .row03 {
    flex-wrap: nowrap;
}

.facetedSearchBox .ac_results,
.col-sm-10 .ac_results {
    background-color: white;
    z-index: 1000;
    top: 45px!important;
    left: 0px!important;
}

.facetedSearchBox {
    position: relative;
}

input:focus {
    outline: 3px solid transparent;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}

input[type="button"].add-profile-combo {
    background: #FFF;
    color: var(--color-rosa);
    padding: 5px 15px;
    font-weight: 400;
    font-size: 13px;
    margin-top: 0;
    border: 1px solid var(--color-rosa);
    cursor: pointer;
    margin-bottom: 15px;
}

.add-profile-table a.remove {
    background: none;
    font-size: 0;
    width: auto;
    height: auto;
    color: var(--color-rosa);
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.add-profile-table a.remove::after {
    content: '\E5CD';
    font-family: 'Material Icons';
    font-size: 24px;
    color: var(--color-rosa);
    line-height: normal;
}
/* 24-09 update: deletion*/
/* @media (min-width: 1200px) {
    .page-interioractividad .container[role="main"],
    body.conHeaderMiembro .container[role="main"] {
        margin-top: 180px !important;
    }
} */

#recursos-destacados .item .img-fluid {
    aspect-ratio: 16 / 9;
    margin-left: 0;
}


#recursos-destacados .expert-img-wrapper {
    width: 60px !important;
    right: 20px;
    top: -17px;
    z-index: 9999;
}

#recursos-destacados .rounded-circle {
    object-fit: cover;
    aspect-ratio: 1;
}

#recursos-destacados .rounded-circle.absolute {
    width: 100%;
}

#recursos-destacados .date-info {
    color: #8e8e8e;
    font-size: 13px;
}

#recursos-destacados .item .flag {
    width: 46px;
    position: absolute;
    top: 11px;
    left: 41px;
    border-radius: 2px;
    object-fit: contain;
    aspect-ratio: 4 / 3;
}

#recursos-destacados .item .item-n {
    position: relative !important;
}
#recursos-destacados .item-body {
    padding-top: 22px;
    min-height: 237px;
}

#recursos-destacados .item-body-header {
    margin-bottom: 1rem;
    height: 30px;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 14px;
    font-size: 14px;
}

#recursos-destacados .item-body-header img {
    width: fit-content;
    height: 25px;
    filter: brightness(0) saturate(100%) invert(55%) sepia(2%) saturate(110%) hue-rotate(4deg) brightness(102%) contrast(84%);
}

#recursos-destacados .resource-type {
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    bottom: 20px;
}

#recursos-destacados .sostenibilidad {
    color: #276c4d;
}

#recursos-destacados .asuntos-publicos {
    color: #6fb62c;
}

#recursos-destacados .item-body h3 {
    margin-top: 0;
    font-size: 1.1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    overflow: hidden;
}/**/ 
/*theme.css*/ 
/* VARIABLES */

:root {

    --c-white: #fff;
    --c-black: #000;
    --c-grey-ultra-dark: #333;
    --c-grey-dark: #777;
    --c-grey-medium: #aaa;
    --c-grey-light: #ddd;
    --c-grey-ultra-light: #f2f2f2;

    --c-primary: #e82962;
    --c-primary-dark: #c32353;
    --c-secondary: #0d95d3;
    --c-secondary-dark: #0c86be;
    --c-tertiary: #f27b28;

    --c-success: #2eb100;
    --c-warning: #ff9100;
    --c-error: #ff0000;
    --c-info: #1d93d0;


    --color-azul: #0092E6;
    --color-azul-rgb: 0, 146, 230;
    --color-rosa: #E60042;
    --color-blanco: #FFF;
    --color-azul-resource: #0092E6;
    --color-rosa-resource: #EA2863;
    --color-verde-resource: #369CA2;
    --color-naranja-resource: #EEAA00;
    /* BUENOS */
    --color-azul-principal: #0092E6;
    --color-azul-secundario: #b4c4cd;
    --color-rosa-principal: #5a4a53;
    --color-rosa-secundario: #80737b;
    --color-gris-principal: #a6a6a6;
    --color-gris-secundario: #c6c6c6;
    /* COLORES ITEM CONTENIDOS */
    --color-item-verde-oscuro: #2C6B4C;
    --color-item-rojo: #ED135D;
    --color-item-gris: #AAAAAA;
    --color-item-naranja: #F47115;
    --color-item-azul: #2D9BDD;
    --color-item-verde-claro: #59C033;
    --color-item-morado: #652870;
    --color-item-amarillo: #DFA333;
    --color-item-azulverdoso: #3C9CA5;
    --f-primary: 'Montserrat', sans-serif;
    --f-secondary: 'Esteban', serif;
}


/* FUENTES */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Esteban', serif;
    color: var(--color-azul);
}

p,
span,
input,
li,
a,
button,
textarea,
label {
    font-family: 'Montserrat', sans-serif;
    color: #4D4D4D;
    color: #000;
}

p,
span,
input,
li,
a,
button,
textarea {
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: 700;
}


/* GLOBAL */

body {
    overflow-x: hidden;
    position: relative;
    background-color: var(--c-white);
}

body .container[role="main"] {
    min-height: 200px;
    margin-top: 140px;
}

@media (max-width: 1199px) {
    body .container[role="main"] {
        margin-top: 200px;
    }
}

body.conHeaderMiembro .container[role="main"],
body.conHeaderMiembro .sliderPrincipal {
    margin-top: 140px;
}

body.page-perfil .container[role="main"] {
    margin-top: 150px;
}

body.with-slider .container[role="main"] {
    margin-top: 30px;
}

body.with-slider .container[role="banner"] {
    margin-top: 180px;
}

a:hover,
a:focus,
a,
a:link,
a:visited {
    color: var(--color-azul-principal);
}



img {
    max-width: 100%;
}

#formularioHidden,
#formularioRDF,
.UrlImagenOculto,
.oculto {
    display: none !important;
}

.highlight {
    background-color: #ddd;
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
}

.mascaritaGenerica {
    z-index: -1;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}

.mascaritaGenericaLoading {
    z-index: -1;
    background: #fff;
    position: fixed;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}

.form-group {}

.form-group label {
    font-size: 13px;
    color: #555;
}

.form-group select,
.form-group .form-control {
    border-radius: 0;
    font-size: 13px;
    color: #939597;
    border-color: #eeeeef;
    border: 2px solid #eeeeef;
    outline: none !important;
    max-width: 100%;
    min-height: 35px;
}

.custom-control-input:checked~.custom-control-indicator {
    background-color: #88b3ba;
}

.cke {
    border-radius: 0 !important;
    border: 0;
    background: #eee;
}

.cke .cke_inner {
    background: none;
    padding: 0;
}

.cke .cke_top {
    border-bottom: 1px solid #F0F0F0;
}

.cke .cke_toolgroup {
    background: none;
    margin: 0;
}

.mayus {
    text-transform: uppercase;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
}

.material-icons {
    font-family: 'Material Icons' !important;
}


/* COLORES */

.colorRosa {
    color: var(--color-rosa-principal) !important;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
}

.colorAzul {
    color: var(--color-azul-principal) !important;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
}

.colorRosaCE {
    color: var(--color-rosa-resource) !important;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
}

.colorAzulCE {
    color: var(--color-azul-resource) !important;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
}

/* COLORES NUEVA IDENTIDAD 2021  */
.background-white {
    background-color: var(--c-white);
}

.background-secondary {
    background-color: var(--c-secondary);
}

.background-light-grey {
    background-color: var(--c-grey-light);
}

.background-ultra-light-grey {
    background-color: var(--c-grey-ultra-light);
}

.background-info {
    background-color: var(--c-info);
}

.background-inteligencia {
    background-color: var(--color-item-verde-claro);
}

.background-contenido {
    background-color: var(--c-primary-dark);
}

.background-contacto {
    background-color: #f5f5f5;
}

.color-black {
    color: var(--c-black);
}

.color-white {
    color: var(--c-white) !important;
}

.text-color-inteligencia {
    color: var(--color-item-verde-claro) !important;
}

.dark-shadow-background {
    position: relative;
}

.dark-shadow-background:after {
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    background-color: var(--c-black);
    opacity: 0.15;
}


/* TITULOS */

.titleBorder {
    margin-top: 25px;
    margin-bottom: 40px;
    display: block;
    width: 100%;
    color: #333;
    font-weight: 400;
}

.titleBorder::after {
    display: block;
    content: "";
    width: 50%;
    height: 2px;
    background: #C8C8C8;
    margin-top: 25px;
}

.tituloCentradoIzquierda {
    text-align: left !important;
}

.bloqueTitulo {
    height: 40px;
    margin-bottom: 30px;
}

.bloqueTitulo span {
    display: inline-block;
    width: auto;
    height: 40px;
    color: #666;
    /* padding: 0 15px; */
    border: 1px solid var(--color-azul);
    text-transform: uppercase;
    font-size: 20px;
    background: #FFF;
    line-height: 40px;
}

.bloqueTitulo span span {
    color: var(--color-azul);
    display: inline;
    line-height: inherit;
    padding: 0;
    border: 0;
    background: none;
}

.bloqueTitulo span a {
    color: inherit;
}

.bloqueTitulo .linea {
    height: 1px;
    background: var(--color-azul);
    margin-top: -20px;
}

.bloqueTitulo.big {
    height: 60px;
}

.bloqueTitulo.big span {
    height: 60px;
    line-height: 60px;
}

.bloqueTitulo.big .linea {
    margin-top: -30px;
}

.bloqueTitulo.small span {
    font-size: 13px;
}

.bloqueTitulo.rosa span {
    color: var(--color-rosa);
    border-color: var(--color-rosa);
}

.bloqueTitulo.rosa .linea {
    background: var(--color-rosa);
}

.bloqueTitulo.gris span {
    border-color: #AFB5BB;
}

.bloqueTitulo.gris .linea {
    background: #AFB5BB;
}

.bloqueTitulo.fondoRosa span {
    background: var(--color-rosa);
    color: #FFF;
}

.bloqueTitulo.sin-borde span {
    border: 0;
}

@media (max-width: 767px) {
    .bloqueTitulo {
        margin-bottom: 20px;
    }

    .bloqueTitulo.big {
        height: 40px;
    }

    .bloqueTitulo.big span {
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .bloqueTitulo.big .linea {
        /* height: 1px;
        background: var(--color-azul);
        margin-top: -20px; */
        margin-top: -60px;
    }

    .bloqueTitulo.big.rosa .linea {
        background: var(--color-rosa);
    }
}

@media (max-width: 577px) {

    .bloqueTitulo,
    .bloqueTitulo span {
        height: auto;
        line-height: normal;
        min-height: 40px;
    }

    .bloqueTitulo .linea {}

    .bloqueTitulo.big span {
        font-size: 11px;
    }
}


/* ESTRELLAS PREMIUM */

.ex {
    display: none;
    /* display: block; */
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    margin-right: 0;
}

/* .ex span {
    font-size: 13px;
    color: var(--color-blanco);
    position: relative;
    z-index: 2;
    margin-top: 2px;
    margin-right: 2px;
} */

/* .ex::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 30px solid var(--color-rosa-resource);
    border-left: 30px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
} */

.ex.square-ex {
    margin-right: 10px;
    background-color: var(--color-rosa-resource);
    position: static;
    width: 25px;
    height: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.ex.square-ex span {
    margin: 0;
    font-size: 17px;
}

.ex.square-ex::after {
    border: none !important;
}


/*  */


/* CENTRAR FLEX */

.centrarFlex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.centrarFlex>div {}


/* DATATABLES */

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    /*left: 10px; */
    top: 50%;
    transform: translateY(-50%);
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    background-color: var(--color-azul);
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    background-color: var(--color-rosa);
}

@media (max-width: 1199px) {

    .custom-banner .top-row .container,
    .custom-banner .bottom-row .container {
        display: block;
    }

    .custom-banner .col-actions {
        /* flex: 0 0 100%; */
    }

    .custom-banner .col-image {
        display: none;
    }

    body.page-perfil .container[role="main"] {
        margin-top: 0;
    }
}


@media (max-width: 991px) {

    /* body .container[role="main"],
    body.conHeaderMiembro .container[role="main"] {
        margin-top: 140px !important;
    } */

    body.page-perfil .container[role="main"] {
        margin-top: 50px !important;
    }

    body.with-slider .container[role="main"] {
        margin-top: 35px;
    }

    body .container[role="main"] .col01 {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    body .container[role="main"] .col01 {
        padding: 0;
    }

    .btn {
        padding: 5px 15px;
        font-size: 16px;
    }
}

@media (max-width: 577px) {
    .derecha-movil {
        text-align: right;
    }
}


/* TOGGLE */

.pmd-switch {
    vertical-align: middle;
}

.pmd-switch .inicialIdioma {
    color: #9C929A;
    font-size: 11px;
    line-height: normal;
    display: block;
}

.pmd-switch .inicialIdioma.active {
    color: var(--color-rosa-resource);
}

.pmd-switch,
.pmd-switch label,
.pmd-switch input,
.pmd-switch .pmd-switch-label {
    -moz-user-select: none;
    user-select: none;
}

.pmd-switch label {
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0;
}

.pmd-switch label input[type="checkbox"] {
    height: 0;
    opacity: 0;
    width: 0;
    position: absolute;
}

.pmd-switch label .pmd-switch-label,
.pmd-switch label input[type="checkbox"][disabled]+.inicialIdioma+.pmd-switch-label {
    background-color: rgba(80, 80, 80, 0.7);
    border-radius: 15px;
    content: "";
    display: block;
    height: 20px;
    transition: background 0.3s ease 0s;
    width: 10px;
    position: relative;
    margin: 5px auto;
}

.pmd-switch label .pmd-switch-label::after {
    background-color: var(--color-azul);
    border-radius: 20px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    content: "";
    display: inline-block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 10px;
    transition: top 0.3s ease 0s, background 0.3s ease 0s, box-shadow 0.1s ease 0s;
    width: 10px;
}

.pmd-switch label input[type="checkbox"]:checked+.inicialIdioma+.pmd-switch-label::after {
    top: 0px;
}

.cambioIdioma .pmd-switch label .pmd-switch-label {
    background-color: #ddd;
}

.cambioIdioma .pmd-switch label .pmd-switch-label::after {
    background-color: #858585;
}

.cambioIdioma .pmd-switch label .pmd-switch-label.en::after {
    top: 0;
}


/* DESTACADO CALENDARIO */

.destacadoCalendario {
    border: 2px solid var(--color-rosa-resource);
}

.destacadoCalendario .cabecera {
    padding: 20px;
    background: var(--color-rosa-resource);
}

.destacadoCalendario .cabecera p {
    margin: 0;
    font-size: 25px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
}

.destacadoCalendario .cabecera p span {
    color: #333;
    font-weight: inherit;
}

.destacadoCalendario .eventosDestacado {}

.destacadoCalendario .eventosDestacado .eventoDestacado {
    padding: 20px;
    border-bottom: 1px solid #939598;
    position: relative;
    padding-left: 35px;
}

.destacadoCalendario .eventosDestacado .eventoDestacado>img {
    position: absolute;
    top: 20px;
    left: 10px;
    width: 20px;
    height: 20px;
    display: block;
}

.destacadoCalendario .eventosDestacado .eventoDestacado a {
    text-decoration: none;
    display: block;
}

.destacadoCalendario .eventosDestacado .eventoDestacado .titulo {
    font-size: 14px;
    color: #000;
    margin: 0;
    margin-bottom: 15px;
}

.destacadoCalendario .eventosDestacado .eventoDestacado .rowLocalizacion {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.destacadoCalendario .eventosDestacado .eventoDestacado .rowLocalizacion span {
    padding-left: 22px;
    position: relative;
    color: #666;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    line-height: normal;
}

.destacadoCalendario .eventosDestacado .eventoDestacado .rowLocalizacion span::before {
    content: '';
    font-family: 'Material Icons';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-weight: normal;
    color: var(--color-rosa);
    font-size: 21px;
}

.destacadoCalendario .eventosDestacado .eventoDestacado .rowLocalizacion .fecha::before {
    content: '\E616';
}

.destacadoCalendario .eventosDestacado .eventoDestacado .rowLocalizacion .hora::before {
    /*content: ''; background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -421px -10px; display: block; width: 18px; height: 18px;*/
    content: '\E192';
    font-family: 'Material Icons';
    background: none;
}

.destacadoCalendario .eventosDestacado .eventoDestacado .rowLocalizacion .localizacion::before {
    content: '';
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -421px -40px;
    display: block;
    width: 18px;
    height: 18px;
}

.destacadoCalendario .eventosDestacado>.eventoDestacado:last-child {
    border: 0;
}

.destacadoCalendario .eventosDestacado .link-acceso {}

.destacadoCalendario .eventosDestacado .link-acceso a {
    display: block;
    text-align: right;
    padding: 5px 20px;
    color: #666;
    font-size: 14px;
}

.destacadoCalendario .eventosDestacado .link-acceso a span {
    vertical-align: middle;
    color: inherit;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
    .destacadoCalendario .eventosDestacado .eventoDestacado .rowLocalizacion {
        flex-wrap: wrap;
    }

    .destacadoCalendario .eventosDestacado .eventoDestacado .rowLocalizacion span {
        margin-right: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {}

@media (max-width: 577px) {}


/* CALENDARIO */

.responsive-calendar {
    border: 2px solid #939598;
    height: 100%;
}

.responsive-calendar .controls {
    text-align: right;
    padding: 10px 15px;
}

.responsive-calendar .controls a {
    float: none;
    color: var(--color-rosa);
}

.responsive-calendar .controls .current {
    padding: 0 10px;
    display: inline-block;
}

.responsive-calendar .controls .current span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

.responsive-calendar .controls .current span[data-head-year] {
    color: var(--color-rosa);
}

.responsive-calendar .day-headers {
    padding-bottom: 13px;
    border-bottom: 1px solid var(--color-rosa);
    width: calc(100% - 30px);
    margin: 0 auto;
}

.responsive-calendar .day-headers .day.header {
    font-size: 13px;
    border: 0;
    font-weight: 400;
    color: #676767;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.responsive-calendar .day a {
    font-size: 20px;
    font-weight: 700;
    padding: 12px 15px;
    transition: all .3s ease-in-out;
}

.responsive-calendar .day .badge {
    color: #666;
    font-weight: normal;
}

.responsive-calendar .day.not-current a {
    color: #ccc;
}

.responsive-calendar .day.today a {
    display: inline-block;
    border-radius: 50%;
    background: var(--color-azul);
    color: #fff;
    padding: 2px 5px;
    width: 30px;
    height: 30px;
    text-align: center;
}

.responsive-calendar .day.active a {
    background-color: transparent;
    border: 1px solid var(--color-rosa);
    color: #000;
}

.responsive-calendar .day.active a:hover {
    background-color: var(--color-rosa-secundario);
    color: #FFF;
}

.responsive-calendar.style2 {
    border: 0;
}

.responsive-calendar.style2 .days,
.responsive-calendar.style2 .days-headers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.responsive-calendar.style2 .controls {
    text-align: left;
    display: inline-flex;
    flex-wrap: nowrap;
    padding: 10px 0;
}

.responsive-calendar.style2 .controls a {
    display: block;
    height: 30px;
    width: 30px;
    background: #EAEAEA;
    text-align: center;
}

.responsive-calendar.style2 .controls a i {
    display: block;
    line-height: 30px;
    color: #676767;
    font-size: 24px;
}

.responsive-calendar.style2 .controls a.pull-left {
    order: 1;
    margin-right: 5px;
}

.responsive-calendar.style2 .controls a.pull-right {
    order: 2;
}

.responsive-calendar.style2 .controls .current {
    order: 3;
}

.responsive-calendar.style2 .controls .current span {
    font-size: 20px;
    font-weight: 500;
    color: var(--color-azul);
}

.responsive-calendar.style2 .day-headers {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    margin-bottom: 1px;
}

.responsive-calendar.style2 .day-headers .day.header {
    background: var(--color-azul);
    color: #FFF;
    margin: 0;
    padding: 1px 5px;
    border: 1px solid #FFF;
    min-height: auto;
}

.responsive-calendar.style2 .day {
    border: 1px solid #FFF;
    background: #F1F1F1;
    min-height: 70px;
    text-align: left;
    align-self: stretch;
    position: relative;
    z-index: 1;
}

.responsive-calendar.style2 .day a {
    display: inline-block;
    padding: 5px;
    line-height: normal;
    font-weight: 500;
    font-size: 13px;
}

.row-calendario .filtros-eventos ul li.corporate span {
    background: var(--color-rosa);
    color: #fff;
}

.row-calendario .filtros-eventos ul li.recomendados {}

.row-calendario .filtros-eventos ul li.recomendados span {
    background: var(--color-gris-secundario);
}

.row-calendario .filtros-eventos ul li.exclusivos {}

.row-calendario .filtros-eventos ul li.exclusivos span {
    background: var(--color-azul);
    color: #fff;
}

.responsive-calendar.style2 .day a span.evt {
    display: block;
    margin: 2px 0;
    font-size: 9px;
    padding: 1px;
    font-weight: 500;
    position: relative;
}

.responsive-calendar.style2 .day a span.evt:first-child {
    margin-top: 7px;
}

.responsive-calendar.style2 .day a span.evt.ce {
    background: var(--color-rosa);
    color: #fff;
}

.responsive-calendar.style2 .day a span.evt.ex {
    background: var(--color-azul);
    color: #fff;
}

.responsive-calendar.style2 .day a span.evt.re {
    background: var(--color-gris-secundario);
}

.responsive-calendar.style2 .day.not-current a {}

.responsive-calendar.style2 .day.today {}

.responsive-calendar.style2 .day.today a {
    margin: 5px;
}

.responsive-calendar.style2 .day.today.active a {
    position: relative;
}

.responsive-calendar.style2 .day.today.active a::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 4px;
    width: 20px;
    height: 20px;
    background: var(--color-azul);
    border-radius: 50%;
    z-index: -1;
}

.responsive-calendar.style2 .day.active {
    transform: none !important;
}

.responsive-calendar.style2 .day.active a {
    border: 0;
    display: block;
    width: auto;
    height: auto;
    text-align: left;
}

.responsive-calendar.style2 .day.active a:hover {
    background: none;
    color: #000;
}

.responsive-calendar.style2 .dar .badge {
    color: #999 !important;
}

.responsive-calendar.style2 .day.today.active a[data-day="1"]::before {
    left: 0;
}

.responsive-calendar.style2 .day.today.active a[data-day="2"]::before,
.responsive-calendar.style2 .day.today.active a[data-day="3"]::before,
.responsive-calendar.style2 .day.today.active a[data-day="4"]::before,
.responsive-calendar.style2 .day.today.active a[data-day="5"]::before,
.responsive-calendar.style2 .day.today.active a[data-day="6"]::before,
.responsive-calendar.style2 .day.today.active a[data-day="7"]::before,
.responsive-calendar.style2 .day.today.active a[data-day="8"]::before,
.responsive-calendar.style2 .day.today.active a[data-day="9"]::before {
    left: 1px;
}

.responsive-calendar.style2 .popup-evt {
    display: none;
    position: absolute;
    z-index: 2;
    top: -120px;
    right: 90%;
}

.responsive-calendar.style2 .abierto .popup-evt {
    display: block;
}

.responsive-calendar.style2 .popup-abierto .evt {
    z-index: -1;
}

.responsive-calendar.style2 .popup-abierto .evt.abierto {
    z-index: 999;
}

.popupevt-abierto-body .responsive-calendar.style2 .days .day {
    transform: none !important;
}

.responsive-calendar.style2 .days .day.popupevt-abierto-day {
    z-index: 9999;
    transform: none !important;
}

.popup-evt {
    background: #FFF;
    border: 2px solid #777;
    width: 250px;
}

.popup-evt .wrap {
    border-top: 4px solid;
    padding: 5px 10px;
    position: relative;
    padding-bottom: 0;
}

.popup-evt .wrap .icoAnadir,
.popup-evt .wrap .icoGuardado {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 3px;
}

.popup-evt .wrap .icoAnadir::before,
.popup-evt .wrap .icoGuardado::before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -130px -300px;
}

.popup-evt .wrap .icoAnadir {
    /*bottom: 35px;*/
}

.popup-evt .wrap .icoAnadir::before {
    /*background-position: -130px -350px;*/
    background-position: -317px -116px;
}

.popup-evt .wrap .activo>.icoAnadir::before,
.popup-evt .wrap .icoAnadir.activo::before {
    background-position: -317px -146px;
}

.popup-evt .wrap .icoGuardado::before {
    content: '\f271';
    background: none;
    font-family: 'FontAwesome';
    font-size: 18px;
    text-align: center;
    color: #999;
}

.popup-evt .wrap .tipo {
    color: #666;
    position: relative;
    padding-left: 25px;
    min-height: 15px;
    margin-bottom: 10px;
    line-height: 20px;
}

.popup-evt .wrap .tipo .icoCerrar {
    position: absolute;
    right: 0;
    color: #777;
}

.popup-evt .wrap .tipo::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 17px;
    height: 17px;
    display: block;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat 0 0;
}

.popup-evt.ex .wrap .tipo::before {
    background: url(resources/exclusivo.png);
    background-size: cover;
}

.popup-evt .wrap .titulo {
    color: #000;
    margin: 5px 0;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 600;
}

.popup-evt .wrap .titulo::before {
    display: none;
}

.popup-evt .wrap ul {
    margin: 0;
    padding: 0;
    width: calc(100% - 25px);
}

.popup-evt .wrap ul li {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    color: #555;
    text-transform: uppercase;
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
}

.popup-evt .wrap ul li:first-child {
    margin-top: 13px;
}

.popup-evt .wrap ul li::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 0;
    font-family: 'Material Icons';
    font-size: 18px;
    color: var(--color-rosa);
    font-weight: 400;
}

.popup-evt .wrap ul li.dia::before {
    content: '\E878';
}

.popup-evt .wrap ul li.hora::before {
    content: '\E8B5';
}

.popup-evt .wrap ul li.lugar::before {
    content: '\E55F';
}

.popup-evt.ce .wrap {
    border-top-color: var(--color-rosa);
}

.popup-evt.ex .wrap {
    border-top-color: var(--color-azul);
}

.popup-evt.dircom .wrap {
    border-top-color: var(--color-gris-secundario);
}

.popup-evt.ce .wrap .tipo::before {
    background-position: -132px -52px;
}


/* .popup-evt.ex .wrap .tipo::before { background-position: -132px -15px; } */

.popup-evt.dircom .wrap .tipo::before {
    background-position: -132px -91px;
    /*width: 15px; height: 15px;*/
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .responsive-calendar .days .day {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: auto;
        min-height: auto;
        padding: 10px;
        /*overflow: hidden;*/
    }

    .responsive-calendar .days .day .mobilemarc {
        border: 1px solid var(--color-rosa) !important;
        display: inline-block !important;
    }

    .responsive-calendar .days .day .mobilemarc.mobilecolorce {
        border-color: #B9A7AF;
    }

    .responsive-calendar .days .day .mobilemarc.mobilecolorex {
        border-color: #BBD5DB;
    }

    .responsive-calendar .days .day .mobilemarc.mobilecolordircom {
        border-color: #D1D1D1;
    }

    .responsive-calendar.style2 .day a span.evt {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
        background: none !important;
        font-size: 0;
        width: 100%;
        height: 100%;
    }

    .responsive-calendar .day .badge {
        display: none;
    }

    .responsive-calendar.style2 .popup-evt {
        position: fixed;
        z-index: 9999;
        top: 80px;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 577px) {}

@media (max-width: 401px) {
    .responsive-calendar .controls {
        text-align: center;
    }

    .responsive-calendar .controls .current span {
        font-size: 20px;
    }

    .responsive-calendar .day-headers {
        width: 100%;
    }

    .responsive-calendar .day-headers .day.header {
        font-size: 0;
    }

    .responsive-calendar .day-headers .day.header::before {
        content: '';
        display: inline-block;
        font-size: 13px;
    }

    .responsive-calendar .day-headers .day.header:nth-child(1)::before {
        content: 'L';
    }

    .responsive-calendar .day-headers .day.header:nth-child(2)::before {
        content: 'M';
    }

    .responsive-calendar .day-headers .day.header:nth-child(3)::before {
        content: 'X';
    }

    .responsive-calendar .day-headers .day.header:nth-child(4)::before {
        content: 'J';
    }

    .responsive-calendar .day-headers .day.header:nth-child(5)::before {
        content: 'V';
    }

    .responsive-calendar .day-headers .day.header:nth-child(6)::before {
        content: 'S';
    }

    .responsive-calendar .day-headers .day.header:nth-child(7)::before {
        content: 'D';
    }
}


/* DESPLEGAR LATERAL */

.menuDesplegado {
    overflow: hidden;
}

.menuDesplegado .btnDesplegableLateral {}

.menuDesplegado .btnDesplegableLateral.ancho {}

.menuDesplegado .btnDesplegableLateral span::before {
    content: '\E5CD';
}

.menuDesplegado .desplegableLateral {
    left: 0 !important;
}

.btnDesplegableLateral {
    position: relative;
    right: -40px;
    width: 40px;
    cursor: pointer;
    background: var(--color-azul);
    border: 2px solid var(--color-azul);
    border-left: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.btnDesplegableLateral span {
    display: block;
    height: 26px;
    text-align: center;
    color: #FFF;
}

.btnDesplegableLateral span::before {
    display: block;
    line-height: 26px;
    font-family: 'Material Icons';
    content: '\E5D2';
    font-size: 22px;
}

.desplegableLateral {
    width: 280px;
    max-width: 100%;
    height: calc(100vh - 170px);
    position: fixed;
    top: 81px;
    left: -280px;
    z-index: 10;
    background: #FFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    transition: all .3s ease-in-out;
}

.desplegableLateral.ancho {
    width: 500px;
    left: -500px;
}

.desplegableLateral .cabecera {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    line-height: normal;
    background: #0d95d3;
}

.desplegableLateral .cabecera .literal {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 20px;
}

.desplegableLateral .cabecera .literal p {
    font-size: 15px;
    color: #FFF;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    line-height: inherit;
    text-transform: uppercase;
}

.desplegableLateral .cabecera .literal p a {
    color: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.desplegableLateral>.cabecera {
    position: relative;
    z-index: 2;
    display: none;
}

.desplegableLateral .wrap-menus {
    padding: 0;
    height: calc(100% - 39px);
    overflow-y: auto;
    position: relative;
    z-index: 1;
}

.desplegableLateral .wrap-menus .cabecera .literal {
    border-bottom: 1px solid #FFF;
    flex: 0 0 100%;
    max-width: 100%;
}

.desplegableLateral .wrap-menus .cabecera .literal.listakeholders {
    background: var(--color-rosa);
}

.desplegableLateral .wrap-menus .cabecera .literal p {}

.desplegableLateral .wrap-menus .cabecera .literal p a {
    color: #FFF;
    color: #FFF9;
    font-size: 14px;
}

.desplegableLateral .wrap-menus .cabecera .literal p a span {
    color: #FFF;
    font-size: inherit;
    display: block;
}

.desplegableLateral .wrap-menus .cabecera.tienda {
    display: none;
    background: #DCDDDD;
}

.desplegableLateral .wrap-menus .cabecera.tienda .literal p a {
    color: var(--color-blanco);
}

.desplegableLateral .wrap-menus .cabecera.idioma {
    display: none;
    background: var(--color-blanco);
}

.desplegableLateral .wrap-menus .cabecera.idioma .literal {
    border-bottom: 0;
}

.desplegableLateral .wrap-menus .cabecera.idioma .literal p {
    color: var(--color-azul);
}

.desplegableLateral .wrap-menus .cabecera.idioma .literal p a {
    color: inherit;
}

.desplegableLateral .cuerpo {
    padding: 0;
}

.desplegableLateral .cuerpo ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.desplegableLateral .cuerpo>ul {}

.desplegableLateral .cuerpo>ul>li {
    border-top: 1px solid #eee;
}

.desplegableLateral .cuerpo>ul li>span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}

.desplegableLateral .cuerpo>ul li>span a {}

.desplegableLateral .cuerpo>ul li>span i {
    font-weight: bold;
    font-size: 17px;
    color: var(--color-rosa-resource);
    cursor: pointer;
}

.desplegableLateral .cuerpo>ul>li>span>a {
    color: #707070;
    font-size: 15px;
    line-height: 1;
    font-weight: 400;
    display: block;
    padding-left: 20px;
}

.desplegableLateral .cuerpo>ul>li:hover>span>a,
.desplegableLateral .cuerpo>ul>li.open>span>a {}

.desplegableLateral .cuerpo>ul>li>a:hover {
    text-decoration: none;
}

.desplegableLateral .cuerpo>ul ul ul>li span {
    padding: 10px 20px;
    padding-left: 80px;
}

.desplegableLateral .cuerpo>ul ul {
    display: none;
}

.desplegableLateral .cuerpo>ul .open>ul {
    display: block;
}

.desplegableLateral .cuerpo>ul ul li {
    text-transform: none;
}

.desplegableLateral .cuerpo>ul ul>li span {
    padding-left: 60px;
}

.desplegableLateral .cuerpo>ul ul li a {
    color: #707070;
    font-size: 15px;
    line-height: normal;
    font-weight: 400;
    display: block;
    position: relative;
    /*padding: 10px 20px;*/
}

.desplegableLateral .cuerpo>ul ul li a .material-icons {
    color: var(--color-rosa-resource);
    position: absolute;
    top: 2px;
    left: 0;
}

.desplegableLateral .cuerpo>ul ul ul {}

.desplegableLateral .cuerpo>ul ul ul li {
    border: 0;
}

.desplegableLateral .cuerpo>ul ul ul li span {
    padding: 5px 20px;
    padding-left: 80px;
}

.desplegableLateral .cuerpo>ul ul ul li span a {
    color: #999;
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    display: block;
    position: relative;
    /*padding: 10px 20px;*/
}

.desplegableLateral .cuerpo>ul ul ul ul li span a {
    color: #FFF;
    background: var(--color-azul);
    padding: 5px 10px;
    display: block;
    font-size: 10px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 10px;
}

.desplegableLateral .cuerpo>ul ul ul>li:last-child span {
    padding-bottom: 10px;
}

.scrolling.centroconocimiento .btnDesplegableLateral {}

.scrolling.centroconocimiento .desplegableLateral {
    top: 90px;
    height: calc(100vh - 90px);
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
    .btnDesplegableLateral {
        display: none;
    }

    .desplegableLateral {
        top: 81px;
        height: calc(100vh - 80px);
    }

    .scrolling .desplegableLateral {
        top: 81px;
        height: calc(100vh - 80px);
    }

    .scrolling.centroconocimiento .desplegableLateral {
        /*top: 90px; height: calc(100vh - 90px);*/
    }
}

@media (max-width: 767px) {}

@media (max-width: 577px) {}

/* BUSCADOR */

.container[role="buscador"] {
    height: 0;
}

#buscador {
    max-width: 100%;
    position: relative;
    top: -120px;
    z-index: 7;
}

#buscador form {
    margin: 0;
}

#buscador #ddlCategorias,
#buscador #selector {
    display: none;
}

#buscador #txtBusquedaPrincipal {
    display: block;
    border: 1px solid #fff;
    background: transparent;
    padding: 0 15px;
    padding-right: 50px;
    line-height: 65px;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    width: 100% !important;
    outline: none;
    height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#buscador #txtBusquedaPrincipal::placeholder {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

#buscador #btnBuscarPrincipal {
    display: none;
}

#buscador .botonSearch {
    position: absolute;
    top: 0;
    color: #999;
    right: 0;
    height: 65px;
    width: 50px;
    text-align: center;
    line-height: 65px;
    cursor: pointer;
}

#buscador .botonSearch i {
    font-size: 30px;
    color: #fff;
    display: block;
    height: 65px;
    line-height: 65px;
}

#buscador .textoBusquedaPrincipalInput {
    position: relative;
    width: 90%;
    display: block;
    margin: 0 auto;
}

#buscador .textoBusquedaPrincipalInput .cerrarBusqueda {
    display: none;
}

#buscador .textoBusquedaPrincipalInput .listadoResultados {
    display: none;
    position: absolute;
    top: 55px;
    left: 0px;
    z-index: 20;
    background: #fff;
    padding: 15px 25px;
    width: 100%;
    border: 1px solid rgba(189, 189, 189, 0.5);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

#buscador .textoBusquedaPrincipalInput .listadoResultados ul {
    margin: 0;
    padding: 0;
}

#buscador .textoBusquedaPrincipalInput .listadoResultados ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

#buscador .textoBusquedaPrincipalInput .listadoResultados ul li a {
    font-size: 13px;
    color: #666;
    font-weight: 300;
    letter-spacing: 0.4px;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
    #buscador {
        top: -80px;
    }
}

@media (max-width: 767px) {
    #buscador .textoBusquedaPrincipalInput {
        width: 100%;
    }
}

@media (max-width: 577px) {
    #buscador .textoBusquedaPrincipal {
        height: 50px;
        line-height: 50px;
    }
}


/* HOME */

.homeComunidad {}

.homeComunidad .container[role="main"] {
    margin-top: 180px;
}

.homeComunidad .container[role="main"]>#col01>.row {
    padding: 30px 0;
}

.homeComunidad .container[role="main"]>#col01>.row.bloque-boton-ver-todos-home {
    padding-block-start: initial;
    margin-block-start: -2%;
    margin-right: 0;
}

.homeComunidad .container[role="main"]>#col01>.row:first-child {
    padding: 0;
}

@media screen and (max-width: 1199px) {
    .homeComunidad .container[role="main"] {
        margin-top: 80px;
    }
}

.homeComunidad .row-banner {}

.homeComunidad .row-banner .sliderPrincipal {
    width: 100%;
    margin-top: 0;
}

.row-compartimos {
    /* border-top: 4px solid lightgrey; border-bottom: 4px solid lightgrey; */
    display: block;
    margin-top: 50px;
    background: #FFF;
}

.row-compartimos.fondoGrisClaro {
    border: 0;
    background: #E2E2E2;
}

.row-compartimos .wrap-compartimos {
    padding: 70px 0;
    display: flex;
    flex-wrap: wrap;
    display: none;
}

.row-compartimos .wrap-compartimos h2 {
    margin-top: 0;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px;
    font-family: 'Esteban', serif !important;
    font-size: 32px !important;
}

.row-compartimos .wrap-compartimos h2::after {
    background: #000;
    height: 1px;
}

.row-compartimos .wrap-compartimos p {
    color: #000;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
    font-size: 14px;
}

.row-compartimos .campos {
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
}

.row-compartimos .campos input {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 13px;
    color: #333;
    border: 1px solid #EDEDED;
    margin-right: 5px;
    margin-bottom: 5px;
    flex-grow: 2;
    flex: 0 0 calc((100% - 40px) / 3 - 5px);
    max-width: calc((100% - 40px) / 3 - 5px);
    font-size: 13px;
    font-weight: 400;
}

.row-compartimos .campos input#txt_newsletter_nombre {
    flex: 0 0 calc((100% - 160px) / 3 - 5px);
    max-width: calc((100% - 160px) / 3 - 5px);
}

.row-compartimos .campos input::placeholder {
    font-size: 13px;
    font-weight: 400;
    color: #333;
}

.row-compartimos .campos a.btn {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-weight: 400;
    font-size: 13px;
    flex-grow: 1;
    flex: 0 0 80px;
    max-width: 80px;
}

.row-compartimos input[type="checkbox"] {}

.row-compartimos label {
    font-size: 13px;
    color: #666;
    vertical-align: middle;
    font-weight: 400;
}

.row-compartimos label a {
    color: inherit;
    text-decoration: underline;
}

.row-compartimos .col-md-9 p.error {
    display: none;
    color: red;
}

.row-compartimos.conError .col-md-9 p {
    display: none;
}

.row-compartimos.conError.error-sesion p.error.sesion {
    display: block;
}

.row-compartimos.conError.error-email p.error.email {
    display: block;
}

@media (max-width: 1199px) {
    .homeComunidad .row-banner .sliderPrincipal.sliderGenerico .backgroundItem {
        background-size: contain !important;
    }
}

@media (max-width: 991px) {
    .row-compartimos .wrap-compartimos h2 {
        font-size: 24px !important;
    }
}

@media (max-width: 767px) {}

@media (max-width: 577px) {
    .row-compartimos .wrap-compartimos .col {
        padding: 0;
    }

    .row-compartimos .wrap-compartimos h2 {
        font-size: 32px !important;
    }
}

@media (max-width: 401px) {}


/* FICHA DEFAULT */

.fichaDefault {}

.fichaDefault .container[role="main"] {
    padding-top: 40px;
}

.fichaDefault .container[role="main"] .col01 {}

.fichaDefault .container[role="main"] .col02 {
    padding-left: 100px;
}

.fichaDefault .container[role="main"] .col02 .box {
    margin-bottom: 50px;
}

.fichaDefault .container[role="main"] .col02 .box:empty {
    margin-bottom: 0;
}

.fichaDefault .container[role="main"] .col02 .box h3 {
    margin-bottom: 20px;
}

.fichaDefault .tituloBloque {
    font-size: 20px;
    text-transform: uppercase;
    color: #A59099;
    margin-bottom: 20px;
    display: block;
}

.fichaDefault .tituloBloque span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin-left: 5px;
}

.fichaDefault .boxPDF {
    margin: 50px 0;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
    .fichaDefault .container[role="main"] .col02 {
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    .fichaDefault .container[role="main"] .col02 .box {
        margin-bottom: 50px;
        clear: both;
    }

    .fichaDefault .container[role="main"] .col02 .box h3 {
        opacity: 1;
        border: 1px solid #e4e2e3;
        padding: 10px 15px;
        padding-left: 45px;
        position: relative;
        font-weight: 700;
        font-size: 16px;
    }

    .fichaDefault .container[role="main"] .col02 .box h3::before {
        content: '\E15B';
        font-family: 'Material Icons';
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -12px;
        background: #F2F2F2;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        text-align: center;
        line-height: 24px;
    }
}

@media (max-width: 577px) {}

@media (max-width: 1199px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 577px) {}


/* BTN COMPRAR */

.div-btn-comprar {
    margin: 15px 0 30px;
    text-align: right;
    background-color: #e8e7e6;
    padding: 10px 14px 14px;
}

.div-btn-comprar .btn {}


/* ACCIONES */

.acciones {}

.acciones ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.acciones ul li {
    /*display: inline-block;*/
    margin: 0;
    padding: 0;
    /*padding-left: 20px;*/
    position: relative;
    font-size: 11px;
    font-weight: 400;
    color: #666;
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
}

.acciones ul li a {
    color: inherit;
    font-weight: inherit;
    text-decoration: none;
    order: 2;
    position: relative;
    padding-left: 20px;
}

.acciones ul li a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    /* margin-top: -10px; */
    display: block;
    width: 16px;
    height: 16px;
    line-height: normal;
    color: #999;
    transform: translateY(-50%);
    /* background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -0px -0px; */
}

.acciones ul li.visitas a::after {
    /* background-position: -292px -53px; */
    content: '\E8F4';
    font-family: 'Material icons';
    font-size: 15px;
}

.audio .acciones ul li.visitas a::after {
    /*background-position: -292px -182px;*/
    content: '\E023';
    font-family: 'Material Icons';
    font-size: 15px;
}

.acciones ul li.tiempo a::after {
    /* background-position: -292px -82px; */
    content: '\E192';
    font-family: 'Material icons';
    font-size: 15px;
}

.acciones ul li.megusta a::after {
    /* background-position: -292px -122px; */
    content: '\E87E';
    font-family: 'Material icons';
    font-size: 15px;
}

.acciones ul li.megusta.activo a::after {
    /*background-position: -292px -152px;*/
    content: '\E87D';
}

.acciones ul li .guardado {
    display: none;
    /*position: absolute; right: 0; margin-top: 2px;*/
    font-size: 8px;
    font-weight: 400;
    color: #FFF;
    color: #FFF9;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

.acciones ul li.activo .guardado {
    display: block;
}


/* BLOQUE PRESENTACION */

.fichaDefault #presentacion {}

.fichaDefault #presentacion h3 {}

.fichaDefault #presentacion .descargable-folleto {
    margin-top: 20px;
}

.fichaDefault #presentacion .descargable-folleto .folleto {
    padding-top: 0;
}

.fichaDefault #presentacion .descargable-folleto .folleto01 {}

.fichaDefault #presentacion .descargable-folleto .folleto01 img {
    display: block;
    margin: 0 auto;
}

.fichaDefault #presentacion p {
    font-weight: 400;
    color: #000;
    line-height:
        /*2*/
        1.5;
    font-size: 15px;
}

.fichaDefault #presentacion p strong {
    font-weight: 600;
}

.fichaDefault #presentacion iframe {
    margin-top: 20px;
    width: 100%;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
    .fichaDefault #presentacion p {
        line-height: 1.4;
    }

    .fichaDefault #presentacion .descargable-folleto .folleto02 {
        padding: 15px;
    }

    .fichaDefault #presentacion .descargable-folleto .folleto02 .wrap {
        padding: 10px 15px;
    }
}

@media (max-width: 767px) {}

@media (max-width: 577px) {
    .fichaDefault #presentacion .descargable-folleto .folleto02 .material-icons {
        font-size: 60px;
    }

    .fichaDefault #presentacion .descargable-folleto .folleto02 a.btn {
        font-size: 11px;
    }
}


/* COMPONENTE DESCARGABLE */

.componente-descargable {
    padding: 30px 40px;
}

.componente-descargable .wrap {
    border: 1px solid #D6D6D6;
    padding: 20px 35px 15px;
    text-align: center;
    text-transform: uppercase;
}

.componente-descargable p {
    color: #000 !important;
    margin-bottom: 5px !important;
    line-height: 1 !important;
    margin-top: 20px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-align: center !important;
}

.componente-descargable p.gris {
    color: var(--color-rosa) !important;
    margin-top: 0 !important;
}

.componente-descargable a.btn {
    border: 1px solid #D6D6D6;
    background: var(--color-azul);
    color: #FFF;
    padding: 5px 15px;
    margin-top: 30px;
    font-size: 14px;
}

.componente-descargable .material-icons {
    font-size: 100px;
    color: var(--color-azul);
}

@media (max-width: 991px) {
    .componente-descargable {
        padding: 10px 15px;
    }
}

@media (max-width: 767px) {
    .componente-descargable {
        padding: 15px 0;
    }
}


/* BLOQUE PLAN DE ESTUDIO */

.fichaDefault #plan-estudio {}

.fichaDefault #plan-estudio>p {
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    font-size: 15px;
}

.fichaDefault #plan-estudio>p strong {
    font-weight: 600;
}

.fichaDefault #plan-estudio .tabla-estructura {
    display: inline-block;
    width: 100%;
}

.fichaDefault #plan-estudio .tabla-estructura .cabecera {
    background: #bcd5da;
    text-align: center;
}

.fichaDefault #plan-estudio .tabla-estructura .cabecera p {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 0;
    font-size: 13px;
}

.fichaDefault #plan-estudio .tabla-estructura .colums {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.fichaDefault #plan-estudio .tabla-estructura .colums .colum {
    padding: 10px;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.fichaDefault #plan-estudio .tabla-estructura .colums .colum:nth-child(3n+2) {
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

.fichaDefault #plan-estudio .tabla-estructura .colums .colum p {
    margin: 0;
}

.fichaDefault #plan-estudio .tabla-estructura .colums .colum p.modulo {
    font-size: 16px;
    margin-bottom: 5px;
}

.fichaDefault #plan-estudio .tabla-estructura .colums .colum p.titulo {
    border-bottom: 1px solid #bcd5da;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
}

.fichaDefault #plan-estudio .tabla-estructura .colums .colum .fechas {
    text-align: right;
    margin-top: 30px;
}

.fichaDefault #plan-estudio .tabla-estructura .colums .colum .fechas p {
    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
}

.fichaDefault #plan-estudio .tabla-estructura .colums .colum .fechas .dias {}

.fichaDefault #plan-estudio .tabla-estructura .colums .colum .fechas .lugar {}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
    .fichaDefault #plan-estudio>p {
        line-height: 1.4;
    }
}

@media (max-width: 767px) {
    .fichaDefault #plan-estudio .tabla-estructura .colums .colum {
        width: 100%;
        padding: 0;
        float: none;
        display: table;
        border-bottom: 1px solid #bcd5da;
        padding-bottom: 10px;
    }

    .fichaDefault #plan-estudio .tabla-estructura .colums .colum:nth-child(3n+2) {
        border-left: 0;
        border-right: 0;
    }

    .fichaDefault #plan-estudio .tabla-estructura .colums .colum>div {
        display: table-cell;
        vertical-align: middle;
    }

    .fichaDefault #plan-estudio .tabla-estructura .colums .colum div.titulo {
        width: calc(100% - 100px);
    }

    .fichaDefault #plan-estudio .tabla-estructura .colums .colum div.fechas {
        width: 100px;
    }

    .fichaDefault #plan-estudio .tabla-estructura .colums .colum p.titulo {
        padding-bottom: 0;
        border: 0;
    }
}

@media (max-width: 577px) {}


/* BLOQUE DIRECCION ACADEMICA */

.fichaDefault #direccion-academica {}

.fichaDefault #direccion-academica .listado-personas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 500px;
}

.fichaDefault #direccion-academica .listado-personas .item-persona {
    flex: 0 0 200px;
    max-width: 200px;
    margin: 0;
    margin-bottom: 20px;
    margin-left: 10px;
    height: 200px;
}

.fichaDefault #direccion-academica .listado-personas .item-persona .datos-persona {
    padding: 20px 10px;
    background:
        /*rgba(188, 213, 218, 0.9)*/
        rgba(165, 144, 153, .9);
    opacity: 0;
    height: 100%;
    overflow: hidden;
}

.fichaDefault #direccion-academica .listado-personas .item-persona .datos-persona * {
    color: #fff;
    font-size: 12px;
    margin-bottom: 20px;
    line-height: 1;
}

.fichaDefault #direccion-academica .listado-personas .item-persona .datos-persona .nombre {
    font-weight: 600;
}

.fichaDefault #direccion-academica .listado-personas .item-persona .datos-persona .puesto {}

.fichaDefault #direccion-academica .listado-personas .item-persona:hover .datos-persona {
    opacity: 1;
}

.fichaDefault #direccion-academica .listado-personas .item-persona:nth-child(2n+1) {
    margin-left: 0;
    margin-right: 10px;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .fichaDefault #direccion-academica .listado-personas .item-persona {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
        margin-left: 30px !important;
        max-width: 350px;
    }
}

@media (max-width: 577px) {
    .fichaDefault #direccion-academica .listado-personas .item-persona {
        margin-left: 0 !important;
    }
}


/* BLOQUE DIRECCION ACADEMICA */

.fichaDefault #claustro-profesores {}

.fichaDefault #claustro-profesores .listado-personas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.fichaDefault #claustro-profesores .listado-personas .item-persona {
    flex: 0 0 calc(20% - 10px);
    max-width: calc(20% - 10px);
    margin: 0;
    margin-bottom: 10px;
    margin-left: 10px;
    height: 138px;
}

.fichaDefault #claustro-profesores .listado-personas .item-persona:hover .datos-persona {
    opacity: 1;
}

.fichaDefault #claustro-profesores .listado-personas .item-persona .datos-persona {
    padding: 15px 10px;
    background: rgba(165, 144, 153, .9);
    opacity: 0;
    height: 100%;
    overflow: hidden;
}

.fichaDefault #claustro-profesores .listado-personas .item-persona .datos-persona * {
    color: #fff;
    font-size: 10px;
    margin-bottom: 5px;
}

.fichaDefault #claustro-profesores .listado-personas .item-persona .datos-persona .nombre {
    font-weight: 600;
}

.fichaDefault #claustro-profesores .listado-personas .item-persona .datos-persona .puesto {}

@media (max-width: 1199px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .fichaDefault #claustro-profesores .listado-personas .item-persona {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
}

@media (max-width: 577px) {
    .fichaDefault #claustro-profesores .listado-personas .item-persona {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 15px;
    }
}


/* BLOQUE PERFIL PARTICIPANTES */

.fichaDefault #perfil-participantes {}

.fichaDefault .listadoPersonas>p {
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    font-size: 15px;
    margin-bottom: 30px;
}

.fichaDefault .listadoPersonas>p strong {
    font-weight: 600;
}

.fichaDefault .listadoPersonas .listado-personas {
    display: block
}

.fichaDefault .listadoPersonas .listado-personas .item-persona {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.fichaDefault .listadoPersonas .listado-personas .item-persona .imagen-persona {
    flex: 0 0 200px;
    max-width: 200px;
    height: 200px;
}

.fichaDefault .listadoPersonas .listado-personas .item-persona .datos-persona {
    flex: 0 0 calc(100% - 200px);
    max-width: calc(100% - 200px);
    padding-left: 50px;
}

.fichaDefault .listadoPersonas .listado-personas .item-persona .datos-persona * {
    font-size: 15px;
}

.fichaDefault .listadoPersonas .listado-personas .item-persona .datos-persona .nombre {
    font-weight: 700;
    color: #333;
    margin-bottom: 5px;
}

.fichaDefault .listadoPersonas .listado-personas .item-persona .datos-persona .puesto {
    color: #555;
    font-weight: 600;
}

.fichaDefault .listadoPersonas .listado-personas .item-persona .datos-persona .contenido {}

.fichaDefault .listadoPersonas .listado-personas .item-persona .datos-persona .contenido p {
    font-weight: 400;
    line-height: 1.5;
}

.fichaDefault .listadoPersonas .listado-personas .item-persona .datos-persona .contenido p strong {
    font-weight: 600;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .fichaDefault .listadoPersonas>p {
        line-height: 1.4;
    }

    .fichaDefault .listadoPersonas .listado-personas .item-persona {
        flex-wrap: wrap;
        max-width: 350px;
    }

    .fichaDefault .listadoPersonas .listado-personas .item-persona .imagen-persona,
    .fichaDefault .listadoPersonas .listado-personas .item-persona .datos-persona {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

    .fichaDefault .listadoPersonas .listado-personas .item-persona .datos-persona {
        padding-top: 20px;
    }
}

@media (max-width: 577px) {}


/* BLOQUE CARACTERISTICAS PROGRAMA */

.fichaDefault #caracteristicas-programa {}

.fichaDefault #caracteristicas-programa ul {
    padding-left: 20px;
}

.fichaDefault #caracteristicas-programa ul li {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 400;
}

.fichaDefault #caracteristicas-programa ul li strong {
    font-weight: 600;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .fichaDefault #caracteristicas-programa ul {
        padding-left: 40px;
    }
}

@media (max-width: 577px) {}


/* BLOQUE DIRECCION ACADEMICA */

.fichaDefault #open-clasess {}

.fichaDefault #open-clasess .listado-fechas {}

.fichaDefault #open-clasess .listado-fechas .item-fecha {}

@media (max-width: 1199px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 577px) {}


/* BLOQUE DESTACADOS */

.fichaDefault .listado-destacados {
    display: flex;
}

.fichaDefault .listado-destacados.owl-carousel,
.fichaDefault .listado-destacados.enBloque {
    display: block;
}

.fichaDefault .listado-destacados.owl-carousel .item-destacado-widget {
    max-width: 100%;
}

.fichaDefault .listado-destacados.owl-carousel .item-workshop-widget,
.fichaDefault .listado-destacados.owl-carousel .item-analisis-widget {
    min-width: 250px;
    max-width: none;
}

.fichaDefault .listado-destacados.owl-carousel .item-workshop-widget .escalar,
.fichaDefault .listado-destacados.owl-carousel .item-analisis-widget .escalar {
    right: 20px;
}

.fichaDefault .listado-destacados.owl-carousel .item-workshop-widget .backgroundImg,
.fichaDefault .listado-destacados.owl-carousel .item-analisis-widget .backgroundImg {
    background-size: cover !important;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .fichaDefault .listado-destacados.enBloque {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
    }

    .fichaDefault .listado-destacados.enBloque>div {
        flex: 0 0 50%;
        padding: 0 15px;
    }
}

@media (max-width: 577px) {
    .fichaDefault .listado-destacados.enBloque {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }

    .fichaDefault .listado-destacados.enBloque>div {
        flex: 0 0 100%;
        padding: 0;
        max-width: 100%;
    }
}


/* BORDES ITEMS */

.borde {}

.borde-rojo>.borde {
    background: var(--color-item-rojo);
}

.borde-verde>.borde {
    background: var(--color-item-verde-oscuro);
}

.borde-azul>.borde {
    background: var(--color-item-azul);
}

.borde-naranja>.borde {
    background: var(--color-item-naranja);
}

.borde-verdeclaro>.borde {
    background: var(--color-item-verde-claro);
}

.borde-morado>.borde {
    background: var(--color-item-morado);
}

.borde-amarillo>.borde {
    background: var(--color-item-amarillo);
}

.borde-azulverdoso>.borde {
    background: var(--color-item-azulverdoso);
}


/* ITEM FECHA CALENDARIO */

.item-fecha {}

.item-fecha .calendario {
    flex: 0 0 100px;
    border: 1px solid var(--color-rosa);
    position: relative;
    height: 80px;
    text-align: center;
    padding: 15px 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.item-fecha .calendario.rango {
    border-color: #919296;
}

.item-fecha .calendario .dia {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 25px;
}

.item-fecha .calendario .mes {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 11px;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    z-index: 1;
}

.item-fecha .calendario::before,
.item-fecha .calendario::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    background: var(--color-rosa);
}

.item-fecha .calendario::before {
    height: 15px;
    top: 0;
}

.item-fecha .calendario::after {
    height: 20px;
    bottom: 0;
}

.item-fecha .calendario .guardado {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.item-fecha .calendario .exclusivo {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
}

.item-fecha .calendario .guardado::after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -136px -165px;
}

.item-fecha .calendario .exclusivo::after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -127px -128px;
}

.item-fecha.guardado .calendario .guardado,
.item-fecha.exclusivo .calendario .exclusivo {
    display: block;
}

.item-fecha .resto-datos {
    flex: 0 0 calc(100% - 100px);
    max-width: calc(100% - 100px);
    padding-left: 40px;
}

.item-fecha .tipo {
    margin-bottom: 10px;
    font-size: 12px;
}

.item-fecha .tipo p {
    display: inline-block;
    margin: 0;
    color: #000;
    text-transform: uppercase;
}

.item-fecha .tipo p:first-child:not(:empty) {
    padding-right: 5px;
}

.item-fecha .tipo p:last-child {
    display: inline-block;
    margin: 0;
    color: var(--color-item-rojo);
}

.item-fecha .resto-datos .datos-evento {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.item-fecha .resto-datos .datos-evento .datos {
    flex: 0 0 calc(100% - 250px);
    max-width: calc(100% - 250px);
}

.item-fecha .titulo {
    margin-bottom: 10px;
}

.item-fecha .titulo h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.item-fecha .titulo h4 a {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.item-fecha .lugar {}

.item-fecha .lugar p {
    color: #777;
    padding-left: 25px;
    position: relative;
    font-size: 11px;
    margin: 0;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.item-fecha .lugar p::after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat 0 0;
}

.item-fecha.ce .lugar p::after {
    background-position: -132px -52px;
    width: 17px;
    height: 17px;
}

.item-fecha.exclusivo .lugar p::after {
    background-position: -132px -15px;
    width: 16px;
    height: 16px;
}

.item-fecha.dircom .lugar p::after {
    background-position: -132px -91px;
}

.item-fecha .localizacion {
    flex: 0 0 150px;
    max-width: 150px;
    padding-left: 30px;
}

.item-fecha .localizacion span {
    display: block;
    position: relative;
    padding-left: 30px;
    color: #555;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.item-fecha .localizacion span::after {
    content: '\E55F';
    font-size: 20px;
    font-family: 'Material icons';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-rosa);
    font-weight: normal;
}

.item-fecha .localizacion .ubicacion {
    margin-bottom: 10px;
}

.item-fecha .localizacion .hora {}

.item-fecha .localizacion .hora::after {
    content: '\E8B5';
}

.item-fecha .acciones a span {
    font-size: 24px;
    color: #555;
    display: block;
}

.item-fecha .acciones a span.megusta {
    display: block;
    width: 26px;
    height: 26px;
    position: relative;
}

.item-fecha .acciones a span.megusta::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 26px;
    height: 26px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -395px -115px;
}

.item-fecha .acciones a.activo span.megusta::after {
    background-position: -395px -145px;
}

.item-fecha .acciones a span.fa {}

.item-fecha.borde-rojo .movil .row02 .tipo p:last-child,
.item-fecha.borde-rojo .tipo p:last-child {
    color: var(--color-item-rojo);
}

.item-fecha.borde-verde .movil .row02 .tipo p:last-child,
.item-fecha.borde-verde .tipo p:last-child {
    color: var(--color-item-verde-oscuro);
}

.item-fecha.borde-azul .movil .row02 .tipo p:last-child,
.item-fecha.borde-azul .tipo p:last-child {
    color: var(--color-item-azul);
}

.item-fecha.borde-naranja .movil .row02 .tipo p:last-child,
.item-fecha.borde-naranja .tipo p:last-child {
    color: var(--color-item-naranja);
}

.item-fecha.borde-verdeclaro .movil .row02 .tipo p:last-child,
.item-fecha.borde-verdeclaro .tipo p:last-child {
    color: var(--color-item-verde-claro);
}

.item-fecha.borde-morado .movil .row02 .tipo p:last-child,
.item-fecha.borde-morado .tipo p:last-child {
    color: var(--color-item-morado);
}

.item-fecha.borde-amarillo .movil .row02 .tipo p:last-child,
.item-fecha.borde-amarillo .tipo p:last-child {
    color: var(--color-item-amarillo);
}

.item-fecha.borde-azulverdoso .movil .row02 .tipo p:last-child,
.item-fecha.borde-azulverdoso .tipo p:last-child {
    color: var(--color-item-azulverdoso);
}

.item-fecha .movil {
    display: none;
    width: 100%;
    position: relative;
    padding-left: 30px;
}

.item-fecha .movil .row01 {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.item-fecha .movil .row01 .fecha {
    position: relative;
    padding-left: 30px;
    margin-right: 15px;
}

.item-fecha .movil .row01 .fecha::before {
    content: '\E878';
    font-family: 'Material Icons';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-size: 20px;
    color: var(--color-rosa);
}

.item-fecha .movil .row01 .fecha span {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #555;
}

.item-fecha .movil .row01 .localizacion {
    flex: 0 0 auto;
    max-width: none;
    padding-left: 0;
    display: flex;
    align-items: center;
}

.item-fecha .movil .row01 .localizacion span {
    font-size: 14px;
}

.item-fecha .movil .row01 .localizacion .hora {
    margin-right: 15px;
    order: 1;
}

.item-fecha .movil .row01 .localizacion .ubicacion {
    margin: 0;
    order: 2;
}

.item-fecha .movil .row02 {
    padding-right: 40px;
}

.item-fecha .movil .row02 .tipo {
    font-size: 13px;
}

.item-fecha .movil .row02 .tipo p {
    /*font-weight: 600;*/
    color: #000;
}

.item-fecha .movil .row02 .titulo {}

.item-fecha .movil .row02 .titulo h4 {
    font-size: 13px;
    white-space: normal;
}

.item-fecha .movil .row02 .titulo h4 a {}

.item-fecha .movil .row02 .lugar {}

.item-fecha .movil .row02 .lugar p {
    font-size: 13px;
    white-space: normal;
}

.item-fecha .movil .acciones {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 30px;
    justify-content: flex-end;
    flex-direction: column;
    height: 100%;
    padding: 0;
}

.item-fecha .movil .acciones a {
    margin-top: 20px;
}

.item-fecha .movil::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 10px;
}

.item-fecha.borde-rojo .movil::before {
    background: var(--color-item-rojo);
}

.item-fecha.borde-verde .movil::before {
    background: var(--color-item-verde-oscuro);
}

.item-fecha.borde-azul .movil::before {
    background: var(--color-item-azul);
}

.item-fecha.borde-naranja .movil::before {
    background: var(--color-item-naranja);
}

.item-fecha.borde-verdeclaro .movil::before {
    background: var(--color-item-verde-claro);
}

.item-fecha.borde-morado .movil::before {
    background: var(--color-item-morado);
}

.item-fecha.borde-amarillo .movil::before {
    background: var(--color-item-amarillo);
}

.item-fecha.borde-azulverdoso .movil::before {
    background: var(--color-item-azulverdoso);
}

.item-fecha.dircom .movil::before {
    background: #919294;
}

@media (max-width: 767px) {

    /*
	.item-fecha { flex-wrap: wrap; }
	.item-fecha > div { flex: 0 0 100% !important; max-width: 100%; width: 100% !important; }
	.item-fecha .calendario { margin-bottom: 10px; }
	.item-fecha .acciones,
	.item-fecha .localizacion,
	.item-fecha .datos { padding-left: 15px; padding-right: 15px; padding-bottom: 10px; }
	*/
    .item-fecha {
        margin-bottom: 0 !important;
    }

    .item-fecha .calendario,
    .item-fecha .resto-datos {
        display: none;
    }

    .item-fecha .movil {
        display: block;
    }

    .item-fecha .movil .row01 {
        flex-wrap: nowrap;
    }

    .item-fecha .movil .row01 .fecha span,
    .item-fecha .movil .row01 .localizacion span {
        font-size: 13px;
    }
}

@media (max-width: 401px) {
    .item-fecha .movil {
        padding-left: 15px;
    }

    .item-fecha .movil .row01 {
        padding-right: 40px;
    }

    .item-fecha .movil .localizacion span,
    .item-fecha .movil .row01 .fecha {
        padding-left: 20px;
    }

    .item-fecha .movil .row01 .fecha span,
    .item-fecha .movil .row01 .localizacion span {
        font-size: 10px;
    }

    .item-fecha .movil .row02 {
        padding-right: 0;
    }

    .item-fecha .movil .acciones {
        transform: scale(.6);
        flex-direction: row;
        height: auto;
        max-width: 40px;
        transform-origin: right;
    }

    .item-fecha .movil .acciones a {
        margin-top: 0;
        margin-left: 15px;
    }

    .item-fecha .movil .acciones a:first-child {
        margin-left: 0;
    }

    .item-fecha .movil .row01 .fecha::before,
    .item-fecha .movil .localizacion span::after,
    .item-fecha .movil .localizacion span::after {
        transform: translateY(-50%) scale(.7);
        transform-origin: left;
    }
}


/* ITEM DESTACADO WIDGET */

.item-destacado .borde,
.item-destacado-widget .borde {
    width: 22px;
    margin-right: 3px;
}

.item-destacado-widget {
    display: flex;
    height: 180px;
    margin-bottom: 15px;
    width: 100%;
    max-width: 260px;
}

.item-destacado-widget .borde {
    flex-basis: 22px;
    max-width: 22px;
}

.item-destacado-widget .contenido {
    flex-basis: calc(100% - 25px);
    max-width: calc(100% - 25px);
    color: #FFF;
    line-height: 1.2;
    position: relative;
    background-color: #666 !important;
    transition: background .3s ease-in-out;
}

.item-destacado-widget .contenido::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 1;
}

.item-destacado-widget .contenido[style*="background"] {
    filter: grayscale(100%);
}

.item-destacado-widget .contenido .normal {
    padding: 10px;
    position: relative;
    padding-bottom: 70px;
    height: 100%;
}

.item-destacado-widget .contenido .hover {
    display: none;
    padding: 10px;
    position: relative;
    padding-bottom: 25px;
    height: 100%;
}

.item-destacado-widget:hover .contenido {
    filter: none;
}

.item-destacado-widget:hover .contenido .hover {
    display: block;
}

.item-destacado-widget:hover .contenido .normal {
    display: none;
}

.item-destacado-widget .contenido h2,
.item-destacado-widget .contenido h2 a {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    position: relative;
    z-index: 1;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    color: var(--color-blanco);
}

.item-destacado-widget .contenido>div>span.fecha {
    position: absolute;
    left: inherit !important;
    right: 10px;
    bottom: 10px;
    color: #FFF;
    z-index: 2;
    font-size: 11px;
    font-weight: 400;
    width: 100px;
    text-align: right;
    text-transform: uppercase;
    opacity: .9;
}

.item-destacado-widget .contenido .normal p {
    line-height: inherit;
    margin: 0;
    color: inherit;
    font-size: 13px;
}

.item-destacado-widget .contenido .normal span {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: inherit;
    z-index: 2;
    font-size: 13px;
    max-width: calc(100% - 120px);
    font-weight: 400;
    text-transform: uppercase;
    width: calc(100% - 120px);
}

.item-destacado-widget .contenido .ex {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}

.item-destacado-widget.exclusivo .contenido .ex {
    display: block;
}

.item-destacado-widget .contenido .ex::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 30px solid var(--color-rosa-resource);
    border-left: 30px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.item-destacado-widget .contenido .ex span {
    font-size: 13px;
    color: var(--color-blanco);
    position: relative;
    z-index: 2;
    margin-top: 2px;
    margin-right: 2px;
}

.item-destacado-widget .contenido .hover>.guardado {
    display: none;
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 8px;
    text-transform: uppercase;
    color: #FFF9;
    max-width: calc(100% - 90px);
}

.item-destacado-widget:hover .contenido .hover .tipo {
    font-size: 13px;
    opacity: .9;
    display: block;
    margin-bottom: 5px;
}

.item-destacado-widget:hover .contenido .hover .descripcion {
    font-size: 11px;
    position: relative;
    z-index: 1;
    color: #FFF;
}

.item-destacado-widget:hover .contenido .hover .acciones {
    position: relative;
    z-index: 1;
    text-align: right;
    margin-top: 15px;
}

.item-destacado-widget:hover .contenido .hover .acciones ul li,
.item-destacado-widget:hover .contenido .hover .acciones ul li a::after {
    color: #FFF;
    font-weight: normal;
    /* margin-top: -8px; */
}

.item-destacado-widget.exclusivo:hover .contenido .hover>.guardado {
    display: block;
}

.homeContenidosPrueba .item-destacado-widget {
    margin-right: 15px;
}

.item-destacado-widget.borde-rojo .contenido {
    background-image: url(resources/defecto-areas/rojo-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-destacado-widget.borde-rojo:hover .contenido {
    background: var(--color-item-rojo) !important;
}

.item-destacado-widget.borde-verde .contenido {
    background-image: url(resources/defecto-areas/verde-peq.jpg);
    background-position: center;
    background-size: cover;
    ;
}

.item-destacado-widget.borde-verde:hover .contenido {
    background: var(--color-item-verde-oscuro) !important;
}

.item-destacado-widget.borde-azul .contenido {
    background-image: url(resources/defecto-areas/azul-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-destacado-widget.borde-azul:hover .contenido {
    background: var(--color-item-azul) !important;
}

.item-destacado-widget.borde-naranja .contenido {
    background-image: url(resources/defecto-areas/naranja-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-destacado-widget.borde-naranja:hover .contenido {
    background: var(--color-item-naranja) !important;
}

.item-destacado-widget.borde-verdeclaro .contenido {
    background-image: url(resources/defecto-areas/verdeclaro-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-destacado-widget.borde-verdeclaro:hover .contenido {
    background: var(--color-item-verde-claro) !important;
}

.item-destacado-widget.borde-morado .contenido {
    background-image: url(resources/defecto-areas/morado-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-destacado-widget.borde-morado:hover .contenido {
    background: var(--color-item-morado) !important;
}

.item-destacado-widget.borde-amarillo .contenido {
    background-image: url(resources/defecto-areas/amarillo-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-destacado-widget.borde-amarillo:hover .contenido {
    background: var(--color-item-amarillo) !important;
}

.item-destacado-widget.borde-azulverdoso .contenido {
    background-image: url(resources/defecto-areas/azulverdoso-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-destacado-widget.borde-azulverdoso:hover .contenido {
    background: var(--color-item-azulverdoso) !important;
}

.item-destacado-widget:hover .contenido::before {
    display: none !important;
}

@media (max-width: 991px) {
    .item-destacado-widget .contenido>div>span.fecha {
        overflow: auto;
        text-overflow: ellipsis;
    }
}

@media (max-width: 767px) {}

@media (max-width: 577px) {}


/* ITEM RECURSO WIDGET */

.item-recurso .borde,
.item-recurso-widget .borde {
    width: 36px;
    margin-right: 4px;
    display: none;
}

.item-recurso-widget {
    width: 100%;
    position: relative;
}

.item-recurso-widget .borde {}

.item-recurso-widget .contenido {
    display: block;
}

.item-recurso-widget .contenido.enLinea {
    display: flex;
}

.item-recurso-widget .contenido .miniatura {
    height: 170px;
    position: relative;
    border-bottom: 5px solid;
    background-size: cover !important;
}

.item-recurso-widget .contenido .miniatura>a {
    display: block;
    height: 100%;
}

.item-recurso-widget .contenido.enLinea .miniatura {
    border-bottom: 0;
    border-left: 5px solid;
    height: 80px;
    align-self: center;
}

.item-recurso-widget.audio .contenido .miniatura {
    /*height: 80px;*/
    background-color: #666 !important;
    transition: background .3s ease-in-out;
}

.item-recurso-widget.audio .contenido.enLinea .miniatura {
    min-height: 80px;
    border-left: 0;
    border-bottom: 5px solid;
}

.item-recurso-widget.audio .contenido .miniatura .material-icons {
    position: absolute;
    top: 0;
    left: 30px;
    bottom: 0;
    line-height: 80px;
    color: #000;
    background: #999;
    padding: 0 5px;
    font-size: 50px;
    cursor: pointer;
    transition: background .3s ease-in-out;
}

.item-recurso-widget.audio .contenido.enLinea .miniatura .material-icons {
    line-height: 30px;
    left: 15px;
    font-size: 30px;
    bottom: 1px;
}

.item-recurso-widget.audio .contenido .miniatura .material-icons:hover {
    /*background: #999; background: #9999;*/
}

.item-recurso-widget.audio .contenido .miniatura .tiempo {
    position: absolute;
    bottom: 2px;
    left: 30px;
    width: 60px;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
}

.item-recurso-widget.audio .contenido.enLinea .miniatura .tiempo {
    left: 15px;
    width: 40px;
    font-size: 8px;
    bottom: 0;
}

.item-recurso-widget.audio .contenido .miniatura .material-icons {
    text-indent: -999em;
    background: rgba(255, 255, 255, .4) url(resources/podcast-symbol.png) no-repeat center;
    background-size: 50px;
    width: 50px;
}

.item-recurso-widget.audio .contenido .miniatura .material-icons:hover {
    background-color: rgba(255, 255, 255, .8);
}

.item-recurso-widget.video .contenido .miniatura>.material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    color: white;
    background: rgba(255, 255, 255, .4);
    border-radius: 50%;
    padding: 10px;
    font-size: 50px;
    margin-top: -35px;
    margin-left: -35px;
    cursor: pointer;
    transition: background .3s ease-in-out;
}

.item-recurso-widget.video .contenido .miniatura>.material-icons:hover {
    background: rgba(255, 255, 255, .8);
}

.item-recurso-widget.video .contenido.enLinea .miniatura {
    min-height: 80px;
}

.item-recurso-widget.video .contenido.enLinea .miniatura>.material-icons {
    padding: 5px;
    font-size: 30px;
    margin-top: -20px;
    margin-left: -20px;
}

.item-recurso-widget .contenido .datos-recurso {
    background: #F2F2F2;
    padding: 10px;
    height: 145px;
}

.item-recurso-widget .contenido .datos-recurso .extra {}

.item-recurso-widget .contenido .datos-recurso .acciones {}

.item-recurso-widget .contenido .datos-recurso .titulo {}

.item-recurso-widget .contenido .datos-recurso .extra {
    line-height: normal;
    margin-bottom: 10px;
}

.item-recurso-widget .contenido .datos-recurso .extra span {
    font-weight: 400;
    font-size: 11px;
}

.item-recurso-widget .contenido .datos-recurso .extra span a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.item-recurso-widget .contenido .datos-recurso .extra .tipoRecurso {
    color: #bbb;
    text-transform: uppercase;
}

.item-recurso-widget .contenido .datos-recurso .extra .fechaRecurso {
    color: #aaa;
    margin-left: 15px;
}

.item-recurso-widget .contenido .datos-recurso .titulo {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #CDCBCB;
}

.item-recurso-widget .contenido.enLinea .datos-recurso .titulo {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.item-recurso-widget .contenido .datos-recurso .titulo span,
.item-recurso-widget .contenido .datos-recurso .titulo a {
    font-weight: 600;
    line-height: 1.4;
    font-size: 11px;
    color: #000;
    display: block;
    margin-bottom: 5px;
}

.item-recurso-widget .contenido .datos-recurso .acciones {
    text-align: right;
}

.item-recurso-widget .contenido.enLinea .datos-recurso .acciones {
    text-align: left;
}

.item-recurso-widget .contenido .datos-recurso .acciones ul {}

.item-recurso-widget .contenido .datos-recurso .acciones ul li {}

.item-recurso-widget .contenido .datos-recurso .acciones ul li a {}

.item-recurso-widget .contenido .datos-recurso .acciones ul li a::after {
    /* margin-top: -7px; */
}

.item-recurso-widget .contenido .datos-recurso .acciones ul li.visitas a::after {
    background-position: -322px -53px;
}

.item-recurso-widget.audio .contenido .datos-recurso .acciones ul li.visitas a::after {
    background-position: -322px -182px;
}

.item-recurso-widget .contenido .datos-recurso .acciones ul li.tiempo a::after {
    background-position: -322px -82px;
}

.item-recurso-widget .contenido .datos-recurso .acciones ul li.megusta a::after {
    background-position: -322px -122px;
}

.item-recurso-widget .contenido .datos-recurso .acciones ul li.megusta.activo a::after {
    background-position: -322px -152px;
}

.homeContenidosPrueba .item-recurso-widget {
    margin-right: 15px;
    margin-bottom: 15px;
}

.item-recurso-widget.borde-rojo .contenido.enLinea .miniatura {
    border-color: var(--color-item-rojo);
}

.item-recurso-widget.borde-rojo .contenido .miniatura {
    border-bottom-color: var(--color-item-rojo);
}

.item-recurso-widget.borde-rojo .contenido .miniatura {
    background-image: url(resources/defecto-areas/rojo-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-recurso-widget.borde-verde .contenido.enLinea .miniatura {
    border-color: var(--color-item-verde-oscuro);
}

.item-recurso-widget.borde-verde .contenido .miniatura {
    border-bottom-color: var(--color-item-verde-oscuro);
}

.item-recurso-widget.borde-verde .contenido .miniatura {
    background-image: url(resources/defecto-areas/verde-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-recurso-widget.borde-azul .contenido.enLinea .miniatura {
    border-color: var(--color-item-azul);
}

.item-recurso-widget.borde-azul .contenido .miniatura {
    border-bottom-color: var(--color-item-azul);
}

.item-recurso-widget.borde-azul .contenido .miniatura {
    background-image: url(resources/defecto-areas/azul-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-recurso-widget.borde-naranja .contenido.enLinea .miniatura {
    border-color: var(--color-item-naranja);
}

.item-recurso-widget.borde-naranja .contenido .miniatura {
    border-bottom-color: var(--color-item-naranja);
}

.item-recurso-widget.borde-naranja .contenido .miniatura {
    background-image: url(resources/defecto-areas/naranja-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-recurso-widget.borde-verdeclaro .contenido.enLinea .miniatura {
    border-color: var(--color-item-verde-claro);
}

.item-recurso-widget.borde-verdeclaro .contenido .miniatura {
    border-bottom-color: var(--color-item-verde-claro);
}

.item-recurso-widget.borde-verdeclaro .contenido .miniatura {
    background-image: url(resources/defecto-areas/verdeclaro-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-recurso-widget.borde-morado .contenido.enLinea .miniatura {
    border-color: var(--color-item-morado);
}

.item-recurso-widget.borde-morado .contenido .miniatura {
    border-bottom-color: var(--color-item-morado);
}

.item-recurso-widget.borde-morado .contenido .miniatura {
    background-image: url(resources/defecto-areas/morado-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-recurso-widget.borde-amarillo .contenido.enLinea .miniatura {
    border-color: var(--color-item-amarillo);
}

.item-recurso-widget.borde-amarillo .contenido .miniatura {
    border-bottom-color: var(--color-item-amarillo);
}

.item-recurso-widget.borde-amarillo .contenido .miniatura {
    background-image: url(resources/defecto-areas/amarillo-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-recurso-widget.borde-azulverdoso .contenido.enLinea .miniatura {
    border-color: var(--color-item-azulverdoso);
}

.item-recurso-widget.borde-azulverdoso .contenido .miniatura {
    border-bottom-color: var(--color-item-azulverdoso);
}

.item-recurso-widget.borde-azulverdoso .contenido .miniatura {
    background-image: url(resources/defecto-areas/azulverdoso-peq.jpg);
    background-position: center;
    background-size: cover;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .item-recurso-widget .contenido .datos-recurso .extra {
        flex-basis: 50%;
    }

    .item-recurso-widget .contenido .datos-recurso .extra .tipoRecurso,
    .item-recurso-widget .contenido .datos-recurso .extra .fechaRecurso {
        font-size: 10px;
    }

    .item-recurso-widget .contenido .datos-recurso .acciones {
        flex-basis: 50%;
    }

    .item-recurso-widget .contenido .datos-recurso .titulo span {
        font-size: 14px;
    }
}

@media (max-width: 577px) {
    .item-recurso-widget .contenido .miniatura {
        height: 180px;
        position: relative;
        border-bottom: 0px solid !important;
    }
}


/* ITEM REPORT */

.item-report-widget {
    height: 180px;
    max-width: 100%;
}

.item-report-widget .wrap {
    border: 1px solid #ccc;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.item-report-widget .wrap .backgroundImg {
    height: 100%;
}

.item-report-widget .wrap .enlaceReport {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 32px;
    z-index: 3;
}

.item-report-widget .wrap .cabecera {
    padding: 10px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #FFF;
    z-index: 2;
    border-bottom: 3px solid;
    transition: top .3s ease-in-out;
}

.item-report-widget.report-azul .wrap .cabecera {
    border-bottom-color: var(--color-azul);
}

.item-report-widget.report-naranja .wrap .cabecera {
    border-bottom-color: var(--color-naranja-resource);
}

.item-report-widget .wrap .cabecera h2 {
    font-size: 16px;
    color: #777;
    margin: 0;
    font-weight: 400;
    padding: 0;
    width: 170px;
    line-height: 1.5;
    font-family: 'Montserrat', sans-serif;
}

.item-report-widget .wrap .cabecera h2 span {
    display: inline-block;
    width: 17px;
    height: 16px;
    vertical-align: text-top;
    margin-right: 10px;
}

.item-report-widget .wrap .cabecera h2 span::before {
    content: '';
    background: url(resources/icoReportAzul.png) no-repeat center;
    width: 19px;
    height: 16px;
    display: block;
    background-size: contain;
}

.item-report-widget.report-azul .wrap .cabecera h2 span::before {
    /* background-position: -10px -190px; */
}

.item-report-widget.report-naranja .wrap .cabecera h2 span::before {
    /* background-position: -10px -160px; */
}

.item-report-widget .wrap .cabecera span.tipo {
    color: #999;
    font-size: 16px;
    display: block;
    font-weight: 400;
}

.item-report-widget .wrap .cabecera span.fecha {
    color: var(--color-rosa);
    font-size: 14px;
    display: block;
    font-weight: 400;
}

.item-report-widget .wrap .pie {
    padding: 10px;
    position: absolute;
    bottom: -180px;
    left: 0;
    right: 0;
    background: #FFF;
    z-index: 2;
    border-top: 2px solid var(--color-azul);
    transition: bottom .3s ease-in-out;
}

.item-report-widget.report-azul .wrap .pie {
    border-top-color: var(--color-azul);
}

.item-report-widget.report-naranja .wrap .pie {
    border-top-color: var(--color-naranja-resource);
}

.item-report-widget .wrap .pie .info {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding: 0 10px;
}

.item-report-widget .wrap .pie .info p {
    font-size: 9px;
    font-weight: 600;
    line-height: 1.3;
    padding: 5px 5px 0;
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0;
    margin-bottom: 10px;
}

.item-report-widget .wrap .pie .info p a {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.item-report-widget .wrap .pie .acciones {
    text-align: right;
    border-top: 1px solid #ccc;
    padding-top: 5px;
}

.item-report-widget .wrap .pie .acciones ul {}

.item-report-widget .wrap .pie .acciones ul li {}

.item-report-widget .wrap .pie .acciones ul li a {}

.item-report-widget .wrap .pie .acciones ul li a::after {
    /* margin-top: -7px; */
}

.item-report-widget .wrap .pie .acciones ul li.megusta a::after {
    background-position: -322px -122px;
}

.item-report-widget .wrap .pie .acciones ul li.megusta.activo a::after {
    background-position: -322px -152px;
}

.item-report-widget .wrap .pie .acciones li .guardado {
    right: 100%;
    margin-right: 10px;
    margin-top: 0;
    top: 0;
    color: #777;
    line-height: 14px;
    font-weight: 600;
}

.item-report-widget:hover {}

.item-report-widget:hover .cabecera {
    top: -180px;
}

.item-report-widget:hover .pie {
    bottom: 0;
}

.homeContenidosPrueba .item-report-widget {
    margin-bottom: 15px;
    margin-right: 15px;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 577px) {
    .item-report-widget {
        width: 100%;
        height: 180px;
        max-width: 100%;
    }
}


/* ITEM ANALISIS */

.item-analisis-widget {
    display: flex;
    height: 180px;
    width: 100%;
    max-width: 260px;
}

.item-analisis-widget .borde {
    flex-basis: 12px;
    max-width: 12px;
    margin-right: 3px;
}


/*
.item-analisis-widget.report-azul .borde { background: var(--color-item-azul); }
.item-analisis-widget.report-naranja .borde { background: var(--color-item-naranja); }
*/

.item-analisis-widget.borde-rojo .borde {
    background: var(--color-item-rojo);
}

.item-analisis-widget.borde-verde .borde {
    background: var(--color-item-verde-oscuro);
}

.item-analisis-widget.borde-azul .borde {
    background: var(--color-item-azul);
}

.item-analisis-widget.borde-naranja .borde {
    background: var(--color-item-naranja);
}

.item-analisis-widget.borde-verdeclaro .borde {
    background: var(--color-item-verde-claro);
}

.item-analisis-widget.borde-morado .borde {
    background: var(--color-item-morado);
}

.item-analisis-widget.borde-amarillo .borde {
    background: var(--color-item-amarillo);
}

.item-analisis-widget.borde-azulverdoso .borde {
    background: var(--color-item-azulverdoso);
}

.item-analisis-widget .wrap {
    flex-basis: calc(100% - 15px);
    border: 1px solid #ccc;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.item-analisis-widget .wrap .backgroundImg {
    height: 100%;
}

.item-analisis-widget .wrap .escalar {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: right;
    transform: scale(.5);
    transform-origin: top right;
    text-transform: uppercase;
}

.item-analisis-widget .wrap .enlaceReport {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 40px;
    z-index: 3;
}

.item-analisis-widget .wrap h2 {
    font-size: 16px;
    color: #777;
    margin: 0;
    font-weight: 400;
    padding: 0;
    width: 170px;
    line-height: 1.5;
    font-family: 'Montserrat', sans-serif;
}

.item-analisis-widget .wrap h2 span {
    display: inline-block;
    width: 17px;
    height: 16px;
    vertical-align: text-top;
    margin-right: 10px;
}

.item-analisis-widget .wrap h2 span::before {
    content: '';
    background: url(/imagenes/proyectos/personalizacion/CustomStylesImages/icoSimplicityBig.png) no-repeat center;
    width: 22px;
    height: 20px;
    display: block;
    background-size: cover;
}

.item-analisis-widget.report-azul .wrap span::before {
    background-position: -12px -191px;
}

.item-analisis-widget.report-naranja .wrap h2 span::before {
    background-position: -11px -162px;
}

.item-analisis-widget .wrap .cabecera {
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #FFF;
    z-index: 2;
    transition: top .3s ease-in-out;
}

.item-analisis-widget .wrap .cabecera h2 {
    font-size: 16px;
    color: #777;
    margin: 0;
    font-weight: 400;
    padding: 0;
    width: 170px;
    line-height: 1.5;
    font-family: 'Montserrat', sans-serif;
}

.item-analisis-widget .wrap .cabecera h2 span {
    display: inline-block;
    width: 17px;
    height: 16px;
    vertical-align: text-top;
    margin-right: 10px;
}

.item-analisis-widget .wrap .cabecera h2 span::before {
    content: '';
    background: url(/imagenes/proyectos/personalizacion/CustomStylesImages/icoSimplicityBig.png) no-repeat center;
    width: 23px;
    height: 20px;
    display: block;
    background-size: cover;
}

.item-analisis-widget.report-azul .wrap .cabecera h2 span::before {
    background-position: -12px -191px;
}

.item-analisis-widget.report-naranja .wrap .cabecera h2 span::before {
    background-position: -11px -162px;
}

.item-analisis-widget .wrap .cabecera span.tipo {}

.item-analisis-widget .wrap .cabecera span.fecha {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    display: block;
    margin-bottom: 10px;
    padding-right: 70px;
    height: 30px;
}

.item-analisis-widget .wrap .cabecera span.etiqueta {
    background: #bbb;
    padding: 2px 5px;
    text-transform: uppercase;
    color: #FFF;
    font-size: 13px;
    margin-bottom: 10px;
    display: inline-block;
}

.item-analisis-widget .wrap .cabecera .titulo {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin: 0;
}

.item-analisis-widget .wrap h2 span.azul::before {
    /* background-position: -10px -190px !important; */
}

.item-analisis-widget .wrap h2 span.naranja::before {
    /* background-position: -10px -161px !important; */
}

.item-analisis-widget .wrap .pie {
    padding: 10px;
    position: absolute;
    bottom: -180px;
    left: 0;
    right: 0;
    background: #FFF;
    z-index: 2;
    transition: bottom .3s ease-in-out
}

.item-analisis-widget .wrap .pie span.fecha {
    background: #bbb;
    padding: 2px;
    text-transform: uppercase;
    color: #FFF;
    font-size: 13px;
    margin-bottom: 10px;
    display: inline-block;
}

.item-analisis-widget .wrap .pie span.etiqueta {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    display: block;
}

.item-analisis-widget .wrap .pie .titulo {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin: 0;
}

.item-analisis-widget .wrap .pie .abajo {
    display: flex;
    flex-wrap: nowrap;
    border-top: 1px solid #aaa;
    padding-top: 5px;
    margin-top: 5px;
}

.item-analisis-widget .wrap .pie .abajo span.area {
    flex: 0 0 calc(100% - 100px);
    max-width: calc(100% - 100px);
    font-size: 9px;
    font-weight: 400;
    color: #666;
    text-transform: uppercase;
}

.item-analisis-widget .wrap .pie .abajo .acciones {
    flex: 0 0 100px;
    max-width: 100px;
    text-align: right;
}

.item-analisis-widget .wrap .pie .abajo .acciones ul {}

.item-analisis-widget .wrap .pie .abajo .acciones ul li {}

.item-analisis-widget .wrap .pie .abajo .acciones ul li a {}

.item-analisis-widget .wrap .pie .abajo .acciones ul li a::after {
    /* margin-top: -7px; */
}

.item-analisis-widget .wrap .pie .abajo .acciones ul li.megusta a::after {
    background-position: -322px -122px;
}

.item-analisis-widget .wrap .pie .abajo .acciones ul li.megusta.activo a::after {
    background-position: -322px -152px;
}

.item-analisis-widget .wrap .pie .abajo .acciones li .guardado {
    right: 100%;
    margin-right: 10px;
    margin-top: 0;
    top: 0;
    color: #777;
    line-height: 14px;
    font-weight: 600;
}

.item-analisis-widget .wrap .pie .abajo .acciones li .guardado {
    color: #666;
}

.item-analisis-widget:hover .cabecera {
    top: -180px;
}

.item-analisis-widget:hover .pie {
    bottom: 0;
}

.homeContenidosPrueba .item-analisis-widget {
    margin-right: 15px;
    margin-bottom: 15px;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .owl-item .item-analisis-widget {
        margin: 0 auto;
    }
}

@media (max-width: 577px) {}


/* ITEM DESTACADO COLOR */

.item-destacado-color {
    display: flex;
    max-width: 450px;
}

.item-destacado-color .borde {
    background: #F69127;
    width: 31px;
    margin-right: 4px;
}

.item-destacado-color .contenido {
    background: #F69127;
    padding: 40px 30px;
}

.item-destacado-color .contenido .subtitulo {
    color: #FFF;
    opacity: .8;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 1;
}

.item-destacado-color .contenido .titulo {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
}

.item-destacado-color .contenido .descripcion {
    color: #FFF;
    font-size: 18px;
    margin-bottom: 50px;
}

.item-destacado-color .contenido .acciones {}

.item-destacado-color .contenido .acciones ul {}

.item-destacado-color .contenido .acciones ul li,
.item-destacado-color .contenido .acciones ul li::after {
    color: #FFF;
    margin-top: -14px;
    font-size: 18px;
    opacity: .8;
}

.item-destacado-color .contenido .acciones ul li {
    font-size: 13px;
}

.item-destacado-color .contenido .acciones ul li::after {}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 577px) {}


/* ITEM MATERIAL WIDGET */

/* .item-material-widget {
    display: flex;
    height: 180px;
    margin-bottom: 15px;
    width: 100%;
    max-width: 260px;
} */

.item-material-widget .borde {
    flex-basis: 7px;
    max-width: 7px;
    margin-right: 3px;
}

.item-material-widget .contenido {
    flex-basis: calc(100% - 10px);
    max-width: calc(100% - 10px);
    line-height: 1.2;
    position: relative;
    overflow: hidden;
    padding: 10px 15px;
    background-color: #666 !important;
    transition: background .3s ease-in-out;
}

.item-material-widget .contenido::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 1;
}

.item-material-widget .contenido[style*="background"] {
    filter: grayscale(100%);
}

.item-material-widget .contenido span,
.item-material-widget .contenido>a {
    z-index: 2;
    position: relative;
}

.item-material-widget .contenido .tipo {
    display: inline-block;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, .5);
    padding: 2px 5px;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    transition: all .3s ease-in-out;
}

.item-material-widget .contenido .titulo {
    display: block;
    color: #FFF;
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
}

.item-material-widget .contenido .doc {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 9px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 400;
    transition: all .3s ease-in-out;
}

.item-material-widget .contenido .fecha {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 9px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 400;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.item-material-widget .contenido .acciones {
    margin-top: 10px;
    text-align: right;
    position: relative;
    z-index: 2;
    opacity: 0;
}

.item-material-widget .contenido .acciones ul li,
.item-material-widget .contenido .acciones ul li a,
.item-material-widget .contenido .acciones ul li a::after {
    color: #FFF;
    /* margin-top: -7px; */
}

.item-material-widget .contenido .mascara {
    position: absolute;
    left: -470px;
    right: 40px;
    bottom: 0;
    top: 0;
    background: rgba(255, 255, 255, .3);
    z-index: 1;
    transform: skew(-65deg);
}

.item-material-widget.borde-rojo .contenido {
    background-image: url(resources/defecto-areas/rojo-peq.jpg);
    background-position: center;
    background-size: cover !important;
}

.item-material-widget.borde-rojo:hover .contenido {
    background: var(--color-item-rojo) !important;
}

.item-material-widget.borde-verde .contenido {
    background-image: url(resources/defecto-areas/verde-peq.jpg);
    background-position: center;
    background-size: cover !important;
}

.item-material-widget.borde-verde:hover .contenido {
    background: var(--color-item-verde-oscuro) !important;
}

.item-material-widget.borde-azul .contenido {
    background-image: url(resources/defecto-areas/azul-peq.jpg);
    background-position: center;
    background-size: cover !important;
}

.item-material-widget.borde-azul:hover .contenido {
    background: var(--color-item-azul) !important;
}

.item-material-widget.borde-naranja .contenido {
    background-image: url(resources/defecto-areas/naranja-peq.jpg);
    background-position: center;
    background-size: cover !important;
}

.item-material-widget.borde-naranja:hover .contenido {
    background: var(--color-item-naranja) !important;
}

.item-material-widget.borde-verdeclaro .contenido {
    background-image: url(resources/defecto-areas/verdeclaro-peq.jpg);
    background-position: center;
    background-size: cover !important;
}

.item-material-widget.borde-verdeclaro:hover .contenido {
    background: var(--color-item-verde-claro) !important;
}

.item-material-widget.borde-morado .contenido {
    background-image: url(resources/defecto-areas/morado-peq.jpg);
    background-position: center;
    background-size: cover !important;
}

.item-material-widget.borde-morado:hover .contenido {
    background: var(--color-item-morado) !important;
}

.item-material-widget.borde-amarillo .contenido {
    background-image: url(resources/defecto-areas/amarillo-peq.jpg);
    background-position: center;
    background-size: cover !important;
}

.item-material-widget.borde-amarillo:hover .contenido {
    background: var(--color-item-amarillo) !important;
}

.item-material-widget.borde-azulverdoso .contenido {
    background-image: url(resources/defecto-areas/azulverdoso-peq.jpg);
    background-position: center;
    background-size: cover !important;
}

.item-material-widget.borde-azulverdoso:hover .contenido {
    background: var(--color-item-azulverdoso) !important;
}

.item-material-widget:hover .contenido::before {
    display: none !important;
}

.item-material-widget:hover .contenido {
    filter: none;
}

.item-material-widget:hover .contenido .tipo {
    background: none;
    width: 90%;
    border-bottom: 1px solid #FFF;
    padding: 0 0 5px;
}

.item-material-widget:hover .contenido .doc {
    background: rgba(255, 255, 255, .5);
    padding: 5px;
}

.item-material-widget:hover .contenido .acciones {
    opacity: 1;
}

.item-material-widget:hover .contenido .fecha {
    opacity: 1;
}

.homeContenidosPrueba .item-material-widget {
    margin-bottom: 15px;
    margin-right: 15px;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 577px) {}


/* ITEM MATERIAL GRANDE */

.item-material-grande {
    position: relative;
    background: url('resources/ipad.jpg') center no-repeat;
    background-size: cover !important;
    min-height: 400px;
    padding: 50px 100px;
    padding-right: 200px;
    margin-bottom: 50px;
}

.item-material-grande::after {
    position: absolute;
    top: 0;
    left: 20px;
    right: 100px;
    bottom: 0;
    content: '';
    display: block;
    background: rgba(0, 0, 0, .2);
}

.item-material-grande::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 20px;
    height: 100%;
    background: #266E51;
    border-right: 4px solid #fff;
}

.item-material-grande .contenido {}

.item-material-grande .contenido::before {}

.item-material-grande .contenido span {
    position: relative;
    z-index: 2;
}

.item-material-grande .contenido span.doc {
    font-size: 20px;
    color: #FFF;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 150px;
    font-family: 'Montserrat', sans-serif;
    display: block;
}

.item-material-grande .contenido .abajo {}

.item-material-grande .contenido .abajo .tipo {
    display: inline-block;
    margin-bottom: 15px;
    background: rgba(255, 255, 255, .5);
    padding: 2px 5px;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    padding-right: 50px;
    margin-right: 20px;
}

.item-material-grande .contenido .abajo .fecha {
    font-size: 18px;
    text-transform: uppercase;
    color: #ccc;
    font-weight: 400;
}

.item-material-grande .contenido .abajo .titulo {
    display: block;
    color: #FFF;
    font-weight: 400;
    line-height: 1.5;
    font-size: 28px;
}

.item-material-grande .opciones {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    padding: 15px;
    z-index: 2;
    width: 100px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.item-material-grande .opciones ul {
    margin: 0;
    padding: 0;
}

.item-material-grande .opciones ul li {
    list-style: none;
}

.item-material-grande .opciones ul li a {
    font-size: 14px;
    color: #FFF;
    text-decoration: none;
}

.item-material-grande .opciones ul li a::before {
    font-family: 'Material Icons';
}

.item-material-grande .opciones ul.social {}

.item-material-grande .opciones ul.social li {
    margin-bottom: 5px;
    text-align: center;
}

.item-material-grande .opciones ul.social li a {
    font-size: 14px;
    text-align: left;
    position: relative;
    padding-left: 35px;
}

.item-material-grande .opciones ul.social li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -0px -0px;
}

.item-material-grande .opciones ul.social li.like {
    padding-bottom: 5px;
    border-bottom: 1px solid #777;
}

.item-material-grande .opciones ul.social li.like a {
    font-size: 20px;
}

.item-material-grande .opciones ul.social li.like a::before {
    width: 26px;
    height: 26px;
    background-position: -355px -115px;
    margin-top: -13px;
}

.item-material-grande .opciones ul.social li.like.activo a::before {
    background-position: -355px -145px;
}

.item-material-grande .opciones ul.social li.views a::before {
    background-position: -358px -50px;
}

.item-material-grande .opciones ul.social li.time a::before {
    background-position: -358px -78px;
}

.item-material-grande .opciones ul.descargas {}

.item-material-grande .opciones ul.descargas li {
    text-align: center;
    margin-bottom: 15px;
    padding: 0 10px;
}

.item-material-grande .opciones ul.descargas li.literal {
    color: #FFF;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
}

.item-material-grande .opciones ul.descargas li a {
    font-size: 0;
    line-height: 1;
    display: block;
}

.item-material-grande .opciones ul.descargas li a::before {
    content: '';
    display: block;
    width: 55px;
    height: 58px;
    margin: 0 auto;
    background: url(resources/spriteDescargar.png) no-repeat 0px 0px;
}

.item-material-grande .opciones ul.descargas li.pdf a::before {
    background-position: 0px 0px;
}

.item-material-grande .opciones ul.descargas li.epub a::before {
    background-position: 0px -75px;
}

.item-material-grande.exclusivo .ex {
    right: 100px;
}

.item-material-grande.exclusivo .ex span {
    margin-top: 8px;
    margin-right: 8px;
    font-size: 24px;
}

.item-material-grande.exclusivo .ex::after {
    border-top: 70px solid var(--color-rosa-resource);
    border-left: 70px solid transparent;
}

.item-material-grande.borde-rojo {
    background-image: url(resources/defecto-areas/rojo.jpg);
    background-position: center;
    background-size: cover;
}

.item-material-grande.borde-rojo:before {
    background: var(--color-item-rojo) !important;
}

.item-material-grande.borde-verde {
    background-image: url(resources/defecto-areas/verde.jpg);
    background-position: center;
    background-size: cover;
}

.item-material-grande.borde-verde:before {
    background: var(--color-item-verde-oscuro) !important;
}

.item-material-grande.borde-azul {
    background-image: url(resources/defecto-areas/azul.jpg);
    background-position: center;
    background-size: cover;
}

.item-material-grande.borde-azul:before {
    background: var(--color-item-azul) !important;
}

.item-material-grande.borde-naranja {
    background-image: url(resources/defecto-areas/naranja.jpg);
    background-position: center;
    background-size: cover;
}

.item-material-grande.borde-naranja:before {
    background: var(--color-item-naranja) !important;
}

.item-material-grande.borde-verdeclaro {
    background-image: url(resources/defecto-areas/verdeclaro.jpg);
    background-position: center;
    background-size: cover;
}

.item-material-grande.borde-verdeclaro:before {
    background: var(--color-item-verde-claro) !important;
}

.item-material-grande.borde-morado {
    background-image: url(resources/defecto-areas/morado.jpg);
    background-position: center;
    background-size: cover;
}

.item-material-grande.borde-morado:before {
    background: var(--color-item-morado) !important;
}

.item-material-grande.borde-amarillo {
    background-image: url(resources/defecto-areas/amarillo.jpg);
    background-position: center;
    background-size: cover;
}

.item-material-grande.borde-amarillo:before {
    background: var(--color-item-amarillo) !important;
}

.item-material-grande.borde-azulverdoso {
    background-image: url(resources/defecto-areas/azulverdoso.jpg);
    background-position: center;
    background-size: cover;
}

.item-material-grande.borde-azulverdoso:before {
    background: var(--color-item-azulverdoso) !important;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 577px) {
    .item-material-grande {
        padding: 30px;
        padding-bottom: 100px;
        padding-top: 10px;
        min-height: 250px;
        margin-left: -15px;
        width: calc(100% + 30px);
    }

    .item-material-grande::after {
        right: 0;
        left: 40px;
    }

    .item-material-grande::before {
        width: 40px;
    }

    .item-material-grande .contenido span.doc {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .item-material-grande .contenido {
        left: 40px;
        position: absolute;
        padding-left: 10px;
    }

    .item-material-grande .contenido::before {}

    .item-material-grande .contenido .abajo {}

    .item-material-grande .contenido .abajo .tipo {
        font-size: 14px;
    }

    .item-material-grande .contenido .abajo .fecha {
        font-size: 14px;
    }

    .item-material-grande .contenido .abajo .titulo {
        font-size: 16px;
    }

    .item-material-grande .opciones {
        top: inherit;
        left: 40px;
        bottom: 0;
        width: auto;
        height: 50px;
        flex-direction: row;
    }

    .item-material-grande .opciones ul {
        display: flex;
        align-items: center;
    }

    .item-material-grande .opciones ul.social li {
        margin: 0 10px;
        border: 0 !important;
        padding: 0 !important;
    }

    .item-material-grande .opciones ul.social li a {
        font-size: 20px;
    }

    .item-material-grande .opciones ul.descargas {
        transform: scale(.5);
    }

    .item-material-grande .opciones ul.descargas li {
        margin: 0 10px;
    }

    .item-material-grande.exclusivo .ex {
        right: 0px;
    }
}

@media (max-width: 401px) {}


/* ITEM WORKSHOP WIDGET */

.item-workshop-widget {
    margin-bottom: 30px;
    width: 260px;
    max-width: 100%;
}

.item-workshop-widget .cabecera {
    height: 150px;
}

.item-workshop-widget .cabecera .tipo {
    background: var(--color-azul-secundario);
    color: #FFF;
    margin-left: -10px;
    margin-top: 10px;
    padding: 3px 10px;
    line-height: 1;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    width: 50%;
    display: none;
}

.item-workshop-widget .contenido {
    background: #F5F5F5;
    padding: 10px 20px;
}

.item-workshop-widget .contenido .tipo {
    background: var(--color-azul);
    color: #FFF;
    margin-left: 0px;
    padding: 3px 10px;
    line-height: 1;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    width: auto;
}

.item-workshop-widget .contenido .tipo a {
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
}

.item-workshop-widget .contenido p {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #CDCBCB;
    height: 65px;
}

.item-workshop-widget .contenido p a {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
}

.item-workshop-widget .contenido .acciones {
    text-align: right;
}

.item-workshop-widget .contenido .acciones ul {}

.item-workshop-widget .contenido .acciones ul li {
    color: #777;
}

.item-workshop-widget .contenido .acciones ul li a::after {
    color: #777;
    /* margin-top: -7px; */
}

.item-workshop-widget .contenido .acciones ul li.megusta a::after {
    background-position: -322px -122px;
}

.item-workshop-widget .contenido .acciones ul li.megusta.activo a::after {
    background-position: -322px -152px;
}

.item-workshop-widget .contenido .acciones ul li .guardado {
    /*right: 100%;*/
    margin-right: 10px;
    margin-top: 0;
    /*top: 0; */
    color: #777;
    line-height: 14px;
    font-weight: 600;
}

.item-workshop-widget .contenido .acciones ul li.visitas a::after {
    background-position: -322px -53px;
}

.item-workshop-widget .contenido .acciones ul li.tiempo a::after {
    background-position: -322px -82px;
}

.item-workshop-widget {
    position: relative;
}

.item-workshop-widget .ex {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    margin-right: 0;
}

.item-workshop-widget .ex span {
    font-size: 13px;
    color: var(--color-blanco);
    position: relative;
    z-index: 2;
    margin-top: 2px;
    margin-right: 2px;
}

.item-workshop-widget .ex::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 30px solid var(--color-rosa-resource);
    border-left: 30px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.item-workshop-widget.enlinea {
    margin-bottom: 15px;
    display: flex;
    flex-basis: 100%;
    width: auto;
}

.item-workshop-widget.enlinea .cabecera {
    flex: 0 0 40%;
    max-width: 40%;
}

.item-workshop-widget.enlinea .contenido {
    flex: 0 0 60%;
    max-width: 60%;
    text-align: right;
}

.item-workshop-widget.enlinea .contenido .tipo {
    margin-left: 0;
    margin-right: -15px;
}

.item-workshop-widget.enlinea .contenido p {
    text-align: left;
    margin-bottom: 0;
    border: 0;
}

.item-full .item-workshop-widget {
    width: auto;
}

.item-full .item-workshop-widget .cabecera {
    height: 400px;
}

.item-full .item-workshop-widget .contenido {
    position: relative;
    padding: 20px;
}

.item-full .item-workshop-widget .contenido .tipo {
    font-size: 14px;
    margin-left: -20px;
    padding: 5px 20px;
}

.item-full .item-workshop-widget .contenido p {
    font-size: 24px;
    margin-top: 15px;
}

.item-full .item-workshop-widget .contenido .acciones {
    position: absolute;
    top: 15px;
    right: 20px;
}

.item-full .item-workshop-widget .contenido .acciones ul li {
    font-size: 14px;
}

.item-full .item-workshop-widget .contenido .acciones ul li a {
    font-weight: normal;
}

.item-full .item-workshop-widget .contenido .acciones ul li a::after {
    font-size: 16px;
    margin-top: 0px;
    /*margin-top: -8px;*/
}

.item-workshop-widget.borde-rojo .cabecera {
    background-image: url(resources/defecto-areas/rojo-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-workshop-widget.borde-verde .cabecera {
    background-image: url(resources/defecto-areas/verde-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-workshop-widget.borde-azul .cabecera {
    background-image: url(resources/defecto-areas/azul-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-workshop-widget.borde-naranja .cabecera {
    background-image: url(resources/defecto-areas/naranja-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-workshop-widget.borde-verdeclaro .cabecera {
    background-image: url(resources/defecto-areas/verdeclaro-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-workshop-widget.borde-morado .cabecera {
    background-image: url(resources/defecto-areas/morado-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-workshop-widget.borde-amarillo .cabecera {
    background-image: url(resources/defecto-areas/amarillo-peq.jpg);
    background-position: center;
    background-size: cover;
}

.item-workshop-widget.borde-azulverdoso .cabecera {
    background-image: url(resources/defecto-areas/azulverdoso-peq.jpg);
    background-position: center;
    background-size: cover;
}

.homeContenidosPrueba .item-workshop-widget {
    margin-right: 15px;
}

@media (max-width: 767px) {
    .item-workshop-widget {
        margin-bottom: 15px;
        display: flex;
        width: 100%;
        max-width: 100%;
    }

    .item-workshop-widget .cabecera {
        flex: 0 0 200px;
        max-width: 200px;
    }

    .item-workshop-widget .contenido {
        flex: 0 0 calc(100% - 200px);
        max-width: calc(100% - 200px);
        text-align: right;
    }

    .item-workshop-widget .contenido .tipo {
        margin-left: 0;
        margin-right: -15px;
    }

    .item-workshop-widget .contenido p {
        text-align: left;
    }

    .item-workshop-widget .contenido .acciones {}

    .item-full .item-workshop-widget .cabecera {
        height: 300px;
    }

    .item-full .item-workshop-widget .contenido {
        text-align: left;
        padding-top: 50px;
    }

    .item-full .item-workshop-widget .contenido .tipo {
        margin-left: -15px;
        margin-right: 0;
    }

    .item-full .item-workshop-widget .contenido p {
        font-size: 18px;
    }
}

@media (max-width: 577px) {
    .item-workshop-widget {
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
    }

    .item-workshop-widget.enlinea .cabecera,
    .item-workshop-widget .cabecera {
        flex: 0 0 120px;
        max-width: 120px;
    }

    .item-workshop-widget.enlinea .contenido,
    .item-workshop-widget .contenido {
        flex: 0 0 calc(100% - 120px);
        max-width: calc(100% - 120px);
        padding: 5px 15px;
    }

    .item-workshop-widget .contenido p {
        margin-bottom: 0;
    }
}

/* TIPO AUDIO  */

/* .sliderFichaContenido.audio {
    min-height: 150px;
    margin-bottom: 100px;
} */

/* .sliderFichaContenido.audio:after {
    font-family: 'Material Icons'; content: '\E037';
    display: block; font-size: 100px; background: #999 url(resources/podcast-symbol.png) no-repeat center; background-size: 100px; width: 100px; height: 150px; text-align: center; line-height: 150px; position: absolute; top: 0; left: 100px; cursor: pointer; transition: background .3s ease-in-out;
} */

/* .sliderFichaContenido.audio:after {
    display: block;
    font-size: 100px;
    width: 100px;
    height: 150px;
    text-align: center;
    line-height: 150px;
    position: absolute;
    top: 0;
    left: 100px;
    cursor: pointer;
    transition: background .3s ease-in-out;
    font-family: 'Material Icons';
    content: '\E037';
    background: #999;
}

.sliderFichaContenido.audio:hover:after {
    background-color: #999;
    background-color: #9999;
}

.sliderFichaContenido.audio:before {
    z-index: 4;
} */

.sliderFichaContenido.audio .contenedor-audio {
    display: none;
    position: absolute;
    top: 0;
    left: 40px;
    right: 0;
    bottom: 0;
    z-index: 3;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.sliderFichaContenido.audio .contenedor-audio.activo {
    display: flex;
}

.sliderFichaContenido.audio .cerrar-audio {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 40px;
    cursor: pointer;
    color: #FFF;
    z-index: 5;
    text-align: center;
    line-height: 40px;
}

.sliderFichaContenido.audio .cerrar-audio.activo {
    display: block;
}

.sliderFichaContenido.audio .opciones {
    left: 0;
    right: 0;
    width: auto;
    height: 50px;
    bottom: -54px;
    top: inherit;
    flex-direction: row-reverse;
}

.sliderFichaContenido.audio .opciones ul.social {}

.sliderFichaContenido.audio .opciones ul.social li.like {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #777;
}

.sliderFichaContenido.audio .opciones ul.vinculado {
    flex-direction: row;
}

.sliderFichaContenido.audio .opciones ul.vinculado li {
    margin-bottom: 0;
    margin-right: 15px;
}

.sliderFichaContenido.audio .opciones ul.vinculado li.literal {
    text-align: right;
}

.sliderFichaContenido.audio .tiempo {
    position: absolute;
    bottom: 0;
    left: 100px;
    width: 100px;
    text-align: center;
    font-weight: 600;
    color: #000;
    z-index: 2;
}


/* TIPO PRESENTACION */

.sliderFichaContenido.presentacion:after {
    font-family: 'Material Icons';
    content: '\E037';
    display: block;
    font-size: 100px;
    background: rgba(255, 255, 255, 0.5);
    width: 150px;
    height: 150px;
    border-radius: 50%;
    text-align: center;
    line-height: 150px;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    margin-top: -75px;
    cursor: pointer;
    transition: background .3s ease-in-out;
}

.sliderFichaContenido.presentacion:before {
    z-index: 4;
}

.sliderFichaContenido.presentacion .contenedor-presentacion {
    display: none;
    position: absolute;
    top: 0;
    left: 40px;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.sliderFichaContenido.presentacion .contenedor-presentacion.activo {
    display: block;
}

.sliderFichaContenido.presentacion .contenedor-presentacion iframe {
    width: 100%;
    height: 100%;
}

.sliderFichaContenido.presentacion .cerrar-presentacion {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 40px;
    cursor: pointer;
    color: #FFF;
    z-index: 5;
    text-align: center;
    line-height: 40px;
}

.sliderFichaContenido.presentacion .cerrar-presentacion.activo {
    display: block;
}


/* TIPO REPORT */

body.conHeaderMiembro .container[role="main"] .sliderFichaContenido.report {
    margin-top: 0;
}

.sliderFichaContenido.report {
    padding: 0;
    margin-top: 80px;
}

.sliderFichaContenido.report:after {
    left: 0;
}

.sliderFichaContenido.report:before {
    display: none;
}

.sliderFichaContenido.report .ex {
    right: 100px;
}

.sliderFichaContenido.report .contenido {
    background: rgba(255, 255, 255, .8);
    padding: 10px 15px;
    width: calc(100% - 100px);
}

.sliderFichaContenido.report .contenido h2 {
    margin: 0;
}

.sliderFichaContenido.report .contenido h2 span:not([class]) {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-right: 10px;
}

.sliderFichaContenido.report .contenido h2 span:not([class])::before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
}

.sliderFichaContenido.report.report-azul .contenido h2 span:not([class])::before {
    background: url(resources/icoReportAzul.png) no-repeat 0 0;
    background-size: 40px;
}

.sliderFichaContenido.report.report-naranja .contenido h2 span:not([class])::before {
    background: url(resources/icoReportNaranja.png) no-repeat 0 0;
    background-size: 40px;
}

.sliderFichaContenido.report .contenido h2 span.parte1,
.sliderFichaContenido.report .contenido h2 span.parte2 {
    font-size: 34px;
    color: #777;
    margin: 0;
    font-weight: 600;
    padding: 0;
    width: 350px;
    line-height: 1.4;
    font-family: 'Montserrat', sans-serif;
    display: block;
}

.sliderFichaContenido.report .contenido h2 span.parte1 {
    display: inline-block
}

.sliderFichaContenido.report .contenido h2 span.tipo {
    font-weight: 600;
    color: #999;
    display: block;
    font-size: 34px;
    text-transform: uppercase;
    line-height: normal;
}

.sliderFichaContenido.report .contenido h2 span.titulo {
    font-size: 34px;
    color: #777;
    margin: 0;
    font-weight: 600;
    padding: 0;
    width: 350px;
    line-height: 1.4;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 30px;
}

.sliderFichaContenido.report .contenido .fecha {
    display: inline-block;
    font-size: 34px;
    text-transform: uppercase;
    padding: 5px 15px;
    background: var(--color-rosa);
    color: #FFF;
    font-weight: 400;
    margin-top: 40px;
}


/* TIPO CHAPTER */

.sliderFichaContenido.analisis .contenido {
    border-left: 5px solid;
    position: relative;
}

.sliderFichaContenido.analisis.report-azul .contenido {
    /*border-left-color: var(--color-item-azul);*/
}

.sliderFichaContenido.analisis.report-naranja .contenido {
    /*border-left-color: var(--color-item-naranja);*/
}

.sliderFichaContenido.analisis .contenido .fecha {
    display: block;
    color: #444;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 0;
    background: none;
}

.sliderFichaContenido.analisis .contenido .etiqueta {
    display: inline-block;
    color: #FFF;
    font-weight: 400;
    padding: 5px;
    text-transform: uppercase;
    background: #777;
    margin-bottom: 15px;
    line-height: normal;
}

.sliderFichaContenido.analisis .contenido .etiqueta a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.sliderFichaContenido.analisis .contenido .titulo {
    font-size: 24px;
    font-weight: 600;
}

.sliderFichaContenido.analisis .contenido .area {
    font-weight: 500;
    color: #444;
    font-size: 18px;
    text-transform: uppercase;
}

.sliderFichaContenido.analisis .contenido .area a {
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}

.sliderFichaContenido.analisis .contenido .escalar {
    position: absolute;
    top: 15px;
    right: 65px;
    text-align: right;
    transform: scale(.7);
    transform-origin: top right;
    text-transform: uppercase;
}

.sliderFichaContenido.analisis .contenido .escalar h2 {
    font-size: 16px;
    color: #777;
    margin: 0;
    font-weight: 600;
    padding: 0;
    width: 170px;
    line-height: 1.4;
    font-family: 'Montserrat', sans-serif;
}

.sliderFichaContenido.analisis .contenido .escalar h2 span {
    display: inline-block;
    width: 17px;
    height: 16px;
    vertical-align: text-top;
    margin-right: 10px;
}

.sliderFichaContenido.analisis .contenido .escalar h2 span::before {
    content: '';
    background: url(resources/spriteCorporate.png) no-repeat 0 0;
    width: 21px;
    height: 16px;
    display: block;
}

.sliderFichaContenido.analisis .contenido .escalar .tipo {
    display: inherit;
    font-size: 16px;
    margin-bottom: 0;
}

.sliderFichaContenido.analisis.report-azul .contenido .escalar h2 span::before {
    background-position: 1px 0px;
    background-size: 18px;
}

.sliderFichaContenido.analisis.report-naranja .contenido .escalar h2 span::before {
    background-position: -1px 0px;
    background-size: 18px;
}

.sliderFichaContenido.analisis.borde-rojo .contenido {
    border-left-color: var(--color-item-rojo);
}

.sliderFichaContenido.analisis.borde-verde .contenido {
    border-left-color: var(--color-item-verde-oscuro);
}

.sliderFichaContenido.analisis.borde-azul .contenido {
    border-left-color: var(--color-item-azul);
}

.sliderFichaContenido.analisis.borde-naranja .contenido {
    border-left-color: var(--color-item-naranja);
}

.sliderFichaContenido.analisis.borde-verdeclaro .contenido {
    border-left-color: var(--color-item-verde-claro);
}

.sliderFichaContenido.analisis.borde-morado .contenido {
    border-left-color: var(--color-item-morado);
}

.sliderFichaContenido.analisis.borde-amarillo .contenido {
    border-left-color: var(--color-item-amarillo);
}

.sliderFichaContenido.analisis.borde-azulverdoso .contenido {
    border-left-color: var(--color-item-azulverdoso);
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
    .sliderFichaContenido {
        min-height: 350px;
        padding: 20px 100px 20px 60px;
    }

    .sliderFichaContenido .contenido h2 {
        margin-bottom: 30px;
    }

    .sliderFichaContenido.report {
        margin-top: 65px;
    }
}

@media (max-width: 767px) {
    .sliderFichaContenido {
        min-height: 220px;
    }

    .sliderFichaContenido .contenido h2 {
        font-size: 16px;
    }

    .sliderFichaContenido .contenido .resourceType {
        font-size: 14px;
    }

    .sliderFichaContenido .contenido .descripcion {
        font-size: 16px;
    }

    .sliderFichaContenido .contenido .date {
        margin-left: 10px;
    }

    .sliderFichaContenido .opciones {
        padding: 5px 10px;
    }

    .sliderFichaContenido .opciones .descargas li {
        margin-bottom: 5px;
    }

    .sliderFichaContenido .opciones .descargas li a::before {
        margin-bottom: 5px;
    }
}

@media (max-width: 577px) {
    .sliderFichaContenido {
        padding: 10px 50px 60px;
        min-height: 250px;
    }

    .sliderFichaContenido:after {
        right: 0;
    }

    .sliderFichaContenido .ex {
        right: 50px;
    }

    .sliderFichaContenido .contenido .date {
        margin-left: 0;
        display: block;
    }

    .sliderFichaContenido .opciones {
        top: inherit;
        bottom: 0;
        left: 40px;
        height: 50px;
        width: auto;
        flex-direction: row;
    }

    .sliderFichaContenido .opciones ul li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px;
        border: 0;
    }

    .sliderFichaContenido .opciones .descargas {
        order: 1;
        transform: scale(.5);
    }

    .sliderFichaContenido .opciones .descargas li {
        margin: 0 5px;
    }

    .sliderFichaContenido .opciones .social {
        order: 2;
        display: flex;
        align-items: center;
        /*position: absolute; right: 10px; top: calc(-100% - 50px);*/
    }

    .sliderFichaContenido .opciones .social li {
        display: block;
        margin: 5px;
        border: 0 !important;
    }

    .sliderFichaContenido.video {
        padding-bottom: 10px;
        padding-right: 60px;
    }

    .sliderFichaContenido.video .ex {
        right: 60px;
    }

    .sliderFichaContenido.video a.clonLanzarModalMultimedia {
        right: 60px;
    }

    .sliderFichaContenido.video:after {
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 80px;
        margin-top: -50px;
    }

    .sliderFichaContenido.video .opciones {
        top: 0;
        bottom: inherit;
        left: inherit;
        height: 100%;
        width: 60px;
        align-items: flex-start;
        padding: 5px;
    }

    .sliderFichaContenido.video .opciones ul li {
        display: list-item;
        vertical-align: inherit;
        margin: 5px 0;
    }

    .sliderFichaContenido.video .opciones ul.social {
        position: relative;
        right: inherit;
        top: inherit;
        transform: scale(.7);
        transform-origin: left;
        display: block;
    }

    .sliderFichaContenido.video .opciones .social li {
        display: list-item;
        margin: 5px 0;
    }

    .sliderFichaContenido.audio {
        margin-bottom: 50px;
    }

    .sliderFichaContenido.audio .opciones {
        left: inherit;
        top: 0;
        bottom: 0;
        height: auto;
        width: 70px;
        flex-direction: column;
    }

    .sliderFichaContenido.audio .opciones ul.social {
        flex-direction: column;
    }

    .sliderFichaContenido.audio .opciones ul.social li {
        margin: 0 0 5px !important;
        padding: 0 !important;
    }

    .sliderFichaContenido.audio .opciones ul.social li.like {
        border: 0;
    }

    .sliderFichaContenido.audio .opciones ul.vinculado {
        flex-direction: column;
        order: 3;
    }

    .sliderFichaContenido.audio .opciones ul.vinculado li {
        margin: 0;
    }

    .sliderFichaContenido.audio .opciones ul.vinculado li.literal {
        width: auto;
        font-size: 10px;
        text-align: center;
    }

    .sliderFichaContenido.report {
        margin-bottom: 100px;
        margin-top: 165px;
    }

    .sliderFichaContenido.report .contenido {
        width: 100%;
    }

    .sliderFichaContenido.report .contenido .fecha,
    .sliderFichaContenido.report .contenido h2 span.tipo,
    .sliderFichaContenido.report .contenido h2 span.parte1,
    .sliderFichaContenido.report .contenido h2 span.parte2 {
        font-size: 24px;
    }

    .sliderFichaContenido.report .opciones {
        left: 0;
        bottom: -50px;
    }

    .sliderFichaContenido.report .opciones .vinculado {
        flex-direction: row;
        align-items: center;
    }

    .sliderFichaContenido.report .opciones .vinculado li.literal {
        margin-bottom: 0;
    }

    .sliderFichaContenido.report .opciones .descargas li.literal {
        display: none;
    }

    .sliderFichaContenido.analisis .contenido .titulo {
        font-size: 20px;
    }
}

@media (max-width: 401px) {
    .sliderFichaContenido.video {
        min-height: 180px;
    }

    .sliderFichaContenido.report .opciones .vinculado li.literal {
        display: none;
    }
}


/* MODAL PERMISOS */

#modalMultimedia .mensaje-restriccion {
    text-align: center;
}

#modalMultimedia .mensaje-registrate {
    text-align: center;
    padding-bottom: 20px;
    ;
}

#modalMultimedia .mensaje-registrate a {
    cursor: pointer;
    color: var(--color-azul-resource);
    font-weight: bold;
}


/* BLOQUE RECURSOS */

#recursos {}

#recursos h3 {}

#recursos .wrap {
    display: flex;
    margin-bottom: 50px;
}

#recursos .destacado {
    flex: 0 0 50%;
    max-width: 50%;
}

#recursos .destacado .item-recurso-widget .contenido .miniatura {
    height: 250px;
}

#recursos .destacado .item-recurso-widget .contenido .miniatura img {
    display: none;
}

#recursos .destacado .item-recurso-widget .contenido .datos-recurso {
    padding: 5px 10px;
    height: auto;
}

#recursos .listado-recursos {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 20px;
}

#recursos .listado-recursos .item-recurso-widget {
    /*margin-bottom: 10px;*/
    padding-bottom: 10px;
    border-bottom: 1px solid #E7E7E7;
    width: auto;
    padding-top: 10px;
}

#recursos .listado-recursos .item-recurso-widget:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

#recursos .listado-recursos .item-recurso-widget .borde {
    width: 16px;
    margin-right: 4px;
}

#recursos .listado-recursos .item-recurso-widget .contenido {}

#recursos .listado-recursos .item-recurso-widget .contenido .miniatura {
    padding-right: 15px;
    flex: 0 0 200px;
    max-width: 200px;
}

#recursos .listado-recursos .item-recurso-widget .contenido .datos-recurso {
    height: auto;
    margin-top: 0;
    padding: 0px 15px;
    background: none;
}

#recursos .listado-recursos .item-recurso-widget .contenido .datos-recurso .extra {
    font-size: 10px;
    flex-basis: 100%;
}

#recursos .listado-recursos .item-recurso-widget .contenido .datos-recurso .titulo {
    font-size: 12px;
}

#recursos .listado-recursos .item-recurso-widget .contenido .datos-recurso .acciones {
    flex-basis: 100%;
}

#recursos .verMasRecursos {
    color: #555;
    text-align: right;
    margin-top: 30px;
    font-size: 14px;
    position: relative;
    padding-left: 30px;
    float: right;
}

#recursos .verMasRecursos:after {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 0;
    content: '\E148';
    font-family: 'Material Icons';
    font-size: 20px;
    font-weight: normal;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
    #recursos .listado-recursos .item-recurso-widget .contenido .miniatura {
        flex: 0 0 150px;
        max-width: 150px;
    }
}

@media (max-width: 767px) {
    #recursos .wrap {
        flex-wrap: wrap;
    }

    #recursos .destacado,
    #recursos .listado-recursos {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
        padding: 0 !important;
    }

    #recursos .listado-recursos {
        height: 350px !important;
    }

    #recursos .destacado .item-recurso-widget .contenido .miniatura {
        height: 250px;
    }

    #recursos .destacado .item-recurso-widget .contenido .miniatura img {
        height: auto;
        width: 100%;
    }

    #recursos .listado-recursos .item-recurso-widget .contenido .miniatura img {
        height: 100px;
    }

    #recursos .verMasRecursos {
        margin-bottom: 30px;
    }
}

@media (max-width: 577px) {
    #recursos .destacado .item-recurso-widget .contenido .miniatura {
        height: 200px;
    }
}


/* BLOQUE PROCESO DE ADMISON */

.fichaDefault #proceso-admision {}

.fichaDefault #proceso-admision ul {
    padding-left: 20px;
}

.fichaDefault #proceso-admision ul li {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 10px;
}

.fichaDefault #proceso-admision ul li strong {
    font-weight: 600;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .fichaDefault #proceso-admision ul {
        padding-left: 40px;
    }
}

@media (max-width: 577px) {}


/* BLOQUE INFORMACION DE CONTACTO */

.fichaDefault #contacto {}

.fichaDefault #contacto h3 {}

.fichaDefault #contacto .datosContacto {}

.fichaDefault #contacto .datosContacto p {
    color: #666;
    margin-bottom: 0;
    font-weight: 500;
}

.fichaDefault #contacto .datosContacto p.titulo {
    color: var(--color-azul);
    text-transform: uppercase;
    font-weight: 900;
    font-size: 20px;
    margin-bottom: 30px;
}

.fichaDefault #contacto .datosContacto p.nombre {
    font-size: 18px;
}

.fichaDefault #contacto .datosContacto p.email {
    margin-bottom: 15px;
    font-size: 15px;
}

.fichaDefault #contacto .datosContacto p.telefono {
    font-size: 20px;
}

.fichaDefault #contacto .datosContacto p.direccion {
    margin-bottom: 50px;
    font-size: 18px;
}

.fichaDefault #contacto .botonera {
    display: flex;
    flex-wrap: wrap;
}

.fichaDefault #contacto .botonera a {
    color: #FFF;
    text-transform: uppercase;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    display: block;
    width: 200px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
    margin-right: 15px;
}

.fichaDefault #contacto .botonera a.info {
    background: var(--color-rosa);
}

.fichaDefault #contacto .botonera a.insc {
    background: var(--color-azul);
}

.fichaDefault #contacto .datosContacto.conImagen {
    display: flex;
    flex-wrap: wrap;
}

.fichaDefault #contacto .datosContacto.conImagen p.titulo {
    flex: 0 0 100%;
    max-width: 100%;
}

.fichaDefault #contacto .datosContacto.conImagen .imagen {
    flex: 0 0 130px;
    max-width: 130px;
    height: 130px;
    border-radius: 50%;
    margin-right: 40px;
    overflow: hidden;
}

.fichaDefault #contacto .datosContacto.conImagen .imagen .img {
    width: 130px;
    height: 130px;
}

.fichaDefault #contacto .datosContacto.conImagen .datos {
    flex: 0 0 calc(100% - 170px);
    max-width: calc(100% - 170px);
}

.fichaDefault #contacto .datosContacto.conImagen .datos p {}

@media (max-width: 1199px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .fichaDefault #contacto .botonera a {
        margin: 10px auto;
        display: inline-block;
    }
}

@media (max-width: 577px) {
    .fichaDefault #contacto .botonera a {
        display: block;
    }
}


/* BLOQUE CONTENIDOS RELACIONADOS */

.fichaDefault .contenidoRelacionado {
    margin-bottom: 50px;
}

.fichaDefault .contenidoRelacionado .tituloBloque {
    font-size: 16px;
}

.fichaDefault .contenidoRelacionado .listado-destacados {
    display: block;
}


/* BLOQUE COMENTARIOS */

.fichaDefault .comentarios {
    margin: 50px 0;
}

.fichaDefault .comentarios .bloqueTitulo {
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    height: auto;
    line-height: inherit;
    background: none;
    padding: 0;
}

.fichaDefault .comentarios textarea {
    background: #F7F3F4;
    width: 100%;
    height: 100px;
    padding: 5px 15px;
    border: 0;
}


/* TWITTER */

.fichaDefault .contenidoTwitter {}

.fichaDefault .contenidoTwitter .bloqueTitulo {
    margin-bottom: 0;
}

.fichaDefault .contenidoTwitter .listado-twitter {
    padding: 20px 15px;
}

.fichaDefault .contenidoTwitter .listado-twitter .item-twitter {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E6E6E6;
    position: relative;
    padding-left: 30px;
}

.fichaDefault .contenidoTwitter .listado-twitter .item-twitter:last-child {
    border-bottom: 0;
}

.fichaDefault .contenidoTwitter .listado-twitter .item-twitter::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\f099';
    font-family: FontAwesome;
    color: #999;
    font-size: 24px;
}

.fichaDefault .contenidoTwitter .listado-twitter .item-twitter .titulo {
    color: #999;
    line-height: 1.2;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
}

.fichaDefault .contenidoTwitter .listado-twitter .item-twitter .titulo .tag,
.fichaDefault .contenidoTwitter .listado-twitter .item-twitter a {
    color: #1D2B5A;
    font-weight: 600;
    font-size: 14px;
}

.fichaDefault .contenidoTwitter .listado-twitter .item-twitter .tiempo {
    color: #999;
    font-size: 12px;
    font-style: italic;
    margin: 0;
}


/* LO MAS LEIDO */

.fichaDefault .loMasLeido {}

.fichaDefault .loMasLeido .bloqueTitulo {
    margin-bottom: 0;
}

.fichaDefault .loMasLeido .listado-masleido {
    padding: 20px 15px;
}

.fichaDefault .loMasLeido .listado-masleido .item-masleido {
    display: flex;
    align-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E6E6E6;
}

.fichaDefault .loMasLeido .listado-masleido .item-masleido:last-child {
    border-bottom: 0;
}

.fichaDefault .loMasLeido .listado-masleido .item-masleido .imagen-masleido {
    flex: 0 0 90px;
    height: 60px;
}

.fichaDefault .loMasLeido .listado-masleido .item-masleido .imagen-masleido img {
    display: none;
}

.fichaDefault .loMasLeido .listado-masleido .item-masleido .datos-masleido {
    flex: 0 0 calc(100% - 90px);
    padding-left: 15px;
}

.fichaDefault .loMasLeido .listado-masleido .item-masleido .datos-masleido .titulo {
    color: #333;
    font-weight: 600;
    line-height: 1.3;
    font-size: 13px;
    margin-bottom: 5px;
}

.fichaDefault .loMasLeido .listado-masleido .item-masleido .datos-masleido .fecha {
    color: #999;
    font-size: 11px;
    margin: 0;
}

/* DESCARGAS MATERIALES */

.fichaDefault #materiales {}

.fichaDefault #materiales>.wrap {
    display: flex;
    align-items: center;
}

/* .fichaDefault #materiales>.wrap>div {
    padding: 15px;
} */

.fichaDefault #materiales .wrap .listado-materiales {
    flex-grow: 2;
}

.fichaDefault #materiales .wrap .listado-materiales ul {
    margin: 0;
    padding: 0;
    list-style: none outside none;
}

.fichaDefault #materiales .wrap .listado-materiales ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 50px;
}

.fichaDefault #materiales .wrap .listado-materiales ul li span {
    display: block;
    color: #999;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.fichaDefault #materiales .wrap .listado-materiales ul li span span {
    text-transform: none;
    display: inline;
}

.fichaDefault #materiales .wrap .listado-materiales ul li a {
    display: block;
    color: #94B7C0;
    text-decoration: underline;
}

.fichaDefault #materiales .wrap .listado-materiales ul li a:not([href]) {
    display: block;
    color: #333;
    text-decoration: none;
}


/*
.fichaDefault #materiales .wrap .listado-materiales ul li::before { position: absolute; left: 0; top: 50%; margin-top: -17px; content: ''; display: block; border: 1px solid #eee; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat 0px 0px; }
.fichaDefault #materiales .wrap .listado-materiales ul li.informe::before { background-position: -173px -3px; }
.fichaDefault #materiales .wrap .listado-materiales ul li.programa::before { background-position: -173px -43px; }
.fichaDefault #materiales .wrap .listado-materiales ul li.presentacion::before { background-position: -173px -83px; }
.fichaDefault #materiales .wrap .listado-materiales ul li.video::before { background-position: -173px -203px; }
.fichaDefault #materiales .wrap .listado-materiales ul li.podcast::before { background-position: -173px -203px; }
*/

.fichaDefault #materiales .wrap .listado-materiales ul li {
    margin-bottom: 30px;
}

.fichaDefault #materiales .wrap .listado-materiales ul li span,
.fichaDefault #materiales .wrap .listado-materiales ul li a {}

.fichaDefault #materiales .wrap .listado-materiales ul li::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    display: block;
    border: 1px solid #222;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat 0px 0px;
}

.fichaDefault #materiales .wrap .listado-materiales ul li.programa::before {
    background-position: -456px -2px;
}

.fichaDefault #materiales .wrap .listado-materiales ul li.programa span {
    color: #94B7C0;
    text-transform: none;
}

.fichaDefault #materiales .wrap .listado-materiales ul li.presentacion::before {
    background-position: -458px -209px;
}

.fichaDefault #materiales .wrap .listado-materiales ul li.video::before {
    background-position: -457px -99px;
}

.fichaDefault #materiales .wrap .listado-materiales ul li.informe::before {
    background-position: -456px -154px;
}

.fichaDefault #materiales .wrap .listado-materiales ul li.podcast::before {
    background-position: -457px -48px;
}

@media (max-width: 991px) {
    .fichaDefault #materiales .wrap .listado-materiales ul li::before {
        top: 0;
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .fichaDefault #materiales>.wrap {
        display: block;
    }
}

/* BLOQUE SERVICIOS */

.fichaDefault #servicios {}

.fichaDefault #servicios .desplegables {}

.fichaDefault #servicios .desplegables .desplegable-mas {}

.fichaDefault #servicios .desplegables .desplegable-mas .header {}

.fichaDefault #servicios .desplegables .desplegable-mas .header .titulo {
    padding-left: 40px;
    padding-right: 0;
}

.fichaDefault #servicios .desplegables .desplegable-mas .header .material-icons {
    right: inherit;
    left: 15px;
}

.fichaDefault #servicios .desplegables .desplegable-mas .body {
    padding: 15px 10px;
}

.fichaDefault #servicios .desplegables .desplegable-mas .body p {}

.fichaDefault #servicios .desplegables .desplegable-mas .body div {}

.fichaDefault #servicios .desplegables .desplegable-mas .body .btn {
    padding: 5px 15px;
    font-size: 16px;
}


/* CATEGORIA FICHA */

.fichaDefault .categoriaFicha {
    font-weight: 600;
    color: #F48122;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
    margin-bottom: 10px;
}

.fichaDefault.borde-rojo .categoriaFicha {
    color: var(--color-item-rojo);
}

.fichaDefault.borde-rojo .categoriaFicha a {
    color: var(--color-item-rojo);
}

.fichaDefault.borde-verde .categoriaFicha {
    color: var(--color-item-verde-oscuro);
}

.fichaDefault.borde-verde .categoriaFicha a {
    color: var(--color-item-verde-oscuro);
}

.fichaDefault.borde-azul .categoriaFicha {
    color: var(--color-item-azul);
}

.fichaDefault.borde-azul .categoriaFicha a {
    color: var(--color-item-azul);
}

.fichaDefault.borde-naranja .categoriaFicha {
    color: var(--color-item-naranja);
}

.fichaDefault.borde-naranja .categoriaFicha a {
    color: var(--color-item-naranja);
}

.fichaDefault.borde-verdeclaro .categoriaFicha {
    color: var(--color-item-verde-claro);
}

.fichaDefault.borde-verdeclaro .categoriaFicha a {
    color: var(--color-item-verde-claro);
}

.fichaDefault.borde-morado .categoriaFicha {
    color: var(--color-item-morado);
}

.fichaDefault.borde-morado .categoriaFicha a {
    color: var(--color-item-morado);
}

.fichaDefault.borde-amarillo .categoriaFicha {
    color: var(--color-item-amarillo);
}

.fichaDefault.borde-amarillo .categoriaFicha a {
    color: var(--color-item-amarillo);
}

.fichaDefault.borde-azulverdoso .categoriaFicha {
    color: var(--color-item-azulverdoso);
}

.fichaDefault.borde-azulverdoso .categoriaFicha a {
    color: var(--color-item-azulverdoso);
}


/* FICHA CURSO */

.fichaCurso {}

.fichaCurso .container[role="main"] {
    margin-top: 50px;
}


/* FICHA CURSO ALUMNI */

.fichaCurso-alumni {}

/* FICHA EVENTO */

.fichaEvento {}

.fichaEvento .container[role="main"] {}

.fichaEvento .container[role="main"]>.row {}

.fichaEvento .container[role="main"]>.row>.col01,
.fichaEvento .container[role="main"]>.row>.col02 {
    padding-left: 15px;
    padding-right: 15px;
}

.fichaEvento .container[role="main"]>.row>.col02 {
    padding-right: 50px;
}

.fichaEvento .rowCabecera {
    align-items: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 50px;
}

.fichaEvento .rowCabecera .col {}

.fichaEvento .rowCabecera .col.colizq {
    flex-grow: 2;
    position: relative;
    padding-left: 70px;
}

.fichaEvento .rowCabecera .col.colizq::before {
    content: '';
    display: block;
    width: 55px;
    height: 55px;
    position: absolute;
    top: 10px;
    left: 0;
    background: #6F2A69;
    border-radius: 50%;
}

.fichaEvento .rowCabecera .col.coldch {
    text-align: right;
    max-width: 330px;
}

.fichaEvento .rowCabecera .col.coldch .acciones {
    display: inline-flex;
}

.fichaEvento .rowCabecera .col p {
    margin: 0;
}

.fichaEvento .rowCabecera .col .tipoEvento {
    color: #6f2a6a;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}

.fichaEvento .rowCabecera .col h1 {
    color: #333;
    font-weight: 600;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
}

.fichaEvento .rowCabecera .col .fecha,
.fichaEvento .rowCabecera .col .lugar {
    color: #333;
    font-size: 16px;
}

.fichaEvento .rowCabecera .col .divEnlaces {
    margin: 20px 0;
}

.fichaEvento .rowCabecera .col.coldch p {
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding-left: 25px;
    margin-bottom: 0px;
    font-size: 13px;
    text-align: left;
}

.fichaEvento .rowCabecera .col.coldch p::before {
    /*content: '\f097'; font-family: FontAwesome; font-size: 20px; color: #ddd; position: absolute; top: 50%; left: 0; font-weight: normal; margin-top: -15px;*/
    content: '';
    color: #999;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 0;
    font-size: 16px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat
        /*-131px -185px*/
        -320px -119px;
}

.fichaEvento .rowCabecera .col.coldch .activo p::before {
    background-position: -320px -149px;
}

.fichaEvento .rowCabecera .col.coldch .btn {
    background: #A9CAD1;
    color: #FFF;
    height: 35px;
    line-height: 35px;
    padding: 0 90px;
    text-align: center;
    font-size: 13px;
}

.fichaEvento .rowCabecera .col.coldch .div-btn-comprar .btn {
    padding: 0 15px;
    width: 100%;
    height: auto;
    line-height: normal;
    white-space: normal;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fichaEvento .rowCuerpo {}

.fichaEvento .rowCuerpo .tituloBloque {
    font-size: 20px;
    text-transform: uppercase;
    color: #A59099;
    margin-bottom: 10px;
    display: block;
}

.fichaEvento .rowCuerpo .col01 .tituloBloque {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #A59099;
}

.fichaEvento .rowCuerpo .descripcion {
    margin-bottom: 50px;
}

.fichaEvento .rowCuerpo .descripcion p {
    font-size: 13px;
    line-height: 1.8;
}

.fichaEvento .rowCuerpo .ponentes {
    margin-bottom: 50px;
}

.fichaEvento .rowCuerpo .ponentes .listado-ponentes {}

.fichaEvento .rowCuerpo .ponentes .listado-ponentes .item-ponente {
    display: flex;
    margin-bottom: 15px;
}

.fichaEvento .rowCuerpo .ponentes .listado-ponentes .item-ponente .imagen-ponente {
    flex-basis: 150px;
}

.fichaEvento .rowCuerpo .ponentes .listado-ponentes .item-ponente .imagen-ponente img {}

.fichaEvento .rowCuerpo .ponentes .listado-ponentes .item-ponente .datos-ponente {
    flex-basis: calc(100% - 150px);
    padding-left: 20px;
}

.fichaEvento .rowCuerpo .ponentes .listado-ponentes .item-ponente .datos-ponente p {
    font-size: 13px;
    line-height: 1.8;
}

.fichaEvento .rowCuerpo .ponentes .listado-ponentes .item-ponente .datos-ponente p a {
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}

.fichaEvento .rowCuerpo .ponentes .listado-ponentes .item-ponente .datos-ponente p.nombre {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.fichaEvento .rowCuerpo .masInformacion {
    margin-bottom: 50px;
}

.fichaEvento .rowCuerpo .masInformacion .tituloBloque {
    font-size: 18px;
}

.fichaEvento .rowCuerpo .masInformacion p {
    margin: 0;
    font-size: 13px;
}

.fichaEvento .rowCuerpo .ubicacion {
    margin-bottom: 30px;
}

.fichaEvento .rowCuerpo .ubicacion .mapa {}

.fichaEvento .rowCuerpo .ubicacion .mapa iframe {
    max-width: 100%;
}

.fichaEvento .rowCuerpo .ubicacion .datos-ubicacion {
    background: #e8e7e6;
    padding: 20px 10px;
}

.fichaEvento .rowCuerpo .ubicacion .datos-ubicacion p {
    font-weight: 400;
    margin: 0;
    font-size: 14px;
}

.fichaEvento .rowCuerpo .ubicacion .datos-ubicacion p.calle {}

.fichaEvento .rowCuerpo .ubicacion .datos-ubicacion p.lugar {}

.fichaEvento .rowCuerpo .ubicacion .datos-ubicacion p.cuando {
    margin-top: 30px;
}

.fichaEvento .rowCuerpo .ubicacion .datos-ubicacion p.fecha {}

.fichaEvento .rowCuerpo .ubicacion .datos-ubicacion p.hora {}

.fichaEvento .rowCuerpo .ubicacion .datos-ubicacion a.agregar {
    font-size: 14px;
}

.fichaEvento .rowCuerpo .ubicacion #mapEventoId {
    width: 100%;
    height: 200px;
    z-index: 1;
}

.fichaEvento .rowCuerpo .asistentes {}

.fichaEvento .rowCuerpo .asistentes .listado-asistentes {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.fichaEvento .rowCuerpo .asistentes .listado-asistentes .item-asistente {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
}

.fichaEvento .rowCuerpo .asistentes .listado-asistentes .item-asistente a,
.fichaEvento .rowCuerpo .asistentes .listado-asistentes .item-asistente span {
    display: block;
    height: 100%;
    line-height: 60px;
    text-align: center;
    font-size: 22px;
    color: #FFF;
    background: #eee;
}

.fichaEvento .pie {}

.fichaEvento .pie .editar {
    margin-bottom: 1.5em;
}

.fichaEvento .pie .editar a {
    cursor: pointer;
}

.fichaEvento .rowCabecera.borde-rojo .col.colizq::before {
    background: var(--color-item-rojo);
}

.fichaEvento .rowCabecera.borde-rojo .col .tipoEvento {
    color: var(--color-item-rojo);
}

.fichaEvento .rowCabecera.borde-verde .col.colizq::before {
    background: var(--color-item-verde-oscuro);
}

.fichaEvento .rowCabecera.borde-verde .col .tipoEvento {
    color: var(--color-item-verde-oscuro);
}

.fichaEvento .rowCabecera.borde-azul .col.colizq::before {
    background: var(--color-item-azul);
}

.fichaEvento .rowCabecera.borde-azul .col .tipoEvento {
    color: var(--color-item-azul);
}

.fichaEvento .rowCabecera.borde-naranja .col.colizq::before {
    background: var(--color-item-naranja);
}

.fichaEvento .rowCabecera.borde-naranja .col .tipoEvento {
    color: var(--color-item-naranja);
}

.fichaEvento .rowCabecera.borde-verdeclaro .col.colizq::before {
    background: var(--color-item-verde-claro);
}

.fichaEvento .rowCabecera.borde-verdeclaro .col .tipoEvento {
    color: var(--color-item-verde-claro);
}

.fichaEvento .rowCabecera.borde-morado .col.colizq::before {
    background: var(--color-item-morado);
}

.fichaEvento .rowCabecera.borde-morado .col .tipoEvento {
    color: var(--color-item-morado);
}

.fichaEvento .rowCabecera.borde-amarillo .col.colizq::before {
    background: var(--color-item-amarillo);
}

.fichaEvento .rowCabecera.borde-amarillo .col .tipoEvento {
    color: var(--color-item-amarillo);
}

.fichaEvento .rowCabecera.borde-azulverdoso .col.colizq::before {
    background: var(--color-item-azulverdoso);
}

.fichaEvento .rowCabecera.borde-azulverdoso .col .tipoEvento {
    color: var(--color-item-azulverdoso);
}

@media (max-width: 767px) {
    .fichaEvento .rowCabecera .col.coldch .acciones {
        justify-content: left;
        width: 100%;
        max-width: 100%;
    }

    .fichaEvento .rowCuerpo .descripcion img {
        height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* GENERICO MODAL */

.modal .modal-dialog {}

.modal .modal-dialog .modal-content {
    border: 1px solid #f6f6f6;
    border-radius: 0;
}

.modal.modal-con-header .modal-header {
    padding: 15px 30px 15px 40px;
    border-bottom: none;
    background-color: var(--color-rosa-resource);
    color: var(--color-blanco);
    border-radius: 0;
}

.modal.modal-con-header .modal-header h5 {
    color: var(--color-blanco);
    font-family: 'Montserrat', sans-serif;
}

.modal.modal-con-header .modal-header .close {
    opacity: 1;
    cursor: pointer;
}

.modal.modal-con-header .modal-header .close span {
    color: var(--color-blanco);
}

#modalAgregarCalendario .modal-dialog {
    max-width: 600px;
}

#modalAgregarCalendario .rowCalendario {}

#modalAgregarCalendario .rowCalendario .col {
    padding: 20px 40px;
}

#modalAgregarCalendario .rowCalendario .col .wrap {
    padding: 0;
    text-align: right;
    position: relative;
}

#modalAgregarCalendario .rowCalendario .col .wrap .titulo {
    display: block;
    border-bottom: 1px solid #C9DDDE;
    font-size: 18px;
    text-transform: uppercase;
    color: #555;
    padding-bottom: 15px;
    line-height: normal;
    margin-bottom: 30px;
    text-align: left;
}

#modalAgregarCalendario .rowCalendario .col .wrap ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;
}

#modalAgregarCalendario .rowCalendario .col .wrap ul li {
    border-bottom: 1px solid #f6f6f6;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 80px;
    position: relative;
    font-weight: 400;
    color: #666;
    height: 80px;
    line-height: 80px;
}

#modalAgregarCalendario .rowCalendario .col .wrap ul li::before {
    content: '';
    background: url(resources/spriteCalendarios.png) no-repeat 0 0;
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 0;
}

#modalAgregarCalendario .rowCalendario .col .wrap ul li:last-child {
    border-bottom: 0;
    margin-bottom: 30px;
}

#modalAgregarCalendario .rowCalendario .col .wrap ul li.outlook::before {
    background-position: -5px -5px;
}

#modalAgregarCalendario .rowCalendario .col .wrap ul li.google::before {
    background-position: -5px -75px;
}

#modalAgregarCalendario .rowCalendario .col .wrap ul li.apple::before {
    background-position: -5px -155px;
}

#modalAgregarCalendario .rowCalendario .col .wrap ul li.yahoo::before {
    background-position: -5px -225px;
}

#modalAgregarCalendario .rowCalendario .col .wrap .btn {
    background: #A9CAD1;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    border: 0;
}

#modalAgregarCalendario .rowCalendario .col .wrap .close {
    position: absolute;
    top: 0;
    right: 0;
    color: #ddd;
    font-size: 30px;
    cursor: pointer;
}

#modalEventoExclusivo {}

#modalEventoExclusivo .modal-dialog {
    max-width: 600px;
}

#modalEventoExclusivo .modal-body {
    padding: 50px 40px;
}

#modalEventoExclusivo .modal-body .close {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
}

#modalEventoExclusivo .modal-body .wrap {
    text-align: center;
}

#modalEventoExclusivo .modal-body .wrap p {
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    color: #666;
}

#modalEventoExclusivo .modal-body .wrap p:first-child {
    font-size: 18px;
}

#modalEventoExclusivo .modal-body .wrap a {
    background: #A9CAD1;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    border: 0;
    margin-top: 10px;
    font-weight: 600;
}

#modalSelModalidad {}

#modalSelModalidad .modal-dialog {}

#modalSelModalidad .modal-dialog .modal-content {}

#modalSelModalidad .modal-body {
    position: relative;
    padding: 40px;
}

#modalSelModalidad .modal-body .close {
    position: absolute;
    top: 40px;
    right: 40px;
    color: #666;
}

#modalSelModalidad .modal-body .wrap {}

#modalSelModalidad .modal-body .wrap .modal-title {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-azul);
    margin-bottom: 40px;
    text-transform: uppercase;
    font-size: 20px;
    padding-right: 30px;
}

#modalSelModalidad .modal-body .wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#modalSelModalidad .modal-body .wrap ul li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

#modalSelModalidad .modal-body .wrap ul li input {
    margin-right: 10px;
}

#modalSelModalidad .modal-body .wrap ul li label {
    flex-grow: 1;
    margin: 0;
    font-size: 18px;
}

#modalSelModalidad .modal-body .wrap .acciones {
    text-align: right;
    margin-top: 50px;
}

#modalSelModalidad .modal-body .wrap .acciones .btn {}

#modalVideoTutorial .modal-dialog {
    max-width: 800px;
    margin: 0px auto;
    top: 50%;
    transform: translateY(-50%);
}

#modalVideoTutorial .modal-body {
    position: relative;
    padding: 0px;
}

#modalVideoTutorial.modal .modal-dialog .modal-content {
    border: none;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
    .modal .modal-dialog {
        max-width: 90%;
    }
}

@media (max-width: 767px) {
    .modal .modal-dialog {
        max-width: 100%;
    }

    /*
	.fichaEvento .container[role="main"] > .row { flex-wrap: wrap; align-items: flex-start; }
	.fichaEvento .container[role="main"] > .row > .col01,
	.fichaEvento .container[role="main"] > .row > .col02 { flex-basis: 100%; padding-right: 15px; }

	.fichaEvento .container[role="main"] > .row > .col01 { display: flex; }

	.fichaEvento .rowCabecera { border-bottom: 0; margin-bottom: 10px; }
	.fichaEvento .rowCabecera .col.coldch { padding-top: 20px; max-width: 130px; padding-right: 0; }
	.fichaEvento .rowCabecera .col.coldch .btn { padding: 0 5px; }

	.fichaEvento .rowCuerpo .ubicacion ,
	.fichaEvento .rowCuerpo .asistentes { flex-basis: calc(50% - 15px); }
	.fichaEvento .rowCuerpo .ubicacion { margin-right: 15px; }
	.fichaEvento .rowCuerpo .asistentes { margin-left: 15px; }

	#modalAgregarCalendario .rowCalendario .col { padding: 0; }
	*/
}

@media (max-width: 577px) {
    .fichaEvento .container[role="main"]>.row {
        padding: 0 15px;
    }

    .fichaEvento .container[role="main"]>.row>.col01,
    .fichaEvento .container[role="main"]>.row>.col02 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .fichaEvento .container[role="main"]>.row>.col01>div {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 401px) {
    .fichaEvento .rowCabecera {
        border-bottom: 0;
    }

    .fichaEvento .rowCabecera .col {
        flex-basis: 100% !important;
        text-align: center !important;
        padding: 0 15px !important;
        max-width: 100% !important;
    }

    .fichaEvento .rowCabecera .col.colizq::before {
        display: none;
    }

    .fichaEvento .rowCabecera .col.coldch p {
        display: inline-block;
        min-width: 50%;
        margin: 0 auto;
    }

    .fichaEvento .rowCabecera .col.coldch .btn {
        min-width: 55%;
        margin-top: 15px;
    }

    .fichaEvento .rowCabecera .col .divEnlaces ul {
        display: flex;
        justify-content: center;
    }

    .fichaEvento .rowCuerpo .tituloBloque {
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px solid #A59099;
    }

    .fichaEvento .rowCuerpo .ponentes .listado-ponentes .item-ponente .imagen-ponente {
        flex-basis: 90px;
    }

    .fichaEvento .rowCuerpo .ponentes .listado-ponentes .item-ponente .datos-ponente {
        flex-basis: calc(100% - 90px);
    }

    .fichaEvento .rowCuerpo>.col01 {
        display: block !important;
    }

    .fichaEvento .rowCuerpo .ubicacion,
    .fichaEvento .rowCuerpo .asistentes {
        flex-basis: 100%;
        margin: 0 0 30px !important;
    }

    #modalAgregarCalendario .rowCalendario .col {
        padding: 0 15px;
    }

    #modalAgregarCalendario .rowCalendario .col .wrap {
        padding: 20px 15px;
    }

    #modalEventoExclusivo .modal-body .wrap {
        text-align: center;
    }

    #modalEventoExclusivo .modal-body .wrap p {
        text-align: left;
    }

    .fichaEvento .container[role="main"]>.row {
        padding: 0;
    }

    .fichaEvento .container[role="main"]>.row>.col01>div {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* FICHA WORKSHOP CONFERENCIA */

.fichaWorkshop {}

.fichaWorkshop .row .col .box {
    margin-bottom: 50px;
    position: relative;
}

.fichaWorkshop .row .col .box .item-recurso-widget .contenido .datos-recurso .titulo span {
    margin-left: 15px;
}

.fichaWorkshop #recursos>.etiqueta {
    display: block;
    color: #CB1D50;
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 15px;
}

.fichaWorkshop #recursos>.tipoRecurso {
    display: inline-block;
    background: #AACBD2;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px 5px;
    line-height: 1;
    margin-bottom: 10px;
}

.fichaWorkshop #recursos>.tipoRecurso>a {
    color: white;
}

.fichaWorkshop #recursos h1 {
    font-size: 20px;
    margin-bottom: 10px;
}

.fichaWorkshop #recursos h1 span {
    display: inline-block;
    font-weight: inherit;
}

.fichaWorkshop .div-btn-comprar {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fichaWorkshop .div-btn-comprar .btn {}

#recursos .destacado {
    padding-right: 15px;
    padding-top: 15px;
}

#recursos .destacado .item-recurso-widget {
    width: auto;
}

#recursos .destacado .item-recurso-widget .contenido .miniatura img {
    height: 300px;
}

#recursos .listado-recursos {
    background: #F8F8F8;
    padding: 0 15px 15px;
    margin-top: 15px;
    height: 359px;
    overflow-y: auto;
}

#recursos .listado-recursos .item-recurso-widget .contenido .miniatura {
    position: relative;
}

.fichaWorkshop #ponentes {}

.fichaWorkshop .listadoPersonas .listado-personas .item-persona {
    justify-content: flex-start;
}

.fichaWorkshop .listadoPersonas .listado-personas .item-persona .imagen-persona {
    height: 150px;
    max-width: 150px;
}

.fichaWorkshop .listadoPersonas .listado-personas .item-persona .datos-persona {
    padding-left: 15px;
}

.fichaWorkshop .rowRelacionados .bloqueTitulo {}

.fichaWorkshop .rowRelacionados .bloqueTitulo span {
    font-size: 20px;
    color: #A59099;
    text-transform: uppercase;
    /*font-weight: 600;*/
    width: auto;
    padding-left: 0;
    border: 0;
}

.fichaWorkshop .rowRelacionados .bloqueTitulo .linea {
    background: #A59099;
}

.fichaWorkshop .rowRelacionados .listado-destacados {}

.fichaWorkshop .rowRelacionados .listado-destacados>div {
    max-width: 33.33%;
    padding: 0 15px;
    height: 200px;
}

.fichaWorkshop .rowRelacionados .listado-destacados>div:first-child {
    padding-left: 0;
}

.fichaWorkshop .rowRelacionados .listado-destacados>div:last-child {
    padding-right: 0;
}

.fichaWorkshop .rowRelacionados .listado-destacados>div .miniatura {
    height: 170px;
}

.fichaWorkshop .rowRelacionados .listado-destacados>div .datos-recurso {
    /* height: 97px; */
    padding: 5px 10px;
}

.fichaWorkshop.borde-rojo #recursos>.etiqueta {
    color: var(--color-item-rojo);
}

.fichaWorkshop.borde-verde #recursos>.etiqueta {
    color: var(--color-item-verde-oscuro);
}

.fichaWorkshop.borde-azul #recursos>.etiqueta {
    color: var(--color-item-azul);
}

.fichaWorkshop.borde-naranja #recursos>.etiqueta {
    color: var(--color-item-naranja);
}

.fichaWorkshop.borde-verdeclaro #recursos>.etiqueta {
    color: var(--color-item-verde-claro);
}

.fichaWorkshop.borde-morado #recursos>.etiqueta {
    color: var(--color-item-morado);
}

.fichaWorkshop.borde-amarillo #recursos>.etiqueta {
    color: var(--color-item-amarillo);
}

.fichaWorkshop.borde-azulverdoso #recursos>.etiqueta {
    color: var(--color-item-azulverdoso);
}

.fichaWorkshop.borde-rojo #recursos>.etiqueta a {
    color: var(--color-item-rojo);
}

.fichaWorkshop.borde-verde #recursos>.etiqueta a {
    color: var(--color-item-verde-oscuro);
}

.fichaWorkshop.borde-azul #recursos>.etiqueta a {
    color: var(--color-item-azul);
}

.fichaWorkshop.borde-naranja #recursos>.etiqueta a {
    color: var(--color-item-naranja);
}

.fichaWorkshop.borde-verdeclaro #recursos>.etiqueta a {
    color: var(--color-item-verde-claro);
}

.fichaWorkshop.borde-morado #recursos>.etiqueta a {
    color: var(--color-item-morado);
}

.fichaWorkshop.borde-amarillo #recursos>.etiqueta a {
    color: var(--color-item-amarillo);
}

.fichaWorkshop.borde-azulverdoso #recursos>.etiqueta a {
    color: var(--color-item-azulverdoso);
}

.listado-destacados .owl-nav {}

.listado-destacados .owl-nav>button {
    background: #000;
    opacity: 0.5;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    text-indent: -9999em;
    background-position: center !important;
    font-size: 0;
}

.listado-destacados .owl-nav>button.disabled {
    opacity: 0.3;
}

.listado-destacados .owl-nav>button.disabled a {
    cursor: default;
}

.listado-destacados .owl-nav>button:before {
    width: 100%;
    display: inline-block;
    font-family: 'Material Icons';
    content: '\E409';
    font-size: 20px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.listado-destacados .owl-nav .owl-prev {
    left: 0;
}

.listado-destacados .owl-nav .owl-prev:before {
    content: '\E408';
}

.listado-destacados .owl-nav .owl-next {
    right: 0;
}

.listado-destacados .owl-nav .owl-next:before {
    content: '\E409';
}

.listado-destacados .owl-nav>button:hover {
    opacity: 1;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
    .fichaWorkshop .rowRelacionados .listado-destacados>div {
        height: 223px;
    }

    .fichaWorkshop .rowRelacionados .listado-destacados>div .datos-recurso {
        height: 120px;
    }
}

@media (max-width: 767px) {
    .fichaWorkshop #recursos .destacado {
        padding-right: 0;
    }

    .fichaWorkshop .listadoPersonas .listado-personas .item-persona {
        max-width: 100%;
    }

    .fichaWorkshop .listadoPersonas .listado-personas .item-persona .imagen-persona {
        max-width: 150px;
        flex: 0 0 150px;
    }

    .fichaWorkshop .listadoPersonas .listado-personas .item-persona .datos-persona {
        flex: 0 0 calc(100% - 150px);
        max-width: calc(100% - 150px);
        padding-top: 0;
    }

    .fichaWorkshop .rowRelacionados .listado-destacados {
        flex-flow: column;
    }

    .fichaWorkshop .rowRelacionados .listado-destacados>div {
        max-width: 350px;
        margin-bottom: 15px;
        padding: 0;
    }
}

@media (max-width: 577px) {
    .fichaWorkshop #recursos .listado-recursos {
        flex-basis: calc(100% + 30px);
        margin: 0;
    }

    .fichaWorkshop .listadoPersonas .bloqueTitulo,
    .fichaWorkshop .listadoPersonas .bloqueTitulo span {
        height: 40px;
        line-height: 40px;
    }

    .fichaWorkshop .listadoPersonas .listado-personas .item-persona .imagen-persona {}

    .fichaWorkshop .listadoPersonas .listado-personas .item-persona .datos-persona {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
    }
}

/* FICHA PODCAST */

.fichaPodcast .sliderFichaContenido .ex {
    right: 0;
}


/* */

.fichaConocimiento {}

/* .fichaConocimiento .container[role="main"] .col01 {
    padding-right: 100px;
} */

.fichaConocimiento .container[role="main"] .col02 {
    padding-left: 15px;
}

.fichaConocimiento .container[role="main"] .col01 p {}

@media (max-width: 578px) {
    .fichaConocimiento .container[role="main"] {
        margin-top: 80px;
    }

    .fichaConocimiento .container[role="main"] .col01,
    .fichaConocimiento .container[role="main"] .col02 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* FICHA MULTIMEDIA */

.fichaMultimedia {}

.fichaMultimedia .container[role="main"] .col01 {}

.fichaMultimedia .container[role="main"] .col01 h1 {
    margin: 0;
    font-size: 34px;
    color: #231F20;
    margin-bottom: 10px;
    line-height: 1.2;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.fichaMultimedia .container[role="main"] .col01 .contenido {}

.fichaMultimedia .container[role="main"] .col01 .contenido>* {
    font-size: 18px;
    /*color: #000;*/
}

.fichaMultimedia .container[role="main"] .contenidoRelacionado {
    margin-top: 50px;
}

.fichaMultimedia.fichaPodcast .container[role="main"] .col01 .tipoFicha::before {
    background-position: -440px -376px;
}

#modalMultimedia {}

#modalMultimedia .modal-dialog {
    max-width: 80%;
}

#modalMultimedia .modal-content {}

#modalMultimedia .modal-content .modal-header {
    border-bottom: 0;
}

#modalMultimedia .modal-content .modal-header .close {
    cursor: pointer;
}

#modalMultimedia .modal-content .modal-body {}

#modalMultimedia .modal-content .modal-body iframe {
    width: 100%;
    height: 350px;
}

#modalMultimedia .modal-content .modal-body audio {
    width: 100%;
}

@media (max-width: 767px) {
    .fichaMultimedia .container[role="main"] .col01 {
        padding: 0 15px;
    }

    #modalMultimedia .modal-dialog {
        max-width: 100%;
    }
}

@media (max-width: 577px) {
    .fichaMultimedia .container[role="main"] {
        margin-top: 170px;
    }

    .fichaMultimedia .container[role="main"] .col01 h1 {
        font-size: 28px;
    }
}


/* FICHA VIDEO */

.fichaVideo {}

.fichaVideo .container[role="main"] {}

.fichaVideo .container[role="main"] .col01 {}

.fichaVideo .container[role="main"] .col01 .tipoFicha {}

.fichaVideo .container[role="main"] .col01 .tipoFicha::before {
    background-position: -235px -46px;
}

.fichaVideo .container[role="main"] .col01 .contenido {}

.fichaVideo .container[role="main"] .col01 .contenido>* {
    /*color: #4D4D4D;*/
}

.fichaVideo .container[role="main"] .col01 .contenido>.miniatura {
    background-size: cover !important;
}

@media (max-width: 767px) {
    .fichaVideo .container[role="main"] .col01 {
        padding: 0 15px;
    }
}

@media (max-width: 577px) {}

.page-perfil .header-perfil #opcionesFoto {
    display: block !important;
    margin-top: 10px;
}

.page-perfil .header-perfil #opcionesFoto ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-perfil .header-perfil #opcionesFoto ul li {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-bottom: 10px;
    cursor: pointer;
}

.page-perfil .header-perfil #opcionesFoto ul li span {
    color: #999;
}

.page-perfil .header-perfil #opcionesFoto ul li .material-icons {
    font-size: 20px;
    padding-right: 10px;
}


/* FICHA PODCAST */

/* FICHA SERVICIO CONTRATADO */

.fichaServicioContratado {}

.row-cabecera-contratado {
    background: var(--color-azul);
    padding: 5px 30px;
}

.row-cabecera-contratado p {
    color: #FFF;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
}

.row-datos-contratados {
    padding: 30px 50px;
}

.row-datos-contratados p {
    margin-bottom: 5px;
    font-size: 13px;
}

.row-datos-contratados p label {
    margin: 0;
    margin-right: 5px;
    font-weight: 700;
}

.row-datos-contratados p span {}

.row-datos-contratados p a {
    color: var(--color-rosa);
    font-weight: 600;
}

.row-datos-contratados #enviarArchivo {
    margin-left: 10px;
}

.row-botones {
    display: flex;
    flex-wrap: wrap;
}

.row-botones a {
    margin-bottom: 5px;
    margin-right: 5px;
}


/* FOOTER */

.invitado .newsletter-block {
    margin-top: 1.5em;
}

#footer .row {}

#footer .row02 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 -15px;
}

#footer .row02>div {}

#footer .row02>div:nth-child(1) {
    width: 160px;
}

#footer .row02>div:nth-child(2) {
    width: 100%;
    padding-left: 50px;
}

#footer .row02>div:nth-child(3) {
    width: 100%;
    text-align: right;
}

#footer .row02 ul {
    display: inline-block;
}

#footer .row02 .logo {
    max-width: 160px;
    max-height: 80px;
}

#footer .row02 .redesSociales {
    margin: 0;
    padding: 0;
}

#footer .row02 .redesSociales li {
    float: left;
    padding: 0;
    list-style: none;
    text-align: center;
    margin-right: 10px;
}

#footer .row02 .redesSociales li:last-child {
    margin-right: 0;
}

#footer .row02 .redesSociales li a {
    display: block;
    width: 30px;
    height: 30px;
    background: #ADAEB3;
    border-radius: 50%;
    font-size: 0;
    color: #fff;
    text-decoration: none;
}

#footer .row02 .redesSociales li a::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f230';
    display: block;
    font-size: 15px;
    line-height: 30px;
}

#footer .row02 .redesSociales li.facebook a:before {
    content: '\f09a';
}

#footer .row02 .redesSociales li.twitter a:before {
    content: '\f099 ';
}

#footer .row02 .redesSociales li.google a:before {
    content: '\f1a0';
}

#footer .row02 .redesSociales li.linkedin a:before {
    content: '\f0e1';
}

#footer .row02 .redesSociales li.vimeo a:before {
    content: '\f27d';
}

#footer .row02 .redesSociales li.youtube a {
    background: none;
}

#footer .row02 .redesSociales li.youtube a:before {
    /*content: '\f167';*/
    content: '';
    width: 30px;
    height: 30px;
    background: url(resources/youtube.png?v=1.0.0.0) no-repeat center;
    background-size: 30px;
}

#footer .row02 .politicas-privacidad {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#footer .row02 .politicas-privacidad li {
    padding: 0;
    list-style: none;
    margin-left: 10px;
}

#footer .row02 .politicas-privacidad li a {
    color: #A5A5A5;
    font-size: 11px;
}

#footer p.poweredby {
    color: #A5A5A5;
    font-size: 11px;
    text-align: right;
    margin: 10px 0 0;
}

#footer p.poweredby .logo-gnoss {
    font-size: 0;
    display: inline-block;
    width: 69px;
    background: url(resources/logo-gnoss-gris.png?v=1.0.0.0) no-repeat center;
    vertical-align: middle;
    height: 20px;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    #footer {
        padding: 20px 0;
    }

    #footer .row02 {
        padding-top: 30px;
        flex-wrap: wrap;
    }

    #footer .row02>div {
        flex-basis: 100%;
        margin-bottom: 10px;
    }

    #footer .row02>div:nth-child(1) {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #footer .row02>div:nth-child(2) {
        flex: 0 0 50%;
        max-width: 50%;
        text-align: right;
    }

    #footer .row02>div:nth-child(3) {
        text-align: left;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #footer .row02 .politicas-privacidad li {
        display: block;
        float: none;
        margin-left: 0;
        flex: 0 0 calc(100% - 150px);
        max-width: calc(100% - 150px);
    }

    #footer .row02 .politicas-privacidad li:last-child {
        text-align: right;
        flex: 0 0 150px;
        max-width: 150px;
    }
}

@media (max-width: 577px) {
    #footer .row02 {
        margin: 0;
    }
}

@media (max-width: 401px) {
    #footer .row02>div {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 15px;
        text-align: center;
    }

    #footer .row02>div:nth-child(2) {
        text-align: center;
        padding-left: 0;
    }
}


/* MAPA FOOTER */

#mapaFooter {
    background: #FFF;
    padding-top: 50px;
    padding-bottom: 20px;
}

#mapaFooter .row {}

#mapaFooter .row iframe {
    width: 100%;
    border-radius: 10px;
}

#mapaFooter #mapid {
    height: 450px;
    width: 100%;
    z-index: 1;
}

#mapid .leaflet-popup {}

#mapid .leaflet-popup .leaflet-popup-content-wrapper {
    box-shadow: none;
    border-radius: 0;
    border: 2px solid var(--color-azul);
    padding: 0;
}

#mapid .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
    margin: 0;
    padding: 10px;
    line-height: normal;
    width: 250px !important;
}

#mapid .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p {
    margin: 0 0 10px;
    color: #666;
    font-weight: 400;
}

#mapid .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p.titulo {
    color: var(--color-azul);
    font-weight: 600;
}

#mapid .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p.subtitulo {}

#mapid .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p.dir {}

#mapid .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p.loc {}

#mapid .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content p.tel {}

#mapid .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content a {
    margin: 0;
    display: block;
    color: #666;
    font-weight: 400;
    text-decoration: underline;
}

#mapid .leaflet-popup .leaflet-popup-tip-container {
    display: none;
}

#mapid .leaflet-popup .leaflet-popup-close-button {
    font-weight: 400;
}

.leaflet-popup-close-button {
    display: none !important;
}


/* MENU VERTICAL */

.fixedVerticalMenu {
    text-align: right;
}

.fixedVerticalMenu>p {
    display: inline-block;
    border-bottom: 1px solid var(--color-rosa);
    padding-bottom: 10px;
    font-size:
        /*26px*/
        22px;
    text-transform: uppercase;
    color: #666;
    margin-right: 15px;
    font-weight: 600;
    margin-bottom: 20px;
    cursor: pointer;
}

.fixedVerticalMenu ul {
    margin: 0;
}

.fixedVerticalMenu ul li {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e4e2e3;
}

.fixedVerticalMenu ul li span,
.fixedVerticalMenu ul li a {
    color: #777;
    padding: 10px 0;
    display: block;
    font-weight: 600;
    cursor: pointer;
}

.fixedVerticalMenu ul li.active {}

.fixedVerticalMenu ul li.active span,
.fixedVerticalMenu ul li.active a {
    color: #000;
}

.menuLateralFixed .fixedVerticalMenu {
    position: fixed;
    top: 170px;
}

.menuLateralAbsolute .fixedVerticalMenu {
    position: absolute;
    top: inherit;
    bottom: 0;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .menuLateralFixed .fixedVerticalMenu {
        position: inherit !important;
        top: inherit !important;
    }

    .fixedVerticalMenu {
        width: 100% !important;
    }

    .fixedVerticalMenu>p {
        text-align: center;
        margin: 0 auto 20px;
        display: table;
    }

    .fixedVerticalMenu ul {
        padding: 0 15px;
    }

    .fixedVerticalMenu ul li {
        border: 1px solid #e4e2e3;
        margin-bottom: 15px;
        padding: 0 15px;
        text-align: left;
    }

    .fixedVerticalMenu ul li span,
    .fixedVerticalMenu ul li a {
        color: #000;
        padding-left: 30px;
        position: relative;
        font-size: 16px !important;
    }

    .fixedVerticalMenu ul li span::after,
    .fixedVerticalMenu ul li a::after {
        content: '\E145';
        font-family: 'Material Icons';
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -12px;
        background: #F2F2F2;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        text-align: center;
    }
}

@media (max-width: 577px) {}


/* MODAL LOGIN */


/* -- modal genérico (y modal-login-premium) */

.modal#modalLogin {}

.modal#modalLogin .modal-premium {
    display: none;
}

.modal#modalLogin .modal-dialog {
    max-width: 930px;
    margin-top: 0;
    margin-bottom: 0;
}

.modal#modalLogin .modal-body {
    padding: 0;
}

.modal#modalLogin .modal-content {
    border-radius: 0;
    border: 0;
    padding: 0;
}

.modal#modalLogin .formulario-login {
    margin: 0;
}

.modal#modalLogin .colLogin {
    padding: 20px 40px;
}

.modal#modalLogin .colLogin form {
    margin-bottom: 40px;
}

.modal#modalLogin .colImagen {
    padding: 0;
    background-image: url('resources/modalLogin/modal-login-premium.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.modal#modalLogin .colImagen .divImagen {
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 120px 40px;
    background: linear-gradient(0deg, rgba(6, 0, 0, 0.7847514005602241) 12%, rgba(255, 255, 255, 0) 64%);
}

.modal#modalLogin .colImagen .divImagen p {
    color: var(--color-blanco);
}

.modal#modalLogin .colImagen .divImagen p:first-child {
    line-height: 30px;
    font-size: 26px;
    font-family: 'Esteban', serif;
}

.modal#modalLogin .colImagen .divImagen p a {
    color: var(--color-blanco);
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
}

.modal#modalLogin .colImagen .divImagen p a:hover {
    text-decoration: underline;
}

.modal#modalLogin .mensaje-info-login-top {
    margin-bottom: 25px;
    color: var(--color-blanco);
    position: relative;
    background-color: var(--color-rosa-resource);
    padding: 15px 20px 15px 60px;
}

.modal#modalLogin .mensaje-info-login-top:before {
    top: 12px;
    position: absolute;
    font-size: 21px;
    left: 20px;
    content: "\e838";
    font-family: 'Material Icons';
}

.modal#modalLogin .mensaje-info-login-top .bloque {}

.modal#modalLogin .mensaje-info-login-top .bloque p {
    margin-bottom: 5px;
    color: var(--color-blanco);
    font-size: 15px;
    font-weight: normal;
}

.modal#modalLogin .mensaje-info-login-top .bloque p:last-child {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 300;
}

.modal#modalLogin .mensaje-info-login-top .bloque p:last-child a {
    font-weight: 300;
    text-decoration: underline;
    color: var(--color-blanco);
    padding-left: 4px;
}

.modal#modalLogin .mensaje-info-login-bottom {}

.modal#modalLogin .mensaje-info-login-bottom p {
    font-size: 12px;
    font-weight: normal;
    color: #9f9f9f;
    margin-bottom: 3px;
}

.modal#modalLogin .mensaje-info-login-bottom p:last-child {}

.modal#modalLogin .mensaje-info-login-bottom p:last-child a {
    /*color: var(--color-rosa-resource);*/
    color: var(--color-item-verde-claro);
    font-weight: 700;
}

.modal#modalLogin a {
    color: var(--color-rosa-resource);
}

.modal#modalLogin .modal-header {
    background-color: var(--color-rosa-resource)
}


/* -- modal-login-normal */

.modal#modalLogin.modal-login-normal .modal-header {
    background-color: var(--color-item-verde-claro);
}

.modal#modalLogin.modal-login-normal .colImagen {
    background-image: url('resources/modalLogin/modal-login-normal.png');
}

.modal#modalLogin.modal-login-normal .mensaje-info-login-top {
    background-color: var(--color-item-azul);
}

.modal#modalLogin.modal-login-normal .mensaje-info-login-top:before {
    content: "\e88e";
}

.modal#modalLogin.modal-login-normal .formulario-login .btn.btn-rosa-resource {
    background-color: var(--color-item-verde-claro);
}

.modal#modalLogin.modal-login-normal .formulario-login .form-group .forgotPass,
.modal#modalLogin.modal-login-normal .mensaje-info-login-bottom p:last-child a {
    color: var(--color-item-verde-claro);
}


/* -- modal-premium */

.modal#modalLogin.modal-premium .modal-login-normal {
    display: none;
}

.modal#modalLogin.modal-premium .modal-login-premium {
    display: none;
}

.modal#modalLogin.modal-premium .modal-premium {
    display: block;
}

.modal#modalLogin.modal-premium .mensaje-info-login-top {
    margin-bottom: 140px;
}

.modal#modalLogin.modal-premium .colImagen {
    background-image: url('resources/modalLogin/modal-premium.png');
}

.modal#modalLogin.modal-premium .colImagen .divImagen p a {
    display: inline-block;
    padding: 0 3px;
    text-decoration: underline;
    color: var(--color-blanco);
    background-color: var(--color-item-verde-claro);
}

.modal#modalLogin.modal-premium .mensaje-info-login-bottom p:last-child a {
    color: var(--color-item-verde-claro);
}

.modal#modalLogin.modal-premium form {
    display: none;
}

body.modal-open.modal-login-open> :not(.modal),
body.modal-open.modal-login-open #header {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

body.modal-open.modal-login-open .aaCabecera {
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
}

@media (max-width: 767px) {
    .modal#modalLogin .modal-dialog {
        min-width: auto;
        max-width: 95%;
        margin: 15px auto;
    }

    .modal#modalLogin .modal-dialog .modal-content .formulario-login {
        padding: 0;
    }

    .modal#modalLogin .modal-dialog .modal-content .modal-body .colLogin {
        padding: 15px;
    }

    .modal#modalLogin .modal-dialog .modal-content .modal-body .colLogin .actionButtons .forgotPass {
        margin-bottom: 5px;
    }
}


/* END MODAL LOGIN */


/* FORMULARIO LOGIN */

.login h1 {
    display: none;
}

.formulario-login {}

.formulario-login .mensaje-registrate p {
    font-size: 12px;
    text-align: right;
}

.formulario-login .mensaje-registrate p a {
    color: #9f9f9f;
    font-size: 12px;
}

.formulario-login .mensaje-registrate p a.modal-switcher {
    cursor: pointer;
    color: var(--color-azul-resource);
    font-weight: bold;
}

.formulario-login .mensaje-registrate p a.modal-switcher:hover {
    text-decoration: underline;
}

.formulario-login .modal-title {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 25px;
}

.formulario-login .form-group {
    padding: 0;
    margin: 0 0 25px 0;
}

.formulario-login .form-group label {
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}

.formulario-login .form-group input {
    height: 50px;
    border: 1px solid #cccac6;
}

.formulario-login .form-group .form-check input {
    height: auto;
}

.formulario-login .form-group .form-check label,
.formulario-login .form-group .form-check label a {
    color: #272121;
    font-size: 14px;
}

.formulario-login .form-group .form-check label a:hover {
    color: var(--color-azul-resource);
}

.formulario-login .form-group .forgotPass {
    color: var(--color-azul-resource);
    text-align: right;
    font-size: 12px;
    position: absolute;
    right: 0;
}

.formulario-login .colLogin .ko {}

.formulario-login .colLogin .ko p {
    background: var(--color-item-rojo);
    padding: 5px;
    margin: 0;
    color: #FFF;
    font-size: 13px;
}

.formulario-login .colLogin .ko:not([style*="display:none"]):not([style*="display: none"])+input {
    border: 1px solid var(--color-item-rojo);
}

.formulario-login .colRegister label.ko {
    color: var(--color-item-rojo);
}

.formulario-login .colRegister label.ko+.form-control {
    border: 1px solid var(--color-item-rojo);
}


/**/

@media (max-width: 450px) {
    .formulario-login .form-group .forgotPass {
        position: static;
        margin-top: 5px;
        text-align: left;
    }
}


/* PASOS REGISTRO */

.register {}

.register .container[role="main"] {}

.register.nomargen .container[role="main"] {
    margin-top: 0px;
}

.register.nomargen .sliderRegistro.oculto+.container[role="main"] {
    margin-top: 170px !important;
}

.register .container[role="main"]>.row {
    margin: 0;
    border: 1px solid #C0BFBF;
    margin-bottom: 50px;
}

.register .container[role="main"]>.row .col {
    padding: 0;
}

.register .container[role="main"]>.row .col .cabecera {
    position: relative;
    padding: 20px;
    border-bottom: 15px solid #B0909A;
}

.register .container[role="main"]>.row .col .cabecera::after {
    position: absolute;
    bottom: -16px;
    right: 20px;
    display: block;
    content: "";
    width: 150px;
    height: 120px;
    background: url(resources/pasosRegistro/paso1.png) no-repeat;
    background-position: bottom;
    background-size: contain;
}

.register .container[role="main"]>.row .col .cabecera .fila01 {}

.register .container[role="main"]>.row .col .cabecera .fila01 p {
    font-size: 18px;
    color: #7B7879;
    font-weight: 400;
    text-transform: uppercase;
    line-height: normal;
    margin: 0;
    padding: 0;
}

.register .container[role="main"]>.row .col .cabecera .fila02 {
    margin-top: 25px;
}

.register .container[role="main"]>.row .col .cabecera .fila02 p {
    font-size: 26px;
    color: #B0909A;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.register .container[role="main"]>.row .descripcion {
    display: block;
    margin-bottom: 50px;
}

.register .container[role="main"]>.row .descripcion * {
    font-size: 16px;
    font-weight: 400;
    color: #B0909A;
}

.register .container[role="main"]>.row .col .cuerpo {
    display: block;
    padding: 40px 15px;
}

.register .container[role="main"]>.row .col .cuerpo .actionButtons {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 50px;
    text-align: right;
}

.register .container[role="main"]>.row .col .cuerpo .actionButtons .btn {
    font-size: 14px;
    position: relative;
    padding-right: 35px;
}

.register .container[role="main"]>.row .col .cuerpo .actionButtons .btn::after {
    content: '\E315';
    font-family: 'Material Icons';
    font-size: 30px;
    color: #FFF;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 5px;
}

.register .container[role="main"]>.row .col .cuerpo .actionButtons .atras {
    padding-right: 15px;
    padding-left: 35px;
}

.register .container[role="main"]>.row .col .cuerpo .actionButtons .atras::after {
    content: '\E314';
    color: var(--color-azul);
    left: 5px;
    right: inherit;
}

@media (max-width: 577px) {
    .register.nomargen .container[role="main"] {
        margin-top: 100px;
    }
}


/* PASO INDEX */

.sliderRegistro {
    height: 400px;
    margin-top: 160px;
}

.sliderRegistro .container {
    min-height: 400px;
    position: relative;
}

.sliderRegistro .contenido {
    position: absolute;
    top: 50%;
    left: 0;
    background: #F7F8F9;
    padding: 30px;
    width: 300px;
}

.sliderRegistro .contenido p {
    font-size: 23px;
    color: #000;
    margin: 0;
    line-height: normal;
    font-family: 'Esteban', serif;
}

.sliderRegistro .contenido p span {
    color: var(--color-rosa);
}

.register .container[role="main"]>.row.row-presentacion {
    border: 0;
}

.register .container[role="main"]>.row.row-presentacion .pasos {
    margin-bottom: 30px;
}

.register .container[role="main"]>.row.row-presentacion .pasos ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
}

.register .container[role="main"]>.row.row-presentacion .pasos ul li {
    text-align: center;
    width: 25%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.register .container[role="main"]>.row.row-presentacion .pasos ul li a {
    display: inline-block;
    width: 100%;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    padding: 0 55px;
    pointer-events: none;
}

.register .container[role="main"]>.row.row-presentacion .pasos ul li a::before {
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
    height: 120px;
    content: "";
    background: url(resources/paso3.png) no-repeat center / contain;
}

.register .container[role="main"]>.row.row-presentacion .pasos ul li a::after {
    z-index: -1;
    display: block;
    content: "";
    width: 100%;
    height: 15px;
    background: #AA929A;
    position: absolute;
    top: 104px;
    right: 0;
}

.register .container[role="main"]>.row.row-presentacion .pasos ul li.paso1 {}

.register .container[role="main"]>.row.row-presentacion .pasos ul li.paso1 a {
    color: #B0909A;
}

.register .container[role="main"]>.row.row-presentacion .pasos ul li.paso1 a::before {
    background: url(resources/pasosRegistro/paso1.png) no-repeat center / contain;
}

.register .container[role="main"]>.row.row-presentacion .pasos ul li.paso1 a::after {
    background: #B0909A;
}

.register .container[role="main"]>.row.row-presentacion .pasos ul li.paso2 {}

.register .container[role="main"]>.row.row-presentacion .pasos ul li.paso2 a {
    color: #0091B1;
}

.register .container[role="main"]>.row.row-presentacion .pasos ul li.paso2 a::before {
    background: url(resources/pasosRegistro/paso2.png) no-repeat center / contain;
}

.register .container[role="main"]>.row.row-presentacion .pasos ul li.paso2 a::after {
    background: #0091B1;
}

.register .container[role="main"]>.row.row-presentacion .pasos ul li.paso3 {}

.register .container[role="main"]>.row.row-presentacion .pasos ul li.paso3 a {
    color: #97CACF;
}

.register .container[role="main"]>.row.row-presentacion .pasos ul li.paso3 a::before {
    background: url(resources/pasosRegistro/paso3.png) no-repeat center / contain;
}

.register .container[role="main"]>.row.row-presentacion .pasos ul li.paso3 a::after {
    background: #97CACF;
}

.register .container[role="main"]>.row.row-presentacion .pasos ul li.paso4 {}

.register .container[role="main"]>.row.row-presentacion .pasos ul li.paso4 a {
    color: #D3D3D3;
}

.register .container[role="main"]>.row.row-presentacion .pasos ul li.paso4 a::before {
    background: url(resources/pasosRegistro/paso4.png) no-repeat center / contain;
}

.register .container[role="main"]>.row.row-presentacion .pasos ul li.paso4 a::after {
    background: #d3d3d3;
}

.register .container[role="main"]>.row.row-presentacion .pasos p {
    margin: 15px 0;
}

.register .container[role="main"]>.row.row-presentacion .col .cuerpo .actionButtons {
    justify-content: flex-end;
}


/* PASO 1 */

.register .container[role="main"]>.row.row-completa-perfil {}

.register .container[role="main"]>.row.row-completa-perfil .col .cabecera .fila01 p {}

.register .container[role="main"]>.row.row-completa-perfil .col .cabecera .fila02 p {
    color: #AA929A;
}

.register .container[role="main"]>.row.row-completa-perfil .descripcion {}

.register .container[role="main"]>.row.row-completa-perfil .formulario {}

.register .container[role="main"]>.row.row-completa-perfil .formulario .form-group {
    border-bottom: 2px solid #eaf2f3;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

.register .container[role="main"]>.row.row-completa-perfil .formulario .form-group label {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    padding: 5px 0;
}

.register .container[role="main"]>.row.row-completa-perfil .formulario .form-group input {
    font-size: 16px;
    font-weight: 400;
    border: 0;
    outline: none !important;
    box-shadow: none;
}

.register .container[role="main"]>.row.row-completa-perfil .col .cuerpo .actionButtons {
    justify-content: flex-end;
}


/* PASO 2 */

.register .container[role="main"]>.row.row-temas-interesan {}

.register .container[role="main"]>.row.row-temas-interesan .col .cabecera {
    border-color: #198EAF;
}

.register .container[role="main"]>.row.row-temas-interesan .col .cabecera .fila01 p {}

.register .container[role="main"]>.row.row-temas-interesan .col .cabecera .fila02 p {
    color: #198EAF;
}

.register .container[role="main"]>.row.row-temas-interesan .col .cabecera::after {
    background: url(resources/pasosRegistro/paso2.png) no-repeat;
    background-position: bottom;
    background-size: contain;
}

.register .container[role="main"]>.row.row-temas-interesan .descripcion {}

.register .container[role="main"]>.row.row-temas-interesan .descripcion * {}

.register .container[role="main"]>.row.row-temas-interesan .formulario {}

.register .container[role="main"]>.row.row-temas-interesan .formulario .col {
    padding: 0 15px;
}

.register .container[role="main"]>.row.row-temas-interesan .formulario>.col:nth-child(1),
.register .container[role="main"]>.row.row-temas-interesan .formulario>.col:nth-child(2) {
    border-right: 1px solid #d4e5e8;
}

.register .container[role="main"]>.row.row-temas-interesan .formulario>.col:nth-child(1) {
    padding-right: 50px;
}

.register .container[role="main"]>.row.row-temas-interesan .formulario>.col:nth-child(2) {
    padding: 0 50px;
}

.register .container[role="main"]>.row.row-temas-interesan .formulario>.col:last-child {
    padding-left: 50px;
}

.register .container[role="main"]>.row.row-temas-interesan .formulario .col label {
    display: block;
}


/* PASO 3 */

.register .container[role="main"]>.row.row-tutorial {
    /*border-color: #a7cacf;*/
}

.register .container[role="main"]>.row.row-tutorial .col .cabecera {
    border-color: #97CACF;
}

.register .container[role="main"]>.row.row-tutorial .col .cabecera .fila01 p {}

.register .container[role="main"]>.row.row-tutorial .col .cabecera .fila02 p {
    color: #97CACF;
}

.register .container[role="main"]>.row.row-tutorial .col .cabecera::after {
    background: url(resources/pasosRegistro/paso3.png) no-repeat;
    background-position: bottom;
    background-size: contain;
}

.register .container[role="main"]>.row.row-temas-interesan .descripcion {}

.register .container[role="main"]>.row.row-temas-interesan .descripcion * {
    /*color: #a7cacf;*/
}

.register .container[role="main"]>.row.row-tutorial .video {
    text-align: center;
    margin-top: 50px;
    display: block;
}

.register .container[role="main"]>.row.row-tutorial .video iframe {
    max-width: 100%;
}


/* PASO 4 */

.register .container[role="main"]>.row.row-explorar {
    /*border-color: #d3d3d3;*/
}

.register .container[role="main"]>.row.row-explorar .col .cabecera {
    border-color: #d3d3d3;
}

.register .container[role="main"]>.row.row-explorar .col .cabecera .fila01 p {}

.register .container[role="main"]>.row.row-explorar .col .cabecera .fila02 p {
    color: #7B7879;
}

.register .container[role="main"]>.row.row-explorar .col .cabecera::after {
    background: url(resources/pasosRegistro/paso4.png) no-repeat;
    background-position: bottom;
    background-size: contain;
}

.register .container[role="main"]>.row.row-temas-interesan .descripcion {}

.register .container[role="main"]>.row.row-temas-interesan .descripcion * {
    /*color: #d3d3d3;*/
}

.register .container[role="main"]>.row.row-explorar .cuerpo {}

.register .container[role="main"]>.row.row-explorar .cuerpo .listado {
    padding: 0;
    margin: 0 auto;
    margin-bottom: 40px;
    display: inline-block;
}

.register .container[role="main"]>.row.row-explorar .cuerpo .listado li {
    width: calc(25% - 20px);
    float: left;
    list-style: none;
    border: 1px solid #A48999;
    padding: 0;
    margin: 10px;
}

.register .container[role="main"]>.row.row-explorar .cuerpo .listado li a {
    text-transform: uppercase;
    display: block;
    padding: 10px 20px;
    text-align: center;
    color: #A48999;
    font-weight: 400;
}

.register .container[role="main"]>.row.row-explorar .cuerpo .listado li:hover {
    background: #A48999;
}

.register .container[role="main"]>.row.row-explorar .cuerpo .listado li:hover a {
    color: #fff;
    text-decoration: none
}

.register .container[role="main"]>.row.row-explorar .cuerpo p {
    font-weight: 400;
    /*padding: 0 10px;*/
}

@media (max-width: 1201px) {
    .register .container[role="main"]>.row.row-presentacion .pasos ul li a {
        padding: 0;
    }
}

@media (max-width: 993px) {
    .register .container[role="main"]>.row.row-explorar .cuerpo .listado {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
    }

    .register .container[role="main"]>.row.row-explorar .cuerpo .listado li {
        float: none;
        width: auto;
        margin: 0 0 10px;
        flex: 0 0 33.33%;
        max-width: 33.33%;
        padding: 0 15px;
        border: 0;
    }

    .register .container[role="main"]>.row.row-explorar .cuerpo .listado li a {
        border: 1px solid var(--color-rosa);
    }
}

@media (max-width: 769px) {
    .register .container[role="main"]>.row.row-presentacion .pasos ul {
        flex-wrap: wrap;
        margin: 0 -15px;
    }

    .register .container[role="main"]>.row.row-presentacion .pasos ul li {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px;
        margin-bottom: 30px;
    }

    .register .container[role="main"]>.row.row-presentacion .pasos ul li a {
        border: 1px solid #E8E7E6;
        height: 100%;
        padding: 0 15px;
    }

    .register .container[role="main"]>.row.row-presentacion .pasos ul li a::after {
        right: 0;
        left: 0;
        width: auto;
    }

    .register .container[role="main"]>.row.row-explorar .cuerpo .listado li {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 577px) {
    .register .container[role="main"]>.row.row-presentacion .pasos ul li a {
        height: 120px;
        padding-left: 50%;
        display: flex;
        align-items: center;
        font-size: 10px;
    }

    .register .container[role="main"]>.row.row-presentacion .pasos ul li a::before {
        width: 50%;
        position: absolute;
        left: 0;
    }

    .register .container[role="main"]>.row.row-presentacion .pasos ul li a::after {
        width: auto;
        top: 90px;
        height: 15px;
    }

    .register .container[role="main"]>.row .col .cabecera {
        padding-left: 170px;
    }

    .register .container[role="main"]>.row .col .cabecera::after {
        right: inherit;
        left: 0;
    }

    .register .container[role="main"]>.row .col .cabecera .fila01 p {
        text-align: right;
    }
}

@media (max-width: 401px) {
    .register .container[role="main"]>.row.row-presentacion .pasos ul li {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* BOX PREMIUM */

.row-box {
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
}

.row-box .box-premium {
    border: 1px solid #EBEAE9;
    margin: 0 15px;
    margin-bottom: 40px;
    padding: 30px;
    max-width: 300px;
    text-align: center;
}

.row-box .box-premium .logo {
    display: block;
    background: url('resources/nucleo.png') center no-repeat;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.row-box .box-premium .titulo {
    margin: 0;
    font-size: 14px;
    font-weight: 700 !important;
    color: #000;
    text-transform: uppercase;
}

.row-box .box-premium .subtitulo {
    margin: 0;
    color: #A48E97;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: 700 !important;
    padding: 0 !important;
}

.row-box .box-premium a.btn {
    background: #87B6B7;
    font-size: 14px;
}


/* DOCUMENTOS DESTACADOS */

.row-documentos-destacados {}

.documentosDestacados {}

.documentosDestacados .destacadoMaxi {
    border: 2px solid #929497;
    height: 370px;
}

.documentosDestacados .destacadoMaxi .header {
    border-bottom: 5px solid #DDA64E;
}

.documentosDestacados .destacadoMaxi .header div {
    min-height: 100px;
    background: url(resources/destacadogrande.jpg) no-repeat center / cover;
    filter: grayscale(100%);
    transition: all .3s ease-in-out;
}

.documentosDestacados .destacadoMaxi:hover .header div {
    filter: none;
}

.documentosDestacados .destacadoMaxi .body {
    padding: 15px;
}

.documentosDestacados .destacadoMaxi .body p {
    margin: 0;
    font-weight: 400;
}

.documentosDestacados .destacadoMaxi .body .type {
    font-size: 24px;
    color: #DDA64E;
    text-transform: uppercase;
    font-weight: 600;
    line-height: normal;
}

.documentosDestacados .destacadoMaxi .body .typeResource {
    font-size: 11px;
    color: #777;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.documentosDestacados .destacadoMaxi .body .titulo {
    margin-bottom: 15px;
    font-size: 18px;
    color: #000;
    line-height: 1.3;
    font-weight: 600;
}

.documentosDestacados .destacadoMaxi .body .titulo a {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    font-weight: inherit;
}

.documentosDestacados .destacadoMaxi .body .descripcion {
    color: #000;
    font-size: 13px;
    line-height: normal;
    margin-bottom: 10px;
}

.documentosDestacados .destacadoMaxi .body .date {
    display: block;
    text-align: right;
    font-size: 12px;
    color: #535353;
    text-transform: uppercase;
    font-weight: 600;
}

.documentosDestacados .destacadoMaxi .body .date span {
    font-weight: 600;
    color: #999;
}

.documentosDestacados .destacadoMaxi .body .social {}

.documentosDestacados .destacadoMaxi .body .social ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

.documentosDestacados .destacadoMaxi .body .social ul li {
    list-style: none;
    margin: 0;
    margin-right: 15px;
    padding-left: 20px;
}

.documentosDestacados .destacadoMaxi .body .social ul li a {
    color: #535353;
    font-size: 12px;
}

.documentosDestacados .destacadoMaxi .body .social ul li a::after {
    font-size: 16px;
    /* margin-top: -14px; */
}

.documentosDestacados .destacadoMaxi .body .social ul li a::after {
    /* margin-top: -7px; */
}

.documentosDestacados .destacadoMaxi .body .social ul li.visitas a::after {
    background-position: -322px -53px;
}

.documentosDestacados .destacadoMaxi .body .social ul li.tiempo a::after {
    background-position: -322px -82px;
}

.documentosDestacados .destacadoMaxi .body .social ul li.megusta a::after {
    background-position: -322px -122px;
}

.documentosDestacados .destacadoMaxi .body .social ul li.megusta.activo a::after {
    background-position: -322px -152px;
}

.documentosDestacados .destacadoMaxi .body .social .guardado {
    color: #777;
}

.documentosDestacados .widget {
    position: relative;
}

.documentosDestacados .widget .ex {
    margin-right: 5px;
}

.documentosDestacados .widget .ex span {
    z-index: 2;
    margin-top: 2px;
    margin-right: 2px;
}

.documentosDestacados .destacadoMaxi .ex {
    z-index: 3;
    margin-right: 5px;
}

.documentosDestacados .destacadoMaxi .ex span {
    margin-top: 2px;
    margin-right: 2px;
}

.documentosDestacados .destacadoMaxi .ex::after {}

.documentosDestacados .col01 {
    padding-right: 5px !important;
}

.documentosDestacados .col02 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.documentosDestacados .col02 .destacadoMini {
    position: relative;
    background: #4E4E4E;
    width: calc(50% - 20px);
    margin: 10px;
    margin-top: 0;
    padding: 20px 15px;
    padding-left: 40px;
}

.documentosDestacados .col02 .destacadoMini:before {
    display: block;
    content: "";
    width: 20px;
    background: #266E51;
    border-right: 2px solid #fff;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}

.documentosDestacados .item-destacado-widget {
    /*max-width: 50%; margin: 0 0 10px; padding: 0 5px;*/
}

.documentosDestacados .row .col02>.material-icons {
    display: none;
    color: var(--color-rosa);
    position: absolute;
    top: 50%;
    font-size: 34px;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    z-index: 1;
    cursor: pointer;
}

.documentosDestacados .row .col02>.material-icons.prev {
    left: -15px;
    transform: translateY(-50%) rotate(90deg);
}

.documentosDestacados .row .col02>.material-icons.next {
    right: -15px;
    transform: translateY(-50%) rotate(-90deg);
}

.documentosDestacados .row .col02>div {
    max-width: 50%;
    margin: 0 0 10px;
    padding: 0 5px;
}

.documentosDestacados .row .col02>div:nth-child(3),
.documentosDestacados .row .col02>div:nth-child(4) {
    margin-bottom: 0;
}

.documentosDestacados .destacadoMaxi.borde-rojo .header {
    border-bottom-color: var(--color-item-rojo);
}

.documentosDestacados .destacadoMaxi.borde-verde .header {
    border-bottom-color: var(--color-item-verde-oscuro);
}

.documentosDestacados .destacadoMaxi.borde-azul .header {
    border-bottom-color: var(--color-item-azul);
}

.documentosDestacados .destacadoMaxi.borde-naranja .header {
    border-bottom-color: var(--color-item-naranja);
}

.documentosDestacados .destacadoMaxi.borde-verdeclaro .header {
    border-bottom-color: var(--color-item-verde-claro);
}

.documentosDestacados .destacadoMaxi.borde-morado .header {
    border-bottom-color: var(--color-item-morado);
}

.documentosDestacados .destacadoMaxi.borde-amarillo .header {
    border-bottom-color: var(--color-item-amarillo);
}

.documentosDestacados .destacadoMaxi.borde-azulverdoso .header {
    border-bottom-color: var(--color-item-azulverdoso);
}

.documentosDestacados .destacadoMaxi.borde-rojo .body .type {
    color: var(--color-item-rojo);
}

.documentosDestacados .destacadoMaxi.borde-verde .body .type {
    color: var(--color-item-verde-oscuro);
}

.documentosDestacados .destacadoMaxi.borde-azul .body .type {
    color: var(--color-item-azul);
}

.documentosDestacados .destacadoMaxi.borde-naranja .body .type {
    color: var(--color-item-naranja);
}

.documentosDestacados .destacadoMaxi.borde-verdeclaro .body .type {
    color: var(--color-item-verde-claro);
}

.documentosDestacados .destacadoMaxi.borde-morado .body .type {
    color: var(--color-item-morado);
}

.documentosDestacados .destacadoMaxi.borde-amarillo .body .type {
    color: var(--color-item-amarillo);
}

.documentosDestacados .destacadoMaxi.borde-azulverdoso .body .type {
    color: var(--color-item-azulverdoso);
}

.homeContenidosPrueba .destacadoMaxi {
    margin-bottom: 15px;
    max-width: 500px;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
    .documentosDestacados {
        padding: 0 15px;
    }

    .documentosDestacados>.row {
        margin-left: 0;
        margin-right: 0;
    }

    .row-compartimos h2 {
        font-size: 24px;
    }

    body .container[role="main"] .documentosDestacados .col01 {
        padding: 0;
    }

    body .container[role="main"] .documentosDestacados .col02 {
        padding: 0;
    }

    .documentosDestacados .destacadoMaxi {
        min-height: 370px;
    }

    .documentosDestacados .destacadoMaxi .body .titulo {
        margin-bottom: 0px;
    }
}

@media (max-width: 767px) {
    .row-documentos-destacados .titleBorder {
        padding: 0 15px;
    }

    .documentosDestacados .col01 {
        padding-right: 0 !important;
    }

    body .container[role="main"] .documentosDestacados .col01,
    body .container[role="main"] .documentosDestacados .col02 {
        flex: 0 0 100%;
    }

    body .container[role="main"] .documentosDestacados .col01 {
        padding-left: 0 !important;
    }

    /*
	.documentosDestacados .destacadoMaxi { display: flex; flex-wrap: nowrap; height: 270px; margin-bottom: 20px; }
	.documentosDestacados .destacadoMaxi .header { border-bottom: 0; border-right: 5px solid #DDA64E; flex: 0 0 40%; max-width: 40%; }
	.documentosDestacados .destacadoMaxi .header div { height: 100% !important; }
	.documentosDestacados .destacadoMaxi .body { flex: 0 0 60%; max-width: 60%; }

	.documentosDestacados .destacadoMaxi .ex { display: block; position: absolute; top: 0; right: 0; z-index: 3; margin-right: 0; }
	*/
}

@media (max-width: 577px) {
    body .container[role="main"] .documentosDestacados .col01 {
        margin-bottom: 15px;
    }

    .documentosDestacados .row .col02>.material-icons {
        display: block;
    }

    .documentosDestacados .row .col02>div {
        max-width: calc(100% - 70px);
        margin: 0 auto 15px;
        padding: 0;
        display: none;
    }

    .documentosDestacados .row .col02>div.activo {
        display: flex;
    }

    .documentosDestacados .row .col02>div:nth-child(3),
    .documentosDestacados .row .col02>div:nth-child(4) {
        margin-bottom: 15px;
    }

    .documentosDestacados .destacadoMaxi .body .titulo {
        margin-bottom: 0px;
    }
}


/* LISTADO COMUNIDAD */

.listadoComunidad.listado {}


/* LISTADOS DEFAULT */

.listado {}

.listado .container[role="main"] {
    padding-top: 30px;
}

.listado .container[role="main"]>.col01 {}

.listado .container[role="main"]>.col02 {}

.listado .cabeceraListado {}

.listado .tituloListado {
    margin-bottom: 40px;
}

.listado .tituloListado h1 {
    color: #C0ADB3;
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 2px solid #C0ADB3;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}

.listado .buscadorListado {
    margin-bottom: 60px;
}

.listado .buscadorListado .searchGroup {
    display: flex;
    flex-wrap: nowrap;
    width: 60%;
    margin: 0 auto;
}

.listado .buscadorListado .searchGroup input {
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    flex-basis: calc(100% - 50px - 1px);
    margin-right: 1px;
    border: 2px solid #C7C7C7;
    color: #7F7F7F;
}

.listado .buscadorListado .searchGroup input::placeholder {
    color: #7F7F7F;
}

.listado .buscadorListado .searchGroup a {
    height: 50px;
    flex-basis: 50px;
    background: var(--color-azul);
    display: block;
    max-width: 50px;
    border: 2px solid #C7C7C7;
    line-height: 50px;
    text-align: center;
}

.listado .buscadorListado .searchGroup a:hover {
    text-decoration: none;
}

.listado .buscadorListado .searchGroup a::before {
    content: '\E8B6';
    font-family: 'Material Icons';
    font-size: 35px;
    color: #FFF;
}

.listado .scrollLoading {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    body.listado .container[role="main"] .col01 {
        padding: 0 15px;
    }

    .listado .tituloListado h1 {
        font-size: 20px;
    }

    .listado .buscadorListado {
        margin-bottom: 15px;
    }

    .listado .buscadorListado .searchGroup {
        width: 100%;
    }

    .listado .buscadorListado .searchGroup input {
        padding: 0 15px;
    }

    .listado .searchHeader .row03 .utilidades {
        border-bottom-width: 1px;
        flex-wrap: wrap;
    }

    .listado .searchHeader .row03 .utilidades .soloExclusivo {
        margin-left: 0;
    }

    .listado .searchHeader .row03 .vistas {
        /* display: none; */
    }
}

/* PAGINADOR */

.paginador {
    padding: 10px 20px;
    border-top: 1px solid #E4E4E4;
    display: flex;
}

.paginador>div {
    padding: 0;
}

.paginador .paginadorSelector {
    padding-left: 0;
}

.paginador .paginadorSelector>* {
    float: left;
    margin-right: 10px;
    color: #999999;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
}

.paginador .paginadorFlechas {
    padding-right: 0;
}

.paginador .paginadorFlechas ul {
    margin: 0;
    padding: 0;
    float: right;
}

.paginador .paginadorFlechas ul li {
    list-style: none;
    padding: 0;
    float: left;
    margin: 0 10px;
}

.paginador .paginadorFlechas ul li a {
    color: #999999;
    font-size: 13px;
    font-weight: 400;
}

.paginador .paginadorFlechas ul li.prev a:before,
.paginador .paginadorFlechas ul li.next a:after {
    font-family: 'Material Icons';
    display: block;
    font-size: 25px;
    color: #999999;
    position: relative;
    height: 25px;
    width: 25px;
    line-height: 25px;
    top: -3px;
}

.paginador .paginadorFlechas ul li.prev a:before {
    float: left;
    content: '\E5CB';
}

.paginador .paginadorFlechas ul li.next a:after {
    float: right;
    content: '\E409';
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .paginador .paginadorFlechas ul li a {
        font-size: 0;
    }

    .paginador .paginadorFlechas ul li.prev a:before,
    .paginador .paginadorFlechas ul li.next a:after {
        font-size: 25px;
    }
}

@media (max-width: 577px) {
    .paginador {
        display: block;
    }

    .paginador>div {
        display: block;
        float: left;
        max-width: 50%;
    }
}


/* AUTOCOMPLETAR */

.autocomplete {}

.autocomplete ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.autocomplete ul li {
    margin: 0;
    padding: 0;
    height: 35px;
    line-height: 35px;
    background: #F8F8F8;
}

.autocomplete ul li a {
    display: block;
    padding: 0 15px;
    line-height: inherit;
    font-size: 13px;
    color: #555;
    border-bottom: 1px solid #F1F1F1;
}

.autocomplete ul li a:hover {
    text-decoration: none;
    background: #F1F1F1;
}

.autocomplete ul li:last-child a {
    border-bottom: 0;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 577px) {}

/* BOLAS */

.bola {
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    overflow: hidden;
    top: 50%;
    margin-top: -10px;
    left: 0;
    transition: all 1.5s linear;
}

.bola.bola-grande {
    height: 30px;
    width: 30px;
    margin-top: -15px;
}

.bola.bola-azul {
    background: #AACBD2;
}

.bola.bola-rosa {
    background: #A8919B;
}

.bola.bola-gris {
    background: #CCC;
}


/* BULLET */

.bullet {
    position: relative;
    padding-left: 30px;
}

.bullet::before {
    content: '';
    width: 5px;
    height: 8px;
    background: #727272;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
}

.bullet::after {
    content: '';
    width: 6px;
    height: 6px;
    background: #727272;
    position: absolute;
    left: 2px;
    top: 50%;
    margin-top: -3px;
    transform: rotate(45deg);
}

.bullet.bullet-roja:hover,
.bullet.bullet-roja.active span,
.bullet.bullet-roja:hover span {
    color: var(--color-item-rojo);
}

.bullet.bullet-roja:hover::before,
.bullet.bullet-roja.active::before,
.bullet.bullet-roja.active::after,
.bullet.bullet-roja:hover::after {
    background: var(--color-item-rojo);
}

.bullet.bullet-azul:hover,
.bullet.bullet-azul.active span,
.bullet.bullet-azul:hover span {
    color: var(--color-item-azul);
}

.bullet.bullet-azul:hover::before,
.bullet.bullet-azul.active::before,
.bullet.bullet-azul.active::after,
.bullet.bullet-azul:hover::after {
    background: var(--color-item-azul);
}

.bullet.bullet-amarillo:hover,
.bullet.bullet-amarillo.active span,
.bullet.bullet-amarillo:hover span {
    color: var(--color-item-amarillo);
}

.bullet.bullet-amarillo:hover::before,
.bullet.bullet-amarillo.active::before,
.bullet.bullet-amarillo.active::after,
.bullet.bullet-amarillo:hover::after {
    background: var(--color-item-amarillo);
}

.bullet.bullet-verdeclaro:hover,
.bullet.bullet-verdeclaro.active span,
.bullet.bullet-verdeclaro:hover span {
    color: var(--color-item-verde-claro);
}

.bullet.bullet-verdeclaro:hover::before,
.bullet.bullet-verdeclaro.active::before,
.bullet.bullet-verdeclaro.active::after,
.bullet.bullet-verdeclaro:hover::after {
    background: var(--color-item-verde-claro);
}

.bullet.bullet-verdeoscuro:hover,
.bullet.bullet-verdeoscuro.active span,
.bullet.bullet-verdeoscuro:hover span {
    color: var(--color-item-verde-oscuro);
}

.bullet.bullet-verdeoscuro:hover::before,
.bullet.bullet-verdeoscuro.active::before,
.bullet.bullet-verdeoscuro.active::after,
.bullet.bullet-verdeoscuro:hover::after {
    background: var(--color-item-verde-oscuro);
}

.bullet.bullet-naranja:hover,
.bullet.bullet-naranja.active span,
.bullet.bullet-naranja:hover span {
    color: var(--color-item-naranja);
}

.bullet.bullet-naranja:hover::before,
.bullet.bullet-naranja.active::before,
.bullet.bullet-naranja.active::after,
.bullet.bullet-naranja:hover::after {
    background: var(--color-item-naranja);
}

.bullet.bullet-morado:hover,
.bullet.bullet-morado.active span,
.bullet.bullet-morado:hover span {
    color: var(--color-item-morado);
}

.bullet.bullet-morado:hover::before,
.bullet.bullet-morado.active::before,
.bullet.bullet-morado.active::after,
.bullet.bullet-morado:hover::after {
    background: var(--color-item-morado);
}

.bullet.bullet-azulverdoso:hover,
.bullet.bullet-azulverdoso.active span,
.bullet.bullet-azulverdoso:hover span {
    color: var(--color-item-azulverdoso);
}

.bullet.bullet-azulverdoso:hover::before,
.bullet.bullet-azulverdoso.active::before,
.bullet.bullet-azulverdoso.active::after,
.bullet.bullet-azulverdoso:hover::after {
    background: var(--color-item-azulverdoso);
}

.bullet.bullet-gris:hover,
.bullet.bullet-gris.active span,
.bullet.bullet-gris:hover span {
    color: #727272;
}

.bullet.bullet-gris:hover::before,
.bullet.bullet-gris.active::before,
.bullet.bullet-gris.active::after,
.bullet.bullet-gris:hover::after {
    background: #727272;
}

.bullet.bullet-azulclaro:hover,
.bullet.bullet-azulclaro.active span,
.bullet.bullet-azulclaro:hover span {
    color: var(--color-item-azulclaro);
}

.bullet.bullet-azulclaro:hover::before,
.bullet.bullet-azulclaro.active::before,
.bullet.bullet-azulclaro.active::after,
.bullet.bullet-azulclaro:hover::after {
    background: var(--color-azul);
}


/* BLOQUE LINEAS ACTIVIDAD */

.componenteBulletsDinamico {
    padding-bottom: 70px;
}

.componenteBulletsDinamico .row {
    margin-top: 40px;
}

.componenteBulletsDinamico .row .col {}

.componenteBulletsDinamico .row .col ul {
    margin: 0;
    padding: 0;
    padding-left: 30px;
    list-style: none outside none;
}

.componenteBulletsDinamico .row .col ul li {
    cursor: pointer;
    margin-bottom: 10px;
}

.componenteBulletsDinamico .row .col ul li span {
    font-weight: 400;
    font-size: 12px;
}

.componenteBulletsDinamico .row .col ul li span.big {
    font-size: 18px;
}

.componenteBulletsDinamico .row .col:first-child {
    display: block !important;
}

.componenteBulletsDinamico .row .col:not(#defecto) {
    display: none;
}

.componenteBulletsDinamico .row .col:not(#defecto).active {
    display: block;
}

.componenteBulletsDinamico .row .col:not(#defecto) .logo {
    text-align: center;
    margin-bottom: 10px;
}

.componenteBulletsDinamico .row .col:not(#defecto) .logo img {}

.componenteBulletsDinamico .row .col:not(#defecto) p {
    font-size: 14px;
    line-height: 1.6;
}

.componenteBulletsDinamico .row .col:not(#defecto) .etiquetas {}

.componenteBulletsDinamico .row .col:not(#defecto) .etiquetas ul {
    padding: 0;
}

.componenteBulletsDinamico .row .col:not(#defecto) .etiquetas ul li {
    margin-bottom: 10px;
    display: inline-block;
    width: 45%;
    vertical-align: middle;
}

.componenteBulletsDinamico .row .col:not(#defecto) .etiquetas ul li a {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
}

.componenteBulletsDinamico .row .col:not(#defecto)>a {
    display: block;
    text-decoration: underline;
    text-align: right;
    margin-top: 10px;
}

.componenteBulletsDinamico .row .col:not(#defecto)>a.aConsulta {
    font-size: 14px;
    position: relative;
    padding-right: 15px;
}

.componenteBulletsDinamico .row .col:not(#defecto)>a.aConsulta::after {
    content: '\E315';
    font-family: 'Material Icons';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    font-size: 18px;
}

.componenteBulletsDinamico .row .col#defecto {
    text-align: center;
}

.componenteBulletsDinamico .row .col#defecto img {
    max-width: 50%;
}

.componenteBulletsDinamico .row .col.colorear-rojo .etiquetas ul li {
    color: var(--color-item-rojo);
}

.componenteBulletsDinamico .row .col.colorear-azul .etiquetas ul li {
    color: var(--color-item-azul);
}

.componenteBulletsDinamico .row .col.colorear-amarillo .etiquetas ul li {
    color: var(--color-item-amarillo);
}

.componenteBulletsDinamico .row .col.colorear-verdeclaro .etiquetas ul li {
    color: var(--color-item-verde-claro);
}

.componenteBulletsDinamico .row .col.colorear-verdeoscuro .etiquetas ul li {
    color: var(--color-item-verde-oscuro);
}

.componenteBulletsDinamico .row .col.colorear-naranja .etiquetas ul li {
    color: var(--color-item-naranja);
}

.componenteBulletsDinamico .row .col.colorear-morado .etiquetas ul li {
    color: var(--color-item-morado);
}

.componenteBulletsDinamico .row .col.colorear-azulverdoso .etiquetas ul li {
    color: var(--color-item-azulverdoso);
}

@media (max-width: 767px) {
    .componenteBulletsDinamico .row .col ul li {
        margin-bottom: 0;
    }

    .componenteBulletsDinamico .row .col:not(#defecto) .etiquetas ul li a {
        word-break: break-word;
    }
}

@media (max-width: 577px) {
    .componenteBulletsDinamico .row .col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .componenteBulletsDinamico .row .col:first-child {
        margin-bottom: 30px;
    }

    .componenteBulletsDinamico .row .col:not(#defecto) .logo {
        margin-bottom: 30px;
    }

    .componenteBulletsDinamico .row .col:not(#defecto) .etiquetas {}

    .componenteBulletsDinamico .row .col:not(#defecto) .etiquetas ul {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .componenteBulletsDinamico .row .col:not(#defecto) .etiquetas ul li {
        width: auto;
        margin-right: 10px;
        line-height: normal;
    }

    .componenteBulletsDinamico .row .col:not(#defecto) .etiquetas ul li a {
        font-size: 14px;
    }
}


/* COMPONENTE LOGOS */

.componenteLogos .row {
    margin-bottom: 50px;
    padding: 0 15px;
}

.componenteLogos .row:last-child {
    margin-bottom: 0;
}

.componenteLogos .row .col:not(.col-12) {
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 0;
    flex: 0 0 100px;
    max-width: 100px;
}

.componenteLogos .row .col p {
    line-height: 1.2;
    padding-right: 50px;
    font-size: 18px;
    color: #000;
}

.componenteLogos .row .col:not(.col-12) div {
    background: #E8E7E5;
    padding: 15px;
    width: 100px;
    height: 100px;
}

.componenteLogos .row .col:not(.col-12) div a {
    display: table;
    height: 100%;
}

.componenteLogos .row .col:not(.col-12) div a span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.componenteLogos .row .col:not(.col-12) div a span img {
    transition: transform .5s linear;
}

.componenteLogos .row.circulos .col {
    flex: 0 0 100px;
    max-width: 100px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.componenteLogos .row.circulos .col div {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}

.componenteLogos .row.mediano .col {
    flex: 0 0 70px;
    max-width: 70px;
}

.componenteLogos .row.mediano .col div {
    width: 70px;
    height: 60px;
}

.componenteLogos .row.pequeño .col {
    flex: 0 0 60px;
    max-width: 60px;
}

.componenteLogos .row.pequeño .col div {
    width: 60px;
    height: 50px;
}

.componenteLogos .row.ampliarHover .col div:hover a span img {
    transform: scale(1.5, 1.5);
}

.componenteLogos2 {}

.componenteLogos2 .row {
    margin-bottom: 70px;
    padding: 0 15px;
}

.componenteLogos2 .row:last-child {
    margin-bottom: 0;
}

.componenteLogos2 .row .col {}

.componenteLogos2 .row .col .row {
    display: block;
    padding: 0 200px;
    text-align: center;
}

.componenteLogos2 .row .col .row .col {
    display: inline-block;
    width: auto;
    padding: 0 30px 30px;
    max-width: 200px;
}

.componenteLogos2 .row .col p {
    line-height: 1.2;
    padding-right: 50px;
    font-size: 18px;
    color: #000;
    margin-bottom: 30px;
}

.componenteLogos2 .row .col .row .col div {
    /*filter: grayscale(100%); transition: all .3s ease-in-out;*/
    margin-bottom: 15px;
}

.componenteLogos2 .row .col .row .col div:hover {
    filter: grayscale(0%);
}

.componenteLogos2 .row .col .row .col div a {
    display: block;
    cursor: pointer;
}

.componenteLogos2 .row .col .row .col div a span {}

.componenteLogos2 .row .col .row .col div a span img {
    display: block;
}

.componenteLogos2 .row .col .row .col div a span img.normal {}

.componenteLogos2 .row .col .row .col div a span img.original {
    display: none;
}

.componenteLogos2 .row .col .row .col div:hover a span img {}

.componenteLogos2 .row .col .row .col div:hover a span img.normal {
    display: none;
}

.componenteLogos2 .row .col .row .col div:hover a span img.original {
    display: block;
}

@media (max-width: 767px) {
    .componenteLogos2 .row {
        padding: 0;
    }

    .componenteLogos2 .row .col .row {
        padding: 0 50px;
    }
}


/* PAGINA SOMOS CE */

.page-somosce {}

.page-somosce .container[role="main"] .box {
    width: 100%;
    max-width: 100%;
}

.page-somosce .box .banner a {
    text-decoration: underline;
}

.page-somosce :target:before {
    content: "";
    display: block;
    height: 160px;
    margin-top: -160px;
}

.page-somosce #visionCE {
    padding: 70px 0;
}

.page-somosce #visionCE .row {}

.page-somosce #visionCE .row .col {}

.page-somosce #visionCE .row .col img {
    width: auto;
    display: block;
    margin: 0 auto;
    max-width: 250px;
}

.page-somosce #visionCE .owl-carousel {}

.page-somosce #visionCE .owl-carousel .item {}

.page-somosce #visionCE .owl-carousel .item .titulo-item {
    font-weight: 600;
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
}

.page-somosce #visionCE .owl-carousel .item p {
    width: 80%;
    font-weight: normal;
    color: #333;
    font-size: 14px;
}

.page-somosce #visionCE .owl-carousel .item ul {}

.page-somosce #visionCE .owl-carousel .item ul li {
    width: 80%;
    color: #333;
    font-size: 14px;
    font-weight: normal;
}

.page-somosce #visionCE .owl-carousel .owl-dots {
    position: absolute;
    bottom: -30px;
    right: 50%;
    margin-right: -20px;
    text-align: center;
}

.page-somosce #visionCE .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    margin-left: 5px;
}

.page-somosce #visionCE .owl-carousel .owl-dots .owl-dot:first-child {
    margin-left: 0;
}

.page-somosce #visionCE .owl-carousel .owl-dots .owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    background: #A8A9AD;
}

.page-somosce #visionCE .owl-carousel .owl-dots .owl-dot.active {}

.page-somosce #visionCE .owl-carousel .owl-dots .owl-dot.active span {
    background: #5B5B5D;
}

.page-somosce #equipoCE {
    padding-bottom: 70px;
}

.page-somosce #equipoCE .row {}

.page-somosce #equipoCE .row .col {}

.page-somosce #equipoCE .row .col:last-child {
    padding-right: 30px;
}

.page-somosce #equipoCE .row .col a.bullet {
    margin-left: 30px;
    color: #727272;
    text-decoration: underline;
    padding-left: 20px;
    font-size: 13px;
    font-weight: 600;
}

.page-somosce #equipoCE .row .col:last-child a.bullet {
    margin-left: 0;
}

.page-somosce #equipoCE .row .col .items {
    margin: 0 -5px;
    padding: 0 30px;
    justify-content: center;
}

.page-somosce #equipoCE .row .col .items .item-equipo {
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    flex: 0 0 170px;
    max-width: 170px;
}

.page-somosce #equipoCE .row .col .items .item-equipo .imagen {
    border: 2px solid #ddd;
}

.page-somosce #equipoCE .row .col .items .item-equipo .imagen img {
    width: 156px;
    height: 156px;
}

.page-somosce #equipoCE .row .col .items .item-equipo .info {
    display: none;
    position: absolute;
    top: 0;
    left: 5px;
    right: 5px;
    bottom: 0;
    background: rgba(223, 163, 51, .8);
    padding: 5px;
}

.page-somosce #equipoCE .row .col .items .item-equipo:hover .info {
    display: block;
}

.page-somosce #equipoCE .row .col .items .item-equipo .info p {
    color: #FFF;
    font-weight: 600;
    text-align: center;
    margin: 0;
}

.page-somosce #equipoCE .row .col .items .item-equipo .info p.nombre {
    font-size: 14px;
    margin-top: 25%;
}

.page-somosce #equipoCE .row .col .items .item-equipo .info p.puesto {
    font-size: 12px;
}

.page-somosce #equipoCE .row .col .items .item-equipo .info a {
    position: absolute;
    top: 0;
    left: 5px;
    right: 5px;
    bottom: 0;
}

.page-somosce #equipoCE .row .col p.titulo {
    font-weight: 900;
    font-size: 20px;
    color: #414141;
}

.page-somosce #equipoCE .row .col .items-internship {
    margin: 0 -5px;
    justify-content: center;
}

.page-somosce #equipoCE .row .col .items-internship .item {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    text-align: center;
    flex: 0 0 170px;
    max-width: 170px;
    height: 156px;
}

.page-somosce #equipoCE .row .col .items-internship .item img {
    width: 156px;
    height: 156px;
    border: 2px solid #ddd;
}

.page-somosce #equipoCE .row .col .items-internship .item.fijo {
    /*background: #E0E0E0; padding: 0; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; margin: 0 5px 10px; flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px);*/
}

.page-somosce #equipoCE .row .col .items-internship .item.fijo p {
    color: #333;
    padding: 10px;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 5px;
    right: 5px;
    bottom: 0;
    display: flex;
    align-items: center;
    align-content: center;
    background: #E0E0E0;
    width: 156px;
    height: 156px;
}

.page-somosce #equipoCE .row .col .items-internship ul {
    display: none;
}

.page-somosce #organosCE {
    padding-bottom: 70px;
}

.page-somosce #organosCE .listado-organos {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.page-somosce #organosCE .listado-organos .item {
    flex: 0 0 150px;
    padding: 0 70px;
}

.page-somosce #organosCE .listado-organos .item .imagen {
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin-bottom: 15px;
}

.page-somosce #organosCE .listado-organos .item .imagen img {
    width: 100%;
}

.page-somosce #organosCE .listado-organos .item p {
    margin: 0;
    line-height: 1;
    text-align: right;
    font-size: 12px;
    font-weight: 600;
    color: #666;
}

.page-somosce #organosCE .listado-organos .item p.cargo {
    margin-bottom: 15px;
    font-size: 16px;
}

.page-somosce #organosCE .listado-organos .item p.empresa {
    font-weight: 800;
    margin-bottom: 5px;
}

.page-somosce #organosCE .listado-organos .item p.nombre {
    margin-bottom: 5px;
}

.page-somosce #organosCE .listado-organos .item p.puesto {
    font-weight: normal;
}

.page-somosce #miembrosCE {
    padding-bottom: 70px;
}

.page-somosce #aliadosCE {
    padding-bottom: 70px;
}

.page-somosce #aliadosCE .row {}

.page-somosce #aliadosCE .row .col {
    flex: 0 0 150px;
    max-width: 150px;
    height: 150px;
    /*margin-bottom: 30px;*/
}

.page-somosce #aliadosCE .row .col div {
    /*background: #E8E7E5;*/
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.page-somosce #aliadosCE .row .col div a {}

.page-somosce #aliadosCE .row .col div a span {}

.page-somosce #aliadosCE .row .col div a span img {}

.page-somosce #comiteCE {}

.page-somosce #comiteCE .listado-personas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 30px;
}

.page-somosce #comiteCE .listado-personas .item-persona {
    flex: 0 0 130px;
    max-width: 130px;
    margin: 0;
    margin-bottom: 10px;
    margin-left: 10px;
    height: 115px;
}

.page-somosce #comiteCE .listado-personas .item-persona:hover .datos-persona {
    opacity: 1;
}

.page-somosce #comiteCE .listado-personas .item-persona .datos-persona {
    opacity: 0;
    padding: 20px 10px;
    background: rgba(230, 0, 66, .9);
    height: 100%;
    overflow: hidden;
}

.page-somosce #comiteCE .listado-personas .item-persona .datos-persona * {
    color: #FFF;
    font-size: 10px;
    font-weight: 400;
}

.page-somosce #comiteCE .listado-personas .item-persona .datos-persona .nombre {
    font-weight: 700;
}

.page-somosce #comiteCE .listado-personas .item-persona .datos-persona .puesto {}

@media (max-width: 991px) {
    .page-somosce #equipoCE .row .col p.titulo {
        font-size: 14px;
    }

    .page-somosce #equipoCE .row .col .items-internship .item.fijo {
        /*padding: 15px;*/
    }

    .page-somosce #equipoCE .row .col .items-internship .item.fijo p {
        line-height: normal;
        font-size: 11px;
    }

    .page-somosce #organosCE .listado-organos {
        justify-content: flex-start;
    }

    .page-somosce #organosCE .listado-organos .item {
        padding: 0 40px;
    }
}

@media (max-width: 767px) {
    .page-somosce .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .page-somosce #equipoCE .row .col:first-child {
        margin-bottom: 30px;
    }

    .page-somosce #equipoCE .row .col:last-child {
        padding-right: 15px;
    }

    .page-somosce #equipoCE .row .col p.titulo {
        font-size: 20px;
    }

    .page-somosce #equipoCE .row .col .items {
        padding: 0;
    }

    .page-somosce #equipoCE .row .col .items-internship .item.fijo p {
        font-size: 14px;
    }

    .page-somosce #organosCE .listado-organos {
        flex-wrap: wrap;
        justify-content: center;
    }

    .page-somosce #organosCE .listado-organos .item {
        /* padding: 0 15px; */
        /* flex: 0 0 50%; */
        /* max-width: 50%; */
        margin-bottom: 30px;
    }

    .page-somosce #organosCE .listado-organos .item .imagen {
        margin-left: auto;
    }

    .page-somosce #aliadosCE .row {
        justify-content: center;
    }

    .page-somosce #comiteCE .listado-personas {
        padding: 0 15px;
    }

    .page-somosce #comiteCE .listado-personas .item-persona {
        flex: 0 0 50%;
        max-width: 50%;
        margin: 0;
        padding: 0 15px;
    }
}

@media (max-width: 577px) {
    .page-somosce #visionCE .owl-carousel .owl-dots {
        right: 45%;
    }
}

/* MODAL STAKEHOLDERS */

#modalMailchimp {}

#modalMailchimp .modal-dialog {}

#modalMailchimp .modal-dialog .modal-content {
    border-radius: 0;
    border: 0;
}

#modalMailchimp .modal-dialog .modal-content .close {}

#modalMailchimp .modal-dialog .modal-content .close span {
    font-size: 30px;
}

#modalMailchimp .modal-dialog .modal-content select {
    padding: 5px 10px;
    color: #999;
    font-weight: 400;
}

#modalMailchimp .modal-dialog .modal-content .modal-body {
    padding: 20px;
}

#modalMailchimp .modal-dialog .modal-content .modal-body .modal-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 -10px;
    margin-top: 20px;
}

#modalMailchimp .modal-dialog .modal-content .modal-body .modal-button .btn {
    margin: 10px;
    font-size: 15px;
}

@media (max-width: 991px) {
    .page-nuestrahistoria .sliderPrincipal {
        margin-top: 80px;
    }

    .page-nuestrahistoria .sliderPrincipal .backgroundItem {
        padding: 50px 0;
    }

    .page-nuestrahistoria .sliderPrincipal .container h2 {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .page-nuestrahistoria .container[role="main"] .col01 {
        margin-bottom: 10px;
    }

    .page-nuestrahistoria .fixedVerticalMenu {}

    .page-nuestrahistoria .fixedVerticalMenu>p {
        margin: 0;
        text-align: left;
        padding: 0 15px;
        width: 100%;
        border: 0;
    }

    .page-nuestrahistoria .fixedVerticalMenu>p span.mayus {
        display: inline-block;
    }

    .page-nuestrahistoria .sliderPrincipal .backgroundItem {}

    .page-nuestrahistoria .sliderPrincipal .container h2 {
        font-size: 30px;
    }

    .page-nuestrahistoria #imasdmasi .row .col.col-md-1 p {
        writing-mode: inherit;
        transform: rotate(0deg);
        padding: 5px 15px;
        text-align: center;
        margin-bottom: 5px;
    }
}

@media (max-width: 577px) {}


/* PAGINA MANIFIESTO */

.page-manifiesto {}

.page-manifiesto .sliderPrincipal {
    height: 500px;
}

.page-manifiesto .sliderPrincipal.sliderGenerico .backgroundItem {
    padding: 50px 0;
    height: 500px;
    z-index: 1;
}

/*.page-manifiesto .sliderPrincipal.sliderGenerico .item-video .backgroundItem {
    background-color: var(--color-rosa-resource) !important;
    background-blend-mode: multiply;
}*/

.page-manifiesto .sliderPrincipal .container {
    margin: 0 auto !important;
    position: inherit;
    top: inherit;
    left: inherit;
    right: inherit;
    background: none;
    padding: 0;
    text-align: left;
}

.page-manifiesto .sliderPrincipal .container p {
    margin: 0;
    font-size: 50px;
    line-height: normal;
}

.page-manifiesto .sliderPrincipal .container p:not(.colorAzul) {
    color: #FFF;
    margin-bottom: 10px;
    font-family: 'Esteban', sans-serif;
}

.page-manifiesto .sliderPrincipal .container p.colorAzul {}

.page-manifiesto .box {
    padding-right: 150px;
}

.page-manifiesto .box p {
    color: #000;
    line-height: 2;
}

.page-manifiesto .componente-descargable {
    padding: 0 40px;
}

@media (max-width: 991px) {

    .page-manifiesto .sliderPrincipal,
    .page-manifiesto .sliderPrincipal.sliderGenerico .backgroundItem {
        height: 350px;
    }

    .page-manifiesto .sliderPrincipal .container p {}

    .page-manifiesto .componente-descargable {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .page-manifiesto .container[role="main"] .col01 {
        padding: 0 15px;
    }

    .page-manifiesto .box {
        padding-right: 0;
    }

    .page-manifiesto .sliderPrincipal,
    .page-manifiesto .sliderPrincipal.sliderGenerico .backgroundItem {
        height: 220px;
    }

    .page-manifiesto .sliderPrincipal .container p {
        font-size: 28px;
    }
}

@media (max-width: 577px) {}


/* PAGINA FORMAR PARTE CE */

.page-formarparte {}

.page-formarparte #intro {
    padding-bottom: 70px;
}

.page-formarparte #intro h2 {
    color: #888;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}

.page-formarparte #intro p {
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    font-size: 16px;
}

.page-formarparte #formarparte {
    padding-bottom: 70px;
}

.page-formarparte #formarparte .row {}

.page-formarparte #formarparte .row .col {}

.page-formarparte #formarparte .row .col ul {
    margin: 0;
    padding: 0;
    padding-left: 30px;
    list-style: none outside none;
}

.page-formarparte #formarparte .row .col ul li {
    cursor: pointer;
    margin-bottom: 10px;
}

.page-formarparte #formarparte .row .col ul li span {
    font-weight: 400;
    font-size: 12px;
}

.page-formarparte #formarparte .row .col ul li span.big {
    font-size: 18px;
    font-weight: 400;
}

.page-formarparte #formarparte .row .col:first-child {
    display: block !important;
}

.page-formarparte #formarparte .row .col:not(#defecto) {
    display: none;
}

.page-formarparte #formarparte .row .col:not(#defecto).active {
    display: block;
    border-left: 1px solid #B0B0B0;
    padding-left: 30px;
}

.page-formarparte #formarparte .row .col:not(#defecto) .imagen {
    margin-bottom: 30px;
}

.page-formarparte #formarparte .row .col:not(#defecto) .imagen img {
    max-height: 80px;
}

.page-formarparte #formarparte .row .col:not(#defecto) p {
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
}

.page-formarparte #formarparte .row .col:not(#defecto) ul {
    margin: 0;
    padding: 0;
    padding-left: 30px;
    list-style: none;
}

.page-formarparte #formarparte .row .col:not(#defecto) ul li {
    margin-bottom: 0;
    font-weight: 400;
    color: #999;
}

.page-formarparte #formarparte .row .col#listadoModalidades {}

.page-formarparte #formarparte .row .col#listadoModalidades ul li {
    /*position: relative; padding-left: 30px; color: #333;*/
    margin-bottom: 10px;
}

.page-formarparte #formarparte.seleccionado .row .col#listadoModalidades ul li:not(.active) span {
    color: #999;
}

.page-formarparte #formarparte.seleccionado .row .col#listadoModalidades ul li.active span,
.page-formarparte #formarparte .row .col#listadoModalidades ul li:hover span {
    color: var(--color-azul);
}

.page-formarparte .fondoGris {
    background: #F3F3F3;
    border-top: 1px solid #CFDBD9;
    border-bottom: 1px solid #CFDBD9;
    padding: 20px 0 0;
    margin: 0;
}

.page-formarparte #comoSer {}

.page-formarparte #comoSer .titleBorder {
    margin-top: 0;
    color: #888;
    font-weight: 600;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}

.page-formarparte #comoSer .titleBorder::after {}

.page-formarparte #comoSer .col-12 .row {}

.page-formarparte #comoSer .col-12 .row .col-2 {
    text-align: right;
    flex: 0 0 137px !important;
    max-width: 137px !important;
}

.page-formarparte #comoSer .col-12 .row .col-2 img {
    width: 107px !important;
}

.page-formarparte #comoSer .col-12 .row .col-7 {
    transition: all .3s ease-in-out;
    flex: 0 0 calc(100% - 137px - 25%);
    max-width: calc(100% - 137px - 25%);
}

.page-formarparte #comoSer .col-12 .row p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    padding-right: 150px;
    margin: 0;
    transition: all .3s ease-in-out;
}

.page-formarparte #comoSer .col-12 .row.row1 .col-2 img {
    height: 79px;
}

.page-formarparte #comoSer .col-12 .row.rowVacia .col-2 img {
    height: 57px;
    width: 15px !important;
}

.page-formarparte #comoSer .col-12 .row.row2 .col-2 img {
    height: 62px;
}

.page-formarparte #comoSer .col-12 .row.row3 .col-2 img {
    height: 186px;
}

.page-formarparte #comoSer .col-12 .row.row3 .col-3 {
    align-self: flex-end;
}

.page-formarparte #comoSer .col-12 .row.row3 .col-7 div {
    text-align: right;
    padding-top: 40px;
}

.page-formarparte #comoSer .col-12 .row.row3 .col-7 div a {
    display: none;
}

.page-formarparte #comoSer .col-12 .row.row3 a.btn {
    font-size: 14px;
    padding: 5px 15px;
    margin-bottom: 20px;
}

.page-formarparte #comoSer .col-12 .row:not(.rowVacia):hover .col-7 {
    background: var(--color-azul);
    padding-top: 10px;
}

.page-formarparte #comoSer .col-12 .row:not(.rowVacia):hover .col-7 p {
    color: #FFF;
    font-size: 15px;
}

@media (max-width: 1199px) {
    .page-formarparte #comoSer .col-12 .row p {
        font-size: 16px;
        padding-right: 100px;
    }
}

@media (max-width: 991px) {
    .page-formarparte #comoSer .col-12 .row p {
        padding-right: 50px;
    }

    .page-formarparte #comoSer .col-12 .row .col-7 {
        flex: 0 0 calc(100% - 137px);
        max-width: calc(100% - 137px);
    }

    .page-formarparte #comoSer .col-12 .row.row3 .col-3 {
        display: none;
    }

    .page-formarparte #comoSer .col-12 .row.row3 .col-7 div a {
        display: inline-block;
    }
}

@media (max-width: 767px) {

    .page .sliderPrincipal,
    .page .sliderPrincipal.sliderGenerico .backgroundItem {
        height: 220px;
    }

    .page-formarparte #intro {
        padding-bottom: 50px;
    }

    .page-formarparte #intro h2 {
        margin-top: 0;
        font-size: 18px;
    }

    .page-formarparte #intro p {
        font-size: 14px;
    }

    .page-formarparte #formarparte .row .col:not(#defecto) ul {
        padding-left: 0;
    }

    .page-formarparte #formarparte .row .col#listadoModalidades {
        margin-bottom: 30px;
    }

    .page-formarparte #formarparte .row .col#listadoModalidades ul li {
        border: 1px solid #e4e2e3;
        margin-bottom: 15px;
        padding: 0 15px;
        padding-left: 30px;
    }

    .page-formarparte #formarparte .row .col#listadoModalidades ul li::before {
        left: 5px;
    }

    .page-formarparte #formarparte .row .col#listadoModalidades ul li::after {
        left: 7px;
    }

    .page-formarparte #formarparte .row .col ul li span.big,
    .page-formarparte #formarparte .row .col ul li span {
        font-size: 16px;
    }

    .page-formarparte #formarparte .row .col:not(#defecto).active {
        padding-left: 15px;
        border: 0;
    }

    .page-formarparte #comoSer .col-12 .row p {
        padding-right: 0;
        font-size: 13px;
        line-height: 1;
    }

    .page-formarparte #comoSer .col-12 .row:not(.rowVacia):hover .col-7 p {
        font-size: 13px;
    }

    .page-formarparte #comoSer .col-12 .row.row3 .col-7 div a {
        font-size: 14px;
    }
}

@media (max-width: 577px) {
    .page-formarparte #formarparte .row .col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .page-formarparte #comoSer .col-12 .row .col-2 {
        padding-right: 0;
    }
}


/* PAGINA ACTIVIDAD */

.page-actividad {}

.page-actividad .container[role="main"] {
    padding-top: 30px
}

.page-actividad #lineasTrabajo {}

.page-actividad #lineasTrabajo>p {
    padding-right: 40%;
    margin-bottom: 70px;
    font-weight: 400;
    line-height: 1.6;
    color: #000;
}

.page-actividad #lineasTrabajo .listado-lineas {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.page-actividad #lineasTrabajo .listado-lineas .item-lineas {
    flex: 0 0 33%;
    margin-bottom: 30px;
    padding: 0 15px;
}

.page-actividad #lineasTrabajo .listado-lineas .item-lineas .imagen {
    z-index: 2;
    position: relative;
}

.page-actividad #lineasTrabajo .listado-lineas .item-lineas .imagen img {
    width: 80%;
    max-width: 80%;
}

.page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido {
    padding-left: 15px;
    margin-top: -15px;
    z-index: 1;
    position: relative;
}

.page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap {
    border: 1px solid var(--color-azul);
    padding: 40px 15px 15px;
    position: relative;
    height: 160px;
}

.page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap h2 {
    color: #333;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin-bottom: 20px;
}

.page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap h2 a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap p {
    color: #999;
    font-size: 11px;
    margin-bottom: 30px;
    font-weight: 400;
}

.page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap>a {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-azul);
    text-align: center;
    color: #FFF;
}

.page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap>a span {
    color: inherit;
}

.page-actividad #lineasTrabajo .listado-lineas>.material-icons {
    display: none;
    color: var(--color-rosa);
    position: absolute;
    top: 50%;
    font-size: 34px;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    z-index: 1;
    cursor: pointer;
}

.page-actividad #lineasTrabajo .listado-lineas>.material-icons.prev {
    left: 0;
    transform: translateY(-50%) rotate(90deg);
}

.page-actividad #lineasTrabajo .listado-lineas>.material-icons.next {
    right: 0;
    transform: translateY(-50%) rotate(-90deg);
}

.page-actividad :target:before {
    content: "";
    display: block;
    height: 160px;
    margin-top: -160px;
}

@media (max-width: 991px) {
    .page-actividad #lineasTrabajo>p {
        padding-right: 20%;
    }
}

@media (max-width: 767px) {
    .page-actividad #lineasTrabajo>p {
        padding-right: 0;
        font-size: 14px;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas {
        flex: 0 0 100%;
        margin-bottom: 15px;
        display: flex;
        flex-wrap: nowrap;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas .imagen {
        flex: 0 0 120px;
        height: 100px;
        overflow: hidden;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas .imagen img {
        width: auto;
        max-width: 100%;
        height: 100%;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido {
        flex: 0 0 calc(100% - 120px);
        padding-left: 0;
        margin-top: 0;
        height: 100px;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap {
        padding: 10px;
        padding-right: 20px;
        border-bottom-width: 10px;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap h2 {
        font-size: 11px;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap p {
        font-size: 9px;
        margin-bottom: 0;
        align-self: flex-end;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap a {
        left: inherit;
        top: 0;
        background: none;
        width: 20px;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap a span {
        color: var(--color-azul);
        transform: rotate(270deg);
        position: absolute;
        top: 50%;
        margin-top: -12px;
        left: 0;
    }
}

@media (max-width: 577px) {}

@media (max-width: 401px) {
    .page-actividad .componenteBulletsDinamico {}

    .page-actividad .componenteBulletsDinamico .row {}

    .page-actividad .componenteBulletsDinamico .row .col#listadoareas {}

    .page-actividad .componenteBulletsDinamico .row .col#listadoareas ul {
        padding: 0;
    }

    .page-actividad .componenteBulletsDinamico .row .col#listadoareas ul li {
        height: 35px;
        line-height: 35px;
        border: 1px solid var(--color-rosa);
        margin-bottom: 10px;
        border-right: 4px solid;
        padding-left: 25px;
    }

    .page-actividad .componenteBulletsDinamico .row .col#listadoareas ul li span {
        font-size: 9px;
    }

    .page-actividad .componenteBulletsDinamico .row .col#listadoareas ul li span.big {
        font-size: 12px;
    }

    .page-actividad .componenteBulletsDinamico .row .col#listadoareas ul li::before {
        content: '+';
        width: 15px;
        height: 15px;
        border: 0;
        border-radius: 50%;
        background: #F0F0F0;
        color: #333;
        text-align: center;
        line-height: 15px;
        left: 5px;
        margin-top: 0;
        transform: translateY(-50%);
    }

    .page-actividad .componenteBulletsDinamico .row .col#listadoareas ul li::after {
        display: none;
    }

    .page-actividad .componenteBulletsDinamico .row .col#listadoareas ul li.bullet-roja {
        border-right-color: var(--color-item-rojo);
    }

    .page-actividad .componenteBulletsDinamico .row .col#listadoareas ul li.bullet-azul {
        border-right-color: var(--color-item-azul);
    }

    .page-actividad .componenteBulletsDinamico .row .col#listadoareas ul li.bullet-amarillo {
        border-right-color: var(--color-item-amarillo);
    }

    .page-actividad .componenteBulletsDinamico .row .col#listadoareas ul li.bullet-verdeclaro {
        border-right-color: var(--color-item-verde-claro);
    }

    .page-actividad .componenteBulletsDinamico .row .col#listadoareas ul li.bullet-verdeoscuro {
        border-right-color: var(--color-item-verde-oscuro);
    }

    .page-actividad .componenteBulletsDinamico .row .col#listadoareas ul li.bullet-naranja {
        border-right-color: var(--color-item-naranja);
    }

    .page-actividad .componenteBulletsDinamico .row .col#listadoareas ul li.bullet-morado {
        border-right-color: var(--color-item-morado);
    }

    .page-actividad .componenteBulletsDinamico .row .col#listadoareas ul li.bullet-azulverdoso {
        border-right-color: var(--color-item-azulverdoso);
    }

    .page-actividad #lineasTrabajo {}

    .page-actividad #lineasTrabajo>p {
        margin-top: 50px;
    }

    .page-actividad #lineasTrabajo .listado-lineas {
        position: relative;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas {
        flex-direction: column;
        /* opacity: 0; */
        padding: 0 30px;
        /* max-height: 0; */
        margin: 0;
        transition: all .3s ease-in-out;
        overflow: hidden;
        margin-bottom: 20px;
        display: none;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas.activo {
        display: flex;
        flex-wrap: wrap;
        opacity: 1;
        max-height: none;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas .imagen {
        /*flex: 0 0 100%; max-width: 100%; height: auto;*/
        height: auto;
        flex: none;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas .imagen img {
        width: 100%;
        height: auto;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido {
        /*flex: 0 0 100%; max-width: 100%; height: auto;*/
        height: auto;
        flex: none;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap {
        padding: 30px;
        padding-bottom: 50px;
        /*padding-right: 10px; padding-bottom: 35px; border-bottom-width: 1px; */
        height: auto;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap h2 {
        font-size: 15px;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap p {
        font-size: 12px;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap>a {
        top: inherit;
        left: 0;
        width: auto;
        height: 25px;
        background: var(--color-azul);
        text-align: center;
    }

    .page-actividad #lineasTrabajo .listado-lineas .item-lineas .contenido .wrap>a span {
        transform: none;
        color: #FFF;
        left: 50%;
        transform: translateX(-50%);
    }

    .page-actividad #lineasTrabajo .listado-lineas>.material-icons {
        display: block;
    }
}


/* PAGINA INTERIOR TIPO ACTIVIDAD */

.page-tipoactividad {}

.page-tipoactividad .container[role="main"] {
    margin-top: 170px;
}

.page-tipoactividad .box {
    padding-top: 40px;
}

.page-tipoactividad .tituloBloque {
    display: block;
    font-size: 24px;
    text-transform: uppercase;
    color: var(--color-rosa);
    margin-bottom: 30px;
    font-weight: 400;
}

.page-tipoactividad .tituloBloque::after {
    content: '';
    display: block;
    width: 50%;
    height: 1px;
    background: var(--color-rosa);
}

.page-tipoactividad.page-tipoactividad-proyectos .tituloBloque {
    text-transform: none;
}

.page-tipoactividad #intro {}

.page-tipoactividad #intro .row {}

.page-tipoactividad #intro .row .col {}

.page-tipoactividad #intro .row .col.col-sm-4 {
    text-align: center;
}

.page-tipoactividad #intro .row .col img {}

.page-tipoactividad #intro .row .col p {}

.page-tipoactividad #intro .row .col>a {
    display: block;
    text-align: right;
    text-decoration: underline;
}

.page-tipoactividad #contenidosPrograma {}

.page-tipoactividad #contenidosPrograma ul {}

.page-tipoactividad #contenidosPrograma ul li {
    margin-bottom: 10px;
}

.page-tipoactividad #apoyoInstitucional {
    padding-bottom: 70px;
}

.page-tipoactividad #apoyoInstitucional a.btn {
    font-size: 14px;
    padding: 5px 15px;
}

.page-tipoactividad #proyectos {}

.page-tipoactividad #proyectos .tituloBloque {}

.page-tipoactividad #proyectos p {}

.page-tipoactividad #proyectos iframe {
    max-width: 100%;
    height: 550px;
    margin-top: 20px;
}

.page-tipoactividad .componenteBulletsDinamico {}

.page-tipoactividad .componenteBulletsDinamico>p {}

.page-tipoactividad #destacados {}

.page-tipoactividad #destacados .tituloBloque {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.page-tipoactividad #destacados .tituloBloque::after {
    display: none;
}

.page-tipoactividad #destacados .listado-destacados {}

@media (max-width: 991px) {
    .page-tipoactividad .container[role="main"] {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    .page-tipoactividad .tituloBloque {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .page-tipoactividad #proyectos {
        padding-bottom: 30px;
    }

    .page-tipoactividad #proyectos iframe {
        height: 300px;
    }

    .page-tipoactividad #proyectos p,
    .page-tipoactividad #contenidosPrograma ul li,
    .page-tipoactividad #intro .row .col p,
    .page-tipoactividad .componenteBulletsDinamico>p {
        font-size: 14px;
    }
}

@media (max-width: 577px) {}


/* PAGINA INTERIOR TIPOACTIVIDAD PUBLICACIONES y ACTIVIDADES */

.page-tipoactividad-publicaciones {}

.page-tipoactividad-publicaciones .componenteBulletsDinamico .row .col:not(#defecto) .etiquetas ul li,
.page-tipoactividad-publicaciones .componenteBulletsDinamico .row .col:not(#defecto) .etiquetas ul li a {
    color: var(--color-azul) !important;
}

.page-tipoactividad-publicaciones .componenteBulletsDinamico .row .col:not(#defecto)>a {}

.page-tipoactividad-publicaciones .componenteBulletsDinamico .row .col ul li.active,
.page-tipoactividad-publicaciones .componenteBulletsDinamico .row .col ul li:hover,
.page-tipoactividad-publicaciones .componenteBulletsDinamico .row .col ul li.active span,
.page-tipoactividad-publicaciones .componenteBulletsDinamico .row .col ul li:hover span {
    color: var(--color-azul);
}

.page-tipoactividad-publicaciones .componenteBulletsDinamico .row .col ul li.active::before,
.page-tipoactividad-publicaciones .componenteBulletsDinamico .row .col ul li:hover::before,
.page-tipoactividad-publicaciones .componenteBulletsDinamico .row .col ul li.active::after,
.page-tipoactividad-publicaciones .componenteBulletsDinamico .row .col ul li:hover::after {
    background: var(--color-azul);
}

.page-tipoactividad-publicaciones .componenteBulletsDinamico .col-lista>.next,
.page-tipoactividad-publicaciones .componenteBulletsDinamico .col-lista>.prev {
    display: none;
    color: var(--color-rosa);
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    cursor: pointer;
}

.page-tipoactividad-publicaciones .componenteBulletsDinamico .col-lista>.next {
    transform: rotate(270deg);
}

.page-tipoactividad-publicaciones .componenteBulletsDinamico .col-lista>.prev {
    transform: rotate(90deg);
}

@media screen and (max-width: 577px) {
    .page-tipoactividad-publicaciones .componenteBulletsDinamico .col.col-lista {
        display: flex !important;
        margin-bottom: 20px;
    }

    .page-tipoactividad-publicaciones .componenteBulletsDinamico .col-lista ul {
        border: 1px solid #A7A7A7;
        margin: 0;
        padding: 0;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        flex: 0 0 calc(100% - 80px);
    }

    .page-tipoactividad-publicaciones .componenteBulletsDinamico .col-lista ul li {
        display: none;
        text-align: center;
        padding: 0;
    }

    .page-tipoactividad-publicaciones .componenteBulletsDinamico .col-lista ul li.active {
        display: block;
    }

    .page-tipoactividad-publicaciones .componenteBulletsDinamico .col-lista ul li::before,
    .page-tipoactividad-publicaciones .componenteBulletsDinamico .col-lista ul li::after {
        display: none;
    }

    .page-tipoactividad-publicaciones .componenteBulletsDinamico .col-lista ul li span {
        color: #CCC !important;
        text-transform: uppercase;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px !important;
    }

    .page-tipoactividad-publicaciones .componenteBulletsDinamico .col-lista ul li>span {
        display: block;
    }

    .page-tipoactividad-publicaciones .componenteBulletsDinamico .col-lista>.next,
    .page-tipoactividad-publicaciones .componenteBulletsDinamico .col-lista>.prev {
        display: flex;
        flex: 0 0 40px;
        max-width: 40px;
        align-items: center;
        justify-content: center;
    }

    .page-tipoactividad-publicaciones .componenteBulletsDinamico .row .col:not(#defecto)>a.aConsulta {
        text-align: center;
    }
}


/* PAGINA INTERIOR TIPOACTIVIDAD ACTIVIDADES */

.page-tipoactividad-actividades {}

.page-tipoactividad-actividades .componenteBulletsDinamico .row .col:not(#defecto) .etiquetas ul li,
.page-tipoactividad-actividades .componenteBulletsDinamico .row .col:not(#defecto) .etiquetas ul li a {
    color: var(--color-azul) !important;
}

.page-tipoactividad-actividades .componenteBulletsDinamico .row .col:not(#defecto)>a {}

.page-tipoactividad-actividades .componenteBulletsDinamico .row .col ul li.active,
.page-tipoactividad-actividades .componenteBulletsDinamico .row .col ul li:hover,
.page-tipoactividad-actividades .componenteBulletsDinamico .row .col ul li.active span,
.page-tipoactividad-actividades .componenteBulletsDinamico .row .col ul li:hover span {
    color: var(--color-azul);
}

.page-tipoactividad-actividades .componenteBulletsDinamico .row .col ul li.active::before,
.page-tipoactividad-actividades .componenteBulletsDinamico .row .col ul li:hover::before,
.page-tipoactividad-actividades .componenteBulletsDinamico .row .col ul li.active::after,
.page-tipoactividad-actividades .componenteBulletsDinamico .row .col ul li:hover::after {
    background: var(--color-azul);
}

.page-tipoactividad-actividades .componenteBulletsDinamico .col-lista>.next,
.page-tipoactividad-actividades .componenteBulletsDinamico .col-lista>.prev {
    display: none;
    color: var(--color-rosa);
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    cursor: pointer;
}

.page-tipoactividad-actividades .componenteBulletsDinamico .col-lista>.next {
    transform: rotate(270deg);
}

.page-tipoactividad-actividades .componenteBulletsDinamico .col-lista>.prev {
    transform: rotate(90deg);
}

@media screen and (max-width: 577px) {
    .page-tipoactividad-actividades .componenteBulletsDinamico .col.col-lista {
        display: flex !important;
        margin-bottom: 20px;
    }

    .page-tipoactividad-actividades .componenteBulletsDinamico .col-lista ul {
        border: 1px solid #A7A7A7;
        margin: 0;
        padding: 0;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        flex: 0 0 calc(100% - 80px);
    }

    .page-tipoactividad-actividades .componenteBulletsDinamico .col-lista ul li {
        display: none;
        text-align: center;
        padding: 0;
    }

    .page-tipoactividad-actividades .componenteBulletsDinamico .col-lista ul li.active {
        display: block;
    }

    .page-tipoactividad-actividades .componenteBulletsDinamico .col-lista ul li::before,
    .page-tipoactividad-actividades .componenteBulletsDinamico .col-lista ul li::after {
        display: none;
    }

    .page-tipoactividad-actividades .componenteBulletsDinamico .col-lista ul li span {
        color: #CCC !important;
        text-transform: uppercase;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px !important;
    }

    .page-tipoactividad-actividades .componenteBulletsDinamico .col-lista ul li>span {
        display: block;
    }

    .page-tipoactividad-actividades .componenteBulletsDinamico .col-lista>.next,
    .page-tipoactividad-actividades .componenteBulletsDinamico .col-lista>.prev {
        display: flex;
        flex: 0 0 40px;
        max-width: 40px;
        align-items: center;
        justify-content: center;
    }

    .page-tipoactividad-actividades .componenteBulletsDinamico .row .col:not(#defecto)>a.aConsulta {
        text-align: center;
    }
}


/* PAGINA ACADEMY */

.page-academy {}

.page-academy .container[role="main"] {
    margin-top: 170px;
}

.page-academy .box {
    padding-bottom: 70px;
}

.page-academy .tituloBloque {
    display: block;
    font-size: 24px;
    text-transform: uppercase;
    color: var(--color-rosa);
    margin-bottom: 50px;
    font-weight: 400;
}

.page-academy .tituloBloque::after {
    content: '';
    display: block;
    width: 50%;
    height: 1px;
    background: var(--color-rosa);
}

.page-academy #intro {}

.page-academy #intro .row {}

.page-academy #intro .row .col {}

.page-academy #intro .row .col.col-sm-4 {
    text-align: center;
}

.page-academy #intro .row .col img {}

.page-academy #intro .row .col p {
    font-weight: 400;
    color: #000;
}

.page-academy #intro .row .col ul {
    margin: 0;
    padding: 0;
}

.page-academy #intro .row .col ul li {
    display: inline-block;
    width: 45%;
    margin-bottom: 10px;
    font-size: 13px;
    vertical-align: top;
}

.page-academy #intro .row .col ul li span {
    display: block;
    background: var(--color-azul);
    color: #FFF;
    padding: 5px;
    font-weight: 400;
}

.page-academy #intro .row .col.col-etiquetas {
    display: none;
}

.page-academy .listado-formacion {
    overflow-y: auto;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -15px;
}

.page-academy .listado-formacion>div {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 15px;
}

.item-formacion {
    border: 1px solid #D7D7D7;
    margin-bottom: 30px;
}

.item-formacion .imagen {
    height: 145px;
    overflow: hidden;
    position: relative;
}

.item-formacion .imagen img {
    width: 100%;
}

.item-formacion .contenido {
    padding: 15px 10px 20px;
    text-align: center;
    position: relative;
    height: 180px;
}

.item-formacion .contenido p {
    margin-bottom: 10px;
    font-weight: 600;
    line-height: normal;
}

.item-formacion .contenido p.tipo {
    text-align: left;
    font-size: 11px;
    color: #A6A8AB;
    font-weight: 400;
}

.item-formacion .contenido p.titulo {
    font-size: 24px;
}

.item-formacion .contenido p.subtitulo {
    font-size: 12px;
    font-weight: 600;
    color: #333;
    font-family: 'Esteban', serif;
}

.item-formacion .contenido a.btn {
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 600;
}

.carrito {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 60px solid #C2B1B9;
    border-left: 70px solid transparent;
}

.carrito span {
    position: absolute;
    top: -55px;
    right: 5px;
    color: #FFF;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -292px -10px;
    width: 22px;
    height: 22px;
    text-indent: -9999em;
}

.listado .item-formacion {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 50px;
}

.listado .item-formacion .imagen {
    flex: 0 0 300px;
    max-width: 300px;
    height: auto;
}

.listado .item-formacion .contenido {
    flex: 0 0 calc(100% - 300px);
    max-width: calc(100% - 300px);
    padding: 0 30px;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.listado .item-formacion .contenido p {
    flex: 0 0 100%;
    max-width: 100%;
}

.listado .item-formacion .contenido a.btn {}

.modal#modalFormacionPersonalizada {}

.modal#modalFormacionPersonalizada .modal-dialog .modal-content {
    border-radius: 0;
    border: 0;
}

.modal#modalFormacionPersonalizada .modal-dialog .modal-content .modal-body {
    padding: 30px;
}

.modal#modalFormacionPersonalizada .modal-dialog .modal-content .modal-body>.row {
    margin: 0;
}

.modal#modalFormacionPersonalizada .modal-dialog .modal-content .modal-body>.row .col {
    padding: 0 40px;
}

.modal#modalFormacionPersonalizada .modal-dialog .modal-content .modal-body>.row .col .modal-title {
    font-size: 20px;
    text-transform: uppercase;
    color: #595d5d;
    margin-bottom: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.modal#modalFormacionPersonalizada .modal-dialog .modal-content .modal-body>.row .col p {
    font-weight: 400;
    font-size: 13px;
}

.modal#modalFormacionPersonalizada .modal-dialog .modal-content .modal-body>.row .col a.solicitar {
    background: var(--color-azul);
    color: #FFF;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
}

@media (max-width: 991px) {
    .page-academy .container[role="main"] {
        margin-top: 80px;
    }

    .page-academy .listado-formacion>div {
        flex: 0 0 300px;
        max-width: 300px;
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    .page-academy .tituloBloque {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .page-academy #intro .row .col p {
        font-size: 14px;
    }

    .listado .item-formacion {
        /*flex-wrap: wrap;*/
    }

    .listado .item-formacion .imagen {
        flex: 0 0 120px;
        max-width: 120px;
    }

    .listado .item-formacion .contenido {
        flex: 0 0 calc(100% - 120px);
        max-width: calc(100% - 120px);
        padding: 15px 30px;
    }
}

@media (max-width: 577px) {
    .page-academy .box {
        padding-bottom: 35px;
    }

    .page-academy #intro .row {
        align-items: center;
    }

    .page-academy #intro .row .col.col-sm-4 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .page-academy #intro .row .col.col-sm-8 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .page-academy #intro .row .col.col-sm-8 .etiquetas {
        display: none;
    }

    .page-academy #intro .row .col.col-etiquetas {
        display: block;
        margin-top: 15px;
    }

    .page-academy #intro .row .col.col-etiquetas ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
    }

    .page-academy #intro .row .col.col-etiquetas ul li {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px;
    }

    .page-academy #intro .row .col.col-etiquetas ul li a {
        display: block;
        position: relative;
        padding-left: 25px;
    }

    .page-academy #intro .row .col.col-etiquetas ul li a::before {
        content: '+';
        display: block;
        width: 15px;
        height: 15px;
        background: #FFF;
        border: 1px solid var(--color-azul);
        border-radius: 50%;
        color: #333;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        line-height: 15px;
    }

    .page-academy #intro .row .col.col-etiquetas ul li a span {
        background: none;
        color: #333;
        padding: 0;
    }

    .page-academy #intro .row .col p {
        font-size: 11px;
    }
}

@media (max-width: 401px) {
    .page-academy #intro .row .col.col-sm-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .page-academy #intro .row .col.col-sm-8 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 15px;
    }

    .page-academy #intro .row .col p {
        font-size: 14px;
    }

    .page-academy #intro .row .col ul li {
        display: block;
        width: 100%;
    }

    .page-academy #intro .row .col.col-etiquetas ul li {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* PAGINA PROGRAMAS EXTERNOS */

.page-programasext {}

.page-programasext .container[role="main"] {
    margin-top: 170px;
}

.page-programasext .tituloBloque {
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    color: var(--color-rosa);
    margin-bottom: 30px;
    font-weight: 400;
}

.page-programasext .tituloBloque::after {
    content: '';
    display: block;
    width: 50%;
    height: 1px;
    background: var(--color-rosa);
}

.page-programasext .box {}

.page-programasext .box p {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

.page-programasext .listado-programas {}

.page-programasext .listado-programas .cabecera-busqueda-filtros {}

.page-programasext .listado-programas .cabecera-busqueda-filtros .filtros {}

.page-programasext .listado-programas .cabecera-busqueda-filtros .busquedaGenerica {}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
    .page-programasext .container[role="main"] {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    .page-programasext .tituloBloque {
        font-size: 16px;
        margin-bottom: 20px;
    }
}

@media (max-width: 577px) {}


/* CABECERA BUSQUEDA Y FILTROS LISTADOS */

.cabecera-busqueda-filtros {
    display: flex;
    flex-wrap: nowrap;
    margin: 50px 0 20px 0;
}

.cabecera-busqueda-filtros .filtros {
    flex: 0 0 300px;
    max-width: 300px;
    display: flex;
    flex-wrap: nowrap;
}

.cabecera-busqueda-filtros .filtros .material-icons {
    color: #BAA5AC;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    cursor: pointer;
}

.cabecera-busqueda-filtros .filtros .material-icons.prev {
    transform: rotate(90deg);
}

.cabecera-busqueda-filtros .filtros .material-icons.next {
    transform: rotate(270deg);
}

.cabecera-busqueda-filtros .filtros ul {
    margin: 0;
    padding: 0 15px;
    list-style: none;
    border: 1px solid #A7A7A7;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: calc(100% - 80px);
}

.cabecera-busqueda-filtros .filtros ul li {
    display: none;
    height: 100%;
    text-transform: uppercase;
    color: #CCC;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cabecera-busqueda-filtros .filtros ul li.activo {
    display: block;
}

.cabecera-busqueda-filtros .busquedaGenerica {}

.cabecera-busqueda-filtros .busquedaGenerica input {
    height: 40px;
    line-height: 40px;
}

.cabecera-busqueda-filtros .busquedaGenerica a {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.cabecera-busqueda-filtros .busquedaGenerica a span {}

.cabecera-busqueda-filtros.movil {
    display: none;
}

@media (max-width: 991px) {

    .cabecera-busqueda-filtros .filtros,
    .cabecera-busqueda-filtros .busquedaGenerica {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .cabecera-busqueda-filtros.movil {
        display: flex;
        margin-top: 15px;
    }
}

@media (max-width: 577px) {
    .cabecera-busqueda-filtros {
        flex-wrap: wrap;
    }

    .cabecera-busqueda-filtros .filtros,
    .cabecera-busqueda-filtros .busquedaGenerica {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 15px;
        align-items: center;
        justify-content: center;
    }

    .cabecera-busqueda-filtros .filtros {
        order: 2;
        margin-bottom: 0;
    }

    .cabecera-busqueda-filtros .busquedaGenerica {
        order: 1;
    }
}


/* TABLAS LISTADOS */

table.tablaListado {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 0 !important;
}

table.tablaListado tr {
    background: none !important;
}

table.tablaListado tr.selected {
    background: #eee !important;
}

table.tablaListado thead {}

table.tablaListado thead tr {}

table.tablaListado body {}

table.tablaListado body tr {}

table.tablaListado th,
table.tablaListado td {
    border-bottom: 1px solid #EDEDED;
    padding: 10px 15px;
    vertical-align: middle;
    font-weight: 600;
    font-size: 13px;
}

table.tablaListado td.extra {
    text-align: right;
}

table.tablaListado td.child {}

table.tablaListado td.child ul {}

table.tablaListado td.child ul li {}

table.tablaListado td.child ul li span {}

table.tablaListado td.child ul li span.dtr-title {
    display: block;
    margin-bottom: 5px;
}

table.tablaListado td.child ul li span.dtr-data {
    display: block;
}

table.tablaListado a {
    vertical-align: middle;
    margin-right: 5px;
}

table.tablaListado a span {
    vertical-align: middle;
    font-size: 22px;
}

table.tablaListado .fa-graduation-cap {
    color: var(--color-azul);
}

table.tablaListado .fa-graduation-cap::before {
    content: '';
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -130px -220px;
    width: 20px;
    height: 20px;
    display: block;
}

table.tablaListado .material-icons {
    color: #666;
}

table.tablaListado td.extra .fa {}

table.tablaListado td.extra .fa::before {
    content: '';
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -62px -162px;
    width: 16px;
    height: 16px;
    display: block;
}

table.tablaListado td.extra .material-icons {}


/* PAGINA INTERIOR ACTIVIDAD */

.page-interioractividad {}

.page-interioractividad .container[role="main"] {
    margin-top: 170px;
}

.page-interioractividad .tituloBloque {
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    color: var(--color-rosa);
    margin-bottom: 30px;
    font-weight: 400;
}

.page-interioractividad .tituloBloque::after {
    content: '';
    display: block;
    width: 50%;
    height: 1px;
    background: var(--color-rosa);
}

.page-interioractividad .box {
    margin-bottom: 50px;
}

.page-interioractividad .box>p {
    color: #000;
    margin-bottom: 30px;
    padding-right: 30%;
    font-size: 14px;
}

.page-interioractividad .listado-catedras {}

.page-interioractividad .listado-catedras .item {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 50px;
}

.page-interioractividad .listado-catedras .item .imagen {
    flex: 0 0 150px;
    max-width: 150px;
    align-self: center;
}

.page-interioractividad .listado-catedras .item .imagen img {
    width: 100%;
}

.page-interioractividad .listado-catedras .item .contenido {
    flex: 0 0 calc(100% - 150px);
    max-width: calc(100% - 150px);
    padding: 15px;
}

.page-interioractividad .listado-catedras .item .contenido p.titulo {
    font-weight: 600;
    color: #000;
    font-size: 14px;
    line-height: normal;
    margin-bottom: 5px;
}

.page-interioractividad .listado-catedras .item .contenido p.subtitulo {
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
}

.page-interioractividad .listado-catedras .item .contenido a.masInfo {
    color: var(--color-azul);
    text-decoration: underline;
    position: relative;
    padding-left: 30px;
    margin-top: 40px;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
}

.page-interioractividad .listado-catedras .item .contenido a.masInfo::before {
    /*content: '\E145'; font-family: 'Material Icons'; color: #333;*/
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 0;
    width: 16px;
    height: 16px;
    /*border-radius: 50%; border: 1px solid var(--color-azul); text-align: center; line-height: 16px; font-size: 15px;*/
    content: '';
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -132px -252px;
}

.page-interioractividad .listado-descripcion-btn {}

.page-interioractividad .listado-descripcion-btn .item {
    margin-bottom: 50px;
}

.page-interioractividad .listado-descripcion-btn .item .wrap {
    padding-left: 30px;
    position: relative;
}

.page-interioractividad .listado-descripcion-btn .item .wrap::before {
    content: '';
    width: 5px;
    height: 8px;
    background: var(--color-azul);
    position: absolute;
    left: 0;
    top: 10px;
    margin-top: -4px;
}

.page-interioractividad .listado-descripcion-btn .item .wrap::after {
    content: '';
    width: 6px;
    height: 6px;
    background: var(--color-azul);
    position: absolute;
    left: 2px;
    top: 10px;
    margin-top: -3px;
    transform: rotate(45deg);
}

.page-interioractividad .listado-descripcion-btn .item .wrap p {
    font-size: 13px;
    color: #000;
    margin-bottom: 15px;
    line-height: 1.2;
}

.page-interioractividad .listado-descripcion-btn .item .wrap a.btn {
    margin-right: 10px;
    font-size: 14px;
    padding: 5px 15px;
    font-weight: 400;
    margin-bottom: 5px;
}

@media (max-width: 991px) {
    .page-interioractividad .container[role="main"] {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    .page-interioractividad .tituloBloque {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .page-interioractividad .box>p {
        padding-right: 0;
    }

    .page-interioractividad .listado-catedras .item .imagen {
        flex: 0 0 80px;
        max-width: 80px;
    }

    .page-interioractividad .listado-catedras .item .contenido {
        flex: 0 0 calc(100% - 80px);
        max-width: calc(100% - 80px);
    }
}

@media (max-width: 577px) {
    .page-interioractividad .listado-catedras .item {
        border: 1px solid #f2f2f2;
        margin-bottom: 0;
    }

    .page-interioractividad .listado-descripcion-btn .item {
        margin-bottom: 15px;
        border: 1px solid #f2f2f2;
        border-top: 0;
        padding: 15px;
    }
}


/* BUSCADOR GENERICO */

.busquedaGenerica {
    flex: 0 0 360px;
    max-width: 360px;
    display: flex;
}

.busquedaGenerica input {
    border: 1px solid #A7A7A7;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    flex-grow: 2;
    font-size: 13px;
    font-weight: 400;
}

.busquedaGenerica input::placeholder {
    font-size: 13px;
    font-weight: 400;
}

.busquedaGenerica a {
    cursor: pointer;
    border: 1px solid #A7A7A7;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: var(--color-azul);
    margin-left: 1px;
}

.busquedaGenerica a span {
    display: block;
    height: 40px;
    line-height: inherit;
    color: #FFF;
}

.busquedaGenerica.conFiltro {
    max-width: 500px;
    flex: 0 0 500px;
}

.busquedaGenerica.conFiltro .filtro {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex: 0 0 200px;
    background: #EEEEEE;
    border: 1px solid #919191;
    border-right: 0;
    height: 40px;
    line-height: 40px;
}

.busquedaGenerica.conFiltro .filtro ul {
    margin: 0;
    padding: 0;
    list-style: none outside none;
    flex: 0 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
}

.busquedaGenerica.conFiltro .filtro ul li {
    display: none;
    line-height: 40px;
    padding: 0 15px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}

.busquedaGenerica.conFiltro .filtro ul li.activo {
    display: block;
}

.busquedaGenerica.conFiltro .filtro ul li a {
    display: block;
}

.busquedaGenerica.conFiltro .filtro .material-icons {
    line-height: 40px;
    text-align: center;
    background: #C6DCDC;
    flex: 0 0 40px;
    max-width: 40px;
    font-size: 32px;
    cursor: pointer;
}

.busquedaGenerica.conFiltro input {
    border-color: #919191;
    border-left: 0;
    height: 40px;
    line-height: 40px;
}

.busquedaGenerica.conFiltro a {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.busquedaGenerica.conFiltro .filtro ul.abierto li {
    display: block;
    position: relative;
    z-index: 1;
    background: #eee;
    cursor: pointer;
}

@media (max-width: 767px) {
    .busquedaGenerica {
        max-width: 100%;
    }
}

@media (max-width: 577px) {
    .busquedaGenerica.conFiltro {
        max-width: 100%;
        flex: 0 0 100%;
        flex-wrap: wrap;
    }

    .busquedaGenerica.conFiltro .filtro {
        flex: 0 0 100%;
        border-right: 1px solid #919191;
    }

    .busquedaGenerica.conFiltro input {
        border-left: 1px solid #919191;
    }
}


/* CONTEXTOS */

.contexto {
    margin-bottom: 50px;
}

.contexto .titulo {
    font-size: 22px;
    font-weight: 600;
    border-bottom: 1px solid var(--color-rosa);
    padding-bottom: 5px;
    line-height: normal;
    display: inline-block;
    margin-bottom: 30px;
}

.contexto .listado {
    display: flex;
    flex-wrap: wrap;
}

.contexto .listado .item {
    flex: 0 0 95px;
    max-width: 95px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.contexto .listado .item div {
    height: 95px;
    background: #E7E7E5;
    padding: 15px;
}

.contexto .listado .item div a {
    display: table;
    height: 100%;
    width: 100%;
}

.contexto .listado .item div a span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.contexto .listado .item div a span img {
    width: 100%;
}

.contexto.circulo .listado {}

.contexto.circulo .listado .item {}

.contexto.circulo .listado .item div {
    border-radius: 50%;
    overflow: hidden;
}

.contexto.circulo .listado .item div a {}

.contexto.circulo .listado .item div a span {}


/* CONTEXTO ALIADOS */

.contexto-aliados {}


/* CONTEXTO EQUIPO INVESTIGADOR */

.contexto-equipo-investigador {}

.contexto-equipo-investigador .listado {}

.contexto-equipo-investigador .listado .item {}

.contexto-equipo-investigador .listado .item div {
    padding: 0;
}

.contexto-equipo-investigador .listado .item div a {
    display: block;
}

.contexto-equipo-investigador .listado .item div a span {
    display: block;
    height: 100%;
}


/* LISTADO CATEDRAS */

.fondoGris {
    background: #819093;
}

.fondoGrisClaro {
    background: #F7F8FA;
    border-bottom: 1px solid #BBE3EF;
}

.listadoCatedras {}

.listadoCatedras .container[role="main"] {
    margin-top: 0;
}

.rowBuscadorFull {
    margin-top: 120px;
    position: relative;
}

.rowBuscadorFull .container {}

.rowBuscadorFull .container .col {
    padding: 70px 15px 50px;
}

.rowBuscadorFull .row01 .container .col,
.rowBuscadorFull .row02 .container .col {
    padding: 0;
}

.rowBuscadorFull .container .col .searchBox {
    padding: 0;
    position: relative;
}

.rowBuscadorFull .container .col .searchBox input {
    width: 100%;
    background: #DFE3E4;
    border: 0;
    height: 60px;
    line-height: 60px;
    padding: 0 65px;
}

.rowBuscadorFull .container .col .searchBox a.buscar {
    display: block;
    height: 100%;
    line-height: 60px;
    width: 45px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}

.rowBuscadorFull .container .col .searchBox a.buscar:hover {
    text-decoration: none;
}

.rowBuscadorFull .container .col .searchBox a.buscar span {
    display: block;
    line-height: 60px;
}

.rowBuscadorFull .container .col .searchBox img {
    display: inline-block;
    width: 15px;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -7px;
}

.rowBuscadorFull[style] .container .col .searchBox input {
    opacity: .8;
}

.rowBuscadorFull .row01,
.rowBuscadorFull .row02 {
    position: relative;
    height: 175px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.rowBuscadorFull .row01 {
    height: 225px;
}

.rowBuscadorFull .mascaraRow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--color-azul-rgb), 0.5);
}

.rowBuscadorFull .cuadro {
    max-width: 400px;
    background: rgba(255, 255, 255, .5);
    padding: 15px;
}

.rowBuscadorFull .cuadro p {
    color: #666;
    font-weight: 500;
    font-size: 13px;
}

.rowBuscadorFull .cuadro p.titulo {
    color: #000;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 10px;
}

.rowBuscadorFull .owl-carousel .owl-item .item {}

.rowBuscadorFull .owl-carousel .owl-item .item div {
    height: 450px;
}

.rowBuscadorFull .owl-carousel .owl-nav {
    display: none;
}

.rowBuscadorFull .owl-carousel .owl-dots {
    display: block;
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -30px;
    text-align: center;
}

.rowBuscadorFull .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    margin-right: 20px;
}

.rowBuscadorFull .owl-carousel .owl-dots .owl-dot:last-child {
    margin-right: 0;
}

.rowBuscadorFull .owl-carousel .owl-dots .owl-dot span {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #DADADA;
    opacity: .8;
}

.rowBuscadorFull .owl-carousel .owl-dots .owl-dot.active {}

.rowBuscadorFull .owl-carousel .owl-dots .owl-dot.active span {
    opacity: 1;
}

.rowBuscadorFull .wrap-rows {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50px;
    z-index: 1;
    height: 400px;
}

@media (max-width: 991px) {
    .rowBuscadorFull {
        margin-top: 65px;
    }
}

@media (max-width: 767px) {}

@media (max-width: 577px) {
    .rowBuscadorFull .container .col {
        padding: 30px 15px;
    }

    .rowBuscadorFull .container .col .searchBox input {
        height: 50px;
        line-height: 50px;
    }

    .rowBuscadorFull .container .col .searchBox a.buscar {
        line-height: 50px;
    }
}

@media (max-width: 401px) {}

.rowTituloFull {
    margin-bottom: 50px;
}

.rowTituloFull .container {}

.rowTituloFull .container .col {
    padding: 40px 15px 70px;
}

.rowTituloFull .container .col h1 {
    color: #000;
    font-weight: 700;
    margin: 0;
    margin-bottom: 10px;
    line-height: normal;
    font-size: 45px;
    font-family: 'Montserrat', sans-serif;
}

.rowTituloFull .container .col h1 a {
    color: inherit;
    font-weight: inherit;
    line-height: normal;
    font-size: inherit;
}

.rowTituloFull .container .col span {
    color: #999;
    font-weight: 400;
}

.rowTituloFull .container .col .material-icons {
    background: #D3D5D4;
    color: #000;
    padding: 0 15px;
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    font-size: 60px;
    text-align: center;
    line-height: 90px;
    margin-right: 15px;
}

.rowTituloFull .container .col .material-icons:last-child {
    margin-right: 0;
    background: #D3D5D4 url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -410px -420px;
    text-indent: -9999em;
}

@media (max-width: 577px) {
    .rowTituloFull .container .col {
        padding: 20px 15px;
    }

    .rowTituloFull .container .col.col-sm-9 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .rowTituloFull .container .col.col-sm-3 {
        flex: 0 0 40%;
        max-width: 40%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .rowTituloFull .container .col h1 {
        font-size: 30px;
    }

    .rowTituloFull .container .col span {
        font-size: 14px;
    }

    .rowTituloFull .container .col .material-icons {
        margin: 5px;
        padding: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 30px;
    }

    .rowTituloFull .container .col .material-icons:last-child {
        background-position: -430px -365px;
    }
}

@media (max-width: 401px) {}

.listadoCatedras .rowDestacados {}

.listadoCatedras .rowDestacados .col {}

.listadoCatedras .rowDestacados .col .documentosDestacados {
    margin-bottom: 50px;
}

.listadoCatedras #panResultados .resource-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.listadoCatedras #panResultados .resource-list>div {
    padding: 0 10px;
    max-width: 33.33%;
    margin-bottom: 20px;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .listadoCatedras #panResultados .resource-list>div {
        max-width: 50%;
    }
}

@media (max-width: 577px) {
    .listadoCatedras #panResultados .resource-list>div {
        max-width: 100%;
    }
}


/* HISTORICO NEWSLETTER */

.page-historiconewsletter {}

.page-historiconewsletter .container[role="main"] {
    margin-top: 170px;
}

.page-historiconewsletter .box {}

.page-historiconewsletter .box p {
    font-weight: 600;
    color: #333;
    margin-bottom: 0;
    font-size: 14px;
}

.page-historiconewsletter .box .busquedaGenerica {
    margin: 30px 0;
}

.row-historico {
    margin-bottom: 50px;
}

.row-historico .historico {}

.row-historico .historico .item-historico {}

.row-historico .historico .item-historico .header {}

.row-historico .historico .item-historico .header .titulo {}

.row-historico .historico .item-historico .header .material-icons {}

.row-historico .historico .item-historico .body {}

.row-historico .historico .item-historico .body .dataTables_wrapper {
    padding: 0;
}

.row-historico .historico .item-historico .body table {}

.row-historico .historico .item-historico .body table td.ico {}

.row-historico .historico .item-historico .body table td.ico span {
    background: var(--color-azul);
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 5px;
}

.desplegable-mas {
    margin-bottom: 15px;
}

.desplegable-mas .header {
    height: 40px;
    line-height: 40px;
    border: 1px solid #D0CACC;
    padding: 0 15px;
    position: relative;
    cursor: pointer;
}

.desplegable-mas .header .titulo {
    padding-right: 40px;
    font-weight: 400;
}

.desplegable-mas .header .material-icons {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px;
    color: #000;
    background: #F2F2F2;
    font-size: 16px;
    text-align: center;
    border-radius: 50%;
}

.desplegable-mas .body {
    display: none;
}

.desplegable-mas.abierto .body {
    display: block;
}

@media (max-width: 991px) {
    .page-historiconewsletter .container[role="main"] {
        margin-top: 80px;
    }
}


/* PAGINA INICIO CONOCIMIENTO */

.page-inicioconocimiento {}

.page-inicioconocimiento .sliderPrincipal .container {
    margin: 0 auto !important;
    position: inherit;
    top: inherit;
    left: inherit;
    right: inherit;
    background: none;
    padding: 0;
}

.page-inicioconocimiento .row-buscador {
    margin: 10px -15px 50px;
}

.page-inicioconocimiento .row-buscador .busquedaGenerica {
    margin: 0 auto;
    flex: 0 0 100%;
    max-width: 100%;
}

.page-inicioconocimiento .rowDestacados {}

.page-inicioconocimiento .row-ventajas {
    padding: 50px 0;
    align-items: center;
}

.page-inicioconocimiento .row-ventajas .col {}

.page-inicioconocimiento .row-ventajas .col img {}

.page-inicioconocimiento .row-ventajas .col p {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 400;
}

.page-inicioconocimiento .row-ventajas .col ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-inicioconocimiento .row-ventajas .col ul li {
    font-weight: 400;
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #000;
}

.page-inicioconocimiento .row-ventajas .col ul li:hover {
    color: #000;
}

.page-inicioconocimiento .row-ventajas .col div {
    text-align: right;
    margin-top: 40px;
}

.page-inicioconocimiento .row-ventajas .col a.btn {
    padding: 5px 15px;
}

.componente-centros {
    margin-top: 20px;
}

.componente-centros .container {}

.componente-centros .container .row {
    padding: 30px 0;
}

.componente-centros .container .row .col p {
    font-weight: 400;
    line-height: 1.4;
    font-size: 14px;
}

.componente-centros .container .row .col img {}

.componente-centros .fondoGrisClaro {
    padding: 10px 0 30px;
    border: 0;
    background: #F4F4F4;
}

.componente-centros .fondoGrisClaro .row {
    align-items: center;
}

.componente-centros .container .row .item-centro {
    margin-bottom: 80px;
}

.componente-centros .container .row .item-centro p {
    font-size: 11px;
    margin: 0;
    margin-bottom: 10px;
    line-height: normal;
    color: #000;
}

.componente-centros .container .row .item-centro p.titulo {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 0;
}

.componente-centros .container .row .item-centro p.tipoCentro {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 13px;
}

.componente-centros .container .row .item-centro ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 5px;
}

.componente-centros .container .row .item-centro ul li {
    padding-left: 20px;
    line-height: 1;
}

.componente-centros .container .row .item-centro ul li a {
    color: #666;
    font-size: 11px;
}

.componente-centros .container .row .col .background {
    height: 650px;
    background: url(resources/iconosAreasConocimiento.png) no-repeat 0px -6px;
    background-position: 0px -6px !important;
}

.componente-centros.en1 .container .row .col .background {
    background-position: -0px -676px;
}

.componente-centros.en2 .container .row .col .background {
    background-position: -0px -1356px;
}

.componente-centros.en3 .container .row .col .background {
    background-position: -0px -2046px;
}

@media (max-width: 1199px) {
    .componente-centros .container .row .colBackground {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    .page-inicioconocimiento .documentosDestacados {
        padding: 0;
    }

    .page-inicioconocimiento .row-ventajas .col p {
        margin-bottom: 15px;
    }

    .page-inicioconocimiento .row-ventajas .col ul li {
        font-size: 13px;
        line-height: 1.2;
    }

    .componente-centros .container .row {
        padding: 10px 0;
    }

    .componente-centros .container .row .col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .componente-centros .container .row .colBackground {
        display: none;
    }

    .componente-centros .fondoGrisClaro {
        background: none;
        padding: 0;
    }

    .componente-centros .item-centro {
        background: #F7F8FA url(resources/plataforma1.jpg) no-repeat left center / 90px;
        padding: 15px;
        padding-left: 100px;
        margin-bottom: 15px !important;
        min-height: 180px;
    }
}

@media (max-width: 767px) {

    .page-inicioconocimiento .row-documentos-destacados .destacadoMaxi {
        margin-bottom: 10px;
    }
}

@media (max-width: 577px) {

    .page-inicioconocimiento .row-ventajas {
        padding: 20px 0;
    }

    .page-inicioconocimiento .row-ventajas .col-sm-5 {
        display: none;
    }

    .page-inicioconocimiento .row-documentos-destacados .destacadoMaxi {
        margin-bottom: 0px;
    }
}

@media screen and (min-width: 992px) {
    .componente-centros .container .row .item-centro {
        background: none !important;
    }
}


/* LISTADO CONOCIMIENTO */

.listadoConocimiento {}

.listadoConocimiento .container[role="main"] {
    padding-top: 30px;
}

.listadoConocimiento.listadoMultimedia .container[role="main"] {}

.listadoConocimiento .rowTituloFull {
    margin-bottom: 30px;
}

.listadoConocimiento .row-buscador {
    margin: 40px -15px;
}

.listadoConocimiento .row-buscador .busquedaGenerica {
    margin: 0 auto;
    flex: 0 0 100%;
    max-width: 100%;
}

.componenteEyTu {
    padding: 30px 0;
    border-bottom: 2px solid var(--color-azul);
    margin-bottom: 20px;
}

.componenteEyTu .row {}

.componenteEyTu .row .col {
    align-self: center;
}

.componenteEyTu .row .col-2 {
    align-self: self-start;
    text-align: center;
}

.componenteEyTu .row .col .material-icons {
    font-size: 40px;
}

.componenteEyTu .row .col p {
    font-weight: 400;
    margin-bottom: 10px;
    color: #000;
}

.componenteEyTu .row .col p:last-of-type {
    margin-bottom: 0
}

.componenteEyTu .row .col p span {}

.componenteEyTu .row .col .btn {
    padding: 5px 15px;
}

.listadoConocimiento .listado-destacados {
    display: flex;
    flex-wrap: nowrap;
    margin: 30px 0;
}

.listadoConocimiento .listado-destacados>div {
    margin-right: 15px;
}

.listadoConocimiento .listado-destacados>div .miniatura {
    height: 100px;
}

@media (max-width: 991px) {
    .listadoConocimiento .container[role="main"] {
        margin-top: 80px;
    }

    .listadoConocimiento.listadoMeta .container[role="main"],
    .listado.centroconocimiento.listadoConocimiento .container[role="main"] {
        margin-top: 100px;
    }
}

@media (max-width: 767px) {
    .componenteEyTu .row .col-12 {
        text-align: center;
        margin-top: 10px;
    }

    .listadoConocimiento .searchHeader .row03 .vistas {
        display: block;
    }
}

@media (max-width: 577px) {
    .listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento {
        flex: 0 0 100%;
        max-width: 100%;
        position: inherit !important;
        left: inherit !important;
        top: inherit !important;
        display: block;
    }

    .listadoConocimiento #panResultados.listView {}

    .listadoConocimiento #panResultados.listView .resource-list {}

    .listadoConocimiento #panResultados.listView .resource-list .item-conocimiento {}

    .listadoConocimiento #panResultados.listView .resource-list .item-conocimiento>div:first-child {
        flex: 0 0 15px;
        max-width: 15px;
    }

    .listadoConocimiento #panResultados.listView .resource-list .item-conocimiento>div:first-child .borde {
        display: block;
        height: 150px;
    }

    .listadoConocimiento #panResultados.listView .resource-list .item-conocimiento>div:first-child .contenido {
        display: none;
    }

    .listadoConocimiento #panResultados.listView .resource-list .item-conocimiento>.contenido {
        flex: 0 0 calc(100% - 15px);
        max-width: calc(100% - 15px);
    }

    /*
	.listadoConocimiento #panResultados .listadoRecursos .resource-list { margin: 0; }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento .widget { flex: 0 0 100%; margin-bottom: 15px; }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido { flex: 0 0 100%; max-width: 100%; }

	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento {  flex-wrap: wrap; padding: 30px 15px; border-bottom: 1px solid #D1D1D1; align-items: center; margin-bottom: 0; position: inherit !important; left: inherit !important; top: inherit !important; flex: 0 0 100%; max-width: 100%; }


	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido { padding-left: 15px; flex: 0 0 calc(100% - 15px); max-width: calc(100% - 15px); display: block; padding-right: 60px; position: relative; padding-top: 10px; }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido p { font-weight: 400; margin: 0; line-height: normal; font-size: 13px; }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido p a { font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido p.tipo { font-size: 13px; color: #666; margin-bottom: 10px; }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido p.tipo .fecha { color: #999; font-weight: inherit; padding-left: 10px; }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido .titulo { margin-bottom: 10px; font-weight: 600; font-size: 16px; color: #000; }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido p.area { color: #000; margin-bottom: 10px; font-weight: 600; font-size: 14px; }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido p.desc { color: #888; line-height: 1.4; margin-bottom: 10px; }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido .acciones { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; display: flex; align-items: center; }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido .acciones ul { display: flex; flex-wrap: wrap; }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido .acciones ul li { margin-left: 0; padding-left: 0; flex: 0 0 100%; max-width: 100%; display: flex; align-items: center; }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido .acciones ul li a { position: relative; padding-left: 20px; }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido .acciones ul li a::after { margin-top: 0; transform: translateY(-50%); }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido .acciones ul li.visitas a::after { background-position: -322px -53px; }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido .acciones ul li.tiempo a::after { background-position: -322px -82px; }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido .acciones ul li.megusta a::after { background-position: -322px -122px; }
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento > .contenido .acciones ul li.megusta.activo a::after { background-position: -322px -152px; }

	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento .item-material-widget .contenido,
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento .item-recurso-widget .datos-recurso,
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento .item-destacado-widget .contenido,
	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento .item-workshop-widget .contenido { display: none; }

	.listadoConocimiento #panResultados .listadoRecursos .resource-list .item-conocimiento .item-workshop-widget .cabecera .tipo { display: inline-block; width: auto; }


	.listadoConocimiento #panResultados.listView .listadoRecursos .resource-list .item-conocimiento .item-recurso-widget .borde { display: block; min-height: 150px; width: 100%; }
	.listadoConocimiento #panResultados.listView .listadoRecursos .resource-list .item-conocimiento .item-recurso-widget .contenido { display: none; }




	.listadoConocimiento #panResultados.listView .listadoRecursos .resource-list .item-conocimiento.activo { display: flex; }
	.listadoConocimiento #panResultados.listView .listadoRecursos .resource-list .item-conocimiento .item-recurso-widget { max-width: 15px; }
	.listadoConocimiento #panResultados.listView .listadoRecursos .resource-list .item-conocimiento .item-recurso-widget .borde { flex: 0 0 15PX; max-width: 15PX; }
	.listadoConocimiento #panResultados.listView .listadoRecursos .resource-list .item-conocimiento .item-recurso-widget .contenido { flex: 0 0 calc(100% - 15PX); max-width: calc(100% - 15PX); }
	*/
}


/* LISTADO CONOCIMIENTO MULTIMEDIA */

.listadoConocimientoMultimedia {}

.listadoConocimientoMultimedia .container[role="main"] {
    margin-top: 0;
}

.listadoConocimientoMultimedia #panResultados .listadoRecursos .resource-list {
    align-items: flex-start;
}


/* PAGINA ACCESO PLATAFORMAS */

.page-accesoplataformas {}

.page-accesoplataformas .container[role="main"] {
    margin-top: 170px;
}

.page-accesoplataformas .box {
    padding-bottom: 70px;
}

.componenteLogin {}

.componenteLogin .row {
    align-items: center;
}

.componenteLogin .row .col {}

.componenteLogin .row .col img {}

.componenteLogin .row .col p.titulo {
    color: #000;
    font-size: 26px;
}

.componenteLogin .row .col .form {
    font-size: 13px;
}

.componenteLogin .row .col .form input {
    border: 1px solid #F1F1F1;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    color: #999;
    font-weight: 400;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.componenteLogin .row .col .form input::placeholder {
    color: #999;
    font-weight: 400;
}

.componenteLogin .row .col .form p {
    color: #999;
}

.componenteLogin .row .col .form p a {
    color: #999;
    text-decoration: underline;
    margin-right: 15px;
}

.componenteLogin .row .col .form p a.btn {
    padding: 5px 15px;
    text-decoration: none;
    font-weight: normal;
    margin-right: 0;
}

.componenteLogin .row .col-sm-4 {
    text-align: center;
}

.componenteLogin .row .col-sm-8 {
    padding-right: 150px;
}

.componentePlataformas {}

.componentePlataformas>p {
    width: 60%;
    font-weight: 400;
    margin-bottom: 30px;
}

.componentePlataformas .row {
    margin-left: 0;
    margin-right: 0;
}

.componentePlataformas .row .col {
    margin-bottom: 15px;
}

.componentePlataformas .row .col.imagen-fondo {
    background: #F4F4F4;
    padding-left: 0;
}

.componentePlataformas .row .col.imagen-fondo .wrap {
    display: flex;
    flex-wrap: nowrap;
}

.componentePlataformas .row .col.imagen-fondo .wrap img {}

.componentePlataformas .row .col.imagen-fondo .wrap .datos-programa {
    padding-left: 15px;
    align-self: center;
}

.componentePlataformas .row .col.imagen-fondo .wrap .datos-programa p {
    color: #000;
    font-size: 13px;
    margin: 0;
}

.componentePlataformas .row .col.imagen-fondo .wrap .datos-programa p a {
    color: inherit;
    font-weight: inherit;
}

.componentePlataformas .row .col.imagen-fondo .wrap .datos-programa p.titulo {
    color: #000;
    font-weight: 700;
    font-size: 20px;
}

.componentePlataformas .row .col.imagen-fondo .wrap .datos-programa p.tipo {
    font-weight: 700;
    font-size: 18px;
}

.componentePlataformas .row .col.imagen-fondo .wrap .datos-programa p.info {
    color: #999;
}

.componentePlataformas .row .col.desc {
    align-self: center;
    padding-left: 30px;
}

.componentePlataformas .row .col.desc p {
    font-size: 13px;
    color: #000;
}

.componentePlataformas .row .col.desc a.btn {
    padding: 5px 15px;
    font-size: 16px;
}

.componenteVideo {}

.componenteVideo .video {
    padding: 0 150px;
}

.componenteVideo .video iframe {
    height: 400px;
}

.bannerComprar {
    border: 1px solid #E6E6E6;
    padding: 15px 30px;
    text-align: center;
    max-width: 280px;
    margin: 0 auto;
    position: relative;
}

.bannerComprar .imagen {
    margin-bottom: 15px;
}

.bannerComprar .imagen img {
    max-width: 100px;
}

.bannerComprar p {
    font-weight: 700;
    color: #000;
    margin: 0 0 5px;
    font-size: 14px;
    line-height: normal;
}

.bannerComprar p.tipoSuscripcion {
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px solid;
}

.bannerComprar p.tipoSuscripcion span {
    display: block;
    color: inherit;
    font-weight: inherit;
    font-size: 12px;
    margin-top: 5px;
}

.bannerComprar p.titulo {}

.bannerComprar p.tipo {
    margin-bottom: 30px;
}

.bannerComprar a.btn {
    padding: 5px 15px;
    font-weight: 400;
    font-size: 14px;
}

.bannerComprar .carrito {}

.componenteComprar {}

.componenteComprar .row {}

.componenteComprar .row .col {}

.componenteComprar .row .col ul {}

.componenteComprar .row .col ul li {
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
    font-size: 14px;
}

.componenteComprar .row .col .bannerComprar {}

.componenteCompartir {}

@media (max-width: 991px) {
    .page-accesoplataformas .container[role="main"] {
        margin-top: 80px;
    }

    .componenteVideo .video {
        padding: 0 100px;
    }

    .componenteLogin .row .col-sm-8 {
        padding-right: 100px;
    }

    .componenteLogin .row .col .form p a.btn {
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
    .componenteVideo .video {
        padding: 0 50px;
    }

    .componentePlataformas>p {
        width: 100%;
    }

    .componenteLogin .row .col-sm-8 {
        padding-right: 50px;
    }
}

@media (max-width: 577px) {
    .componenteVideo .video {
        padding: 0;
    }

    .componentePlataformas .row .col.imagen-fondo .wrap {}

    .componentePlataformas .row .col.imagen-fondo .wrap img {
        display: none;
    }

    .componentePlataformas .row .col.imagen-fondo .wrap .datos-programa {}

    .componentePlataformas .row .col.desc {
        padding-left: 15px;
    }

    .componentePlataformas .row .col.desc p {
        font-size: 14px;
    }

    .componenteLogin .row .col-sm-8 {
        padding-right: 15px;
        flex: 0 0 calc(100% - 130px);
        max-width: calc(100% - 130px);
    }

    .componenteLogin .row .col-sm-4 {
        flex: 0 0 130px;
        max-width: 130px;
    }

    .componenteLogin .row .col .form p {
        padding-right: 120px;
        position: relative;
    }

    .componenteLogin .row .col .form p a.btn {
        margin-top: 0;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
}

@media (max-width: 401px) {}

/* INICIO BLOG */

.page-inicioblog {}

.filtros-blog {
    padding: 45px 0;
}

.filtros-blog ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.filtros-blog ul li {
    margin-right: 10px;
    display: inline-block;
    line-height: normal;
}

.filtros-blog ul li:last-child {
    margin-right: 0;
}

.filtros-blog ul li a {
    border: 1px solid #E6EAE9;
    padding: 5px 30px;
    font-size: 13px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    transition: all .4s ease-out;
    display: block;
}

.filtros-blog ul li a:hover {
    text-decoration: none;
}

.filtros-blog ul li:hover a,
.filtros-blog ul li.activo a {
    background: var(--color-azul);
    color: #FFF;
    font-weight: 400;
}

.destacados-blog {}

.destacados-blog .fila {
    display: flex;
    flex-wrap: nowrap;
    margin-left: -10px;
    margin-right: -10px;
}

.destacados-blog .fila .bloque {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 10px;
    /*height: 220px;*/
    margin-bottom: 12px;
}

.destacados-blog .fila .bloque.w10 {
    flex: 0 0 10%;
    max-width: 10%;
}

.destacados-blog .fila .bloque.w20 {
    flex: 0 0 20%;
    max-width: 20%;
}

.destacados-blog .fila .bloque.w30 {
    flex: 0 0 30%;
    max-width: 30%;
}

.destacados-blog .fila .bloque.w40 {
    flex: 0 0 40%;
    max-width: 40%;
}

.destacados-blog .fila .bloque.w50 {
    flex: 0 0 50%;
    max-width: 50%;
}

.destacados-blog .fila .bloque.w60 {
    flex: 0 0 60%;
    max-width: 60%;
}

.destacados-blog .fila .bloque.w70 {
    flex: 0 0 70%;
    max-width: 70%;
}

.destacados-blog .fila .bloque.w80 {
    flex: 0 0 80%;
    max-width: 80%;
}

.destacados-blog .fila .bloque.w90 {
    flex: 0 0 90%;
    max-width: 90%;
}

.destacados-blog .fila .bloque.items3>div {
    /*height: calc(33.33% - (40px / 3));*/
    margin-bottom: 12px;
}

.destacados-blog .fila .bloque.items3>div:last-child {
    margin-bottom: 0;
}

.destacados-blog .fila .bloque.items2>div {
    /*height: calc(50% - (20px / 2));*/
    margin-bottom: 12px;
}

.destacados-blog .fila .bloque.items3>div h2 a {
    padding-right: 0;
}

.destacados-blog .fila-1 .bloque {}

.destacados-blog .fila-1 .bloque.w70 {
    flex: 0 0 678px;
    max-width: 678px;
}

.destacados-blog .fila-1 .bloque.w30 {
    flex: 0 0 452px;
    max-width: 452px;
}

.destacados-blog .fila-2 .bloque {
    flex: 0 0 100%;
    max-width: 100%;
}

.destacados-blog .fila-2 .bloque .item-destacado-blog {
    height: 350px;
}

.destacados-blog .fila-3 .bloque {}

.destacados-blog .fila-3 .bloque.w70 {
    flex: 0 0 801px;
    max-width: 801px;
}

.destacados-blog .fila-3 .bloque.w70 .item-destacado-blog.tituloFondo {
    margin-bottom: 0;
}

.destacados-blog .fila-3 .bloque.w70 .item-destacado-blog.tituloFondo .wrap {
    bottom: calc(0% + -65px);
}

.destacados-blog .fila-3 .bloque.w30 {
    flex: 0 0 329px;
    max-width: 329px;
}

.destacados-blog .fila-3 .bloque.w30 .item-destacado-blog {
    height: 213px;
    overflow: hidden;
}

.destacados-blog .fila-3 .bloque.w30 .item-destacado-blog.sin-proporcion {
    height: 122px;
}

.destacados-blog .fila-3 .bloque.w30 .item-destacado-blog.sin-proporcion .background {
    height: 100%;
}

.destacados-blog .fila-4 .bloque {}

@media (max-width: 1200px) {
    .destacados-blog .fila-1 .bloque {}

    .destacados-blog .fila-1 .bloque.w70 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .destacados-blog .fila-1 .bloque.w30 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .destacados-blog .fila-1 .bloque.w30 .item-destacado-blog.tituloFondo {
        margin-bottom: 0;
        overflow: hidden;
    }

    .destacados-blog .fila-1 .bloque.w30 .item-destacado-blog.tituloFondo>.wrap {
        bottom: 0;
        background: none;
    }

    .destacados-blog .fila-1 .bloque.w30 .item-destacado-blog.tituloFondo>.wrap h2,
    .destacados-blog .fila-1 .bloque.w30 .item-destacado-blog.tituloFondo>.wrap h2 a {
        font-weight: 500;
        color: #FFF;
        max-height: none;
    }

    .destacados-blog .fila-1 .bloque.w30 .item-destacado-blog.tituloFondo>.wrap h2 a {
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
    }

    .destacados-blog .fila-3 {
        flex-wrap: wrap;
    }

    .destacados-blog .fila-3 .bloque {}

    .destacados-blog .fila-3 .bloque.w70 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .destacados-blog .fila-3 .bloque.w70 .item-destacado-blog.tituloFondo {}

    .destacados-blog .fila-3 .bloque.w70 .item-destacado-blog.tituloFondo>.wrap {
        bottom: 0;
    }

    .destacados-blog .fila-3 .bloque.w70 .item-destacado-blog.tituloFondo {
        margin-bottom: 0;
        overflow: hidden;
    }

    .destacados-blog .fila-3 .bloque.w70 .item-destacado-blog.tituloFondo>.wrap {
        bottom: 0;
        background: none;
        height: auto;
        min-height: 0;
    }

    .destacados-blog .fila-3 .bloque.w70 .item-destacado-blog.tituloFondo>.wrap h2,
    .destacados-blog .fila-3 .bloque.w70 .item-destacado-blog.tituloFondo>.wrap h2 a {
        font-weight: 500;
        color: #FFF;
    }

    .destacados-blog .fila-3 .bloque.w70 .item-destacado-blog.tituloFondo>.wrap h2 a {
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
    }

    .destacados-blog .fila-3 .bloque.w30 {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }

    .destacados-blog .fila-3 .bloque.w30 .item-destacado-blog {
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
        padding: 0 10px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 0;
    }

    .destacados-blog .fila-3 .bloque.w30 .item-destacado-blog.sin-proporcion {
        flex: 0 0 calc(100% - 20px);
        max-width: calc(100% - 20px);
        height: auto;
        padding: 0;
        margin-bottom: 12px;
    }

    .destacados-blog .fila-3 .bloque.w30 .item-destacado-blog.sin-proporcion .background {
        height: auto;
    }

    .item-destacado-blog .wrap h2 a {
        padding-right: 0 !important;
    }
}

@media (max-width: 577px) {
    .destacados-blog .fila-1 .bloque {}

    .destacados-blog .fila-1 .bloque.w70 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .destacados-blog .fila-1 .bloque.w30 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .destacados-blog .fila-3 .bloque {}

    .destacados-blog .fila-3 .bloque.w70 {}

    .destacados-blog .fila-3 .bloque.w70 .item-destacado-blog.tituloFondo {}

    .destacados-blog .fila-3 .bloque.w70 .item-destacado-blog.tituloFondo>.wrap {}

    .destacados-blog .fila-3 .bloque.w30 {}

    .destacados-blog .fila-3 .bloque.w30 .item-destacado-blog {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 12px;
    }

    .destacados-blog .fila-3 .bloque.w30 .item-destacado-blog.sin-proporcion {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.level1 {
    height: 450px;
}

.size10 {
    width: 10%;
}

.size20 {
    width: 20%;
}

.size30 {
    width: 30%;
}

.size40 {
    width: 40%;
}

.size50 {
    width: 50%;
}

.size60 {
    width: 60%;
}

.size70 {
    width: 70%;
}

.size80 {
    width: 80%;
}

.size90 {
    width: 90%;
}

.sizeH33 {
    height: calc(33.33% - 10px);
    margin-bottom: 15px;
}

.sizeH50 {
    height: calc(50% - (15px / 2));
    margin-bottom: 15px;
}

.sizeH33:last-child,
.sizeH50:last-child {
    margin-bottom: 0;
}

.item-destacado-blog {
    position: relative;
    overflow: hidden;
}

.item-destacado-blog::before {
    content: '';
    display: block;
    padding-top: 65%;
}

.item-destacado-blog.tituloFondo {
    overflow: visible;
}

.item-destacado-blog.sin-proporcion::before,
.item-destacado-blog.solido::before {
    display: none;
}

.item-destacado-blog a:hover {
    text-decoration: none;
}

.item-destacado-blog .backgroundImg {
    height: 100%;
    padding: 40px 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center 20% !important;
    transition: background-position .4s ease-out;
    background-size: cover !important;
}

.item-destacado-blog .backgroundImg::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 1;
    transition: background-color .4s ease-out;
}

.item-destacado-blog .backgroundImg:hover {
    background-position: center center !important;
}

.item-destacado-blog .backgroundImg:hover::after {
    background: rgba(0, 0, 0, .3);
}

.item-destacado-blog .backgroundImg>.wrap {
    position: absolute;
    bottom: 40px;
    left: 30px;
    right: 30px;
    z-index: 2;
}

.item-destacado-blog .background {
    /*height: 100%;*/
    height: 220px;
    padding: 40px 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.item-destacado-blog .background>.wrap {
    position: absolute;
    bottom: 40px;
    left: 30px;
    right: 30px;
}

.item-destacado-blog .background>.wrap p {
    font-size: 20px;
    font-weight: 400;
    color: #FFF;
    margin: 0;
    line-height: 1.3;
}

.item-destacado-blog .background>.wrap p.mayus {
    font-size: 40px;
}

.item-destacado-blog .background>.wrap p span {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
}

.item-destacado-blog .background.bgRosa {
    background: var(--color-rosa);
}

.item-destacado-blog .background.bgAzul {
    background: var(--color-azul);
}

.item-destacado-blog .background.small {
    padding: 20px;
}

.item-destacado-blog .background.small>.wrap {
    left: 20px;
    right: 20px;
}

.item-destacado-blog .background.small>.wrap p {
    font-size: 16px;
}

.item-destacado-blog .background.small>.wrap p.mayus {
    font-size: 18px;
}

.item-destacado-blog.sin-proporcion .background,
.item-destacado-blog.solido .background {
    position: inherit;
    top: inherit;
    left: inherit;
    right: inherit;
    bottom: inherit;
    height: min-content;
}

.item-destacado-blog.sin-proporcion .background>.wrap,
.item-destacado-blog.solido .background>.wrap {
    position: inherit;
    bottom: inherit;
    left: inherit;
    right: inherit;
}

.item-destacado-blog .wrap h2,
.item-destacado-blog .wrap h2 a {
    display: block;
    font-size: 24px;
    font-weight: 500;
    color: #FFF;
    margin: 0;
    line-height: 1.3;
}

.item-destacado-blog .wrap h2 {
    max-height: 100%;
    overflow: hidden;
}

.item-destacado-blog .wrap h2 a {
    padding-right: 250px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
}

.item-destacado-blog .wrap p {
    /*font-size: 18px;*/
    font-size: 13px;
    margin-top: 5px;
    color: #666;
    font-weight: 600;
}


/*.size40.item-destacado-blog > div > .wrap p  { font-size: 13px; margin-top: 5px; }*/

.item-destacado-blog .wrap p span {
    color: var(--color-rosa);
    margin-left: 10px;
}

.item-destacado-blog .wrap p.icoSimplicity,
.item-destacado-blog .wrap p.icoInternational {
    position: relative;
    padding-left: 35px;
}

.item-destacado-blog .wrap p.icoSimplicity::before {
    content: '';
    display: block;
    width: 21px;
    height: 20px;
    background: url(resources/icoReportAzul.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
}

.item-destacado-blog .wrap p.icoInternational::before {
    content: '';
    display: block;
    width: 21px;
    height: 20px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -10px -160px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.item-destacado-blog .wrap .botones {
    max-height: 0;
    opacity: 0;
    transition: all .4s ease-out;
}

.item-destacado-blog .wrap .botones a {
    display: inline-block;
    background: var(--color-azul);
    font-size: 13px;
    color: #FFF;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    margin-right: 5px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-destacado-blog .wrap .botones a:last-child {
    margin-right: 0;
}

.item-destacado-blog.naranja .wrap .botones a {
    background: var(--color-naranja-resource);
}

.item-destacado-blog:hover .wrap .botones,
.item-destacado-blog>div:hover>.wrap .botones {
    max-height: 80px;
    opacity: 1;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.item-destacado-blog>div>.favorito {
    background: #333;
    position: absolute;
    right: 15px;
    top: 0;
    width: 90px;
    height: 120px;
    z-index: 2;
}

.item-destacado-blog>div>.favorito::before {
    content: '';
    position: absolute;
    top: 120px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 33px solid #333;
    border-right: 45px solid transparent;
}

.item-destacado-blog>div>.favorito::after {
    content: '';
    position: absolute;
    top: 120px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 33px solid #333;
    border-left: 45px solid transparent;
}

.item-destacado-blog>div>.favorito .wrap {
    padding: 10px 5px;
    position: static;
    background: none;
}

.item-destacado-blog>div>.favorito .wrap .foto {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover !important;
}

.item-destacado-blog>div>.favorito .wrap .foto a {
    display: block;
    height: 100%;
}

.item-destacado-blog>div>.favorito.small {
    width: 50px;
    height: 55px;
}

.item-destacado-blog>div>.favorito.small::before {
    top: 55px;
    left: 0;
    border-top: 15px solid #333;
    border-right: 25px solid transparent;
}

.item-destacado-blog>div>.favorito.small::after {
    top: 55px;
    right: 0;
    border-top: 15px solid #333;
    border-left: 25px solid transparent;
}

.item-destacado-blog>div>.favorito.small .wrap {}

.item-destacado-blog>div>.favorito.small .wrap .foto {
    width: 40px;
    height: 40px;
}

.item-destacado-blog.tituloFondo {
    margin-bottom: 150px;
}

.item-destacado-blog.tituloFondo .backgroundImg {
    z-index: 1;
}

.item-destacado-blog.tituloFondo .wrap {
    background: #F2F2F2;
    position: absolute;
    right: 0;
    left: 0;
    bottom: calc(0% - 150px);
    width: auto;
    padding: 30px 20px;
    max-height: 150px;
    min-height: 150px;
    z-index: 2;
}

.item-destacado-blog.tituloFondo .wrap h2,
.item-destacado-blog.tituloFondo .wrap h2 a {
    color: #666;
    padding-right: 0;
    font-weight: 600;
    text-shadow: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.item-destacado-blog.tituloFondo:hover>.backgroundImg {}

.item-destacado-blog.tituloFondo:hover .wrap {
    max-height: 100%;
    min-height: min-content;
    height: 150px;
}

.homeReport .item-destacado-blog.tituloFondo .wrap {
    bottom: 0;
    overflow: hidden;
}

@media (max-width: 991px) {
    .filtros-blog {}

    .filtros-blog ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .filtros-blog ul li {
        margin-bottom: 10px;
    }

    .item-destacado-blog .wrap h2,
    .item-destacado-blog .wrap h2 a {
        font-size: 26px;
    }

    .item-destacado-blog .background>.wrap p {
        font-size: 22px;
    }

    .item-destacado-blog .background>.wrap p.mayus {
        font-size: 26px;
    }

    .item-destacado-blog>div:hover>.wrap .botones {
        max-height: none;
    }

    .item-destacado-blog .wrap .botones a {
        margin-bottom: 5px;
        margin-right: 3px;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
    }
}

@media (max-width: 767px) {
    .destacados-blog {}

    .destacados-blog .fila {
        margin-left: -25px;
        margin-right: -25px;
        flex-wrap: wrap;
    }

    .destacados-blog .fila .bloque {
        /*flex: 0 0 100% !important; max-width: 100% !important; padding: 0 15px; height: 200px;*/
    }

    .destacados-blog .fila .bloque.h2 {
        /*height: 300px;*/
        padding: 0;
    }

    .destacados-blog .fila .bloque.h3 {
        /*height: 400px;*/
    }

    .destacados-blog .fila .bloque.items2>div,
    .destacados-blog .fila .bloque.items3>div {}

    .item-destacado-blog .wrap h2,
    .item-destacado-blog .wrap h2 a {
        font-size: 22px;
    }

    .item-destacado-blog .wrap h2 a {
        padding-right: 0;
    }

    .item-destacado-blog .wrap p {
        font-size: 13px;
    }

    .item-destacado-blog .backgroundImg {
        padding: 30px 15px;
    }

    .item-destacado-blog .backgroundImg>.wrap {
        bottom: 30px;
        left: 15px;
        right: 15px;
    }

    .item-destacado-blog .background>.wrap p {
        font-size: 18px;
    }

    .item-destacado-blog .background>.wrap p.mayus {
        font-size: 20px;
    }

    .item-destacado-blog .background {
        padding: 30px 15px;
    }

    .item-destacado-blog .background>.wrap {
        bottom: 30px;
        left: 15px;
        right: 15px;
    }

    .item-destacado-blog .background.small {
        padding: 15px;
    }

    .item-destacado-blog .background.small>.wrap {
        /*left: 15px; right: 15px;*/
    }

    .item-destacado-blog .favorito {
        width: 50px;
        height: 55px;
    }

    .item-destacado-blog .favorito::before {
        top: 55px;
        left: 0;
        border-top: 15px solid #333;
        border-right: 25px solid transparent;
    }

    .item-destacado-blog .favorito::after {
        top: 55px;
        right: 0;
        border-top: 15px solid #333;
        border-left: 25px solid transparent;
    }

    .item-destacado-blog .favorito .wrap {}

    .item-destacado-blog .favorito .wrap .foto {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 577px) {
    .item-destacado-blog {
        width: 100%;
    }
}


/* LISTADO BLOG */

/* .listadoBlog {}

.listadoBlog .container[role="main"] {}

.listadoBlog #panResultados {}

.listadoBlog #panResultados .resource-list {}

.listadoBlog #panResultados .resource-list .resource {}

.listadoBlog #panResultados .resource-list .resource .wrap {}

.listadoBlog #panResultados .resource-list .resource .rowText .top {
    display: flex;
    flex-wrap: wrap;
}

.listadoBlog #panResultados .resource-list .resource .rowText .top>span {
    flex: 0 0 100%;
    max-width: 100%;
}

.listadoBlog #panResultados .resource-list .resource .rowText .top .date {
    order: 2;
    color: #777;
    margin: 5px 0;
}

.listadoBlog #panResultados .resource-list .resource .rowText .top .categoria {
    order: 1;
    margin: 0;
    white-space: normal;
    text-overflow: inherit;
}

.listadoBlog #panResultados .resource-list .resource .rowText .top .categoria a {
    color: var(--color-azul);
}

.listadoBlog #panResultados .resource-list .resource .rowText .tags ul li a {
    color: var(--color-azul) !important;
}

.listadoBlog #panResultados.gridView .resource-list .resource .rowImage {
    border-color: var(--color-rosa) !important;
}

.listadoBlog #panResultados.gridView .resource-list .resource .rowText {
    border-color: var(--color-rosa) !important;
    background: #F1F0EF;
    padding: 10px 5px;
}

.listadoBlog #panResultados.gridView .resource-list .resource .rowText .title a {}

.listadoBlog #panResultados.gridView .resource-list .resource .rowText .tags {
    margin-top: 5px;
}

.listadoBlog #panResultados.listView .resource-list .resource .rowImage {
    max-height: none;
    overflow: inherit;
    height: auto;
    padding-left: 0;
}

.listadoBlog #panResultados.listView .resource-list .resource .rowImage::before {
    display: none;
}

.listadoBlog #panResultados.listView .resource-list .resource .rowImage .imagen {
    max-height: none;
    overflow: inherit;
}

.listadoBlog #panResultados.gridView .resource-list .resource .wrap .rowImage,
.listadoBlog #panResultados.gridView .resource-list .resource .wrap .rowText {
    height: 180px;
    overflow: hidden;
}

.listadoBlog #panResultados.gridView .resource-list .resource .wrap .rowImage .imagen {
    height: 100%;
}

.listadoBlog #panResultados .resource .wrap .rowImage .favorito {
    background: #333;
    position: absolute;
    right: 30px;
    top: 0;
    width: 50px;
    height: 50px;
    z-index: 2;
}

.listadoBlog #panResultados .resource .wrap .rowImage .favorito::before {
    content: '';
    position: absolute;
    top: 50px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 33px solid #333;
    border-right: 45px solid transparent;
}

.listadoBlog #panResultados .resource .wrap .rowImage .favorito::after {
    content: '';
    position: absolute;
    top: 50px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 33px solid #333;
    border-left: 45px solid transparent;
}

.listadoBlog #panResultados .resource .wrap .rowImage .favorito .wrap {
    padding: 10px 5px;
    border: none;
}

.listadoBlog #panResultados .resource .wrap .rowImage .favorito .wrap .foto {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover !important;
}

.listadoBlog #panResultados .resource .wrap .rowImage .favorito .wrap .foto a {
    display: block;
    height: 100%;
}

@media (max-width: 991px) {
    .listadoBlog #panResultados.gridView .resource-list .resource {
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
}

@media (max-width: 767px) {
    .listadoBlog .searchHeader .row03 .vistas {
        display: block;
    }
    .listadoBlog #panResultados.gridView .resource-list .resource {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 577px) {
    .listadoBlog #panResultados.gridView .resource-list .resource .wrap .rowImage,
    .listadoBlog #panResultados.gridView .resource-list .resource .wrap .rowText {
        height: auto !important;
    }
} */


/* ARCHIVO BLOG */

.archivoblog #panResultados.gridView .resource-list .resource .rowImage {
    border-color: var(--color-rosa);
}

.archivoblog #panResultados.gridView .resource-list .resource .rowText .top .categoria a {
    color: var(--color-rosa);
    font-weight: 700;
}

.archivoblog #panResultados.gridView .resource-list .resource .rowText .tags ul li a {
    color: #666;
}

.archivoblog .row-archivo .archivo {}

.archivoblog .row-archivo .archivo .item-archivo {
    padding: 20px 40px;
    border-bottom: 1px solid #ECECEC;
    display: flex;
    flex-wrap: nowrap;
}

.archivoblog .row-archivo .archivo .item-archivo .imagen {
    flex: 0 0 250px;
    max-width: 250px;
    height: 150px;
}

.archivoblog .row-archivo .archivo .item-archivo .contenido {
    flex: 0 0 calc(100% - 250px);
    max-width: calc(100% - 250px);
    padding-left: 30px;
}

.archivoblog .row-archivo .archivo .item-archivo .contenido p {
    margin-bottom: 5px;
}

.archivoblog .row-archivo .archivo .item-archivo .contenido p.tipo {
    color: var(--color-rosa);
    font-size: 14px;
    font-weight: 700;
}

.archivoblog .row-archivo .archivo .item-archivo .contenido p.fecha {
    color: #666;
    font-size: 13px;
    font-weight: 600;
}

.archivoblog .row-archivo .archivo .item-archivo .contenido p.titulo {
    color: #000;
    font-size: 14px;
    font-weight: 700;
}

.archivoblog .row-archivo .archivo .item-archivo .contenido p.autor {
    color: #666;
    font-size: 14px;
    font-weight: 600;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .archivoblog .row-archivo .archivo .item-archivo {
        padding: 10px 15px;
        flex-wrap: wrap;
    }

    .archivoblog .row-archivo .archivo .item-archivo .imagen {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .archivoblog .row-archivo .archivo .item-archivo .contenido {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding: 10px;
        background: #F1F0EF;
        border-top: 3px solid var(--color-rosa);
    }

    .archivoblog .row-archivo .archivo .item-archivo .contenido p {}

    .archivoblog .row-archivo .archivo .item-archivo .contenido p.tipo {}

    .archivoblog .row-archivo .archivo .item-archivo .contenido p.fecha {}

    .archivoblog .row-archivo .archivo .item-archivo .contenido p.titulo {}

    .archivoblog .row-archivo .archivo .item-archivo .contenido p.autor {}
}


/* PAGINA PERFIL */

.page-perfil {}

.page-perfil .tituloBloque {
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    color: var(--color-rosa);
    margin-bottom: 50px;
    font-weight: 400;
}

.page-perfil .tituloBloque::after {
    content: '';
    display: block;
    width: 50%;
    height: 1px;
    background: var(--color-rosa);
}

.page-perfil .divPerfilEventos .tituloBloque,
.page-perfil .tituloListado {
    margin-bottom: 10px;
}

.row-datos-perfil {
    background: #F4F4F4;
    margin-top: 170px;
    margin-bottom: 50px;
}

.row-datos-perfil .container {
    padding: 40px 0;
}

.row-datos-perfil .fila-perfil {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -30px;
}

.row-datos-perfil .fila-perfil .col-perfil {
    padding: 0 30px;
}

.row-datos-perfil .fila-perfil .col-perfil.col-datos {
    flex: 0 0 75%;
    max-width: 75%;
}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row {}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col {}

.row-datos-perfil .fila-perfil .col-perfil .cuentanos-mas {
    margin-top: 50px;
}

.row-datos-perfil .fila-perfil .col-perfil .cuentanos-mas p {
    font-size: 13px;
    font-weight: 400;
    color: #666;
}

.row-datos-perfil .fila-perfil .col-perfil .cuentanos-mas .material-icons {
    vertical-align: middle;
    color: #666;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -95px -268px;
    width: 25px;
    height: 25px;
    text-indent: -9999em;
    margin-right: 5px;
}

.row-datos-perfil .fila-perfil .col-perfil .cuentanos-mas a {
    text-decoration: underline;
}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.imagen {}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.imagen .circulo-foto {
    background: #D3D3D3;
    padding: 30px;
    border-radius: 50%;
    display: inline-block;
    background-size: cover !important;
}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.imagen .circulo-foto .ico {
    cursor: pointer;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -180px -127px;
    display: block;
    width: 24px;
    height: 24px;
}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.imagen .acciones01 {}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.imagen .acciones01 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.imagen .acciones01 ul li {
    font-size: 13px;
}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.imagen .acciones01 ul li a {}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.imagen .acciones01 .ko {
    margin-top: 15px;
    font-size: 13px;
    color: #FFF;
}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.imagen .acciones01 .ko:not(:empty) {
    background: var(--color-item-rojo);
    padding: 5px;
    display: block;
}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.datos {}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.datos p {
    margin-bottom: 5px;
    font-size: 14px;
    color: #000;
}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.datos p.nombre {
    font-weight: 600;
}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.datos p.email {
    font-weight: 400;
}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.datos p.pEditar {}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.datos p.rol {
    font-weight: 500;
    color: var(--color-rosa);
    text-transform: uppercase;
}

.row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.datos p a.editar {
    font-weight: 400;
}

.row-datos-perfil .fila-perfil .col-perfil.col-enlaces {
    flex: 0 0 25%;
    max-width: 25%;
}

.row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul li {
    margin-bottom: 10px;
}

.row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    color: #000;
    height: 40px;
    line-height: 1.2;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
}

.row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul li a .material-icons {
    /*display: none;*/
    margin-right: 10px;
    vertical-align: middle;
    color: var(--color-azul);
}

.row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul li a .icoCorporate {
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
}

.row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul li a .icoCorporate::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(resources/imagenCorporate.png) no-repeat center;
    background-size: cover !important;
}

.row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul li a:hover,
.row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul li a.activo {
    background: var(--color-azul);
    color: #FFF !important;
    text-decoration: none;
    font-weight: 400;
}

.row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul li a:hover .material-icons,
.row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul li a.activo .material-icons {
    display: inline-block;
    color: #FFF;
}

.row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul li a:hover .icoCorporate,
.row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul li a.activo .icoCorporate {}

.row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul li a.opComunidad .material-icons,
.row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul li a.opGrupos .material-icons {
    display: none;
}

.row-datos-perfil .fila-perfil .col-perfil.col-enlaces .cuentanos-mas {
    display: none;
}

.row-datos-perfil.miembroExclusivo {}

.row-datos-perfil.miembroExclusivo .fila-perfil .col-perfil.col-enlaces ul li a .material-icons {
    color: var(--color-rosa);
}

.row-datos-perfil.miembroExclusivo .fila-perfil .col-perfil.col-enlaces ul li a:hover,
.row-datos-perfil.miembroExclusivo .fila-perfil .col-perfil.col-enlaces ul li a.activo {
    background: var(--color-rosa);
}

.row-datos-perfil.miembroExclusivo .fila-perfil .col-perfil.col-enlaces ul li a:hover .material-icons,
.row-datos-perfil.miembroExclusivo .fila-perfil .col-perfil.col-enlaces ul li a.activo .material-icons {
    color: #FFF;
}

.row-intro {
    margin: 0px -15px;
}

.row-intro .col-12 {}

.row-intro .col-12 p {
    color: #666;
    font-weight: 600;
    font-size: 14px;
    margin: 0;
}

.page-perfil .divPerfilEventos .calenHomeEventos {
    margin-top: 10px;
}

.page-perfil-calendario.listadoAgenda.body-listView .searchHeader {
    margin-bottom: 20px !important;
}

.page-perfil-configuracion .container[role="main"]>h2 {
    margin: 40px 0 20px;
}

.page-perfil-configuracion .container[role="main"]>.row {}

.page-perfil-configuracion .container[role="main"]>.row.row-editar-suscripciones {
    padding-bottom: 0;
}

@media (max-width: 991px) {
    .page-perfil .tituloBloque {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .page-perfil .container[role="main"] .col01 {
        padding: 0 0 0 15px;
    }

    .row-datos-perfil {
        margin-top: 60px;
    }

    .row-datos-perfil .fila-perfil .col-perfil.col-datos {
        flex: 0 0 65%;
        max-width: 65%;
    }

    .row-datos-perfil .fila-perfil .col-perfil.col-enlaces {
        flex: 0 0 35%;
        max-width: 35%;
    }
}

@media (max-width: 767px) {
    .page-perfil .tituloBloque {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .row-datos-perfil {
        margin-top: 60px;
    }

    .row-datos-perfil .container {
        padding: 20px 15px;
    }

    .row-datos-perfil .fila-perfil {
        flex-wrap: wrap;
        margin: 0 -15px;
    }

    .row-datos-perfil .fila-perfil .col-perfil {
        padding: 0 15px;
    }

    .row-datos-perfil .fila-perfil .col-perfil.col-datos {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-datos-perfil .fila-perfil .col-perfil.col-datos .row {}

    .row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col {}

    .row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.imagen {
        text-align: center;
        margin-bottom: 15px;
    }

    .row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.datos {}

    .row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.datos p {}

    .row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.datos p.nombre {}

    .row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.datos p.email {}

    .row-datos-perfil .fila-perfil .col-perfil.col-datos .row .col.datos .pEditar {
        text-align: right;
    }

    .row-datos-perfil .fila-perfil .col-perfil.col-datos .cuentanos-mas {
        display: none;
    }

    .row-datos-perfil .fila-perfil .col-perfil.col-enlaces {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -5px;
    }

    .row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul li {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 5px;
    }

    .row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul li a {
        font-size: 9px;
    }

    .row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul li a .material-icons {
        font-size: 16px;
        margin-right: 5px;
    }

    .row-datos-perfil .fila-perfil .col-perfil.col-enlaces ul li a .icoCorporate {}

    .row-datos-perfil .fila-perfil .col-perfil.col-enlaces .cuentanos-mas {
        display: block;
        margin-top: 20px;
    }

    .row-datos-perfil .fila-perfil .col-perfil.col-enlaces .cuentanos-mas p {
        font-size: 11px;
    }
}

@media (max-width: 577px) {
    .row-intro {
        margin: 0px -15px;
    }

    .row-intro .col-12 {}

    .row-intro .col-12 p {
        /*padding-left: 30px; position: relative;*/
    }

    .row-intro .col-12 p::before {
        /*content: '\E87D'; font-family: 'Material Icons'; font-size: 22px; color: var(--color-rosa); position: absolute; left: 0; top: 50%; transform: translateY(-50%);*/
    }

    .row-intro .col-12 p span {
        /*display: none;*/
    }
}


/* LISTADO FAVORITOS PERFIL */

.listadoFavoritosPerfil {}

.listadoFavoritosPerfil .row-buscador .col-12 .busquedaGenerica {
    padding: 15px 0;
}

.listadoFavoritosPerfil #panResultados .resource-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.listadoFavoritosPerfil #panResultados .resource-list>div {
    padding: 0 10px;
    max-width: 33.33%;
    margin-bottom: 20px;
}

.listadoFavoritosPerfil #panResultados.listView .resource-list {}

.listadoFavoritosPerfil #panResultados.listView .resource-list>div {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (max-width: 991px) {
    .listadoFavoritosPerfil #panResultados .resource-list>div {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .listadoFavoritosPerfil .searchHeader .row03 .vistas {
        display: inherit;
        max-width: 90px;
        width: 90px;
    }

    .listadoFavoritosPerfil .searchHeader .row03 .vistas li:first-child {
        margin-left: 0;
    }

    .listadoFavoritosPerfil #panResultados .resource-list>div,
    .listadoFavoritosPerfil #panResultados .resource-list>div.item-conocimiento {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        position: inherit !important;
        left: inherit !important;
        top: inherit !important;
        display: block !important;
    }

    .listadoFavoritosPerfil #panResultados.listView .resource-list>div,
    .listadoFavoritosPerfil #panResultados.listView .resource-list>div.item-conocimiento {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width: 577px) {}

@media (max-width: 401px) {
    .listadoFavoritosPerfil .searchHeader .row03 .vistas {
        width: 50px;
        max-width: 50px;
    }

    .listadoFavoritosPerfil .searchHeader .row03 .vistas li {
        display: block;
        margin: 0 0 5px;
    }

    .listadoFavoritosPerfil #panResultados .resource-list {
        height: auto !important;
    }

    .listadoFavoritosPerfil #panResultados .resource-list>div,
    .listadoFavoritosPerfil #panResultados .resource-list>div.item-conocimiento {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        position: relative !important;
        top: inherit !important;
        left: inherit !important;
    }
}


/* PAGINA CALENDARIO PERFIL */

.page-perfil-calendario {}

.page-perfil-calendario .responsive-calendar {
    height: auto;
}

.page-perfil-calendario .searchHeader .row03 .vistas {
    margin-bottom: 0;
}


/* PAGINA CONFIGURACION PERFIL */

.page-perfil-configuracion {}

.page-perfil-configuracion input[type="text"]:focus {
    outline: 1px solid var(--color-rosa);
}

.page-perfil-configuracion input:placeholder {
    color: #999;
    font-weight: 400;
}

.page-perfil-configuracion .tituloListado h1 {
    color: #C0ADB3;
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 2px solid #C0ADB3;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 22px;
    margin: 0 0 30px;
    font-family: 'Montserrat', sans-serif;
}

.row-editar-datos {
    padding-bottom: 70px;
}

.row-editar-datos .col {}

.row-editar-datos .col .campo {
    font-size: 13px;
    display: flex;
    border-bottom: 1px solid #eee;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    height: 60px;
}

.row-editar-datos .col .campo>div {
    flex-grow: 1;
    display: flex;
}

.row-editar-datos .col .campo label {
    color: #000;
    font-weight: 400;
    width: 20%;
    margin: 0;
    flex-grow: 0;
}

.row-editar-datos .col .campo select,
.row-editar-datos .col .campo input {
    width: 100%;
    display: inline-block;
    padding: 0 15px;
    color: #999;
    font-weight: 400;
}

.row-editar-datos .col .campo select,
.row-editar-datos .col .campo input[disabled] {
    border: 0;
    background: none;
}

.row-editar-datos .col .campo .icoCambiado {
    display: none;
    max-width: 24px;
    vertical-align: middle;
    color: #FB8C00;
}

.row-editar-datos .col .campo .btn-editar {
    text-align: right;
    width: 50px;
    flex-grow: 0;
    margin-left: 15px;
}

.row-editar-datos .col .campo .btn-editar a {
    cursor: pointer;
    font-weight: 400;
}

.row-editar-datos .col .campo.cambiado {}

.row-editar-datos .col .campo.cambiado label {}

.row-editar-datos .col .campo.cambiado input {
    width: calc(100% - 24px);
}

.row-editar-datos .col .campo.cambiado input[disabled] {}

.row-editar-datos .col .campo.cambiado .icoCambiado {
    display: inline-block;
}

.row-editar-datos .col .campo.cambiado .editar {}

.row-editar-suscripciones {
    padding-bottom: 70px;
}

.row-editar-newsletter ul,
.row-editar-suscripciones ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.row-editar-suscripciones .col {
    display: none;
}

.row-editar-suscripciones .col.lista,
.row-editar-suscripciones .col.defecto,
.row-editar-suscripciones .col.active {
    display: block;
}

.row-editar-suscripciones .col .categorias {}

.row-editar-suscripciones .col .categorias ul {}

.row-editar-suscripciones .col .categorias ul li {
    line-height: normal;
    margin-bottom: 5px;
}

.row-editar-suscripciones .col .categorias ul li input {
    margin-right: 10px;
}

.row-editar-suscripciones .col .categorias ul li label {
    font-size: 13px;
    color: #000;
    font-weight: 400;
    margin: 0;
}

.row-editar-suscripciones .col .categorias ul li ul {
    padding-left: 15px;
    margin-top: 5px;
}

.row-editar-suscripciones .col .categorias ul li ul li {
    text-transform: uppercase;
}

.row-editar-suscripciones .col .categorias ul li.conInfo {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
}

.row-editar-suscripciones .col .categorias ul li.conInfo::before {
    content: '+';
    position: absolute;
    left: -15px;
}

.row-editar-suscripciones .col .categorias ul li.conInfo.active::before {
    content: '-';
}

.row-editar-suscripciones .col .categorias ul li.conInfo .linea {
    display: none;
    height: 1px;
    background: #D6D6D6;
    flex-grow: 1;
    align-self: center;
    margin-left: 15px;
}

.row-editar-suscripciones .col .categorias ul li.conInfo.active .linea {
    display: block;
}

.row-editar-suscripciones.seleccionado .col .categorias ul li:not(.active)>label {
    color: #DDD;
}

.row-editar-suscripciones .col.active:not(.lista):not(.defecto) {
    display: flex;
    flex-wrap: nowrap;
}

.row-editar-suscripciones .col>ul {
    flex: 0 0 50%;
    max-width: 50%;
    border-right: 1px solid #E4E4E4;
    padding-right: 15px;
}

.row-editar-suscripciones .col>ul li {
    display: flex;
}

.row-editar-suscripciones .col>ul li input {
    margin-right: 5px;
    margin-bottom: 10px;
}

.row-editar-suscripciones .col>ul li label {
    margin: 0;
    font-size: 12px;
    color: #000;
    font-weight: 600;
}

.row-editar-suscripciones .col .desc {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
}

.row-editar-suscripciones .col .desc .tituloDesc {
    font-weight: 600;
    display: block;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 13px;
}

.row-editar-suscripciones .col .desc p {
    color: #000;
    font-size: 12px;
    line-height: 1.1;
    margin-bottom: 10px;
    font-weight: 600;
}

.row-editar-suscripciones .buscadorGris {
    background: #F0F0EE;
    padding: 15px;
    margin-bottom: 50px;
}

.row-editar-suscripciones .buscadorGris p {
    color: #555;
    font-weight: 400;
    margin: 0;
    font-size: 13px;
}

.row-editar-suscripciones .buscadorGris .searchGroup {
    margin-top: 15px;
    display: flex;
    flex-wrap: nowrap;
}

.row-editar-suscripciones .buscadorGris .searchGroup input {
    flex-grow: 1;
    background: #FFF;
    border: 0;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    color: #999;
    font-weight: 600;
    margin-right: 10px;
}

.row-editar-suscripciones .buscadorGris .searchGroup input:focus {
    outline: 0;
}

.row-editar-suscripciones .buscadorGris .searchGroup .btnBuscar {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    font-size: 13px;
    font-weight: 600;
}

.row-editar-suscripciones .buscadorGris .searchGroup .btnBuscar span {}

.row-editar-suscripciones .frecuencia {}

.row-editar-suscripciones .frecuencia p {
    font-size: 13px;
    font-weight: 400;
}

.row-editar-suscripciones .frecuencia .campo {
    font-size: 13px;
}

.row-editar-suscripciones .frecuencia .campo input {
    margin-right: 10px;
    vertical-align: middle;
}

.row-editar-suscripciones .frecuencia .campo label {
    color: #000;
    font-weight: 400;
}

.page-perfil-configuracion .col.guardar {
    margin-top: 40px;
}

.page-perfil-configuracion .col.guardar input {
    background: #DDD;
    color: #777;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    text-transform: uppercase;
    border: 0;
    font-weight: 400;
}

.page-perfil-configuracion .col.guardar .sinGuardar {
    display: none;
    color: #FF0000;
    font-weight: 700;
    margin-left: 30px;
    font-size: 13px;
}

.page-perfil-configuracion.conCambios .col.guardar .sinGuardar {
    display: inline-block;
}

.row-editar-newsletter .actionButtons,
.row-editar-suscripciones .actionButtons {
    margin-top: 20px;
}

.row-editar-newsletter {}

.row-editar-newsletter .col ul li {
    line-height: normal;
    margin-bottom: 5px;
}

.row-editar-newsletter .col ul li input {
    margin-right: 10px;
}

.row-editar-newsletter .col ul li label {
    font-size: 13px;
    color: #000;
    font-weight: 400;
    margin: 0;
}

.row-editar-newsletter .col ul li ul {
    padding-left: 15px;
    margin-top: 5px;
}

.row-editar-newsletter .col ul li ul li {
    text-transform: uppercase;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .row-editar-suscripciones .col.active:not(.lista):not(.defecto) {
        flex-wrap: wrap;
    }

    .row-editar-suscripciones .col>ul {
        flex: 0 0 100%;
        max-width: 100%;
        border-right: 1px solid #E4E4E4;
        padding-right: 15px;
        margin-bottom: 15px;
    }

    .row-editar-suscripciones .col .desc {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
    }

    .row-editar-datos .col .campo {
        flex-wrap: wrap;
    }

    .row-editar-datos .col .campo>* {}

    .row-editar-datos .col .campo label {
        flex: 0 0 100%;
        max-width: 100%;
        align-self: flex-end;
    }

    .row-editar-datos .col .campo input {
        padding-left: 0;
    }

    .row-editar-datos .col .campo input[disabled] {}

    .row-editar-datos .col .campo .icoCambiado {}

    .row-editar-datos .col .campo .btn-editar {}

    .row-editar-datos .col .campo .btn-editar a {}

    .row-editar-suscripciones .col.lista {
        margin-bottom: 30px;
    }

    .page-perfil-configuracion .tituloListado h1 {
        font-size: 20px;
    }
}

@media (max-width: 577px) {
    .row-editar-suscripciones .buscadorGris .searchGroup {
        flex-wrap: wrap;
    }

    .row-editar-suscripciones .buscadorGris .searchGroup .btnBuscar {
        margin-top: 10px;
    }
}


/* PAGINA PERFIL NOTIFICACIONES */

.page-perfil-notificaciones {}

.page-perfil-notificaciones .tituloBloque {
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    color: var(--color-rosa);
    margin-bottom: 50px;
    font-weight: 400;
}

.page-perfil-notificaciones .tituloBloque::after {
    content: '';
    display: block;
    width: 50%;
    height: 1px;
    background: var(--color-rosa);
}

.page-perfil-notificaciones .row-intro {
    margin-bottom: 50px;
}

.page-perfil-notificaciones .row-intro .col-12 p {
    color: #000;
    font-weight: 400;
}

.row-notificaciones {}

.row-notificaciones .item-notificacion {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 50px;
    align-items: center;
}

.row-notificaciones .item-notificacion .imagen {
    flex: 0 0 80px;
    max-width: 80px;
}

.row-notificaciones .item-notificacion .imagen img {
    width: 100%;
}

.row-notificaciones .item-notificacion .remite {
    flex: 0 0 230px;
    max-width: 230px;
    padding-left: 50px;
    padding-right: 50px;
}

.row-notificaciones .item-notificacion .remite p {
    color: #000;
    font-weight: 600;
    font-size: 14px;
}

.row-notificaciones .item-notificacion .remite span {
    color: #999;
    font-weight: 400;
    font-size: 14px;
}

.row-notificaciones .item-notificacion .mensaje {
    padding: 20px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-grow: 1;
}

.row-notificaciones .item-notificacion .mensaje div {
    flex-grow: 2;
}

.row-notificaciones .item-notificacion .mensaje div p {
    margin: 0;
}

.row-notificaciones .item-notificacion .mensaje div p.asunto {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
}

.row-notificaciones .item-notificacion .mensaje div .texto {
    font-size: 13px;
    font-weight: 400;
    color: #666;
}

.row-notificaciones .item-notificacion .mensaje div.ico {
    flex-grow: 1;
    flex: 0 0 50px;
    max-width: 50px;
    text-align: right;
}

.row-notificaciones .item-notificacion .mensaje div.ico span {
    display: inline-block;
}

.row-notificaciones .item-notificacion .mensaje div.ico span.eliminar {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -178px -167px;
    cursor: pointer;
}

.row-notificaciones .item-notificacion .mensaje div.ico span.material-icons {
    color: #999;
}

.row-notificaciones .item-notificacion.no-leido {}

.row-notificaciones .item-notificacion.no-leido .mensaje {
    background: #F9F9F9;
}

.row-notificaciones .item-notificacion.no-leido .mensaje div {}

.row-notificaciones .item-notificacion.no-leido .mensaje div span {
    background: #C32B38;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

#modal-notificaciones {}

#modal-notificaciones .modal-dialog {
    max-width: 90%;
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}

#modal-notificaciones .modal-dialog .modal-content {
    border-radius: 0;
    border: 1px solid #F2F2F2;
}

#modal-notificaciones .modal-dialog .modal-header {
    align-items: center;
    border: 0;
    position: relative;
    justify-content: flex-start;
}

#modal-notificaciones .modal-dialog .modal-header .imagen {
    max-width: 100px;
    margin-right: 20px;
}

#modal-notificaciones .modal-dialog .modal-header .imagen img {}

#modal-notificaciones .modal-dialog .modal-header .remite {}

#modal-notificaciones .modal-dialog .modal-header .remite p {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
}

#modal-notificaciones .modal-dialog .modal-header .remite span {
    font-weight: 400;
    font-size: 13px;
    color: #666;
}

#modal-notificaciones .modal-dialog .modal-header .close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    font-size: 40px;
    font-weight: 100;
}

#modal-notificaciones .modal-dialog .modal-body {}

#modal-notificaciones .modal-dialog .modal-body .mensaje {}

#modal-notificaciones .modal-dialog .modal-body .mensaje div {}

#modal-notificaciones .modal-dialog .modal-body .mensaje div * {
    font-size: 13px;
    color: #999;
    font-weight: 400;
}

#modal-notificaciones .modal-dialog .modal-body .mensaje div .categorias {
    font-family: 'Montserrat', sans-serif;
    color: var(--color-azul);
}

#modal-notificaciones .modal-dialog .modal-body .mensaje div .descripcion {
    margin-top: 20px;
}

#modal-notificaciones .modal-dialog .modal-body .mensaje div .descripcion>a {
    display: block;
    color: var(--color-azul);
    text-align: right;
}

#modal-notificaciones .modal-dialog .modal-body .mensaje div p.asunto {
    color: #000;
    font-size: 14px;
}

#modal-notificaciones .modal-dialog .modal-body .mensaje div .texto {
    display: none;
}

#modal-notificaciones .modal-dialog .modal-body .mensaje div .descripcion {
    display: block !important;
}

@media (max-width: 991px) {
    .page-perfil-notificaciones .tituloBloque {
        font-size: 18px;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .page-perfil-notificaciones .tituloBloque {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .row-notificaciones .item-notificacion {}

    .row-notificaciones .item-notificacion .imagen {
        flex: 0 0 40px;
        max-width: 40px;
    }

    .row-notificaciones .item-notificacion .remite {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row-notificaciones .item-notificacion .remite p,
    .row-notificaciones .item-notificacion .remite span {
        font-size: 13px;
    }

    .row-notificaciones .item-notificacion .mensaje {
        display: block;
        position: relative;
    }

    .row-notificaciones .item-notificacion .mensaje div {
        padding-right: 15px;
    }

    .row-notificaciones .item-notificacion .mensaje div p {
        font-size: 13px;
    }

    .row-notificaciones .item-notificacion .mensaje div p.asunto {
        font-weight: 600;
    }

    .row-notificaciones .item-notificacion .mensaje div p.texto {}

    .row-notificaciones .item-notificacion .mensaje div.ico {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .row-notificaciones .item-notificacion .mensaje div.ico span {}

    .row-notificaciones .item-notificacion .mensaje div.ico span.material-icons {}

    #modal-notificaciones .modal-dialog {
        min-height: calc(100vh - 20px);
    }
}

@media (max-width: 577px) {
    .row-notificaciones .item-notificacion {
        flex-wrap: wrap;
    }
}


/* PAGINA PERFIL COMUNIDAD CE */

.page-perfil-comunidadce {}

.page-perfil-comunidadce .box {
    padding-bottom: 70px;
}


/* PAGINA BASICA (POLITICA PRIVACIDAD, TERMINOS Y CONDICIONES, AVISO LEGAL...) */

.page-basica {}

.page-basica .container[role="main"] {
    margin-top: 170px;
}

.page-basica .container[role="main"] .col01 {
    padding: 15px;
}

.page-basica .container[role="main"] .col02 {}

.page-basica .tituloBloque {
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    color: var(--color-rosa);
    margin-bottom: 20px;
    font-weight: 400;
}

.page-basica .tituloBloque::after {
    content: '';
    display: block;
    width: 50%;
    height: 1px;
    background: var(--color-rosa);
}

.page-basica .row-intro {
    margin-bottom: 50px;
}

.page-basica .row-intro p {
    color: #999;
    margin: 0;
    font-weight: 400;
}

.page-basica .desc {}

.page-basica .desc p {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    line-height: 1.3;
}

.page-basica .fixedVerticalMenu {}

.page-basica .fixedVerticalMenu ul {
    margin: 0;
    padding: 0;
}

.page-basica .fixedVerticalMenu ul li {}

.page-basica .fixedVerticalMenu ul li a {
    font-weight: 600;
}

@media (max-width: 991px) {
    .page-basica .container[role="main"] {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    .page-basica {}

    .page-basica .container[role="main"] .col01 {
        padding: 0 15px;
        order: 2;
    }

    .page-basica .container[role="main"] .col02 {
        order: 1;
    }

    .page-basica .tituloBloque {}

    .page-basica .tituloBloque::after {}

    .page-basica .row-intro {
        margin-bottom: 20px;
    }

    .page-basica .desc {}

    .page-basica .desc p {}

    .page-basica .fixedVerticalMenu {}

    .page-basica .fixedVerticalMenu ul {}

    .page-basica .fixedVerticalMenu ul li {}

    .page-basica .fixedVerticalMenu ul li a {}
}

@media (max-width: 577px) {
    .page-basica .row-intro .col-12 p {
        padding-left: 0;
    }

    .page-basica .row-intro .col-12 p::before {
        display: none;
    }
}


/* PAGINA VENTAJAS PREMIUM */

.page-ventajaspremium {}

.page-ventajaspremium .tituloBloque {
    display: block;
    font-size: 28px;
    text-transform: uppercase;
    color: var(--color-rosa);
    margin-bottom: 50px;
    font-weight: 400;
}

.page-ventajaspremium .tituloBloque::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: var(--color-rosa);
}

.page-ventajaspremium .tituloBloque.colorAzul {
    font-size: 24px;
}

.page-ventajaspremium .row-pasate-premium {
    margin-top: 170px;
    margin-bottom: 50px;
    height: 350px;
}

.page-ventajaspremium .row-pasate-premium .container {}

.page-ventajaspremium .row-pasate-premium .container div {
    padding: 80px 0;
}

.page-ventajaspremium .row-pasate-premium .container div p {
    font-size: 40px;
    font-weight: 400;
    color: #FFF;
    margin-bottom: 15px;
    font-family: 'Esteban', serif;
}

.page-ventajaspremium .row-pasate-premium .container div p:last-child {
    font-family: 'Montserrat', sans-serif;
}

.page-ventajaspremium .row-pasate-premium .container div p span {
    display: block;
}

.page-ventajaspremium .box {
    padding-bottom: 70px;
}

.page-ventajaspremium .ventajas-premium {}

.page-ventajaspremium .ventajas-premium ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-ventajaspremium .ventajas-premium ul li {
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
    font-size: 14px;
}

.page-ventajaspremium .ventajas-premium ul li::before {
    background: var(--color-azul);
}

.page-ventajaspremium .ventajas-premium ul li::after {
    background: var(--color-azul);
}

.page-ventajaspremium .voy-a-encontrar {}

.page-ventajaspremium .voy-a-encontrar .listado-encontrar {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar {
    padding: 0 15px;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .imagen {
    text-align: center;
    margin-bottom: 30px;
}

.page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .imagen img {
    max-width: 100px;
}

.page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .titulo {}

.page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .titulo p {
    display: block;
    background: var(--color-azul);
    font-size: 14px;
    text-transform: uppercase;
    color: #FFF;
    padding: 5px 10px;
}

.page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .desc {}

.page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .desc p {
    color: #999;
    font-size: 13px;
    font-weight: 400;
}

.page-ventajaspremium .contenido-exclusivo {}

.page-ventajaspremium .contenido-exclusivo .row-slider {
    padding-bottom: 70px;
}

.page-ventajaspremium .contenido-exclusivo .row-slider .item-slider {}

.page-ventajaspremium .contenido-exclusivo .row-slider .item-slider .row {
    align-items: center;
}

.page-ventajaspremium .contenido-exclusivo .row-slider .item-slider .row .col {}

.page-ventajaspremium .contenido-exclusivo .row-slider .item-slider .row .col .cuadro {
    background: #F2F2F2;
    padding: 30px;
}

.page-ventajaspremium .contenido-exclusivo .row-slider .item-slider .row .col .cuadro p {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.page-ventajaspremium .contenido-exclusivo .row-slider .item-slider .row .col .cuadro p.titulo {
    color: var(--color-rosa);
    font-size: 20px;
    font-weight: 800;
}

.page-ventajaspremium .contenido-exclusivo .row-slider .item-slider .row .col .cuadro p.titulo::after {
    content: '';
    display: block;
    width: 50%;
    height: 1px;
    background: var(--color-rosa);
}

.page-ventajaspremium .contenido-exclusivo .row-miniaturas {
    border-top: 1px solid var(--color-azul);
    border-bottom: 1px solid var(--color-azul);
    padding: 50px 0;
    margin: 0 -15px;
}

.page-ventajaspremium .contenido-exclusivo .row-miniaturas>div {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 15px;
}

.page-ventajaspremium .contenido-exclusivo .owl-carousel .owl-nav {}

.page-ventajaspremium .contenido-exclusivo .owl-carousel .owl-nav>button {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    text-indent: -9999em;
    background-position: center !important;
    font-size: 0;
    background: none;
    opacity: 1;
}

.page-ventajaspremium .contenido-exclusivo .owl-carousel .owl-nav>button.disabled {
    opacity: 0.5;
}

.page-ventajaspremium .contenido-exclusivo .owl-carousel .owl-nav>button.disabled a {
    cursor: default;
}

.page-ventajaspremium .contenido-exclusivo .owl-carousel .owl-nav>button:before {
    content: '\E5C5';
    width: 100%;
    display: inline-block;
    font-family: 'Material Icons';
    font-size: 50px;
    color: #B7A4AC;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.page-ventajaspremium .contenido-exclusivo .owl-carousel .owl-nav .owl-prev {
    left: -30px;
}

.page-ventajaspremium .contenido-exclusivo .owl-carousel .owl-nav .owl-prev:before {
    transform: rotate(90deg);
}

.page-ventajaspremium .contenido-exclusivo .owl-carousel .owl-nav .owl-next {
    right: -30px;
}

.page-ventajaspremium .contenido-exclusivo .owl-carousel .owl-nav .owl-next:before {
    transform: rotate(270deg);
}

.page-ventajaspremium .plan-precios {}

.page-ventajaspremium .plan-precios .row-banner {}

.page-ventajaspremium .plan-precios .row-banner .col {}

.page-ventajaspremium .plan-precios .row-banner .col .bannerComprar {}

.page-ventajaspremium .plan-precios .row-banner .col>p {
    max-width: 280px;
    margin: 0 auto;
    font-weight: 400;
    color: #000;
    font-size: 13px;
    margin-top: 15px;
}

.page-ventajaspremium .banner {}

@media (max-width: 991px) {
    .page-ventajaspremium .tituloBloque {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .page-ventajaspremium .tituloBloque::after {}

    .page-ventajaspremium .tituloBloque.colorAzul {
        font-size: 18px;
    }

    .page-ventajaspremium .ventajas-premium {}

    .page-ventajaspremium .ventajas-premium ul {}

    .page-ventajaspremium .ventajas-premium ul li {}

    .page-ventajaspremium .voy-a-encontrar {}

    .page-ventajaspremium .voy-a-encontrar .listado-encontrar {}

    .page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .imagen {}

    .page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .imagen img {}

    .page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .titulo {}

    .page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .titulo p {}

    .page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .desc {}

    .page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .desc p {}

    .page-ventajaspremium .row-pasate-premium {
        margin-top: 65px;
        margin-bottom: 30px;
    }

    .page-ventajaspremium .row-pasate-premium .container {}

    .page-ventajaspremium .row-pasate-premium .container div {}

    .page-ventajaspremium .row-pasate-premium .container div p {}

    .page-ventajaspremium .row-pasate-premium .container div p:last-child {}

    .page-ventajaspremium .row-pasate-premium .container div p span {}

    .page-ventajaspremium .contenido-exclusivo .row-miniaturas {
        flex-wrap: wrap;
    }

    .page-ventajaspremium .contenido-exclusivo .row-miniaturas>div {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .page-ventajaspremium .tituloBloque {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .page-ventajaspremium .tituloBloque::after {
        width: 100%;
    }

    .page-ventajaspremium .tituloBloque.colorAzul {
        font-size: 16px;
    }

    .page-ventajaspremium .ventajas-premium {}

    .page-ventajaspremium .ventajas-premium ul {}

    .page-ventajaspremium .ventajas-premium ul li {
        font-size: 13px;
    }

    .page-ventajaspremium .voy-a-encontrar {}

    .page-ventajaspremium .voy-a-encontrar .listado-encontrar {}

    .page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .imagen {}

    .page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .imagen img {}

    .page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .titulo {}

    .page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .titulo p {}

    .page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .desc {}

    .page-ventajaspremium .voy-a-encontrar .listado-encontrar .item-encontrar .desc p {}

    .page-ventajaspremium .row-pasate-premium {
        height: 220px;
    }

    .page-ventajaspremium .row-pasate-premium .container {}

    .page-ventajaspremium .row-pasate-premium .container div {
        padding: 30px 0;
    }

    .page-ventajaspremium .row-pasate-premium .container div p {
        font-size: 26px;
    }

    .page-ventajaspremium .row-pasate-premium .container div p:last-child {}

    .page-ventajaspremium .row-pasate-premium .container div p span {}

    .page-ventajaspremium .contenido-exclusivo .owl-carousel .owl-nav .owl-prev {
        left: 0px;
    }

    .page-ventajaspremium .contenido-exclusivo .owl-carousel .owl-nav .owl-next {
        right: 0px;
    }

    .page-ventajaspremium .contenido-exclusivo .row-miniaturas {
        padding: 20px 0;
    }

    .page-ventajaspremium .contenido-exclusivo .row-miniaturas>div {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 577px) {}


/* HOME MIEMBROS */

.homeComunidad.centroconocimiento {}

.homeComunidad.centroconocimiento .box {
    padding-bottom: 30px;
}

.homeComunidad.centroconocimiento .bloqueTitulo {
    height: 40px;
    margin-bottom: 30px;
}

.homeComunidad.centroconocimiento .bloqueTitulo span {
    display: inline-block;
    width: auto;
    height: 40px;
    color: var(--color-rosa);
    /*font-weight: 600;*/
    padding: 0 15px;
    border: 1px solid var(--color-rosa);
    text-transform: uppercase;
    font-size: 20px;
    background: #FFF;
    line-height: 40px;
}

.homeComunidad.centroconocimiento .bloqueTitulo span.icoSimplicity {
    position: relative;
    padding-left: 35px;
}

.homeComunidad.centroconocimiento .bloqueTitulo span.icoSimplicity::before {
    content: '';
    display: block;
    width: 22px;
    height: 19px;
    background: url(/imagenes/proyectos/personalizacion/CustomStylesImages/icoSimplicityBig.png) no-repeat center;
    position: absolute;
    left: 6px;
    top: 0;
    margin-top: 10px;
    background-size: cover;
}

.homeComunidad.centroconocimiento .bloqueTitulo span.icoBestPractices {
    position: relative;
    padding-left: 35px;
}

.homeComunidad.centroconocimiento .bloqueTitulo span.icoBestPractices::before {
    content: '';
    display: block;
    width: 17px;
    height: 15px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -12px -162px;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -7px;
}

.homeComunidad.centroconocimiento .bloqueTitulo .linea {
    height: 1px;
    background: var(--color-rosa);
    margin-top: -20px;
}

.buscador-miembros {
    height: 400px;
    margin-top: 130px;
    margin-bottom: 50px;
    position: relative;
}

.buscador-miembros .container {
    height: 100%;
}

.buscador-miembros .container .row {
    position: relative;
    z-index: 2;
}

.buscador-miembros .container .row .col {}

.buscador-miembros .container .row .col .titulo {
    color: var(--color-azul);
    text-align: center;
    padding: 0 25%;
    font-size: 40px;
    font-weight: 600;
}

.buscador-miembros .container .row .col .titulo span {
    color: #666;
    font-weight: 900;
    text-transform: uppercase;
}

.buscador-miembros .container .row .col .searchbox {
    position: relative;
}

.buscador-miembros .container .row .col .searchbox input {
    height: 75px;
    line-height: 75px;
    padding: 0 60px;
    width: 100%;
    border: 1px solid #ccc;
}

.buscador-miembros .container .row .col .searchbox .buscar {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
}

.buscador-miembros .container .row .col .searchbox .buscar span {
    text-align: center;
    line-height: inherit;
    display: inline-flex;
    height: 100%;
    align-items: center;
}

.buscador-miembros .container .row .col .searchbox img {
    width: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 20px;
}

.buscador-miembros .container .rowSlider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.buscador-miembros .container .rowSlider .owl-carousel,
.buscador-miembros .container .rowSlider .owl-carousel .owl-stage-outer,
.buscador-miembros .container .rowSlider .owl-carousel .owl-stage-outer .owl-stage,
.buscador-miembros .container .rowSlider .owl-carousel .owl-stage-outer .owl-stage .owl-item,
.buscador-miembros .container .rowSlider .owl-carousel .owl-stage-outer .owl-stage .owl-item .item,
.buscador-miembros .container .rowSlider .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .backgroundItem {
    height: 100%;
}

.buscador-miembros .container .rowSlider .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .backgroundItem.aTop {
    background-position: top center;
}

.buscador-miembros .container .rowSlider .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .backgroundItem.aBottom {
    background-position: top center;
}

.listado-simplicity {
    /*display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 0 -15px;*/
}

.listado-simplicity .item-destacado-widget {
    /*flex: 0 0 33.33%; max-width: 33.33%; padding: 0 15px;*/
    max-width: 100%;
}

.listado-best-practices {}

.listado-best-practices .item-bestpractices {}

#seleccionadosParaTi .listado-destacados {
    /* display: flex; flex-wrap: nowrap; margin: 0 -15px;*/
}

#seleccionadosParaTi .listado-destacados .item-recurso-widget {
    /*padding: 0 15px; flex: 0 0 33.33%;*/
}

.listado-best-practices {
    /*display: flex; flex-wrap: nowrap; margin: 0 -15px;*/
}

.listado-best-practices .item-bestpractices {
    /*padding: 0 15px; flex: 0 0 33.33%;*/
}

.listado-best-practices .item-bestpractices .contenido {
    background: #666;
    height: 200px;
}

#proximosEventosExclusivos .item-fecha .calendario .mes {
    bottom: -7px;
}

@media (max-width: 1199px) {
    .buscador-miembros .container .row .col .titulo {
        padding: 0 10%;
    }
}

@media (max-width: 991px) {
    .buscador-miembros {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {}

@media (max-width: 577px) {

    .homeComunidad.centroconocimiento .bloqueTitulo,
    .homeComunidad.centroconocimiento .bloqueTitulo span {
        height: auto;
    }

    .homeComunidad.centroconocimiento .bloqueTitulo span.icoSimplicity::before {
        margin-top: 10px;
    }

    .buscador-miembros .container .row .col .titulo {
        padding: 0 15px;
        font-size: 35px;
    }

    .buscador-miembros .container .row .col .searchbox input {
        height: 50px;
        line-height: 50px;
    }
}


/* FICHA REPORT */

.fichaReport {}

.fichaReport .bloqueTitulo {
    height: 40px;
    margin-bottom: 30px;
}

.fichaReport .bloqueTitulo span {
    display: inline-block;
    width: auto;
    height: 40px;
    color: #666;
    /*font-weight: 600;*/
    padding: 0 15px;
    border: 1px solid var(--color-azul);
    text-transform: uppercase;
    font-size: 20px;
    background: #FFF;
    line-height: 40px;
}

.fichaReport .bloqueTitulo .linea {
    height: 1px;
    background: var(--color-azul);
    margin-top: -20px;
}

.fichaReport .container[role="main"] {
    margin-top: 0;
}

.fichaReport .box {
    padding-bottom: 70px;
}

.fichaReport .portada {
    margin-top: 165px;
    position: relative;
    margin-bottom: 50px;
}

.fichaReport .portada .backgroundImg {
    height: 490px;
}

.fichaReport .portada .cabecera {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: rgba(255, 255, 255, .5);
    display: flex;
    align-items: center;
}

.fichaReport .portada .cabecera .container {
    flex: 0 0 100%;
}

.fichaReport .portada .cabecera .container .row {
    align-items: center;
}

.fichaReport .portada .cabecera .container .row .col {
    flex: 0 0 calc(100% - 150px);
}

.fichaReport .portada .cabecera .container .row .col span {
    color: #6DBDE0;
    font-size: 32px;
    font-weight: 600;
}

.fichaReport .portada .cabecera .container .row .col p {
    color: #666;
    font-weight: 600;
    font-size: 32px;
    margin: 0;
}

.fichaReport .portada .cabecera .container .row .col p span {
    color: #BBB;
    font-weight: inherit;
    font-size: inherit;
}

.fichaReport .portada .cabecera .container .row .colImg {
    flex: 0 0 150px;
}

.fichaReport .portada .cabecera .container .row .colImg img {
    max-width: 100%;
}

.fichaReport .portada .cabecera a.megusta {
    position: absolute;
    top: 40px;
    right: 40px;
    color: #000;
    font-weight: 600;
}

.fichaReport .portada .cabecera a.megusta span {
    color: inherit;
    vertical-align: middle;
}

.fichaReport .portada .pie {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: rgba(0, 0, 0, .5);
    padding: 5px 15px;
}

.fichaReport .portada .pie ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}

.fichaReport .portada .pie ul li {
    margin-left: 15px;
}

.fichaReport .portada .pie ul li:first-child {
    margin-left: 0;
}

.fichaReport .portada .pie ul li a {
    color: #FFF;
    font-weight: 700;
}

.fichaReport .portada .pie ul li a span {
    color: inherit;
    vertical-align: middle;
    font-size: 30px;
    margin-right: 5px;
}

.fichaReport #temas {}

.fichaReport #temas .col-sm-8 {}

.fichaReport #temas .col-sm-4 {}

.fichaReport #temas ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.fichaReport #temas ul li {
    margin-bottom: 15px;
}

.fichaReport #temas ul.listado-bullets {}

.fichaReport #temas ul.listado-bullets li {}

.fichaReport #temas ul.listado-bullets li a {
    color: #666;
    font-weight: 600;
}

.fichaReport #temas ul.listado-bullets li a.ico {
    color: #CCC;
    display: none;
}

.fichaReport #temas ul.listado-bullets li a.ico span {
    vertical-align: middle;
    margin-left: 5px;
    color: inherit;
}

.fichaReport #temas ul.listado-descargas {}

.fichaReport #temas ul.listado-descargas li {}

.fichaReport #temas ul.listado-descargas li a {
    color: #AAA;
    font-weight: 600;
    display: block;
}

.fichaReport #temas ul.listado-descargas li a span {
    color: #CCC;
    vertical-align: middle;
    margin-right: 5px;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .fichaReport .portada {
        margin-top: 65px;
    }

    .fichaReport .portada .cabecera .container .row .col {
        flex: 0 0 calc(100% - 100px);
    }

    .fichaReport .portada .cabecera .container .row .colImg {
        flex: 0 0 100px;
    }

    .fichaReport .portada .cabecera .container .row .col span,
    .fichaReport .portada .cabecera .container .row .col p {
        font-size: 26px;
    }

    .fichaReport .portada .cabecera a.megusta {
        top: 15px;
        right: 15px;
    }

    .fichaReport .portada .pie ul li a {
        font-size: 14px;
    }

    .fichaReport #temas .col-sm-4 {
        display: none;
    }

    .fichaReport #temas .col-sm-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .fichaReport #temas ul.listado-bullets li {
        padding-right: 50px;
        position: relative;
    }

    .fichaReport #temas ul.listado-bullets li a.ico {
        display: inline-block;
        position: absolute;
        top: 50%;
        margin-top: -12px;
        right: 0;
    }
}

@media (max-width: 577px) {}

@media (max-width: 401px) {
    .fichaReport #temas ul.listado-bullets li {
        padding-left: 0;
    }

    .fichaReport #temas ul.listado-bullets li::before,
    .fichaReport #temas ul.listado-bullets li::after {
        display: none;
    }
}


/* FICHA REPORT CHAPTER */

.fichaReport .portada.chapter {}

.fichaReport .portada.chapter .backgroundImg {}

.fichaReport .portada.chapter .cabecera {}

.fichaReport .portada.chapter .cabecera .container {}

.fichaReport .portada.chapter .cabecera .container .row {}

.fichaReport .portada.chapter .cabecera .container .row .col {
    flex: 0 0 calc(100% - 75px);
}

.fichaReport .portada.chapter .cabecera .container .row .col span {
    font-size: 18px;
    color: #888;
}

.fichaReport .portada.chapter .cabecera .container .row .col p {
    font-size: 18px;
}

.fichaReport .portada.chapter .cabecera .container .row .colImg {
    flex: 0 0 75px;
}

.fichaReport .portada.chapter .cabecera .container .rowTitulo {
    margin-top: 20px;
    flex: 0 0 100%;
}

.fichaReport .portada.chapter .cabecera .container .rowTitulo .col {}

.fichaReport .portada.chapter .cabecera .container .rowTitulo .col span {
    font-size: 24px;
    display: block;
}

.fichaReport .portada.chapter .cabecera .container .rowTitulo .col span .linea {
    display: block;
    height: 1px;
    width: 50%;
    background: #BCBCBC;
}

.fichaReport .portada.chapter .cabecera .container .rowTitulo .col span.soloMovil {
    display: none;
}

.fichaReport .portada.chapter .cabecera .container .rowTitulo .col p {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    margin-top: 10px;
    line-height: normal;
}

.fichaReport .portada.chapter .cabecera a.megusta {}

.fichaReport .portada.chapter .pie {
    display: flex;
    flex-wrap: nowrap;
}

.fichaReport .portada.chapter .pie>span {
    flex-grow: 1;
    color: #FFF;
    font-weight: 600;
    align-self: center;
    font-size: 20px;
    line-height: normal;
}

.fichaReport .portada.chapter .pie ul {}

.fichaReportChapter {}

.fichaReportChapter .recursoVinculado {
    margin-bottom: 30px;
}

.fichaReportChapter .recursoVinculado .tituloBloque {
    position: relative;
    padding-left: 35px;
    line-height: normal;
}

.fichaReportChapter .recursoVinculado .tituloBloque::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    background: url('resources/spriteCorporate.png?v=1.0.0.0') no-repeat -5px -105px;
    display: block;
    width: 30px;
    height: 30px;
}

.fichaReportChapter .descripcion {
    padding-right: 50px;
}

.fichaReportChapter .descripcion p {
    color: #000;
    margin-bottom: 15px;
}

.fichaReportChapter .descripcion p.titulo {
    font-weight: 600;
    font-size: 18px;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .fichaReport .portada.chapter .cabecera .container .row .col span {
        font-size: 14px;
    }

    .fichaReport .portada.chapter .cabecera .container .row .col p {
        font-size: 14px;
    }

    .fichaReport .portada.chapter .cabecera .container .rowTitulo .col span {
        font-size: 16px;
    }

    .fichaReport .portada.chapter .cabecera .container .rowTitulo .col p {
        font-size: 16px;
    }

    .fichaReport .portada.chapter .cabecera .container .rowTitulo {}

    .fichaReport .portada .cabecera a.megusta {
        top: 5px;
        right: 15px;
    }

    .fichaReport .portada.chapter .pie>span {
        font-size: 11px;
        flex: 0 0 40%;
    }

    .fichaReport .portada.chapter .pie ul li a {
        font-size: 13px;
    }

    .fichaReport .portada.chapter .pie ul li a span {
        font-size: 24px;
    }

    .fichaReportChapter .descripcion {
        padding-right: 0;
    }
}

@media (max-width: 577px) {
    .fichaReport .portada.chapter {
        margin-left: -15px;
        margin-right: -15px;
    }

    .fichaReport .portada.chapter .cabecera .container .row:not(.titulo) {
        margin-top: 15px;
    }

    .fichaReport .portada.chapter .cabecera .container .row:not(.rowTitulo) .col:not(.colImg) {
        padding-left: 0;
    }

    .fichaReport .portada.chapter .cabecera .container .rowTitulo .col span.soloMovil {
        display: block;
        font-size: 12px;
        margin-top: 15px;
    }

    .fichaReport .portada.chapter .pie>span {
        display: none;
    }

    .fichaReport .portada.chapter .pie ul {
        flex: 0 0 100%;
    }
}


/* FICHA COLABORADOR: ; */

.fichaColaborador {}

.fichaColaborador .container[role="main"] {
    margin-top: 0;
}

.fichaColaborador .box {
    padding-bottom: 70px;
}

.fichaColaborador .rowBuscadorFull {
    margin-bottom: 50px;
}

.fichaColaborador #colaborador {}

.fichaColaborador #colaborador .cabecera {
    position: relative;
}

.fichaColaborador #colaborador .cabecera .favorito {
    background: #333;
    position: absolute;
    left: 15px;
    top: 0;
    width: 90px;
    height: 120px;
}

.fichaColaborador #colaborador .cabecera .favorito::before {
    content: '';
    position: absolute;
    top: 120px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 33px solid #333;
    border-right: 45px solid transparent;
}

.fichaColaborador #colaborador .cabecera .favorito::after {
    content: '';
    position: absolute;
    top: 120px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 33px solid #333;
    border-left: 45px solid transparent;
}

.fichaColaborador #colaborador .cabecera .favorito .wrap {
    padding: 10px 5px;
}

.fichaColaborador #colaborador .cabecera .favorito .wrap .foto {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover !important;
}

.fichaColaborador #colaborador .cabecera .favorito .wrap .foto a {
    display: block;
    height: 100%;
}

.fichaColaborador #colaborador .cabecera>p {
    color: #000;
    background: #AACBD2;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    padding-left: 170px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.fichaColaborador #colaborador .cabecera>p span {
    color: #FFF;
    font-size: 22px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.fichaColaborador #colaborador .descripcion {
    padding-left: 210px;
    padding-top: 50px;
}

.fichaColaborador #colaborador .descripcion p {
    color: #000;
}

.fichaColaborador .owl-item .rowImage .autor {
    bottom: -25px;
}

.fichaColaborador .owl-item .rowImage img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* .fichaColaborador .listado-destacados .resource .wrap {
    border: 1px solid #E5E5E5;
} */

/* .fichaColaborador .listado-destacados .resource .rowImage {
    border-bottom: 4px;
    border-bottom-style: solid;
    position: relative;
} */

.fichaColaborador .listado-destacados .resource .rowImage .favorito {
    background: #333;
    position: absolute;
    right: 15px;
    top: 0;
    width: 90px;
    height: 120px;
}

.fichaColaborador .listado-destacados .resource .rowImage .favorito::before {
    content: '';
    position: absolute;
    top: 120px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 33px solid #333;
    border-right: 45px solid transparent;
}

.fichaColaborador .listado-destacados .resource .rowImage .favorito::after {
    content: '';
    position: absolute;
    top: 120px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 33px solid #333;
    border-left: 45px solid transparent;
}

.fichaColaborador .listado-destacados .resource .rowImage .favorito .wrap {
    padding: 10px 5px;
    border: none;
}

.fichaColaborador .listado-destacados .resource .rowImage .favorito .wrap .foto {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover !important;
}

.fichaColaborador .listado-destacados .resource .rowText {
    height: 180px;
    padding: 15px;
}

.fichaColaborador .listado-destacados .resource .rowText .top .date {
    font-size: 10px;
    font-weight: 400;
    color: #333;
    display: block;
    margin-top: 5px;
}

.fichaColaborador .listado-destacados .resource .rowText .title {
    margin-top: 5px;
}

.fichaColaborador .listado-destacados .resource .rowText .title a {
    font-weight: 600;
    color: #333;
    line-height: normal;
}

.fichaColaborador .listado-destacados .resource.borde-rojo .rowImage {
    border-color: var(--color-item-rojo);
    overflow: visible;
}

.fichaColaborador .listado-destacados .resource.borde-verde .rowImage {
    border-color: var(--color-item-verde-oscuro);
}

.fichaColaborador .listado-destacados .resource.borde-naranja .rowImage {
    border-color: var(--color-item-rojo);
}

.fichaColaborador .listado-destacados .resource.borde-azul .rowImage {
    border-color: var(--color-item-azul);
}

.fichaColaborador .listado-destacados .resource.borde-verdeclaro .rowImage {
    border-color: var(--color-item-verde-claro);
}

.fichaColaborador .listado-destacados .resource.borde-morado .rowImage {
    border-color: var(--color-item-morado);
}

.fichaColaborador .listado-destacados .resource.borde-amarillo .rowImage {
    border-color: var(--color-item-amarillo);
}

.fichaColaborador .listado-destacados .resource.borde-azulverdoso .rowImage {
    border-color: var(--color-item-azulverdoso);
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .fichaColaborador #colaborador .cabecera>p {
        padding-left: 150px;
    }

    .fichaColaborador #colaborador .descripcion {
        padding-left: 150px;
        padding-top: 40px;
    }
}

@media (max-width: 577px) {
    .fichaColaborador #colaborador .cabecera>p {
        padding-left: 120px;
    }

    .fichaColaborador #colaborador .descripcion {
        padding-left: 0;
        padding-top: 120px;
    }
}


/* OWL NAV */

.centroconocimiento .owl-carousel .owl-nav {}

.centroconocimiento .owl-carousel .owl-nav>button {
    background: #000;
    opacity: 0.5;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    text-indent: -9999em;
    background-position: center !important;
    font-size: 0;
}

.centroconocimiento .owl-carousel .owl-nav>button.disabled {
    opacity: 0.3;
}

.centroconocimiento .owl-carousel .owl-nav>button.disabled a {
    cursor: default;
}

.centroconocimiento .owl-carousel .owl-nav>button:before {
    width: 100%;
    display: inline-block;
    font-family: 'Material Icons';
    content: '\E409';
    font-size: 20px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.centroconocimiento .owl-carousel .owl-nav .owl-prev {
    left: 0;
}

.centroconocimiento .owl-carousel .owl-nav .owl-prev:before {
    content: '\E408';
}

.centroconocimiento .owl-carousel .owl-nav .owl-next {
    right: 0;
}

.centroconocimiento .owl-carousel .owl-nav .owl-next:before {
    content: '\E409';
}

.centroconocimiento .owl-carousel .owl-nav>button:hover {
    opacity: 1;
}


/* LISTADOS CENTROCONOCIMIENTO */

.listado.centroconocimiento {}

.listado.margen .container[role="main"] {
    padding-top: 30px;
}

.bloque-listado-multimedia {
    padding-bottom: 70px;
}

.bloque-listado-multimedia .owl-carousel {}

.bloque-listado-multimedia .owl-carousel>div {}

@media (max-width: 577px) {
    .listado.margen .container[role="main"] {
        padding-top: 30px;
    }
}


/* HOMES REPORT */

.homeReport {}

.homeReport .container[role="main"] {
    padding-top: 30px;
}

.row-inicio-report {
    align-items: center;
    display: inline-flex;
    width: auto;
    margin: 0 auto 50px;
}

.row-inicio-report .col {
    flex: 0 0 calc(100% - 150px);
}

.row-inicio-report .col span {
    color: #6DBDE0;
    font-size: 32px;
    font-weight: 600;
}

.row-inicio-report .col p {
    color: #666;
    font-weight: 600;
    font-size: 32px;
    margin: 0;
}

.row-inicio-report .colImg {
    flex: 0 0 150px;
}

.row-inicio-report .colImg img {
    max-width: 100%;
}

.row-inicio-report.naranja {}

.row-inicio-report.naranja .col span {
    color: var(--color-naranja-resource);
}

.homeReport .row-buscador .busquedaGenerica {
    margin: 0 auto 70px;
    flex: 0 0 100%;
    max-width: 100%;
}

.homeReport .listado-reports .item-report-widget {
    width: auto;
    max-width: none;
}

@media (max-width: 991px) {
    .homeReport .container[role="main"] {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    .homeReport .container[role="main"] {
        /*margin-top: 65px;*/
    }

    .row-inicio-report {
        width: 100%;
    }

    .row-inicio-report .col {
        flex: 0 0 calc(100% - 100px);
    }

    .row-inicio-report .colImg {
        display: none;
        flex: 0 0 100px;
    }

    .row-inicio-report .col span,
    .row-inicio-report .col p {
        font-size: 26px;
    }
}


/* LISTADO CC REPORT */

.listadoCCReport {}

.listadoCCReport .row-buscador .busquedaGenerica {
    margin: 0 auto 50px;
    flex: 0 0 600px;
    max-width: 600px;
}


/* HOME CC LEARNING */

.homeCC {}

.homeCC .container[role="main"] {
    margin-top: 0;
}

.homeCC .box {
    padding-bottom: 70px;
}

#destacadosWorkshop>.row {
    align-items: stretch;
}

#destacadosWorkshop .col-sm-5 .item-workshop-widget {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin-bottom: 0;
}

#destacadosWorkshop .col-sm-5 .item-workshop-widget .contenido {
    height: calc(100% - 150px);
}

#destacadosWorkshop .col-sm-5 .item-workshop-widget .contenido>p a {
    font-weight: 500;
}

#destacadosWorkshop .col-sm-7>.item-workshop-widget {}

#destacadosWorkshop .col-sm-7>.item-workshop-widget:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    #destacadosWorkshop .col-sm-5 .item-workshop-widget {
        flex-wrap: wrap;
    }

    #destacadosWorkshop .col-sm-5 .item-workshop-widget .cabecera {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #destacadosWorkshop .col-sm-5 .item-workshop-widget .contenido {
        height: auto;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 577px) {
    #destacadosWorkshop .col-sm-5 .item-workshop-widget {
        margin-bottom: 15px;
        height: auto;
    }

    #destacadosWorkshop .col-sm-5 .item-workshop-widget .contenido {
        height: auto;
    }
}


/* LISTADO CC LEARNING */

.listadoCCLearning {}

.listadoCCLearning .container[role="main"] {
    margin-top: 0;
}

.listadoCCLearning .listadoRecursos .resource-list {}

.listadoCCLearning .listadoRecursos .resource-list .item-workshop-widget {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 10px;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .listadoCCLearning .listadoRecursos .resource-list .item-workshop-widget {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .listadoCCLearning .listadoRecursos .resource-list .item-workshop-widget {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* INICIO LEARNING */

.page-iniciolearning {}

.page-iniciolearning .lista-workshop {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.page-iniciolearning .lista-workshop>div {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 15px;
}

@media (max-width: 991px) {
    .page-iniciolearning .lista-workshop>div {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

@media (max-width: 767px) {
    .page-iniciolearning .lista-workshop>div {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 577px) {}


/* INICIO NETWORKING */

.page-inicionetworking {}

.page-inicionetworking .box {
    padding-bottom: 70px;
}

.page-inicionetworking .tituloBloque {
    display: block;
    font-size: 24px;
    text-transform: uppercase;
    color: var(--color-rosa);
    margin-bottom: 50px;
    font-weight: 600;
}

.page-inicionetworking .tituloBloque::after {
    content: '';
    display: block;
    width: 50%;
    height: 1px;
    background: var(--color-rosa);
}

.page-inicionetworking .sliderPrincipal.sliderGenerico,
.page-inicionetworking .sliderPrincipal.sliderGenerico .backgroundItem {
    height: 550px;
}

.page-inicionetworking .sliderPrincipal.sliderGenerico .owl-dots {
    bottom: 65px;
}

.page-inicionetworking .sliderPrincipal.sliderGenerico .container {
    text-align: left;
}

.page-inicionetworking .sliderPrincipal.sliderGenerico .container p {
    font-weight: 600;
    font-size: 18px;
    margin: 0;
}

.page-inicionetworking .sliderPrincipal.sliderGenerico .container p span {
    color: #999;
}

.page-inicionetworking .sliderPrincipal.sliderGenerico .item-video {
    position: relative;
}

.page-inicionetworking .sliderPrincipal.sliderGenerico .icoVideo {
    display: block;
    font-size: 100px;
    background: rgba(255, 255, 255, .5);
    width: 150px;
    height: 150px;
    border-radius: 50%;
    text-align: center;
    line-height: 150px;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    margin-top: -75px;
    cursor: pointer;
    z-index: 2;
}

.page-inicionetworking .sliderPrincipal.sliderGenerico .item-video:hover .icoVideo {
    background: rgba(255, 255, 255, 1);
}

.page-inicionetworking .sliderPrincipal.sliderGenerico .contenedor-video {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.page-inicionetworking .sliderPrincipal.sliderGenerico .contenedor-video.activo {
    display: block;
}

.page-inicionetworking .sliderPrincipal.sliderGenerico .contenedor-video iframe {
    width: 100%;
    height: 100%;
}

.page-inicionetworking .sliderPrincipal.sliderGenerico .cerrar-video {
    display: none;
    position: absolute;
    top: 50px;
    right: 50px;
    font-size: 30px;
    color: #FFF;
    z-index: 3;
    cursor: pointer;
}

.page-inicionetworking .sliderPrincipal.sliderGenerico .cerrar-video.activo {
    display: block;
}

.page-inicionetworking .componenteBolas {
    border-bottom: 0;
}

@media (max-width: 991px) {
    .page-inicionetworking .tituloBloque {
        font-size: 18px;
        margin-bottom: 40px;
    }

    .page-inicionetworking .sliderPrincipal.sliderGenerico,
    .page-inicionetworking .sliderPrincipal.sliderGenerico .backgroundItem {
        height: 350px;
    }

    .page-inicionetworking .sliderPrincipal.sliderGenerico .container {}

    .page-inicionetworking .sliderPrincipal.sliderGenerico .container p {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .page-inicionetworking .tituloBloque {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .page-inicionetworking .sliderPrincipal.sliderGenerico,
    .page-inicionetworking .sliderPrincipal.sliderGenerico .backgroundItem {
        height: 220px;
    }

    .page-inicionetworking .sliderPrincipal.sliderGenerico .container {
        padding: 15px;
    }

    .page-inicionetworking .sliderPrincipal.sliderGenerico .container p {
        font-size: 13px;
    }

    .page-inicionetworking .sliderPrincipal.sliderGenerico .owl-dots {
        bottom: 5px;
    }
}

.imagenUsuario {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.imagenUsuario span {
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #FFF;
    background: #92B8BE;
    font-size: 18px;
    font-weight: 600;
}

.imagenUsuario.defectoOrg span {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

@media (max-width: 991px) {
    .imagenUsuario {
        width: 40px;
        height: 40px;
    }

    .imagenUsuario span {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .imagenUsuario {
        width: 30px;
        height: 30px;
    }

    .imagenUsuario span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
}

.consultasComunidad {
    margin-bottom: 50px;
}

.consultasComunidad .info {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 30px;
}

.consultasComunidad .escribe-consulta {
    position: relative;
    padding-left: 60px;
}

.consultasComunidad .escribe-consulta .imagenUsuario {
    position: absolute;
    left: 0;
    bottom: 0;
}

.consultasComunidad .escribe-consulta .bloque {
    background: #F8F8F8;
    border-radius: 25px;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
    padding: 15px 30px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.consultasComunidad .escribe-consulta .bloque .escribe {
    flex: 0 0 calc(100% - 80px);
    max-width: calc(100% - 80px);
    padding-right: 5px;
}

.consultasComunidad .escribe-consulta .bloque .escribe textarea {
    display: block;
    width: 100%;
    height: 100px;
    background: none;
    border: 0;
    font-size: 14px;
    color: #999;
    border-bottom: 1px solid var(--color-rosa);
    margin-bottom: 5px;
}

.consultasComunidad .escribe-consulta .bloque .escribe textarea::placeholder {
    font-size: 18px;
    font-weight: 600;
    color: #999;
}

.consultasComunidad .escribe-consulta .bloque .escribe a {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 15px;
}

.consultasComunidad .escribe-consulta .bloque .escribe a::after {
    content: '';
    display: block;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -0px -0px;
    width: 30px;
    height: 26px;
}

.consultasComunidad .escribe-consulta .bloque .escribe a.adjunto {}

.consultasComunidad .escribe-consulta .bloque .escribe a.adjunto::after {
    background-position: -56px -227px;
}

.consultasComunidad .escribe-consulta .bloque .escribe a.foto {}

.consultasComunidad .escribe-consulta .bloque .escribe a.foto::after {
    background-position: -5px -267px;
}

.consultasComunidad .escribe-consulta .bloque .envia {
    flex: 0 0 80px;
    max-width: 80px;
    align-self: flex-end;
}

.consultasComunidad .escribe-consulta .bloque .envia a.btn {
    border-radius: 15px;
    padding: 10px 15px;
    font-weight: 600;
    font-size: 12px;
}

.consultasComunidad .escribe-consulta .error:not(:empty) {
    background: var(--color-item-rojo);
    padding: 5px 15px;
    margin-top: 15px;
    color: #FFF;
    font-size: 13px;
}

@media (max-width: 991px) {
    .consultasComunidad {}

    .consultasComunidad .info {}

    .consultasComunidad .escribe-consulta {}

    .consultasComunidad .escribe-consulta .imagenUsuario {}

    .consultasComunidad .escribe-consulta .bloque {}

    .consultasComunidad .escribe-consulta .bloque .escribe {}

    .consultasComunidad .escribe-consulta .bloque .escribe textarea {}

    .consultasComunidad .escribe-consulta .bloque .escribe textarea::placeholder {}

    .consultasComunidad .escribe-consulta .bloque .escribe a {}

    .consultasComunidad .escribe-consulta .bloque .escribe a::after {}

    .consultasComunidad .escribe-consulta .bloque .envia {}

    .consultasComunidad .escribe-consulta .bloque .envia a.btn {}
}

@media (max-width: 767px) {
    .consultasComunidad {}

    .consultasComunidad .info {}

    .consultasComunidad .escribe-consulta {
        padding-left: 35px;
    }

    .consultasComunidad .escribe-consulta .bloque {
        padding: 10px 15px;
    }

    .consultasComunidad .escribe-consulta .bloque .escribe {
        flex: 0 0 calc(100% - 60px);
        max-width: calc(100% - 60px);
    }

    .consultasComunidad .escribe-consulta .bloque .escribe textarea {
        width: calc(100% + 60px);
        font-size: 13px;
    }

    .consultasComunidad .escribe-consulta .bloque .escribe textarea::placeholder {
        font-size: 13px;
    }

    .consultasComunidad .escribe-consulta .bloque .escribe a {}

    .consultasComunidad .escribe-consulta .bloque .escribe a::after {}

    .consultasComunidad .escribe-consulta .bloque .envia {
        flex: 0 0 60px;
        max-width: 60px;
    }

    .consultasComunidad .escribe-consulta .bloque .envia a.btn {
        padding: 5px 10px;
        font-size: 10px;
    }
}

.publicacionesComunidad {
    margin-bottom: 50px !important;
}

.publicacionesComunidad .wrapComentario {}

.publicacionesComunidad .wrapComentario .card-comentario {
    background: #FFF;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
    padding: 15px 30px;
    margin-bottom: 25px;
}

.publicacionesComunidad .wrapComentario .card-comentario .comentario {
    padding-left: 100px;
    position: relative;
}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .imagenUsuario {
    position: absolute;
    top: 0;
    left: 0;
}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .datosUsuario {}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .datosUsuario p {
    margin: 0;
    font-size: 13px;
    color: #999;
    font-weight: 600;
}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .datosUsuario p.nombre {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .datosUsuario p.empresa {}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .datosUsuario p.tiempo {}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .comentarioUsuario {
    padding: 20px 0 40px;
}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .comentarioUsuario p {
    color: #666;
    font-weight: 700;
    font-size: 16px;
}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .comentarioUsuario a {
    color: #999;
    font-weight: 600;
}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .comentarioUsuario a:hover {
    text-decoration: none;
}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .comentarioUsuario a.adjunto {
    position: relative;
    padding-left: 35px;
}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .comentarioUsuario a.adjunto::after {
    content: '';
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -57px -227px;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 0;
}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .comment-responder {
    flex: 0 0 100%;
    max-width: 100%;
}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .comment-responder legend {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .comment-responder p {
    margin: 0;
}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .comment-responder textarea {
    margin-bottom: 10px;
    display: block;
}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .comment-responder .error {
    display: none;
}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .comment-responder .error:not(:empty) {
    margin-bottom: 10px;
    display: block;
    background: var(--color-item-rojo);
    font-size: 13px;
    color: #FFF;
    padding: 5px 15px;
}

.publicacionesComunidad .wrapComentario .card-comentario .comentario .comment-responder .btn {
    font-size: 15px;
    padding: 5px 15px;
    margin-bottom: 10px;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones {
    display: flex;
    flex-wrap: wrap;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones p {
    color: #999;
    font-weight: 600;
    flex: 0 0 100%;
    max-width: 100%;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones p.numComentarios {}

.publicacionesComunidad .wrapComentario .card-comentario .acciones p.numLikes {}

.publicacionesComunidad .wrapComentario .card-comentario .acciones ul {
    border-top: 1px solid var(--color-rosa);
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    flex-wrap: nowrap;
    padding: 10px 0;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones ul.autor {
    justify-content: flex-end;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones ul li {
    padding: 0;
    margin-right: 15px;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones ul li a {
    display: block;
    width: 25px;
    height: 25px;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones ul li a:hover {
    text-decoration: none;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones ul li a::after {
    font-size: 0;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -0px -0px;
    width: 25px;
    height: 25px;
    /* position: relative; top: inherit; left: inherit; margin-top: 0; */
    display: block;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones ul li.megusta {}

.publicacionesComunidad .wrapComentario .card-comentario .acciones ul li.megusta a::after {
    background-position: -8px -307px;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones ul li.megusta.activo a::after {
    background-position: -8px -347px;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones ul li.comentar {
    width: 30px;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones ul li.comentar a::after {
    background-position: -6px -397px;
    width: 30px;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones ul li.editar {}

.publicacionesComunidad .wrapComentario .card-comentario .acciones ul li.editar a::after {
    /*background: none; content: '\E254'; font-size: 25px; line-height: 25px;*/
    content: '';
    background: none;
    width: auto;
    height: auto;
    content: '\e3c9';
    font-size: 18px;
    font-family: 'Material Icons';
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones ul li.eliminar {
    margin-right: 0;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones ul li.eliminar a::after {
    /*background: none; content: '\E872'; font-size: 25px; line-height: 25px;*/
    background-position: -178px -288px;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones .responder {
    padding: 50px 0;
    padding-left: 80px;
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .imagenUsuario {
    position: absolute;
    left: 0;
    top: 50px;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada {
    display: flex;
    flex-wrap: nowrap;
    height: 50px;
    align-items: center;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada input {
    flex: 0 0 100%;
    max-width: 100%;
    border: 1px solid #CCC;
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    padding-right: 100px;
    font-weight: 600;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada input::placeholder {
    font-weight: 600;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada a {
    position: absolute;
    display: block;
    width: 30px;
    height: 26px;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada a::after {
    content: '';
    position: absolute;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -0px -0px;
    width: 30px;
    height: 26px;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada a.adjunto {
    right: 60px;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada a.adjunto::after {
    background-position: -57px -227px;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada a.foto {
    right: 20px;
}

.publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada a.foto::after {
    background-position: -5px -267px;
}

.publicacionesComunidad .wrapComentario .respuesta {
    padding-left: 100px;
    position: relative;
}

.publicacionesComunidad .wrapComentario .respuesta::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -5px -437px;
    width: 30px;
    height: 25px;
}

.publicacionesComunidad .wrapComentario .respuesta .card-comentario {
    background: #F8F9FB;
}

.publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario {
    display: flex;
    flex-wrap: wrap;
}

.publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario .datosUsuario {
    flex: 0 0 230px;
    max-width: 230px;
    padding-right: 100px;
}

.publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario .datosUsuario p {
    font-size: 11px;
}

.publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario .datosUsuario p.nombre {
    font-size: 13px;
}

.publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario .comentarioUsuario {
    flex: 0 0 calc(100% - 230px);
    max-width: calc(100% - 230px);
}

.publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario .comentarioUsuario p {
    color: #000;
}

.publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario .comment-responder {}

.publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario .comment-responder legend {}

.publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario .comment-responder p {}

.publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario .comment-responder textarea {}

.publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario .comment-responder .error {}

.publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario .comment-responder .btn {}

.publicacionesComunidad .wrapComentario .respuesta .card-comentario .acciones {
    border-top: 1px solid var(--color-rosa);
}

@media (max-width: 991px) {
    .publicacionesComunidad .wrapComentario .respuesta .card-comentario {}

    .publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario {
        flex-wrap: wrap;
    }

    .publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario .datosUsuario {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
    }

    .publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario .datosUsuario p {}

    .publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario .datosUsuario p.nombre {}

    .publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario .comentarioUsuario {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .publicacionesComunidad .wrapComentario .respuesta .card-comentario .comentario .comentarioUsuario p {}
}

@media (max-width: 767px) {
    .publicacionesComunidad {}

    .publicacionesComunidad .wrapComentario {}

    .publicacionesComunidad .wrapComentario .card-comentario {
        padding: 10px 15px;
    }

    .publicacionesComunidad .wrapComentario .card-comentario .comentario {
        padding-left: 45px;
    }

    .publicacionesComunidad .wrapComentario .card-comentario .comentario .imagenUsuario {}

    .publicacionesComunidad .wrapComentario .card-comentario .comentario .datosUsuario {}

    .publicacionesComunidad .wrapComentario .card-comentario .comentario .datosUsuario p {}

    .publicacionesComunidad .wrapComentario .card-comentario .comentario .datosUsuario p.nombre {
        font-size: 13px;
    }

    .publicacionesComunidad .wrapComentario .card-comentario .comentario .comentarioUsuario {
        padding: 10px 0 20px;
        margin-left: -45px;
        flex: 0 0 calc(100% + 45px);
        max-width: calc(100% + 45px);
    }

    .publicacionesComunidad .wrapComentario .card-comentario .comentario .comentarioUsuario p {
        font-size: 13px;
    }

    .publicacionesComunidad .wrapComentario .card-comentario .comentario .comentarioUsuario a {
        font-size: 13px;
    }

    .publicacionesComunidad .wrapComentario .card-comentario .acciones {}

    .publicacionesComunidad .wrapComentario .card-comentario .acciones p {
        font-size: 13px;
    }

    .publicacionesComunidad .wrapComentario .card-comentario .acciones .responder {
        padding-left: 45px;
    }

    .publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .imagenUsuario {}

    .publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada {
        height: 40px;
    }

    .publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada input {
        padding-right: 70px;
        font-size: 13px;
    }

    .publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada input::placeholder {
        font-size: 13px;
    }

    .publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada a {}

    .publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada a::after {}

    .publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada a.adjunto {
        right: 35px;
    }

    .publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada a.adjunto::after {}

    .publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada a.foto {
        right: 5px;
    }

    .publicacionesComunidad .wrapComentario .card-comentario .acciones .responder .entrada a.foto::after {}

    .publicacionesComunidad .wrapComentario .respuesta {
        padding-left: 0;
        padding-top: 40px;
    }

    .publicacionesComunidad .wrapComentario .respuesta::before {
        top: 0;
    }

    .publicacionesComunidad .wrapComentario .respuesta .card-comentario .acciones {}
}


/* LISTADO SOCIOS */

.listadoSocios {}

.listado.listadoSocios .container[role="main"] {
    margin-top: 170px;
}

.row-inicio-socios {
    padding: 50px 0;
}

.row-inicio-socios .col {
    padding-right: 100px;
}

.row-inicio-socios .col p {
    font-weight: 700;
    margin: 0;
    padding-right: 100px;
}

.row-inicio-socios .col p span {
    color: var(--color-azul);
}

.row-inicio-socios .col .row-buscador {
    margin-top: 15px;
}

.row-inicio-socios .col .row-buscador .busquedaGenerica {
    max-width: 100%;
    flex: 0 0 100%;
}

.row-inicio-socios .colImg {
    text-align: center;
    padding-right: 15px;
}

.row-inicio-socios .colImg img {}

.item-socio {
    padding: 10px 0;
}

.item-socio .wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
}

.item-socio .wrap .imagen {
    flex: 0 0 100px;
    max-width: 100%;
}

.item-socio .wrap .imagen .imagenUsuario {
    width: 60px;
    height: 60px;
}

.item-socio .wrap .imagen .imagenUsuario span {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.item-socio .wrap .datos {
    flex: 0 0 300px;
    max-width: 300px;
}

.item-socio .wrap .datos:last-child {
    flex: 0 0 calc(100% - 400px);
    max-width: calc(100% - 400px);
}

.item-socio .wrap .datos p {
    margin: 0;
    font-weight: 700;
    font-size: 11px;
}

.item-socio .wrap .datos p.nombre {}

.item-socio .wrap .datos p.email {}

.item-socio .wrap .datos p.lugar {}

.item-socio .wrap .datos p.puesto {}

.item-socio .wrap .datos p.empresa {
    color: var(--color-azul);
}

.listadoSocios #panResultados.gridView .resource-list {
    margin: 0 -15px;
}

.listadoSocios #panResultados.gridView .resource-list .item-socio {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}

.listadoSocios #panResultados.gridView .resource-list .item-socio .wrap {
    flex-wrap: wrap;
}

.listadoSocios #panResultados.gridView .resource-list .item-socio .wrap .imagen {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 10px;
}

.listadoSocios #panResultados.gridView .resource-list .item-socio .wrap .imagen .imagenUsuario {
    margin: 0 auto;
}

.listadoSocios #panResultados.gridView .resource-list .item-socio .wrap .datos {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
}

.listadoSocios #panResultados.gridView .resource-list .item-socio .wrap .datos:last-child {
    flex: 0 0 100%;
    max-width: 100%;
}

.listadoSocios #panResultados.gridView .resource-list .item-socio .wrap .datos p {
    font-size: 13px;
}

.listadoSocios #panResultados.listView .resource-list {}

.listadoSocios #panResultados.listView .resource-list .item-socio {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (max-width: 991px) {
    .listado.listadoSocios .container[role="main"] {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    .row-inicio-socios {}

    .row-inicio-socios .col {
        padding-right: 15px;
    }

    .row-inicio-socios .col p {
        padding-right: 0;
    }

    .row-inicio-socios .colImg {
        margin-bottom: 30px;
    }

    .item-socio {}

    .item-socio .wrap {
        flex-wrap: wrap;
    }

    .item-socio .wrap .imagen {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .item-socio .wrap .imagen .imagenUsuario {
        margin: 0 auto;
    }

    .item-socio .wrap .datos {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .item-socio .wrap .datos:last-child {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .item-socio .wrap .datos p {
        font-size: 13px;
    }

    .listadoSocios #panResultados.gridView .resource-list .item-socio {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* OC PERSON */

.fichaPersona {}

.etiquetaTitulo {
    display: inline-block;
    background: var(--color-rosa);
    padding: 5px 15px 5px 150px;
    margin-bottom: 30px;
}

.etiquetaTitulo span {
    display: block;
    white-space: normal;
    width: 150px;
    color: #FFF;
    font-weight: 300;
    line-height: normal;
    font-style: italic;
}

.fichaPersona .row-buscador {
    margin-bottom: 50px;
}

.fichaPersona .row-buscador .busquedaGenerica {
    margin: 0 auto;
}

.fichaPersona .container[role="main"] .row-ficha-stakeholders {}

.fichaPersona .container[role="main"] .row-ficha-stakeholders .col01 {
    padding-right: 50px;
    padding-left: 15px;
    padding-top: 0;
}

.fichaPersona .container[role="main"] .row-ficha-stakeholders .col02 {
    padding-left: 15px;
}

.row-ficha-stakeholders .cabecera {
    background: var(--color-azul);
    height: 35px;
    line-height: 35px;
    padding-left: 150px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
}

.row-ficha-stakeholders .cabecera .imagenPersona {
    position: absolute;
    top: 10px;
    left: 15px;
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}

.row-ficha-stakeholders .cabecera .imagenPersona span {
    display: block;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    color: #FFF;
    background: #92B8BE;
    font-size: 18px;
    font-weight: 600;
}

.row-ficha-stakeholders .cabecera p.nombre {
    color: #FFF;
    font-weight: 600;
    margin: 0;
    font-size: 20px;
}

.row-ficha-stakeholders .cabecera .descargar-ficha {}

.row-ficha-stakeholders .cabecera .descargar-ficha span {
    color: #FFF;
    display: block;
    line-height: inherit;
    text-align: center;
    padding: 0 5px;
}

.row-ficha-stakeholders p.cabecera {
    background: #E9E8E8;
    padding: 0 15px;
    color: #000;
    font-weight: 600;
    font-size: 13px;
    margin: 0;
}

.row-ficha-stakeholders p.dato {
    margin-bottom: 5px;
    font-size: 13px;
}

.row-ficha-stakeholders p.dato label {
    margin: 0;
    margin-right: 5px;
    font-weight: 700;
}

.row-ficha-stakeholders p.dato span {}

.row-ficha-stakeholders p.dato a {
    color: var(--color-rosa);
    font-weight: 600;
}

.row-ficha-stakeholders p.dato.alerta span,
.row-ficha-stakeholders p.dato.alerta a {
    color: red;
}

.row-ficha-stakeholders .datos-persona {
    padding: 30px 0px 30px 150px;
}

.row-ficha-stakeholders .servicios-contratados,
.row-ficha-stakeholders .ficha-tecnica,
.row-ficha-stakeholders .engagement {
    padding-left: 50px;
}

.row-ficha-stakeholders .servicios-contratados .wrap,
.row-ficha-stakeholders .ficha-tecnica .wrap,
.row-ficha-stakeholders .engagement .wrap {
    padding: 30px;
}

.row-ficha-stakeholders .notas {
    padding-left: 50px;
}

.row-ficha-stakeholders .notas .wrap {
    padding: 30px;
    padding-top: 0;
}

.row-ficha-stakeholders .notas .wrap .nota {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 25px;
}

.row-ficha-stakeholders .notas .wrap .nota .col-fecha-imagen {
    flex: 0 0 100px;
    max-width: 100px;
}

.row-ficha-stakeholders .notas .wrap .nota .col-fecha-imagen .imagenUsuario {
    margin: 0 auto 10px;
}

.row-ficha-stakeholders .notas .wrap .nota .col-fecha-imagen .imagenUsuario span {}

.row-ficha-stakeholders .notas .wrap .nota .col-texto {
    flex: 0 0 calc(100% - 100px);
    max-width: calc(100% - 100px);
}

.row-ficha-stakeholders .notas p {
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 13px;
}

.row-ficha-stakeholders .notas p.fecha {
    color: #888;
    font-weight: 600;
    margin: 0;
    text-align: center;
}

.row-ficha-stakeholders .notas p:last-child {
    margin-bottom: 0;
}

.row-ficha-stakeholders .notas .consultasComunidad {
    margin-top: 50px;
}

.row-ficha-stakeholders .pie {
    text-align: right;
}

.row-ficha-stakeholders .pie ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.row-ficha-stakeholders .pie ul li {
    display: inline-block;
    vertical-align: middle;
}

.row-ficha-stakeholders .pie ul li a {
    text-transform: uppercase;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 500;
    display: block;
}

.row-ficha-stakeholders .pie ul li a span {
    color: #999;
    font-size: 18px;
    vertical-align: middle;
    line-height: inherit;
}

.row-ficha-stakeholders .pie ul li.editar a span {}

.row-ficha-stakeholders .pie ul li.eliminar a span {
    display: block;
    width: 18px;
    height: 18px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -180px -291px;
    font-size: 0;
}

.row-ficha-stakeholders .pie .row-utiles {}

.row-ficha-stakeholders .pie .row-utiles .col {}

.row-ficha-stakeholders .pie .row-utiles .col .componente-descargable {}

.personas-relacionadas {}

.personas-relacionadas p.titulo {
    background: var(--color-rosa);
    text-align: center;
    font-weight: 700;
    color: #FFF;
    font-size: 16px;
    padding: 5px 15px;
}

.personas-relacionadas .listado-personas {
    padding: 10px 30px;
}

.personas-relacionadas .listado-personas .item-persona {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-bottom: 10px;
    align-items: center;
}

.personas-relacionadas .listado-personas .item-persona .imagenUsuario {
    flex: 0 0 50px;
    margin-right: 10px;
}

.personas-relacionadas .listado-personas .item-persona .nombreUsuario {
    font-weight: 700;
    font-size: 13px;
    margin: 0;
}

@media (max-width: 991px) {
    .personas-relacionadas .listado-personas .item-persona {
        flex-wrap: wrap;
    }

    .personas-relacionadas .listado-personas .item-persona .imagenUsuario {
        flex: 0 0 40px;
    }
}

@media (max-width: 767px) {
    .fichaPersona .container[role="main"] .row-ficha-stakeholders .col01 {
        padding-right: 15px;
    }

    .row-ficha-stakeholders .cabecera {
        padding-left: 100px;
    }

    .row-ficha-stakeholders .cabecera .imagenPersona {
        top: -5px;
    }

    .row-ficha-stakeholders .datos-persona {
        padding: 20px;
    }

    .row-ficha-stakeholders .ficha-tecnica,
    .row-ficha-stakeholders .notas,
    .row-ficha-stakeholders .engagement {
        padding-left: 0;
    }

    .row-ficha-stakeholders .notas .wrap,
    .row-ficha-stakeholders .ficha-tecnica .wrap,
    .row-ficha-stakeholders .engagement .wrap {
        padding: 20px;
    }

    .personas-relacionadas .listado-personas .item-persona .imagenUsuario {
        flex: 0 0 30px;
    }
}

@media (max-width: 577px) {
    .etiquetaTitulo {
        display: block;
        padding: 5px 15px;
    }

    .etiquetaTitulo span {}
}


/* OC ORGANIZATION */

.fichaOrganizacion {}

.fichaOrganizacion .row-buscador {
    margin-bottom: 50px;
}

.fichaOrganizacion .row-buscador .busquedaGenerica {
    margin: 0 auto;
}

.fichaOrganizacion .container[role="main"] .row-ficha-stakeholders {}

.fichaOrganizacion .container[role="main"] .row-ficha-stakeholders .col01 {
    padding-right: 50px;
    padding-left: 15px;
    padding-top: 0;
}

.fichaOrganizacion .container[role="main"] .row-ficha-stakeholders .col02 {
    padding-left: 15px;
}

.row-datos-organizacion {
    margin-bottom: 50px;
}

.row-datos-organizacion .col {}

.row-datos-organizacion .row-imagen-datos {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.row-datos-organizacion .row-imagen-datos .wrap {
    position: relative;
}

.row-datos-organizacion .row-imagen-datos .wrap .colImagen {
    flex: 0 0 150px;
    max-width: 150px;
}

.row-datos-organizacion .row-imagen-datos .wrap .colImagen .logo {
    display: block;
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 50%;
    background: #E3E2DF;
}

.row-datos-organizacion .row-imagen-datos .wrap .colImagen .logo span {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover !important;
}

.row-datos-organizacion .row-imagen-datos .wrap a {
    position: absolute;
    right: 15px;
    bottom: 15px;
    color: #000;
}

.row-datos-organizacion .row-imagen-datos .wrap a .material-icons {
    display: block;
    width: 24px;
    height: 24px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -180px -127px;
    font-size: 0;
}

.row-datos-organizacion .row-imagen-datos .colDatos {
    flex: 0 0 calc(100% - 150px);
    max-width: calc(100% - 150px);
    padding-left: 50px;
}

.row-datos-organizacion .row-imagen-datos .colDatos p.dato {
    margin-bottom: 5px;
    font-size: 13px;
}

.row-datos-organizacion .row-imagen-datos .colDatos p.dato label {
    font-weight: 700;
    margin: 0;
    margin-right: 5px;
}

.row-datos-organizacion .row-imagen-datos .colDatos p.dato span {}

.row-datos-organizacion .row-imagen-datos .colDatos p.dato a {
    color: var(--color-rosa);
    font-weight: 600;
}

.row-datos-organizacion .componente-descargable {
    padding: 0 15px 15px;
}

.row-datos-organizacion .componente-descargable .wrap {
    padding: 15px;
}

.row-datos-organizacion .componente-descargable .wrap .material-icons {
    width: 100px;
    height: 100px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -310px -387px;
    font-size: 0;
}

.fichaOrganizacion .row-ficha-stakeholders .datos-persona,
.fichaOrganizacion .row-ficha-stakeholders .ficha-tecnica,
.fichaOrganizacion .row-ficha-stakeholders .notas {
    padding-left: 0;
}

@media (max-width: 991px) {
    .row-datos-organizacion .componente-descargable {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .fichaOrganizacion .container[role="main"] .row-ficha-stakeholders .col01 {
        padding-right: 15px;
    }

    .row-datos-organizacion .row-imagen-datos {
        flex-wrap: wrap;
        justify-content: center;
    }

    .row-datos-organizacion .row-imagen-datos .wrap .colImagen {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .row-datos-organizacion .row-imagen-datos .colDatos {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
    }

    .row-datos-organizacion .componente-descargable {
        padding: 30px 30px 0;
    }
}

@media (max-width: 577px) {}


/* LISTADO PERSONAS */

.listadoPersonas {}

.listadoPersonas .etiquetaTitulo {}

.listadoPersonas .etiquetaTitulo span {}

.listadoPersonas .row-buscador {}

.listadoPersonas .row-buscador .busquedaGenerica {
    margin: 0 auto 30px;
}

.listadoPersonas .rowListado {}

.listadoPersonas .rowListado .col00 {}

.listadoPersonas .rowListado .col01 {}

.listadoPersonas .rowListado .col02 {
    padding-left: 0;
}

.listadoPersonas .searchHeader .clearfix {}

.listadoPersonas .searchHeader,
.listadoPersonas #panFiltros {
    margin: 0 !important;
}

.cabecera-listado-stakeholders {
    background: var(--color-gris-secundario);
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 10px 30px;
    margin-bottom: 30px;
    align-content: center;
    align-items: center;
}

.cabecera-listado-stakeholders .numResultados {
    /* flex: 0 0 250px; */
    max-width: 250px;
}

.cabecera-listado-stakeholders .numResultados p {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cabecera-listado-stakeholders .orden {
    flex-grow: 1;
    padding: 0 50px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.cabecera-listado-stakeholders .orden .ordenarPor {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    border: 1px solid #919191;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    flex-grow: 1;
}

.cabecera-listado-stakeholders .orden .ordenarPor ul {
    margin: 0;
    padding: 0;
    list-style: none outside none;
    flex: 0 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
    background: #FFF;
}

.cabecera-listado-stakeholders .orden .ordenarPor ul li {
    display: none;
    line-height: 40px;
    padding: 0 15px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
}

.cabecera-listado-stakeholders .orden .ordenarPor ul li.activo {
    display: block;
}

.cabecera-listado-stakeholders .orden .ordenarPor ul li a {
    display: block;
}

.cabecera-listado-stakeholders .orden .ordenarPor .material-icons {
    line-height: 40px;
    text-align: center;
    background: var(--color-azul-secundario);
    flex: 0 0 40px;
    max-width: 40px;
    font-size: 32px;
    cursor: pointer;
}

.cabecera-listado-stakeholders .orden .ordenarPor ul.abierto li {
    display: block;
    position: relative;
    z-index: 1;
    background: #eee;
}

.cabecera-listado-stakeholders .orden .asc,
.cabecera-listado-stakeholders .orden .desc {
    flex: 0 0 40px;
    max-width: 40px;
    margin-left: 10px;
    color: #000;
    text-align: center;
    line-height: 40px;
    background: var(--color-rosa-secundario);
    font-size: 32px;
    cursor: pointer;
}

.cabecera-listado-stakeholders .acciones {
    flex: 0 0 250px;
    max-width: 250px;
}

.cabecera-listado-stakeholders .acciones ul {
    text-align: right;
}

.cabecera-listado-stakeholders .acciones ul li {
    vertical-align: middle;
}

.cabecera-listado-stakeholders .acciones ul li span {
    color: #666;
    cursor: pointer;
}

.cabecera-listado-stakeholders .acciones ul li.mailchimp {}

.cabecera-listado-stakeholders .acciones ul li.mailchimp span {
    display: block;
    width: 24px;
    height: 24px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -58px -188px;
    font-size: 0;
}

.cabecera-listado-stakeholders .acciones ul li.excel {}

.cabecera-listado-stakeholders .acciones ul li.excel span {
    display: block;
    width: 24px;
    height: 24px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -178px -248px;
    font-size: 0;
}

.cabecera-listado-stakeholders .acciones ul li.eliminar {}

.cabecera-listado-stakeholders .acciones ul li.eliminar span {
    display: block;
    width: 24px;
    height: 24px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -178px -167px;
    font-size: 0;
}

.listadoPersonas #panResultados .resource-list-personas {
    margin: 0;
}

.listadoPersonas #panResultados .resource-list-personas .col-sm-12 {
    padding: 0;
}

table.tablaListadoPersonasOrg {
    margin-top: 0 !important;
}

table.tablaListadoPersonasOrg p {
    margin: 0;
}

table.tablaListadoPersonasOrg a {
    font-weight: 600;
    color: var(--color-rosa);
}

table.tablaListadoPersonasOrg tr {
    transition: background .3s ease-in-out;
}

table.tablaListadoPersonasOrg tr.parent.selected+tr.child,
table.tablaListadoPersonasOrg tr.selected {
    background: #eee !important;
}

table.tablaListadoPersonasOrg th {
    background: var(--color-gris-secundario);
    padding: 10px;
    font-size: 13px;
}

table.tablaListadoPersonasOrg td {
    padding: 10px;
    font-weight: 600;
    font-size: 11px;
}

table.tablaListadoPersonasOrg td.select-checkbox {
    width: 30px;
    padding: 0;
}

table.tablaListadoPersonasOrg td.select-checkbox:focus {
    outline: 0;
}

table.tablaListadoPersonasOrg td.tdNombre {}

table.tablaListadoPersonasOrg td.tdNombre .wrapUsuario {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

table.tablaListadoPersonasOrg td.tdNombre .imagenUsuario {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    margin-right: 10px;
}

table.tablaListadoPersonasOrg td.tdNombre .imagenUsuario span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background-size: cover !important;
}

table.tablaListadoPersonasOrg td.tdNombre p {
    flex-grow: 1;
}

table.tablaListadoPersonasOrg td.tdNombre .wrapUsuario.caducado {
    position: relative;
}

table.tablaListadoPersonasOrg td.tdNombre .wrapUsuario.caducado::after {
    content: '\E000';
    font-family: 'Material Icons';
    font-size: 18px;
    color: red;
    position: absolute;
    top: 0;
    left: 30px;
}

table.tablaListadoPersonasOrg td.tdCargo {}

table.tablaListadoPersonasOrg td.tdCargo p {}

table.tablaListadoPersonasOrg td.tdEmpresa {}

table.tablaListadoPersonasOrg td.tdEmpresa a {}

table.tablaListadoPersonasOrg td.tdEmail {}

table.tablaListadoPersonasOrg td.tdEmail p {}

table.tablaListadoPersonasOrg td.tdTelefono {}

table.tablaListadoPersonasOrg td.tdTelefono p {
    white-space: nowrap;
}

table.tablaListadoPersonasOrg td.tdStakeholder {}

table.tablaListadoPersonasOrg td.tdStakeholder p {}

table.tablaListadoPersonasOrg td.tdFecha {}

table.tablaListadoPersonasOrg td.tdFecha p {}

table.tablaListadoPersonasOrg td.tdWeb {}

table.tablaListadoPersonasOrg td.tdWeb p {}

table.tablaListadoPersonasOrg td.tdRelacionados {
    text-align: center;
}

table.tablaListadoPersonasOrg td.tdRelacionados p {}

table.tablaListadoPersonasOrg>tbody>tr.child ul.dtr-details {
    display: block;
}

table.tablaListadoPersonasOrg>tbody>tr.child ul.dtr-details li {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
}

table.tablaListadoPersonasOrg>tbody>tr.child ul.dtr-details li .dtr-title {
    margin-right: 10px;
}

table.tablaListadoPersonasOrg>tbody>tr.child ul.dtr-details li .dtr-data {}

table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody td.select-checkbox:after,
table.dataTable tbody th.select-checkbox:before,
table.dataTable tbody th.select-checkbox:after {
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: background .3s ease-in-out;
    top: 50%;
    margin-top: -10px;
    left: 10px;
}

table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
    background: #FFF;
    border: 2px solid rgba(0, 0, 0, .54);
    border-radius: 2px;
}

table.dataTable tbody .selected td.select-checkbox:before,
table.dataTable tbody .selected th.select-checkbox:before {
    background: var(--color-rosa);
    border: none;
}

table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
    content: '';
    transform: rotate(-45deg);
    width: 12px;
    height: 6px;
    border: 2px solid #FFF;
    border-top-style: none;
    border-right-style: none;
    margin-top: -5px;
    margin-left: -2px;
}

@media (max-width: 991px) {
    .listadoPersonas .rowListado .col01 {
        padding-top: 0px !important;
    }
}

@media (max-width: 767px) {}

@media (max-width: 577px) {}


/* LISTADO ORGANIZACIONES */

.listadoOrganizaciones {}

.listadoOrganizaciones .searchHeader,
.listadoOrganizaciones #panFiltros {
    margin: 0 !important;
}

.listadoOrganizaciones .row-buscador {}

.listadoOrganizaciones .row-buscador .busquedaGenerica {
    margin: 0 auto 30px;
}

.listadoOrganizaciones .rowListado {}

.listadoOrganizaciones .rowListado .col00 {}

.listadoOrganizaciones .rowListado .col01 {}

.listadoOrganizaciones .rowListado .col02 {
    padding-left: 0;
}

.listadoOrganizaciones #panResultados .resource-list-organizaciones {
    margin: 0;
}

.listadoOrganizaciones #panResultados .resource-list-organizaciones .col-sm-12 {
    padding: 0;
}


/* LISTADO CC REPORTS */

@media (max-width: 577px) {
    .cc-recursos-reports #panResultados>.material-icons {
        display: none;
    }

    .cc-recursos-reports #panResultados .resource-list {
        height: auto !important;
    }

    .cc-recursos-reports #panResultados .resource-list .item-conocimiento {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        position: inherit !important;
        top: inherit !important;
        left: inherit !important;
        transform: none !important;
    }

    .cc-recursos-reports #panResultados .resource-list .item-conocimiento>.contenido {
        display: none;
    }
}

@media (max-width: 401px) {

    .cc-recursos-reports #panResultados.gridView>.material-icons.next,
    .cc-recursos-reports #panResultados.gridView>.material-icons.prev {
        /*display: block;*/
    }

    .cc-recursos-reports #panResultados.gridView {
        position: relative;
    }

    .cc-recursos-reports #panResultados.gridView .resource-list {
        height: auto !important;
    }

    .cc-recursos-reports #panResultados.gridView .resource-list .item-conocimiento {
        /*display: none;*/
        transform: none !important;
        padding: 0 30px;
    }

    .cc-recursos-reports #panResultados.gridView .resource-list .item-conocimiento.activo {
        display: block;
    }

    .cc-recursos-reports #panResultados.gridView .resource-list .item-conocimiento .wrap {
        flex-wrap: wrap;
    }

    .cc-recursos-reports #panResultados.gridView .resource-list .item-conocimiento .rowImage {
        flex: 0 0 100%;
        max-width: 100%;
        border-bottom: 4px solid;
    }

    .cc-recursos-reports #panResultados.gridView .resource-list .item-conocimiento .rowText {
        flex: 0 0 100%;
        max-width: 100%;
        border-bottom: 0;
    }

    .listadoConocimiento.cc-recursos-reports #panResultados.listView .resource-list .item-conocimiento>div:first-child {
        flex: 0 0 100px;
        max-width: 100px;
    }

    .listadoConocimiento.cc-recursos-reports #panResultados.listView .resource-list .item-conocimiento>.contenido {
        flex: 0 0 calc(100% - 100px);
        max-width: calc(100% - 100px);
        display: block;
    }
}


/* EDITAR RECURSO */

.editarRecurso {
    background: #F2F2F2;
}

.editarRecurso #col02 {
    background: #FFF;
    width: 75%;
    margin: 0 auto;
}

.editarRecurso .wrapEditarRecurso * {
    font-size: 13px;
}

.editarRecurso ul,
.editarRecurso ol {
    list-style: none;
    padding-left: 15px;
}

.editarRecurso ul>li,
.editarRecurso ol>li {}

.editarRecurso ul>li>a,
.editarRecurso ol>li>a {
    color: var(--color-azul-resource);
}

.editarRecurso h3 span,
.editarRecurso h3 {
    height: 65px;
    border-bottom: 1px solid #F1F1F1 !important;
    padding: 0 50px !important;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 65px;
    font-size: 14px !important;
    color: #333;
    font-weight: 600;
    margin: 0;
    text-transform: none;
}

.editarRecurso h3 span {
    display: block;
    border: 0 !important;
    padding: 0 !important;
}

.editarRecurso h1 {
    height: 65px;
    border-bottom: 1px solid #F1F1F1 !important;
    padding: 0 50px !important;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 65px;
    font-size: 14px !important;
    color: #333;
    font-weight: 600;
    margin: 0;
    text-transform: none;
    display: none;
}

.editarRecurso h2 {
    height: 65px;
    padding: 0;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 65px;
    font-size: 14px !important;
    color: #333;
    font-weight: 600;
    margin: 0;
    text-transform: none;
}

.editarRecurso #col02 .formSemEdicion {}

.editarRecurso #col02 .formSemEdicion>fieldset>.contEnt {
    padding: 30px 50px;
}

.editarRecurso #col02 label {
    color: var(--color-rosa);
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
    text-align: left;
}

.editarRecurso #col02 p:not(.form-group) label {
    margin-bottom: 0;
}

.editarRecurso #col02 .customInput+label,
.editarRecurso #col02 input[type="checkbox"]+label,
.editarRecurso #col02 input[type="radio"]+label {
    display: inline-block;
    color: #333;
}

.editarRecurso #col02 label:not([for]) {
    display: block;
    margin-bottom: 10px;
    text-align: left;
    padding: 0;
    color: #333;
}

.editarRecurso #col02 input[type="text"] {
    background: #FFF;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    color: #666;
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    font-size: 13px;
    max-width: 100%;
    box-shadow: none;
}

.editarRecurso #col02 input[type="button"] {
    background: #FFF;
    color: var(--color-rosa);
    padding: 10px 15px;
    font-weight: 400;
    font-size: 13px;
    margin-top: 0;
    border: 1px solid var(--color-rosa);
    cursor: pointer;
    margin-bottom: 15px;
}

.editarRecurso #col02 input[type="button"]:hover {
    background: var(--color-rosa);
    color: #FFF;
}

.editarRecurso #col02 input[type="radio"] {
    margin-right: 5px;
}

.editarRecurso #col02 input[disabled] {
    background: #e9e9e9;
}

.editarRecurso #col02 textarea {
    width: 100%;
    height: 100px;
    background: #FFF;
    padding: 10px 15px;
    color: #666;
    border: 1px solid #CCC;
    margin-bottom: 10px;
    font-size: 13px;
}

.editarRecurso #col02 .form-group {
    margin: 0;
}

.editarRecurso #col02 .form-group .col-sm-9 {
    padding: 0;
}

.editarRecurso #col02 input[type="checkbox"]+span,
.editarRecurso #col02 fieldset legend,
.editarRecurso #col02 fieldset legend span,
.editarRecurso #col02 fieldset legend label {
    color: #333;
    font-weight: 400;
    font-size: 13px;
}

.editarRecurso #col02 iframe {
    width: 100% !important;
}

.editarRecurso #col02 select {
    background: #FFF;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    color: #666;
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    font-size: 13px;
    max-width: 100%;
    box-shadow: none;
}

.editarRecurso #col02 .cont {
    margin-bottom: 10px;
}

.editarRecurso #col02 #divCompartido li a.remove,
.editarRecurso #col02 ul.icoEliminar li a.remove,
.editarRecurso #col02 .formSemEdicion a.remove {
    background: none;
    font-size: 0;
    width: auto;
    height: auto;
    color: var(--color-rosa);
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.editarRecurso #col02 #divCompartido li a.remove::after,
.editarRecurso #col02 ul.icoEliminar li a.remove::after {
    content: '\E5CD';
    font-family: 'Material Icons';
    font-size: 24px;
    color: var(--color-rosa);
    line-height: normal;
}

.editarRecurso #col02 #seleccionarRecurso {
    padding: 30px 50px;
    border-bottom: 1px solid #F1F1F1;
}

.editarRecurso #col02 .wrapfieldset {
    padding: 30px 50px;
    border: 0;
    border-bottom: 1px solid #F1F1F1;
}

.editarRecurso #col02 .wrapfieldset legend {
    background: none;
    padding: 0;
    margin-bottom: 10px;
}

.editarRecurso #col02 .wrapfieldset legend label {}

.editarRecurso #col02 .wrapfieldset .wrapFormContent {}

.editarRecurso #col02 #PropiedadesDelRecurso,
.editarRecurso #col02 #panEditoresRec,
.editarRecurso #col02 #SubirRecurso {
    padding: 30px 50px;
    border-bottom: 1px solid #F1F1F1;
}

.editarRecurso #col02 #panAutoria #lblTiuloAgregarAutores,
.editarRecurso #col02 #panEditoresRec #panAgregarEditoresRec label,
.editarRecurso #col02 #SubirRecurso p.textarea label,
.editarRecurso #col02 #SubirRecurso #pandesplegableSelCat label {
    color: #333;
    font-weight: 400;
    font-size: 13px;
}

.editarRecurso #col02 .ususSeleccionados ul li {
    font-size: 13px;
    color: #333;
}

.editarRecurso #col02 .ususSeleccionados ul li a.remove {
    margin-left: 10px;
    color: var(--color-rosa);
}

.editarRecurso #col02 #panPropIntelectual {
    padding: 30px 50px;
    border-bottom: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
}

.editarRecurso #col02 #panPropIntelectual ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.editarRecurso #col02 #panPropIntelectual ul li {
    margin-bottom: 10px;
}

.editarRecurso #col02 #panPropIntelectual p {
    font-size: 13px;
}

.editarRecurso #col02 #panPropIntelectual b {
    font-weight: 600;
}

.editarRecurso #col02 #lbAgregarAutores {
    margin: 30px 50px;
    padding: 10px 15px;
    font-weight: 400;
    font-size: 13px;
}

.editarRecurso #col02 #panAutorPropio>fieldset,
.editarRecurso #col02 #panAutoria #fielAutores {
    padding: 30px 50px;
}

.editarRecurso #col02 #panAutorPropio #lblElegirAutor {
    padding-top: 20px;
}

.editarRecurso #col02 #divContChkCompartir {}

.editarRecurso #col02 #divContChkCompartir span {
    font-size: 13px;
}

.editarRecurso #col02 table tr th {
    background: #f1f1f1;
    padding: 5px 10px;
    color: var(--color-rosa-resource) !important;    
}

.editarRecurso #col02 table tr td.tdaccion {
    flex: 0 0 50px;
    max-width: 50px;
}

.editarRecurso #col02 table tr td a {
    cursor: pointer;
    display: flex;
}

.editarRecurso #col02 table tr td a:hover { text-decoration: none; }

.editarRecurso #col02 table tr td a img {}

.editarRecurso #col02 table tr td a.remove {}

.editarRecurso #col02 table tr td span {}

.editarRecurso #col02 .divSelectorUsuRec .filtroRapido p {
    position: relative;
}

.editarRecurso #col02 .divSelectorUsuRec .filtroRapido p input {
    margin-bottom: 0;
}

.editarRecurso #col02 .prevArcFormSem,
.editarRecurso #col02 .fileFormSem a {
    font-size: 13px;
    font-weight: 400;
    color: #666;
    cursor: pointer;
    margin-right: 15px;
}

.editarRecurso #col02 .prevArcFormSem img {
    margin-bottom: 15px;
}

.editarRecurso #divContPanelBotonera {
    padding: 10px 50px;
}

.editarRecurso #divContPanelBotonera fieldset {}

.editarRecurso #divContPanelBotonera fieldset p {}

.editarRecurso #divContPanelBotonera fieldset p input.submit {
    background: none;
    border-color: var(--color-azul);
    color: var(--color-azul);
}

.editarRecurso #divContPanelBotonera fieldset p input.submit:hover {
    background: var(--color-azul);
    color: #FFF;
}

.editarRecurso #divContPanelBotonera fieldset p input.submit.principal {
    background: #FFF;
    color: var(--color-rosa);
    padding: 10px 15px;
    font-weight: 400;
    font-size: 13px;
    margin-top: 0;
    border: 1px solid var(--color-rosa);
    cursor: pointer;
}

.editarRecurso #divContPanelBotonera fieldset p input.submit.principal:hover {
    background: var(--color-rosa);
    color: #FFF;
}

.editarRecurso .tag {
    background: #FCEEA0;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    color: #555;
}

.editarRecurso .tag a {
    text-decoration: none;
    cursor: pointer;
}

.editarRecurso .tag .add {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px;
    border-right: 1px solid #fff;
}

.editarRecurso .tag .add i {
    color: #555;
    font-size: 20px;
}

.editarRecurso .tag .literal {
    padding: 0px 15px;
}

.editarRecurso div.autocompletar {
    /*border: 1px solid #DDDDDD; padding: 2px 4px;*/
    cursor: text;
    background: white;
    position: relative;
}

.editarRecurso div.autocompletar span.contenedor div.tag {
    float: left;
    padding: 0;
    height: initial;
    background: #666;
}

.editarRecurso div.autocompletar span.contenedor div.tag div {
    background: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    padding: 0;
    white-space: normal;
    margin: 0;
    font-size: 14px;
    position: relative;
    line-height: 30px;
    color: #fff;
    padding-right: 10px;
    padding-left: 30px;
}

.editarRecurso div.autocompletar span.contenedor div.tag a.remove {
    cursor: pointer;
    display: block;
    float: left;
    height: 100%;
    margin-left: 0px;
    text-indent: -999em;
    width: initial;
    position: relative;
    top: initial;
    right: initial;
    padding: 15px 12px;
    border-right: 1px solid #fff;
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.editarRecurso div.autocompletar span.contenedor div.tag a.remove::before {
    content: '\E5CD';
    font-family: 'Material Icons';
    font-size: 18px;
    color: #FFF;
    text-indent: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 3px;
}

.editarRecurso div.autocompletar span.contenedor div.tag input {
    display: none;
}

.editarRecurso div.autocompletar input {
    border: 0;
}

.editarRecurso div.autocompletar input.txtAutocomplete {
    margin-top: 2px;
    min-height: 30px;
}

.editarRecurso .ac_results {
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin-top: 0;
    background: #eee;
    z-index: 9 !important;
}

.editarRecurso .ac_results ul {
    padding: 0;
    margin: 0;
}

.editarRecurso .ac_results ul li {
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0 15px;
    cursor: pointer;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.editarRecurso .ac_results ul li:hover {
    background: #ccc;
}

.editarRecurso .contEnt_Person .cont_member {
    position: relative;
}

.editarRecurso .contEnt_Person .cont_member .ac_results {
    margin-top: -10px;
}

.editarRecurso #divPreguntaConfirmacionEventos {
    position: fixed;
    top: 0 !important;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.editarRecurso #divPreguntaConfirmacionEventos .pregunta {
    flex: 0 0 50%;
    background: #FFF;
    padding: 50px;
}

.editarRecurso #divPreguntaConfirmacionEventos .pregunta span {
    display: block;
    margin-bottom: 20px;
}

.editarRecurso #divPreguntaConfirmacionEventos .pregunta input {}

.editarRecurso .acciones ul {
    padding: 0;
    margin: 0;
}

.editarRecurso .acciones ul li {
    padding-left: 0;
    margin: 0;
    margin-right: 10px;
}

.editarRecurso .acciones ul li a {
    cursor: pointer;
}

.editarRecurso .acciones ul li a::after {
    display: none;
}

.editarRecurso .acciones ul li.active a {
    border-bottom: 1px solid #bbb;
    font-weight: 500;
}

.editarRecurso div[id^="divError"] {}

.editarRecurso div[id^="divError"]:not(:empty) {
    margin-top: -10px;
}

.editarRecurso div[id^="divError"] .ko {
    background: var(--color-item-rojo);
    padding: 5px;
}

.editarRecurso div[id^="divError"] .ko p {
    margin: 0;
    color: #FFF;
    font-size: 13px;
}

.editarRecurso .errorKO {
    border: 1px solid var(--color-item-rojo) !important;
}

.editarRecurso div[id^="divContPesIdioma"] {
    /*display: none;*/
}

.editarRecurso .cambio-idiomas-general {
    padding: 15px 50px;
    border-bottom: 1px solid #F1F1F1;
    transition: top .3s ease-in-out;
}

.editarRecurso .cambio-idiomas-general .container {
    padding: 0;
}

.editarRecurso .cambio-idiomas-general ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.editarRecurso .cambio-idiomas-general ul li {
    margin-right: 15px;
    line-height: 1;
}

.editarRecurso .cambio-idiomas-general ul li a {
    font-size: 13px;
    color: #666;
    cursor: pointer;
}

.editarRecurso .cambio-idiomas-general ul li.active {}

.editarRecurso .cambio-idiomas-general ul li.active a {
    font-weight: 500;
    border-bottom: 1px solid #666;
}

.animacionIdiomas.editarRecurso .cambio-idiomas-general {
    position: fixed;
    top: 110px;
}

.cambioIdiomasFixed.editarRecurso.scrolling .aaCabecera {
    box-shadow: none;
    border-bottom: 1px solid #F1F1F1;
}

.cambioIdiomasFixed.editarRecurso .cambio-idiomas-general {
    position: fixed;
    top: 160px;
    left: 0;
    right: 0;
    z-index: 9;
    background: #FFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    border: 0;
}

.cambioIdiomasFixed.editarRecurso .cambio-idiomas-general .container {
    padding: 0 15px;
}

.cambioIdiomasFixed.editarRecurso .cambio-idiomas-general .container ul {
    width: 75%;
    margin: 0 auto;
    padding: 0 50px;
}

.editarRecurso .wrap-tabs-idiomas {}

.editarRecurso .wrap-tabs-idiomas>div {
    display: none;
}

.editarRecurso .wrap-tabs-idiomas>div.active {
    display: block;
}

.editarRecurso div[id^="divContPesIdioma"] {
    margin-bottom: 2px;
}

.editarRecurso div[id^="divContPesIdioma"] .acciones {}

.editarRecurso div[id^="divContPesIdioma"] .acciones ul {}

.editarRecurso div[id^="divContPesIdioma"] .acciones ul li {
    margin: 0;
    padding: 0 5px;
}

.editarRecurso div[id^="divContPesIdioma"] .acciones ul li a {
    border-bottom: 3px solid transparent;
}

.editarRecurso div[id^="divContPesIdioma"] .acciones ul li.active {}

.editarRecurso div[id^="divContPesIdioma"] .acciones ul li.active a {
    border-bottom: 3px solid var(--color-azul);
    font-weight: 500;
}

@media (max-width: 767px) {
    .editarRecurso #col02 {
        width: 100%;
    }

    .editarRecurso h1,
    .editarRecurso h3 {
        padding: 0 15px !important;
    }

    .editarRecurso h3 span {
        padding: 0 !important;
    }

    .editarRecurso #col02 #panPropIntelectual,
    .editarRecurso #col02 .wrapfieldset,
    .editarRecurso #col02 #seleccionarRecurso {
        padding: 10px 15px;
    }

    .editarRecurso #col02 #lbAgregarAutores {
        margin-left: 15px;
    }
}


/* CREAR NUEVO RECURSO */

.btn-floating {
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    background-color: var(--color-rosa);
    border-radius: 50%;
    transition: all .3s ease-in-out;
    cursor: pointer;
    vertical-align: middle;
    box-shadow: 3px 6px 17px 0px rgba(0, 0, 0, 0.75);
}

.btn-floating:hover {
    background-color: var(--color-azul);
}

.btn-floating i {
    width: inherit;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    font-weight: 600;
}

.fixed-action-btn {
    position: fixed;
    right: 23px;
    bottom: 23px;
    z-index: 48;
}

.fixed-action-btn ul {
    right: 0;
    text-align: right;
    position: absolute;
    bottom: 64px;
    margin: 0;
    visibility: hidden;
    padding: 0;
}

.fixed-action-btn ul li {
    margin-bottom: 5px;
    list-style-type: none;
    background: #E1E1E1;
    border-radius: 50%;
    padding: 0;
    display: inline-block;
    transition: all .3s ease-in-out;
}

.fixed-action-btn ul li:hover {
    background: #F2F2F2;
}

.fixed-action-btn ul li a {
    display: block;
    white-space: nowrap;
    padding: 0;
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #666;
    font-weight: 400;
    font-size: 11px;
    text-align: center;
}

.fixed-action-btn ul li a:hover {
    text-decoration: none;
}

.fixed-action-btn ul li a::before {
    content: '';
    font-family: 'Material Icons';
    font-size: 24px;
    text-align: center;
}

.fixed-action-btn ul li.addRecurso a::before {
    content: '\E873';
}

.fixed-action-btn ul li.addPersona a::before {
    content: '\E8FD';
}

.fixed-action-btn ul li.addOrganizacion a::before {
    content: '\E0BF';
}

.fixed-action-btn.active ul {
    visibility: visible;
}


/* OLVIDE PASSWORD */

.olvide-password {}

.olvide-password .container[role="main"] {
    min-height: 200px;
    margin-top: 200px;
}

.olvide-password #col02 {
    margin-top: 120px;
}

.olvide-password #col02 h2 {
    font-size: 30px;
    color: var(--color-rosa-resource);
    font-weight: 400;
    margin-bottom: 40px;
}

.olvide-password #col02 h2 span {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
}

.olvide-password #col02 .fieldset {}

.olvide-password #col02 .fieldset .box {}

.olvide-password #col02 .fieldset .box .fieldsetContent {}

.olvide-password #col02 .fieldset .box .fieldsetContent p {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
}

.olvide-password #col02 .fieldset .box .fieldsetContent .busquedaEstandar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 50%;
}

.olvide-password #col02 .fieldset .box .fieldsetContent .busquedaEstandar .campo {
    flex: 0 0 calc(100% - 150px);
    max-width: calc(100% - 150px);
}

.olvide-password #col02 .fieldset .box .fieldsetContent .busquedaEstandar .campo.boton {
    flex: 0 0 140px;
    max-width: 140px;
    margin-left: 10px;
    align-self: flex-end;
}

.olvide-password #col02 .fieldset .box .fieldsetContent .busquedaEstandar .campo label {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
}

.olvide-password #col02 .fieldset .box .fieldsetContent .busquedaEstandar .campo input[type="text"] {
    height: 45px;
    line-height: 45px;
    border: 1px solid #808080;
    padding: 0 15px;
    color: #666;
    font-weight: 400;
    font-size: 13px;
    border-radius: 0;
}

.olvide-password #col02 .fieldset .box .fieldsetContent .busquedaEstandar .campo input[type="text"]::placeholder {
    font-size: 13px;
    font-weight: 400;
    color: #666;
}

.olvide-password #col02 .fieldset .box .fieldsetContent .busquedaEstandar .campo.boton input[type="button"] {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    background: var(--color-azul-resource);
    border: 0;
}

.olvide-password #col02 .fieldset .box .fieldsetContent .busquedaEstandar .ko {
    flex: 0 0 100%;
    display: block;
}

.olvide-password.confirmado #col02 h2 {
    color: var(--color-azul-resource);
    font-weight: 700;
    margin-bottom: 15px;
}

.olvide-password.confirmado #col02 .fieldsetContent p>a {
    color: var(--color-azul-resource);
}

.olvide-password .footer {
    display: none;
}

@media (max-width: 767px) {
    .olvide-password #col02 .fieldset .box .fieldsetContent .busquedaEstandar {
        width: 100%;
    }
}


/* CAMBIAR PASSWORD */

.cambiarPassword {}

.cambiarPassword #col02 {
    margin-top: 120px;
}

.cambiarPassword #col02 h2 {
    color: var(--color-azul-resource);
}

.cambiarPassword #col02 h2 span {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
}

.cambiarPassword #col02 .fieldset {}

.cambiarPassword #col02 .fieldset label {
    font-size: 14px;
    font-weight: 400;
}

.cambiarPassword #col02 .fieldset input[type="text"],
.cambiarPassword #col02 .fieldset input[type="password"] {
    height: 45px;
    line-height: 45px;
    border: 1px solid #808080;
    padding: 0 15px;
    color: #666;
    font-weight: 400;
    font-size: 13px;
    border-radius: 0;
    width: 100%;
}

.cambiarPassword #col02 .fieldset input[type="button"] {
    background: var(--color-rosa-resource);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border: 0;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    text-transform: uppercase;
    cursor: pointer;
}

.cambiarPassword #col02 .fieldsetContent p>a {
    color: var(--color-azul-resource);
}


/* OPERATIVA REGISTRO */

.operativaRegistro {}

.operativaRegistro .container[role="main"] {
    width: 100%;
    max-width: none;
    margin-top: 120px;
}

@media screen and (max-width: 1199px) {
    .operativaRegistro .container[role="main"] {
        width: 100%;
        max-width: none;
        margin-top: 80px;
    }
}

.operativaRegistro #col01 {
    width: 100%;
    margin: 0 auto;
}

.operativaRegistro #col01 .formularioRegistroUsuarios {}

.operativaRegistro #col01 .formularioRegistroUsuarios>h2 {
    display: none;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box {}

.operativaRegistro #col01 .formularioRegistroUsuarios .box.box01 {}

.operativaRegistro #col01 .formularioRegistroUsuarios .box.box02 {
    display: none;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .conImagen {
    position: relative;
    min-height: calc(100vh - 80px);
}

.operativaRegistro #col01 .formularioRegistroUsuarios .conImagen::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    content: "";
    opacity: 0.5;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .conImagen .textos-wrapper {
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 90px;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .conImagen .textos-wrapper .textos {}

.operativaRegistro #col01 .formularioRegistroUsuarios .conImagen .textos-wrapper .textos .pre-titulo {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 12px;
    margin-bottom: 0px;
    font-weight: 500;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .conImagen .textos-wrapper .textos .titulo {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 32px;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .conImagen .textos-wrapper .textos .descripcion {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .colLogin,
.operativaRegistro #col01 .formularioRegistroUsuarios .colFormulario {
    padding: 25px 80px;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .mensaje-registrate,
.operativaRegistro #col01 .formularioRegistroUsuarios .mensaje-login {
    margin-bottom: 25px;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .mensaje-registrate p,
.operativaRegistro #col01 .formularioRegistroUsuarios .mensaje-login p {
    font-size: 12px;
    text-align: right;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .mensaje-registrate p span,
.operativaRegistro #col01 .formularioRegistroUsuarios .mensaje-login p span {
    color: #9f9f9f;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .mensaje-registrate p span.modal-switcher a,
.operativaRegistro #col01 .formularioRegistroUsuarios .mensaje-login p span.modal-switcher a {
    cursor: pointer;
    color: var(--color-azul-resource);
    font-weight: bold;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .mensaje-registrate p span.modal-switcher:hover a,
.operativaRegistro #col01 .formularioRegistroUsuarios .mensaje-login p span.modal-switcher:hover a {
    text-decoration: underline;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .radiolist span,
.operativaRegistro #col01 .formularioRegistroUsuarios .radiolist span a {
    color: #9f9f9f;
    font-size: 14px;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .radiolist span label a:hover {
    color: var(--color-azul-resource);
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset legend {
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 20px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset #lblhackNewsLetter {
    color: #9f9f9f;
    font-size: 14px;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent {}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent p {}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent p label {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #000;
    font-weight: 500;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent p label span {
    font-weight: 500;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent p input {
    height: 50px;
    width: 100%;
    border: 1px solid #ddd;
    outline: none;
    color: #555;
    font-size: 14px;
    padding: .375rem .75rem;
    line-height: 1.5;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent p input:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent p input::placeholder {
    color: #bbb;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent p .help {
    margin: 0 !important;
    font-size: 11px;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent div[id] {
    flex: 0 0 100%;
    max-width: 100%;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent div[id] .ko {
    padding: 10px 15px;
    background: var(--color-item-rojo);
    color: #FFF;
    font-size: 13px;
    margin: 0;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent div[id] .ko p {
    margin: 0;
    max-width: 100%;
    width: 100%;
    color: inherit;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent .inputEmpresaWrapper {
    position: relative;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent .inputEmpresaWrapper .ac_results {
    width: 100% !important;
    left: 0 !important;
    top: 50px !important;
    border: 1px solid #ddd;
    padding: 10px;
    background-color: rgb(241, 243, 244);
    z-index: 9999;
    font-size: 13px;
    color: #555;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent .inputEmpresaWrapper .ac_results ul {
    margin-bottom: 0;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent .inputEmpresaWrapper .ac_results ul li {
    padding-bottom: 0;
    cursor: pointer;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent .imputMiembroWrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent .imputMiembroWrapper select {
    height: 50px;
    border: 1px solid #ddd;
    width: calc(100% - 130px);
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent .imputMiembroWrapper .add-profile-combo {
    width: 110px;
    border: 1px solid #555;
    color: #555;
    margin: 0;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent .add-profile-table {
    padding-left: 15px;
    margin-bottom: 10px;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent p label.ko,
.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent p label.ko span {
    color: var(--color-item-rojo);
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent p label.ko+input,
.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent p label.ko+select {
    border: 1px solid var(--color-item-rojo);
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent ul {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent ul li {
    margin-bottom: 5px;
    font-size: 13px;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent ul li input {
    vertical-align: middle;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent ul li span {
    color: #9f9f9f;
    font-size: 14px;
    line-height: 14px;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent ul li label {
    color: #9f9f9f;
    font-size: 14px;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent ul.radioList li {
    display: flex;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset .fieldsetContent ul.radioList input {
    margin-right: 5px;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset.actionButtons input.principal.submit {
    background: var(--color-azul);
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
    white-space: nowrap;
    border: 0;
    padding: 10px 15px;
    cursor: pointer;
}

.operativaRegistro #col01 .formularioRegistroUsuarios .box .fieldset.actionButtons a {
    font-size: 13px;
    margin-left: 10px;
    cursor: pointer;
    color: var(--color-azul);
}

.operativaRegistro .footer {
    display: none;
}

.operativaRegistro.registroPaso03 .row.row-explorar .cuerpo .cuerpo .row-box {
    display: none;
}

.aviso-robot {
    margin: 15px 0;
}

.aviso-robot p {
    background: var(--color-azul);
    color: #FFF;
    font-size: 14px;
    padding: 15px;
}

@media (max-width: 991px) {
    .operativaRegistro #col01 .formularioRegistroUsuarios .conImagen {
        display: none;
    }

    .operativaRegistro #col01 .formularioRegistroUsuarios .colLogin,
    .operativaRegistro #col01 .formularioRegistroUsuarios .colFormulario {
        padding: 25px 15px;
    }
}


/* CAROUSEL LOGIN */

.carouselLogin-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
}

.carouselLogin-wrapper .owl-dots {
    display: block;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    text-align: center;
}

.carouselLogin-wrapper .owl-dots .owl-dot {
    outline: none !important;
    display: inline-block;
    margin-right: 20px;
}

.carouselLogin-wrapper .owl-dots .owl-dot:last-child {
    margin-right: 0;
}

.carouselLogin-wrapper .owl-dots .owl-dot span {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #DADADA;
    opacity: .6;
}

.carouselLogin-wrapper .owl-dots .owl-dot.active {}

.carouselLogin-wrapper .owl-dots .owl-dot.active span {
    opacity: 1;
}

.carouselLogin-wrapper .textos-wrapper {
    padding: 50px 90px !important;
}

@media (max-width: 1199px) {
    .operativaRegistro #col01 .formularioRegistroUsuarios .conImagen .textos-wrapper {
        padding: 40px 40px !important;
    }
}


/*  */


/* METABUSCADOR */

.modalMetabuscador {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 200000;
    padding: 20px 50px;
    box-sizing: border-box;
}

.metabuscadoron {
    overflow: hidden !important;
}

.metabuscadoron .modalMetabuscador {
    display: block;
    overflow: hidden;
}

.metabuscadoron #phAvisoCookie {
    display: none;
}

.modalMetabuscador .container {
    max-width: none;
    width: 100%;
    padding: 0;
}

.modalMetabuscador .container .row {
    width: 100%;
}

.modalMetabuscador .container .row::before,
.modalMetabuscador .container .row::after {
    display: none !important;
}

.modalMetabuscador .container .row.row01 {
    display: flex;
    align-items: center;
    position: relative;
}

.modalMetabuscador .container .row.row01 .logo {
    margin-right: 30px;
}

.modalMetabuscador .container .row.row01 .logo img {
    width: 50px;
    height: 50px;
}

.modalMetabuscador .container .row.row01 .content {}

.modalMetabuscador .container .row.row01 .logoRiojaTurismo {
    display: block;
    margin-bottom: 5px;
    color: #7F7F7F;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.modalMetabuscador .container .row.row01 .empieza {
    font-style: italic;
    margin: 0;
}

.modalMetabuscador .container .row.row01 .close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.modalMetabuscador .container .row.row02 {
    position: relative;
}

.modalMetabuscador .container .row.row02 input {
    margin: 15px 0;
    padding: 10px 0 10px 52px;
    background: none;
    border-radius: 2px;
    border: 1px solid #a4a4a4;
    color: #000;
    font-size: 90px;
    font-weight: 700;
    line-height: 130px;
    width: 100%;
    height: inherit !important;
    /*text-transform: uppercase;*/
}

.modalMetabuscador.loading .container .row.row02::after {
    position: absolute;
    bottom: -70px;
    left: 0;
    right: 0;
    display: block !important;
    width: 150px;
    height: 80px;
    content: "";
    background: url('resources/loading.gif') center no-repeat;
    background-size: contain;
    margin: 0 auto;
}

.modalMetabuscador .container .row.row03 {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: row;
    white-space: nowrap;
    /*overflow: hidden;*/
    overflow-y: auto;
    overflow-x: auto;
    padding-bottom: 20px;
    /*height: auto !important;*/
}

.modalMetabuscador .container .row.row03 .col {
    /*width: 220px;*/
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    padding: 10px;
    margin-right: 10px;
}

.modalMetabuscador .container .row.row03 .col:hover {
    background: #eee;
}

.modalMetabuscador .container .row.row03 .col:hover .cabecera {
    border-color: var(--color-rosa);
}

.modalMetabuscador .container .row.row03 .col:hover .cabecera p {
    color: var(--color-rosa);
}

.modalMetabuscador .container .row.row03 .col .cabecera {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 2px solid #bcbdc1;
    padding-bottom: 10px;
}

.modalMetabuscador .container .row.row03 .col .cabecera p {
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Montserrat', serif;
    color: #515151;
    font-size: 12px;
    margin: 0;
}

.modalMetabuscador .container .row.row03 .col .cuerpo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.modalMetabuscador .container .row.row03 .col .cuerpo a.verMas {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.3;
    background-color: var(--color-azul) !important;
    color: #FFF;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 20px;
    border-radius: 10px;
    background-color: #bcbdc1;
    margin-top: 30px;
}

.modalMetabuscador .container .row.row03 .col .item .itemContent {
    white-space: normal;
}

.modalMetabuscador .container .row.row03 .col .item .itemContent * {
    font-size: 12px;
}

.modalMetabuscador .container .row.row03 .col .item .itemContent .ciudad {
    color: #c50044;
}

.modalMetabuscador .container .row.row03 .col .item .itemContent .nombre {
    /*text-transform: uppercase;*/
    font-size: 19px;
    color: #1f1f1f;
    font-family: 'Montserrat', serif;
    font-weight: bold;
}

.modalMetabuscador .container .row.row04 {
    display: none;
}

.modalMetabuscador .container .row.row04 p {
    color: #666;
    font-size: 16px;
}

.modalMetabuscador .container .row.row04.active {
    display: block;
}


/* COL TOP */

.modalMetabuscador .container .row.row03 .colTop {}

.modalMetabuscador .container .row.row03 .colTop .item {
    overflow: hidden;
    border: 1px solid #d2d2d2;
    flex-grow: 1
}

.modalMetabuscador .container .row.row03 .colTop .item .itemImage {
    width: 100%;
    height: 200px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    border-bottom: 8px solid #aaa;
}

.modalMetabuscador .container .row.row03 .colTop .item .itemImage img {
    display: none;
}

.modalMetabuscador .container .row.row03 .colTop .item.rojo .itemImage {
    border-color: var(--color-item-rojo);
}

.modalMetabuscador .container .row.row03 .colTop .item.verde .itemImage {
    border-color: var(--color-item-verde-oscuro);
}

.modalMetabuscador .container .row.row03 .colTop .item.azul .itemImage {
    border-color: var(--color-item-azul);
}

.modalMetabuscador .container .row.row03 .colTop .item.naranja .itemImage {
    border-color: var(--color-item-naranja);
}

.modalMetabuscador .container .row.row03 .colTop .item.verdeclaro .itemImage {
    border-color: var(--color-item-verde-claro);
}

.modalMetabuscador .container .row.row03 .colTop .item.morado .itemImage {
    border-color: var(--color-item-morado);
}

.modalMetabuscador .container .row.row03 .colTop .item.amarillo .itemImage {
    border-color: var(--color-item-amarillo);
}

.modalMetabuscador .container .row.row03 .colTop .item.azulverdoso .itemImage {
    border-color: var(--color-item-azulverdoso);
}

.modalMetabuscador .container .row.row03 .colTop .item .itemContent * {
    line-height: normal;
}

.modalMetabuscador .container .row.row03 .colTop .item .itemContent {
    padding: 0 20px;
}

.modalMetabuscador .container .row.row03 .colTop .item .itemContent .categoria {
    display: block;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Montserrat', serif;
    color: #1f1f1f;
    /*opacity: 0.48;*/
    font-size: 10px;
    margin-bottom: 10px;
}

.modalMetabuscador .container .row.row03 .colTop .item.rojo .itemContent .categoria {
    color: var(--color-item-rojo);
}

.modalMetabuscador .container .row.row03 .colTop .item.verde .itemContent .categoria {
    color: var(--color-item-verde-oscuro);
}

.modalMetabuscador .container .row.row03 .colTop .item.azul .itemContent .categoria {
    color: var(--color-item-azul);
}

.modalMetabuscador .container .row.row03 .colTop .item.naranja .itemContent .categoria {
    color: var(--color-item-naranja);
}

.modalMetabuscador .container .row.row03 .colTop .item.verdeclaro .itemContent .categoria {
    color: var(--color-item-verde-claro);
}

.modalMetabuscador .container .row.row03 .colTop .item.morado .itemContent .categoria {
    color: var(--color-item-morado);
}

.modalMetabuscador .container .row.row03 .colTop .item.amarillo .itemContent .categoria {
    color: var(--color-item-amarillo);
}

.modalMetabuscador .container .row.row03 .colTop .item.azulverdoso .itemContent .categoria {
    color: var(--color-item-azulverdoso);
}

.modalMetabuscador .container .row.row03 .colTop .item .itemContent .longDescription {
    max-height: 150px;
}

.modalMetabuscador .container .row.row03 .colTop .folletoPDF {
    margin-top: 20px;
}

.modalMetabuscador .container .row.row03 .colTop .folletoPDF a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1;
    text-transform: uppercase;
    font-size: 12px;
    color: #c50044;
    font-family: 'Montserrat', serif;
    font-weight: bold;
    text-decoration: none;
}

.modalMetabuscador .container .row.row03 .colTop .folletoPDF a::before {
    display: block !important;
    font-family: 'Material Icons';
    content: "\E415";
    font-size: 30px;
    margin-right: 10px;
}


/* COL ESTANDAR */

.modalMetabuscador .container .row.row03 .colEstandar {}

.modalMetabuscador .container .row.row03 .colEstandar .item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 15px;
    /*height: 55px;*/
    width: 100%;
    overflow: hidden;
}

.modalMetabuscador .container .row.row03 .colEstandar .item:hover {}

.modalMetabuscador .container .row.row03 .colEstandar .item:hover .itemContent .nombre {
    color: var(--color-rosa);
}

.modalMetabuscador .container .row.row03 .colEstandar .item .itemImage {
    width: 92px;
    height: 72px;
    /* max-width: 94px;
    min-width: 94px;
    max-height: 66px;
    min-height: 66px; */
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    margin-right: 10px;
    border-left: 8px solid #aaa;
}

.modalMetabuscador .container .row.row03 .colEstandar .item .itemImage img {
    display: none;
}

.modalMetabuscador .container .row.row03 .colEstandar .item .itemImage.sinImagen {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eee;
}

.modalMetabuscador .container .row.row03 .colEstandar .item .itemImage.sinImagen::before {
    display: block;
    content: "";
    /*width: 30px; height: 30px;*/
    background: url(resources/spriteIconsGruposFacetas.png?v17112017) no-repeat 0 0;
    background-size: initial !important;
}

.modalMetabuscador .container .colEstandar .item .itemImage {
    position: relative;
}

.modalMetabuscador .container .colEstandar .item .itemImage .ex span {
    display: none;
    margin-top: 0px;
    margin-right: 0px;
    font-size: 13px;
}

.modalMetabuscador .container .row.row03 .colEstandar .item .itemContent {
    white-space: normal;
}

.modalMetabuscador .container .row.row03 .colEstandar .item .itemContent * {
    font-size: 11px;
    margin: 0;
}

.modalMetabuscador .container .row.row03 .colEstandar .item .itemContent .categoria {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.modalMetabuscador .container .row.row03 .colEstandar .item.rojo .itemContent .categoria {
    color: var(--color-item-rojo);
}

.modalMetabuscador .container .row.row03 .colEstandar .item.verde .itemContent .categoria {
    color: var(--color-item-verde-oscuro);
}

.modalMetabuscador .container .row.row03 .colEstandar .item.azul .itemContent .categoria {
    color: var(--color-item-azul);
}

.modalMetabuscador .container .row.row03 .colEstandar .item.naranja .itemContent .categoria {
    color: var(--color-item-naranja);
}

.modalMetabuscador .container .row.row03 .colEstandar .item.verdeclaro .itemContent .categoria {
    color: var(--color-item-verde-claro);
}

.modalMetabuscador .container .row.row03 .colEstandar .item.morado .itemContent .categoria {
    color: var(--color-item-morado);
}

.modalMetabuscador .container .row.row03 .colEstandar .item.amarillo .itemContent .categoria {
    color: var(--color-item-amarillo);
}

.modalMetabuscador .container .row.row03 .colEstandar .item.azulverdoso .itemContent .categoria {
    color: var(--color-item-azulverdoso);
}

.modalMetabuscador .container .row.row03 .colEstandar .item .itemContent .ciudad {
    color: #c50044;
    margin-bottom: 5px;
    line-height: 1;
}

.modalMetabuscador .container .row.row03 .colEstandar .item .itemContent .nombre {
    display: block;
    line-height: 1.25;
    /*text-transform: uppercase;*/
    font-size: 14px;
    color: #555557;
    font-family: 'Montserrat', serif;
    font-weight: bold;
    max-height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-block-start: 11px;
}

.modalMetabuscador .container .row.row03 .colEstandar .item .itemContent .fecha {
    color: #999;
}

.modalMetabuscador .container .row.row03 .colEstandar .item.rojo .itemImage {
    border-color: var(--color-item-rojo);
}

.modalMetabuscador .container .row.row03 .colEstandar .item.verde .itemImage {
    border-color: var(--color-item-verde-oscuro);
}

.modalMetabuscador .container .row.row03 .colEstandar .item.azul .itemImage {
    border-color: var(--color-item-azul);
}

.modalMetabuscador .container .row.row03 .colEstandar .item.naranja .itemImage {
    border-color: var(--color-item-naranja);
}

.modalMetabuscador .container .row.row03 .colEstandar .item.verdeclaro .itemImage {
    border-color: var(--color-item-verde-claro);
}

.modalMetabuscador .container .row.row03 .colEstandar .item.morado .itemImage {
    border-color: var(--color-item-morado);
}

.modalMetabuscador .container .row.row03 .colEstandar .item.amarillo .itemImage {
    border-color: var(--color-item-amarillo);
}

.modalMetabuscador .container .row.row03 .colEstandar .item.azulverdoso .itemImage {
    border-color: var(--color-item-azulverdoso);
}

.modalMetabuscador .container .row.row03 .colEstandar.formacion .item .itemImage {
    background: url(resources/defectobuscador/defecto_formacion.jpg) no-repeat center;
}

.modalMetabuscador .container .row.row03 .colEstandar.eventos .item .itemImage {
    background: url(resources/defectobuscador/defecto_eventos.jpg) no-repeat center;
}

.modalMetabuscador .container .row.row03 .colEstandar.conocimiento .item .itemImage {
    background: url(resources/defectobuscador/defecto_conocimiento.jpg) no-repeat center;
}

.modalMetabuscador .container .row.row03 .colEstandar.networking .item .itemImage {
    /*background: url(resources/defectobuscador/defecto_formacion.jpg) no-repeat center;*/
    position: relative;
}

.modalMetabuscador .container .row.row03 .colEstandar.networking .item .itemImage.sinImagen {
    position: relative;
}

.modalMetabuscador .container .row.row03 .colEstandar.networking .item .itemImage.sinImagen::before {
    content: 'person';
    font-family: 'Material Icons';
    font-size: 36px;
    color: #666;
    position: absolute;
}

.modalMetabuscador .container .row.row03 .colEstandar.actualidad .item .itemImage {
    background: url(resources/defectobuscador/defecto_noticias.jpg) no-repeat center;
}

.modalMetabuscador .container .row.row03 .colEstandar.actividad .item .itemImage {
    background: url(resources/home-destacados-mediano.png) no-repeat center;
}

.modalMetabuscador .container .row.row03 .colEstandar.tienda .item .itemImage {
    background: url(resources/defectobuscador/defecto_biblioteca.jpg) no-repeat center;
}

@media (max-width: 1024px) {}

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

@media (max-width: 768px) {
    .buscadormovilvisible #buscador label {
        display: block !important;
    }

    .metabuscadoron #wrap {
        display: none;
    }

    .modalMetabuscador {
        padding: 20px;
        z-index: 20001;
    }

    .modalMetabuscador .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        /*justify-content: center;*/
        height: 100vh;
    }

    .modalMetabuscador .container .row.row01 {}

    .modalMetabuscador .container .row.row01 .close {
        cursor: pointer;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 999;
    }

    .modalMetabuscador .container .row.row01 .logoRiojaTurismo {
        height: 50px;
    }

    .modalMetabuscador .container .row.row02 input {
        background: whitesmoke;
        width: 100%;
        border: 0;
    }

    .modalMetabuscador .container .row.row02 .headerSecond {
        display: none;
    }

    .modalMetabuscador.busquedaActiva {}

    .modalMetabuscador.busquedaActiva .container .row.row01 {
        display: none;
    }

    .modalMetabuscador.busquedaActiva .container .row.row03 {
        display: flex;
    }

    .modalMetabuscador.busquedaActiva {
        padding: 0;
    }

    .modalMetabuscador.busquedaActiva .container {}

    .modalMetabuscador.busquedaActiva .container .row.row01 {
        width: 100%;
        padding: 0 20px;
    }

    .modalMetabuscador.busquedaActiva .container .row.row02 {
        box-sizing: border-box;
        padding: 10px 20px;
        background: whitesmoke;
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px;
    }

    .modalMetabuscador.busquedaActiva .container .row.row02::before {
        display: block !important;
        font-family: 'Material Icons';
        content: "\E8B6";
        font-size: 30px;
        z-index: 200;
        position: absolute;
        top: 50%;
        left: 15px;
        color: #666;
        transform: translateY(-50%);
    }

    .modalMetabuscador.busquedaActiva .container .row.row02 input {
        margin: 0;
        padding: 0 20px;
        width: 100%;
        box-sizing: border-box;
        font-size: 21px;
        line-height: 30px;
        padding-left: 30px;
    }

    .modalMetabuscador.loading .container .row.row02::after {
        bottom: -40px;
    }

    .modalMetabuscador.busquedaActiva .container .row.row03 {
        height: 100vh !important;
        width: 100%;
        margin: 0 20px;
        box-sizing: border-box;
        /*flex-direction: column;*/
        overflow: auto;
        padding: 0 20px;
        flex-wrap: wrap;
    }

    .modalMetabuscador.busquedaActiva .container .row.row03>.col {
        background: transparent !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0;
        margin: 0;
        margin-bottom: 20px;
        flex: 0 0 100%;
    }

    .modalMetabuscador .container .row.row03 {
        display: none;
    }

    .modalMetabuscador .container .row.row03 .col .cuerpo a.verMas {
        margin-top: 20px;
    }

    .modalMetabuscador .container .row.row03 .destacadolateral {}

    .modalMetabuscador .container .row.row03 .destacadolateral .cabecera {}

    .modalMetabuscador .container .row.row03 .destacadolateral .cuerpo {
        display: block;
    }

    .modalMetabuscador .container .row.row03 .destacadolateral .cuerpo .item {
        display: block;
    }

    .modalMetabuscador .container .row.row03 .destacadolateral .cuerpo .item .itemImage {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 220px;
        min-height: 220px;
        max-height: 220px;
        margin: 0;
    }

    .modalMetabuscador .container .row.row03 .destacadolateral .cuerpo .item .itemContent {
        padding-left: 20px;
        padding-top: 12px;
    }

    .modalMetabuscador .container .row.row03 .destacadolateral .cuerpo .item .itemContent .categoria {
        margin-bottom: 14px;
    }

    .modalMetabuscador .container .row.row03 .destacadolateral .cuerpo .item .itemContent .longDescription {
        height: 200px;
        overflow: hidden;
    }

    .modalMetabuscador .container .row.row03 .colEstandar .item .itemImage {
        /*max-width: 70px; min-width: 70px; width: 70px; max-height: 50px; min-height: 50px; height: 50px;*/
        margin: 0;
        margin-right: 20px;
    }

    .modalMetabuscador .container .row.row03 .colEstandar .item .itemContent {}

    .modalMetabuscador .container .row.row03 .colEstandar .item .itemContent .nombre {
        /*font-size: 15px; line-height: normal;*/
    }

    .modalMetabuscador.headerTwo {}

    .modalMetabuscador.headerTwo .container {}

    .modalMetabuscador.headerTwo .container .row.row01 {}

    .modalMetabuscador.headerTwo .container .row.row02 {
        background: #fff;
    }

    .modalMetabuscador.headerTwo .container .row.row02::before {
        opacity: 0;
    }

    .modalMetabuscador.headerTwo .container .row.row02 input {
        display: none;
    }

    .modalMetabuscador.headerTwo .container .row.row02 .headerSecond {
        display: block;
        padding: 10px 20px;
        font-size: 20px;
        font-family: 'Montserrat', serif;
        font-weight: bold;
        text-transform: uppercase;
        color: #333;
    }

    .modalMetabuscador.headerTwo .container .row.row03 {}

    .modalMetabuscador .container .row.row04 {
        padding: 0 20px;
    }
}

@media (max-height: 950px) {
    .modalMetabuscador .container .row.row02 input {
        font-size: 24px;
        line-height: 50px;
        height: inherit !important;
    }
}

@media (max-height: 575px) {}


/* POR QUE DARSE DE ALTA */

.page-darsealta {}

.page-darsealta .container[role="main"] {}

.page-darsealta .container[role="main"] .row {}

.page-darsealta .container[role="main"] .row .col {}

.page-darsealta .container[role="main"] .row .col .block {}

.page-darsealta .wrap-porque {
    padding: 50px 0;
}

.page-darsealta .wrap-porque .row {
    margin: 0 -30px;
}

.page-darsealta .wrap-porque .row .col {
    margin-bottom: 60px;
    padding: 0 30px;
}

.page-darsealta .wrap-porque .row .col .wrap-col {
    display: flex;
    /* height: 100%; */
    padding: 40px 100px;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.page-darsealta .wrap-porque .row .col .wrap-col::before {
    content: '';
    display: block;
    width: 115px;
    height: 150px;
    position: absolute;
    top: -50px;
    left: -30px;
}

.page-darsealta .wrap-porque .row .col .wrap-col::after {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -25px;
    right: -25px;
    padding: 35px;
    border-radius: 50%;
}

.page-darsealta .wrap-porque .row .col .wrap-col p {
    margin: 0;
    color: #000;
    font-weight: 400;
    font-size: 14px;
}

.page-darsealta .wrap-porque .row .col .wrap-col p.titulo {
    margin-bottom: 10px;
    font-weight: 500;
}

.page-darsealta .wrap-porque .row .col[data-num="1"] .wrap-col {
    background: #D4D3D1;
    /* background: var(--color-rosa); */
}

.page-darsealta .wrap-porque .row .col[data-num="1"] .wrap-col::before {
    background: url(resources/porQueDarseAlta/num1.png) no-repeat center;
}

.page-darsealta .wrap-porque .row .col[data-num="1"] .wrap-col::after {
    background: #FFF url(resources/porQueDarseAlta/ico1.png) no-repeat center;
}

.page-darsealta .wrap-porque .row .col[data-num="2"] .wrap-col {
    background: #D4D3D1;
    /* background: var(--color-azul); */
}

.page-darsealta .wrap-porque .row .col[data-num="2"] .wrap-col::before {
    background: url(resources/porQueDarseAlta/num2.png) no-repeat center;
}

.page-darsealta .wrap-porque .row .col[data-num="2"] .wrap-col::after {
    background: #FFF url(resources/porQueDarseAlta/ico2.png) no-repeat center;
}

.page-darsealta .wrap-porque .row .col[data-num="3"] .wrap-col {
    background: #D4D3D1;
}

.page-darsealta .wrap-porque .row .col[data-num="3"] .wrap-col::before {
    background: url(resources/porQueDarseAlta/num3.png) no-repeat center;
}

.page-darsealta .wrap-porque .row .col[data-num="3"] .wrap-col::after {
    background: #FFF url(resources/porQueDarseAlta/ico3.png) no-repeat center;
}

.page-darsealta .wrap-porque .row .col[data-num="4"] .wrap-col {
    background: #D4D3D1;
    /* background: var(--color-rosa); */
}

.page-darsealta .wrap-porque .row .col[data-num="4"] .wrap-col::before {
    background: url(resources/porQueDarseAlta/num4.png) no-repeat center;
}

.page-darsealta .wrap-porque .row .col[data-num="4"] .wrap-col::after {
    background: #FFF url(resources/porQueDarseAlta/ico4.png) no-repeat center;
}

.page-darsealta .wrap-porque .row-botones {}

.page-darsealta .wrap-porque .row-botones .btn {
    background: #aacbd2;
    /* background: #87B6B7;*/
    color: #FFF;
    text-align: center;
    height: 35px;
    line-height: 35px;
    padding: 0 40px;
    margin-right: 15px;
    margin-bottom: 15px;
}

@media (max-width: 577px) {
    .page-darsealta .wrap-porque .row {
        margin: 0 -20px
    }

    .page-darsealta .wrap-porque .row .col {
        padding: 0 50px;
    }

    .page-darsealta .wrap-porque .row-botones {
        padding: 0 25px;
    }

    .page-darsealta .wrap-porque .row-botones .btn {
        width: 100%;
        padding: 0 30px;
    }
}

@media (max-width: 401px) {
    .page-darsealta .wrap-porque .row .col .wrap-col {
        padding: 110px 15px 40px;
    }

    .page-darsealta .wrap-porque .row-botones .btn {
        padding: 0 15px;
    }
}

/* COMPRAS PERFIL */

.listadoComprasPerfil {}

.listadoComprasPerfil #panResultados .resource-list {
    height: auto !important;
    margin: 0;
}

.listadoComprasPerfil #panResultados .resource-list .item-grid {
    position: inherit !important;
    top: inherit !important;
    left: inherit !important;
}

.listadoComprasPerfil .tituloListado {
    margin-bottom: 30px;
}

.listadoComprasPerfil .row-buscador {
    margin-bottom: 20px;
}

.listadoComprasPerfil .row-buscador .busquedaGenerica {
    flex: 0 0 50%;
    max-width: 50%;
}

.btn-factura,
.btn-enlace {
    font-size: 0;
    line-height: normal;
    display: block;
}

.btn-factura {
    transform: scale(.7);
}

.btn-factura::before {
    content: '';
    display: block;
    width: 55px;
    height: 58px;
    margin: 0 auto;
    background: url(resources/spriteDescargar.png?v=1.0.0.0) no-repeat -65px 0px;
}

.btn-enlace::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -5px -105px;
    margin: 0 auto;
}

table.tablaListadoCompras {}

table.tablaListadoCompras {
    margin-top: 0 !important;
}

table.tablaListadoCompras p {
    margin: 0;
}

table.tablaListadoCompras a {
    font-weight: 600;
    color: var(--color-rosa);
}

table.tablaListadoCompras tr {
    transition: background .3s ease-in-out;
}

table.tablaListadoCompras th {
    background: var(--color-gris-secundario);
    padding: 10px;
    font-size: 13px;
}

table.tablaListadoCompras td {
    padding: 10px;
    font-weight: 600;
    font-size: 11px;
}

table.tablaListadoCompras tbody tr {
    height: 80px !important;
}

.listadoComprasPerfil .dataTables_wrapper {
    padding: 0;
}

.listadoComprasPerfil .dataTables_wrapper .dataTables_filter {
    text-align: left;
    margin-bottom: 20px;
}

.listadoComprasPerfil .dataTables_wrapper .dataTables_filter label {
    font-size: 0;
    display: block;
    width: 50%;
    margin: 0;
}

.listadoComprasPerfil .dataTables_wrapper .dataTables_filter input {
    margin: 0;
    border: 1px solid #A7A7A7;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    font-size: 13px;
    border-radius: 0;
    width: 100%;
}


/* FORMULARIO COMPRA */

.form-compra {}

.form-compra .container[role="main"] {}

.form-compra .container[role="main"] #col01 {}

.form-compra .container[role="main"] #col01 .row {}

.form-compra .container[role="main"] #col01 .row .col {}

.form-compra .container[role="main"] #col01 .row .col .block {}

.wrap-form-compra {
    padding-right: 25px;
}

.wrap-form-compra .header-compra {}

.wrap-form-compra .header-compra p {
    font-size: 15px;
    color: #000;
    font-weight: bold;
    padding: 0 15px;
}

.wrap-form-compra .body-compra {
    padding: 15px;
}

.wrap-form-compra .body-compra .seccion {
    margin-bottom: 40px;
    position: relative;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.wrap-form-compra .body-compra .seccion:before {
    position: absolute;
    content: '';
    background: var(--color-azul-resource);
    height: 5px;
    width: 75px;
    top: 0px;
    left: 0px;
}

.wrap-form-compra .body-compra .seccion .titular-seccion p {
    color: var(--color-azul-resource);
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 14px;
}

.wrap-form-compra .body-compra .productos-servicios {}

.wrap-form-compra .body-compra .productos-servicios .contenido-seccion {}

.wrap-form-compra .body-compra .productos-servicios .contenido-seccion .pre-titulo {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}

.wrap-form-compra .body-compra .productos-servicios .contenido-seccion .titulo {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.wrap-form-compra .body-compra .productos-servicios .contenido-seccion .titulo span {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

.wrap-form-compra .body-compra .productos-servicios .contenido-seccion .sub-titulo {
    font-size: 14px;
    font-weight: 300;
}

.wrap-form-compra .body-compra .compra-completada {
    background: transparent;
}

.wrap-form-compra .body-compra .compra-completada a {
    display: inline-flex;
    margin-top: 10px;
}

.wrap-form-compra .body-compra .compra-completada a::before {
    content: '>';
    margin-right: 5px;
}

.wrap-form-compra .body-compra .compra-completada p {
    color: #666;
    font-size: 14px;
    margin-bottom: 0px;
}

.wrap-form-compra .body-compra #panError {
    display: none;
    padding: 15px;
    border: 1px solid red;
    margin-bottom: 20px;
    margin-top: 20px;
}

.wrap-form-compra .body-compra #panError .error {
    color: red;
    margin: 0 0 5px 0;
}

.wrap-form-compra .body-compra #panError .error:last-child {
    margin: 0;
}

.wrap-form-compra .body-compra .fila {
    margin-bottom: 20px
}

.wrap-form-compra .body-compra .fila>label {
    font-size: 12px;
    font-weight: normal;
    color: #000;
}

.wrap-form-compra .body-compra .fila.ko>label {
    color: red;
}

.wrap-form-compra .body-compra .fila>.value {
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.wrap-form-compra .body-compra .fila>.value .radio {
    margin-right: 10px;
}

.wrap-form-compra .body-compra .fila>.value .radio label {
    margin: 0;
}

.wrap-form-compra .body-compra .fila.ko>.value .radio label {
    color: red;
}

.wrap-form-compra .body-compra .fila .value input[type="text"] {
    height: 50px;
    padding: 0 20px;
    border: 1px solid #a2a2a2;
    color: #666;
    font-size: 14px;
    width: 100%;
    font-weight: 500;
}

.wrap-form-compra .body-compra .fila .value input[type="text"]:disabled {
    background: #f2f2f2;
}

.wrap-form-compra .body-compra .fila .value input[type="text"]::placeholder {
    color: #dddddd;
}

.wrap-form-compra .body-compra .fila.ko .value input[type="text"] {
    border-color: red;
}

.wrap-form-compra .body-compra .fila .value input[type="checkbox"] {}

.wrap-form-compra .body-compra .fila .value input[type="radio"] {}

.wrap-form-compra .body-compra .fila-terminos {
    padding: 10px 0;
    border-bottom: 0;
    align-items: flex-start;
    display: flex;
    margin-bottom: 10px;
}

.wrap-form-compra .body-compra .fila-terminos input {
    margin: 0 10px 0 0;
}

.wrap-form-compra .body-compra .fila-terminos label {
    flex-grow: 1;
    max-width: 100%;
    color: #666;
    font-size: 14px;
    position: relative;
    top: -3px;
}

.wrap-form-compra .body-compra .fila-terminos label a {
    color: inherit;
    text-decoration: underline;
}

.wrap-form-compra .body-compra .fila-terminos.ko label {
    color: red;
}

.wrap-form-compra .body-compra .resumen-compra {
    display: block;
}

.wrap-form-compra .body-compra .resumen-compra .resource {}

.wrap-form-compra .body-compra .resumen-compra .resource .wrap-resource {}

.wrap-form-compra .body-compra .resumen-compra .resource .wrap-resource .imagen {}

.wrap-form-compra .body-compra .resumen-compra .resource .wrap-resource .imagen img {}

.wrap-form-compra .body-compra .resumen-compra .resource .wrap-resource p {
    text-align: center;
}

.wrap-form-compra .body-compra .resumen-compra .resource .wrap-resource p.tipo {
    font-size: 16px;
}

.wrap-form-compra .body-compra .resumen-compra .resource .wrap-resource p.subtitulo {}

.wrap-form-compra .body-compra .resumen-compra .resource .wrap-resource h2 {
    text-align: center;
    font-size: 20px;
}

.wrap-form-compra .body-compra .resumen-compra .resource .wrap-resource h2 a {
    display: block;
}

.wrap-form-compra .body-compra .resumen-compra .resumen {}

.wrap-form-compra .body-compra .resumen-compra .resumen p {
    font-size: 14px;
    text-align: right;
    margin-bottom: 10px;
    color: #000;
    font-weight: 500;
}

.wrap-form-compra .body-compra .resumen-compra .resumen p span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.wrap-form-compra .body-compra .resumen-compra .resumen p.titulo {
    color: #666;
    text-transform: uppercase;
    text-align: left;
}

.wrap-form-compra .body-compra .resumen-compra .resumen p.subtotal {
    color: #000;
}

.wrap-form-compra .body-compra .resumen-compra .resumen p.subtotal .num-productos {}

.wrap-form-compra .body-compra .resumen-compra .resumen p.subtotal .valor {}

.wrap-form-compra .body-compra .resumen-compra .resumen p.descuento {
    color: #666;
}

.wrap-form-compra .body-compra .resumen-compra .resumen p.descuento .codigo {}

.wrap-form-compra .body-compra .resumen-compra .resumen p.descuento .valor {
    color: red;
}

.wrap-form-compra .body-compra .resumen-compra .resumen p.total {
    color: #000;
    font-size: 16px;
}

.wrap-form-compra .body-compra .resumen-compra .resumen p.total .valor {}

.wrap-form-compra .body-compra .resumen-compra .resumen .codigo-descuento {
    margin: 5px 0;
}

.wrap-form-compra .body-compra .resumen-compra .resumen .codigo-descuento p {
    text-align: left;
    color: var(--color-azul);
}

.wrap-form-compra .body-compra .resumen-compra .resumen .codigo-descuento input {
    width: 100%;
    height: 30px;
    border: 1px solid var(--color-azul);
    margin-bottom: 10px;
}

.wrap-form-compra .body-compra .resumen-compra .resumen .btn-comprar {}

@media (max-width: 767px) {
    .wrap-form-compra .body-compra .fila>label {
        flex: 0 0 130px;
        max-width: 130px;
    }

    .wrap-form-compra .body-compra .fila-terminos label {
        flex: 0 0 auto;
        max-width: calc(100% - 40px);
    }

    .wrap-form-compra .body-compra .resumen-compra {
        border: 0;
        padding: 0;
        flex-wrap: wrap;
    }

    .wrap-form-compra .body-compra .resumen-compra .resource {
        display: block;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .wrap-form-compra .body-compra .resumen-compra .resumen {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* LISTADO SERVICIOS CONTRATADOS */

.listadoServiciosContratados {}

.listadoServiciosContratados .searchHeader .row03 .acciones {
    margin-left: auto;
    padding: 0 15px;
}

.listadoServiciosContratados .searchHeader .row03 .acciones ul {
    text-align: right;
}

.listadoServiciosContratados .searchHeader .row03 .acciones ul li {
    margin: 0;
}

.listadoServiciosContratados .searchHeader .row03 .acciones ul li span {}

.listadoServiciosContratados .searchHeader .row03 .acciones ul li.excel {}

.listadoServiciosContratados .searchHeader .row03 .acciones ul li.excel span {
    display: block;
    width: 24px;
    height: 24px;
    background: url(resources/spriteCorporate.png?v=1.0.0.0) no-repeat -178px -248px;
    cursor: pointer;
}

.listadoServiciosContratados #panResultados .resource-list {
    margin: 0;
}

.listadoServiciosContratados #panResultados .resource-list .col-sm-12 {
    padding: 0;
}

.listadoServiciosContratados .row-buscador {}

.listadoServiciosContratados .row-buscador .busquedaGenerica {
    margin: 0 auto 30px;
    flex: 0 0 600px;
    max-width: 600px;
}

.listadoServiciosContratados .row-buscador .busquedaGenerica.conFiltro .filtro {
    flex: 0 0 300px;
}


/* LISTADO NEWSLETTER */

.listadoNewsletter {}

.listadoNewsletter .row-buscador .busquedaGenerica {
    margin: 0 auto 50px;
    flex: 0 0 600px;
    max-width: 600px;
}

.listadoNewsletter #panResultados {}

.listadoNewsletter #panResultados .resource-list {
    height: auto !important;
}

.listadoNewsletter #panResultados .resource-list .item-historico {
    position: inherit !important;
    left: inherit !important;
    top: inherit !important;
    flex: 0 0 100%;
}

.listadoNewsletter #panResultados.listView .resource-list>div {
    margin-bottom: 0;
    align-items: center;
    padding: 10px 0;
}

.listadoNewsletter #panResultados.listView .resource-list>div p {
    margin-bottom: 0;
}

.listadoNewsletter #panResultados.listView .resource-list>div>*:nth-child(1) {
    order: 1;
    margin-right: 60px;
    margin-left: 15px;
    width: 26px;
}

.listadoNewsletter #panResultados.listView .resource-list>div>*:nth-child(2) {
    order: 4;
    flex: 1;
}

.listadoNewsletter #panResultados.listView .resource-list>div>*:nth-child(3) {
    order: 2;
    font-weight: 600;
    font-size: 13px;
    text-transform: capitalize;
    width: 90px;
}

.listadoNewsletter #panResultados.listView .resource-list>div>*:nth-child(4) {
    order: 3;
    font-weight: 600;
    font-size: 13px;
    width: 50px;
}

.listadoNewsletter #panResultados.listView .resource-list>div>*:nth-child(5) {
    order: 5;
    text-align: right;
    margin-right: 20px;
    width: 30px;
}

.listadoNewsletter .imagenUsuario {
    width: 26px;
    height: 26px;
}

.listadoNewsletter .imagenUsuario span {
    font-weight: 300;
    width: 26px;
    height: 26px;
    line-height: 26px;
}

.listadoNewsletter .imagenUsuario+a {
    font-size: 13px;
    font-weight: 600;
}

.listadoNewsletter .wrapNewsletter.item-grid {
    justify-content: space-between;
    border-top: 1px solid #EDEDED;
    margin-bottom: 0;
}

.listadoNewsletter .vistas ul li.gridView,
.listadoNewsletter .vistas ul li.listView {
    visibility: hidden;
}

@media (max-width: 991px) {
    .listadoNewsletter #panResultados.listView .resource-list>div>*:nth-child(1) {
        margin-right: 30px;
    }
}

@media (max-width: 577px) {
    .listadoNewsletter #panResultados.listView .resource-list>div a {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

@media (max-width: 401px) {
    .listadoNewsletter #panResultados.listView .resource-list>div>*:nth-child(1) {
        margin-right: 15px;
    }

    .listadoNewsletter #panResultados.listView .resource-list>div>*:nth-child(2) {
        padding-left: 20px;
    }

    .listadoNewsletter #panResultados.listView .resource-list>div>*:nth-child(4) {
        padding-left: 10px;
    }

    .listadoNewsletter #panResultados.listView .resource-list>div>*:nth-child(3) {
        width: 75px;
    }
}


/* AVISO COOKIES */

#aviso-cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background: rgba(0, 0, 0, .8);
    font-size: 18px;
    text-align: center;
}

#aviso-cookies .contenido p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.47;
    margin-bottom: 15px;
    color: #FFF;
}

#aviso-cookies .contenido p.titulo {
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 12px;
    weight: 500;
}

#aviso-cookies .contenido .box.modificar {
    display: none;
}

#aviso-cookies .contenido .actionButtons {
    padding-top: 5px;
}

#aviso-cookies .contenido .actionButtons #volverCookie {
    display: none;
}

#aviso-cookies .contenido #panelcookies {
    display: flex;
    justify-content: center;
    align-items: center;
}

#aviso-cookies .contenido input[type="submit"].btn {
    background: var(--color-azul);
    color: #FFF;
    line-height: 30px;
    padding: 0 15px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 15px;
}

@media (max-width: 767px) {
    #aviso-cookies .contenido {
        padding: 20px;
    }
}

@media (max-width: 575px) {
    #aviso-cookies .contenido .actionButtons {
        text-align: center;
    }
}

/**/

/* MODAL COOKIE CONFIGURACIÓN*/

#modalAvisoCookies {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
}

.cookieModal {
    top: inherit;
    text-align: left;
}

.cookieModal .modal-content {
    padding: 10px;
}

.cookieModal .cookies {
    display: flex;
    flex-wrap: wrap;
}

.cookieModal #divAvisoCookie {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.cookieModal #divAvisoCookie p {
    margin-bottom: 0;
}

.cookieModal #divAvisoCookie a {
    text-decoration: underline;
}

.cookieModal #modificar-cookies {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    background: var(--c-white);
    height: 100vh;
    width: 800px;
}

.cookieModal #modificar-cookies .cookies-header {
    height: 60px;
    border-bottom: 1px solid #c4c4c4;
    padding: 14px 50px;
    display: flex;
    align-items: center;
    position: relative;
}

.cookieModal #modificar-cookies .cookies-header .close {
    position: absolute;
    right: 25px;
    top: 18px;
    cursor: pointer;
}

.cookieModal #modificar-cookies .cookies-header p {
    font-size: 21px;
    font-weight: 700;
    color: var(--c-black);
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 35px);
}

.cookieModal #modificar-cookies .cookies-content {
    padding: 8px 50px;
    height: calc(100% - 138px);
    overflow-y: auto;
}

.cookieModal #modificar-cookies .cookies-content p {
    font-size: 14px;
    font-weight: 300;
}

.cookieModal #modificar-cookies .cookies-actions {
    padding: 14px 50px;
    border-top: 1px solid #c4c4c4;
}

.cookieModal #modificar-cookies ul {
    list-style: none;
    padding-left: 0;
}

.cookieModal #modificar-cookies ul li {
    display: inline-block;
}

.cookieModal #modificar-cookies ul li .separator {
    padding: 0 10px;
}

.cookieModal #formaceptcookies {
    margin-left: 13px;
}

.cookieModal #formaceptcookies p {
    display: flex;
    margin-bottom: 0;
}

.cookieModal #formaceptcookies input {
    margin-right: 5px;
    margin-bottom: 3px;
}

.cookieModal #formaceptcookies .error {
    font-size: 14px;
    color: var(--c-rojo);
}

.settings-options {
    margin-top: 40px;
}

.setting-option {
    display: flex;
    padding-bottom: 30px;
}

.setting-option .switch {
    display: flex;
}

.setting-option .switch input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.setting-option .switch label {
    cursor: pointer;
    text-indent: -9999px;
    width: 48px;
    height: 24px;
    background: #ccc;
    display: block;
    border-radius: 100px;
    position: relative;
}

.setting-option .switch label:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 22px;
    height: 22px;
    background: var(--c-white);
    border-radius: 50%;
    transition: 0.3s;
}

.setting-option .switch input:checked+label {
    background: var(--c-black);
}

.setting-option .switch input:disabled+label {
    background: #ccc;
}

.setting-option .switch input:checked+label:after {
    left: calc(100% - 1px);
    transform: translateX(-100%);
}

.setting-option .switch label:active:after {}

.setting-option .details {
    padding-left: 52px;
}

.setting-option .details .title {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 24px;
    margin-bottom: 6px;
}

.setting-option .details p {
    margin-bottom: 0;
}

@media (max-width: 1299px) {
    .cookieModal #formaceptcookies {
        margin-left: 0;
        margin-top: 20px;
    }
}

@media (max-width: 800px) {
    .cookieModal #modificar-cookies {
        width: 100%;
    }

    .cookieModal #modificar-cookies .cookies-header {
        padding: 14px 20px;
    }

    .cookieModal #modificar-cookies .cookies-content {
        padding: 8px 20px;
    }

    .cookieModal #modificar-cookies .cookies-content .btn {
        width: 100%;
        white-space: normal;
        margin-bottom: 3px;
    }

    .cookieModal #modificar-cookies .cookies-actions {
        padding: 14px 20px;
    }

    .cookieModal #modificar-cookies .cookies-actions input {
        width: 100%;
    }
}

/* LISTADO META */

.listadoMeta {}

.listadoMeta .searchHeader .row03 .vistas {
    display: none;
}

.listadoMeta .ac_results {
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin-top: 0;
    background: #eee;
    z-index: 9 !important;
}

.listadoMeta .ac_results ul {
    padding: 0;
    margin: 0;
}

.listadoMeta .ac_results ul li {
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0 15px;
    cursor: pointer;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.listadoMeta .ac_results ul li:hover {
    background: #ccc;
}

@media (max-width: 577px) {

    .listadoMeta #panResultados .resource-list .resource {
        padding: 30px 0;
    }
    .listadoMeta #panResultados .resource-list .resource .wrap .rowText .top .date {
        font-size: 13px;
        color: #666;
        margin-bottom: 10px;
        font-weight: 400;
    }

    .listadoMeta #panResultados .resource-list .resource .wrap .rowText .title {
        margin-bottom: 10px;
        font-size: 16px;
        color: #000;
        font-weight: 600;
    }

    .listadoMeta #panResultados .resource-list .resource .wrap .rowText .title a {
        color: inherit;
        font-size: inherit;
        font-weight: inherit;
    }

    .listadoMeta #panResultados .resource-list .resource .wrap .rowText .organizacion {}

    .listadoMeta #panResultados .resource-list .resource .wrap .rowText .tags {}

    .listadoMeta #panResultados .resource-list .item-conocimiento {}

    /* .listadoMeta #panResultados .resource-list .item-conocimiento>div:first-child {
        flex-basis: 15px;
        max-width: 15px;
        margin: 0;
    } */

    .listadoMeta #panResultados .resource-list .item-conocimiento>div:first-child .borde,
    .listadoMeta #panResultados .resource-list .item-conocimiento>div:first-child .cabecera {
        flex-basis: 15px;
        max-width: 15px;
        margin: 0;
    }

    .listadoMeta #panResultados .resource-list .item-conocimiento>div:first-child .wrap {
        border: 0;
    }

    .listadoMeta #panResultados .resource-list .item-conocimiento>.contenido {}

    .listadoMeta #panResultados .resource-list .item-conocimiento>.item-workshop-widget .cabecera .tipo {
        display: none;
    }
}


/* PANEL IDIOMA */

.panel-idioma {
    margin-top: 30px;
}

.panel-idioma .wrap {
    display: flex;
    align-items: center;
}

.panel-idioma .wrap .imagen {
    flex: 0 0 100px;
    max-width: 100px;
}

.panel-idioma .wrap .imagen img {
    max-width: 100%;
    width: 100%;
}

.panel-idioma .wrap .texto {
    padding-left: 30px;
    flex: 0 0 calc(100% - 100px);
    max-width: calc(100% - 100px);
}

.panel-idioma .wrap .texto p {
    color: #000;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 15px;
}

.panel-idioma .wrap .texto ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.panel-idioma .wrap .texto ul li {
    margin-right: 15px;
}

.panel-idioma .wrap .texto ul li a {
    font-weight: 600;
    color: var(--color-azul);
}


/* PRELOADER */

.preloader-wrapper {
    display: inline-block;
    position: relative;
    width: 48px;
    height: 48px;
}

.preloader-wrapper.small {
    width: 36px;
    height: 36px;
}

.preloader-wrapper.big {
    width: 64px;
    height: 64px;
}

.preloader-wrapper.active {
    /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
    -webkit-animation: container-rotate 1568ms linear infinite;
    animation: container-rotate 1568ms linear infinite;
}

@-webkit-keyframes container-rotate {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-color: orangered;
}

.spinner-blue,
.spinner-blue-only {
    border-color: var(--color-azul);
}

.spinner-red,
.spinner-red-only {
    border-color: var(--color-rosa);
}

.spinner-yellow,
.spinner-yellow-only {
    border-color: var(--color-item-amarillo);
}

.spinner-green,
.spinner-green-only {
    /*border-color: #0f9d58;*/
    border-color: var(--color-item-verde-oscuro);
}

.active .spinner-layer.spinner-blue {
    /* durations: 4 * ARCTIME */
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-red {
    /* durations: 4 * ARCTIME */
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-yellow {
    /* durations: 4 * ARCTIME */
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-green {
    /* durations: 4 * ARCTIME */
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
    /* durations: 4 * ARCTIME */
    opacity: 1;
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
    }

    /* 0.5 * ARCSIZE */
    25% {
        -webkit-transform: rotate(270deg);
    }

    /* 1   * ARCSIZE */
    37.5% {
        -webkit-transform: rotate(405deg);
    }

    /* 1.5 * ARCSIZE */
    50% {
        -webkit-transform: rotate(540deg);
    }

    /* 2   * ARCSIZE */
    62.5% {
        -webkit-transform: rotate(675deg);
    }

    /* 2.5 * ARCSIZE */
    75% {
        -webkit-transform: rotate(810deg);
    }

    /* 3   * ARCSIZE */
    87.5% {
        -webkit-transform: rotate(945deg);
    }

    /* 3.5 * ARCSIZE */
    to {
        -webkit-transform: rotate(1080deg);
    }

    /* 4   * ARCSIZE */
}

@keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    /* 0.5 * ARCSIZE */
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    /* 1   * ARCSIZE */
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }

    /* 1.5 * ARCSIZE */
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }

    /* 2   * ARCSIZE */
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg);
    }

    /* 2.5 * ARCSIZE */
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }

    /* 3   * ARCSIZE */
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
    }

    /* 3.5 * ARCSIZE */
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }

    /* 4   * ARCSIZE */
}

@-webkit-keyframes blue-fade-in-out {
    from {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    26% {
        opacity: 0;
    }

    89% {
        opacity: 0;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes blue-fade-in-out {
    from {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    26% {
        opacity: 0;
    }

    89% {
        opacity: 0;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes red-fade-in-out {
    from {
        opacity: 0;
    }

    15% {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    51% {
        opacity: 0;
    }
}

@keyframes red-fade-in-out {
    from {
        opacity: 0;
    }

    15% {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    51% {
        opacity: 0;
    }
}

@-webkit-keyframes yellow-fade-in-out {
    from {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    76% {
        opacity: 0;
    }
}

@keyframes yellow-fade-in-out {
    from {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    76% {
        opacity: 0;
    }
}

@-webkit-keyframes green-fade-in-out {
    from {
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    75% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes green-fade-in-out {
    from {
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    75% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


/**
	 * Patch the gap that appear between the two adjacent div.circle-clipper while the
	 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
	 */

.gap-patch {
    position: absolute;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.gap-patch .circle {
    width: 1000%;
    left: -450%;
}

.circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.circle-clipper .circle {
    width: 200%;
    height: 100%;
    border-width: 3px;
    /* STROKEWIDTH */
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.circle-clipper.left .circle {
    left: 0;
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg);
}

.circle-clipper.right .circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg);
}

.active .circle-clipper.left .circle {
    /* duration: ARCTIME */
    -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .circle-clipper.right .circle {
    /* duration: ARCTIME */
    -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg);
    }

    50% {
        -webkit-transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(130deg);
    }
}

@keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}

@-webkit-keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg);
    }

    50% {
        -webkit-transform: rotate(5deg);
    }

    to {
        -webkit-transform: rotate(-130deg);
    }
}

@keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}

#spinnerContainer.cooldown {
    /* duration: SHRINK_TIME */
    -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
    animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}


.no-list-style {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

/* COLORES  */
.background-white {
    background-color: var(--c-white);
}

.background-secondary {
    background-color: var(--c-secondary);
}

.background-light-grey {
    background-color: var(--c-grey-light);
}

.background-ultra-light-grey {
    background-color: var(--c-grey-ultra-light);
}

.background-info {
    background-color: var(--c-info);
}

.background-inteligencia {
    background-color: var(--color-item-verde-claro);
}

.background-reputacion {
    background-color: var(--color-item-rojo);
}

.background-negocio-responsable {
    background-color: var(--color-item-verde-oscuro);
}

.background-proposito {
    background-color: var(--color-item-naranja);
}

.background-capital-humano {
    background-color: var(--color-item-amarillo);
}

.background-metricas {
    background-color: var(--color-item-morado);
}

.background-contenido {
    background-color: var(--c-primary-dark);
}

.background-contacto {
    background-color: #f5f5f5;
}

.color-white {
    color: var(--c-white) !important;
}

.text-color-inteligencia {
    color: var(--color-item-verde-claro) !important;
}

.dark-shadow-background {
    position: relative;
}

.dark-shadow-background:after {
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    background-color: var(--c-black);
    opacity: 0.15;
}

/* END COLORES */


/* COLORES SEGÚN EL ÁMBITO DEL RECURSO */
.color-dinamico span,
.color-dinamico a {
    color: inherit;
}

.color-reputacion .color-dinamico,
.color-reputacion.recurso .color-dinamico {
    color: var(--color-item-rojo);
}

.color-reputacion .background-color-dinamico,
.color-reputacion.recurso .background-color-dinamico {
    background-color: var(--color-item-rojo);
}

.color-proposito .color-dinamico,
.color-proposito.recurso .color-dinamico {
    color: var(--color-item-naranja);
}

.color-proposito .background-color-dinamico,
.color-proposito.recurso .background-color-dinamico {
    background-color: var(--color-item-naranja);
}

.color-negocio-responsable .color-dinamico,
.color-negocio-responsable.recurso .color-dinamico {
    color: var(--color-item-verde-oscuro);
}

.color-negocio-responsable .background-color-dinamico,
.color-negocio-responsable.recurso .background-color-dinamico {
    background-color: var(--color-item-verde-oscuro);
}

.color-capital-humano .color-dinamico,
.color-capital-humano.recurso .color-dinamico {
    color: var(--color-item-amarillo);
}

.color-capital-humano .background-color-dinamico,
.color-capital-humano.recurso .background-color-dinamico {
    background-color: var(--color-item-amarillo);
}

.color-comunicacion .color-dinamico,
.color-comunicacion.recurso .color-dinamico {
    color: var(--color-item-azul);
}

.color-comunicacion .background-color-dinamico,
.color-comunicacion.recurso .background-color-dinamico {
    background-color: var(--color-item-azul);
}

.color-metricas .color-dinamico,
.color-metricas.recurso .color-dinamico {
    color: var(--color-item-morado);
}

.color-metricas .background-color-dinamico,
.color-metricas.recurso .background-color-dinamico {
    background-color: var(--color-item-morado);
}

.color-inteligencia .color-dinamico,
.color-inteligencia.recurso .color-dinamico {
    color: var(--color-item-verde-claro);
}

.color-inteligencia .background-color-dinamico,
.color-inteligencia.recurso .background-color-dinamico {
    background-color: var(--color-item-verde-claro);
}

.background-color-dinamico {
    color: var(--c-white);
}

/* END COLORES SEGÚN ÁMBITO DEL RECURSO */


/* CUSTOM SCROLL CSS BAR*/
.custom-css-scroll::-webkit-scrollbar {
    width: 6px;
}

.custom-css-scroll {
    scrollbar-width: thin;
    scrollbar-color: var(--c-grey-medium) rgba(0, 0, 0, 0.08);
}

.custom-css-scroll::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.08);
    border-radius: 0px;
}

.custom-css-scroll::-webkit-scrollbar-thumb {
    background-color: var(--c-grey-medium);
    border-radius: 0px;
    border: none;
}

/* END CUSTOM SCROLL CSS BAR*/


/* SECTION TITLE */
.section-title {
    font-family: var(--f-primary);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.section-title.little {
    font-size: 15px;
}

/* END SECTION TITLE */

/* PLACEHOLDERS */
::-webkit-input-placeholder {
    font-size: 12px;
    color: var(--c-grey-medium);
}

:-ms-input-placeholder {}

::placeholder {}

/* END PLACEHOLDERS */

/* BACKGROUND IMAGES */
.image-background-centered {
    background-position: center !important;
    background-size: cover !important;
}

/* END BACKGROUND IMAGES */


/* CUSTOM SLIDER */
.custom-sliders-wrapper {}

.custom-slider {
    height: 450px;
}

.custom-slider .owl-stage-outer {
    height: 100%;
}

.custom-slider .owl-stage-outer .owl-stage {
    height: 100%;
}

.custom-slider .owl-stage-outer .owl-stage .owl-item {
    height: 100%;
}

.custom-slider .owl-stage-outer .owl-stage .owl-item .item {
    height: 100%;
}

.custom-slider .owl-stage-outer .owl-stage .owl-item .item .backgroundItem {
    height: 100%;
    background-size: cover !important;
}

.custom-slider .owl-stage-outer .owl-stage .owl-item .item .backgroundItem .container {
    height: 100%;
}

.custom-slider .owl-stage-outer .owl-stage .owl-item .item .backgroundItem .container .row {
    height: 100%;
}

.custom-slider .owl-stage-outer .owl-stage .owl-item .item .backgroundItem .container .row col {
    height: 100%;
}

.custom-slider .owl-nav {}

.custom-slider .owl-nav button {
    opacity: 0.9;
    position: absolute;
    top: calc(50% - 30px);
    background-color: transparent !important;
}

.custom-slider .owl-nav button:hover {
    opacity: 1;
}

.custom-slider .owl-nav button.owl-next {
    right: 15px;
}

.custom-slider .owl-nav button.owl-prev {
    left: 15px;
}

.custom-slider .owl-nav button span {
    font-size: 40px;
    color: var(--c-white);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    border-radius: 2px;
    width: 50px;
    background-color: rgba(0, 0, 0, 0.2);
}

.custom-slider .go-down {
    height: 50px;
    border-radius: 2px;
    width: 50px;
    background-color: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    opacity: 0.9;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%) rotate(270deg);
    color: var(--c-white);
    font-size: 40px;
    user-select: none;
}

.custom-slider .go-down:hover {
    opacity: 1;
    cursor: pointer;
}

.custom-slider .item-animado .elemento-animado {
    visibility: hidden;
}

.custom-slider .item-video {}

.custom-slider .item-video iframe {
    height: 100%;
    width: 100%;
}

.custom-slider .item-video .enlaceVideo {
    text-decoration: none !important;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    color: var(--c-white);
    display: flex;
    height: 100%;
    width: 100%;
    position: relative;
    align-items: center;
}

.custom-slider .item-video .video-thumbnail {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    top: 0;
    z-index: -1;
}

.custom-slider .item-video .bloque-play {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.custom-slider .item-video .bloque-play .play {
    color: var(--c-white);
    text-decoration: none !important;
    font-size: 90px;
}

.custom-slider .item-color .col {
    align-items: center;
    display: flex;
}

@media (max-width: 575px) {
    .custom-slider .owl-nav button.owl-next {
        right: 10px;
    }

    .custom-slider .owl-nav button.owl-prev {
        left: 10px;
    }

    .custom-slider .owl-nav button span {
        font-size: 30px;
        height: 40px;
        width: 40px;
    }

    .custom-slider .go-down {
        height: 40px;
        width: 40px;
        font-size: 30px;
    }
}

/* END CUSTOM SLIDER */


/* SLIDER HOME */
.slider-home .col-right {
    display: flex;
    align-items: center;
}

.slider-home .col-left {
    display: flex;
    align-items: center;
}

.slider-home .bloque-texto {
    padding-left: 50px;
}

.slider-home .bloque-texto a {
    color: var(--c-white);
    text-decoration: none;
}

.slider-home .bloque-texto a:hover {
    text-decoration: underline;
}

.slider-home .bloque-texto .slider-title {
    line-height: 1.11;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--c-white);
}

.slider-home .bloque-texto .slider-subtitle {
    font-size: 28px;
    font-weight: 400;
    color: var(--c-white);
}

.slider-home .bloque-imagen {
    height: 100%;
    align-self: stretch;
}

.slider-home .bloque-imagen img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

@media (max-width: 991px) {
    .slider-home .bloque-texto .slider-title {
        font-size: 30px;
    }

    .slider-home .bloque-texto .slider-subtitle {
        font-size: 20px;
    }
}

/* CAROUSEL TIPO1 */
.owl-carousel.tipo1 {
    position: relative;
}

.owl-carousel.tipo1 .owl-nav {
    position: absolute;
    top: -58px;
    right: 0;
}

.owl-carousel.tipo1 .owl-nav button {
    transition: background-color 0.15s ease;
    color: var(--c-white);
    background: rgba(255, 255, 255, 0.5);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
}

.owl-carousel.tipo1 .owl-nav button:hover {
    background: rgba(255, 255, 255, 0.4);
}

.owl-carousel.tipo1 .owl-nav button span {
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.owl-carousel.tipo1 .owl-nav button.owl-next {}

.owl-carousel.tipo1 .owl-nav button.owl-prev {}


/* TERMINOS Y CONDICIONES */
.terminos-condiciones {}

.terminos-condiciones .form-check-input {
    margin-left: 0;
}

.terminos-condiciones label {
    font-size: 14px;
    font-weight: normal;
}

.terminos-condiciones label a {
    color: inherit;
    text-decoration: underline;
}

/* END TERMINOS Y CONDICIONES */


/* PMD SWICHT */
.pmd-switch {
    vertical-align: middle;
}

.pmd-switch .inicialIdioma {
    color: #9C929A;
    font-size: 12px;
    line-height: normal;
    display: block;
}

.pmd-switch .inicialIdioma.active {
    color: var(--c-primary);
}

.pmd-switch,
.pmd-switch label,
.pmd-switch input,
.pmd-switch .pmd-switch-label {
    -moz-user-select: none;
    user-select: none;
}

.pmd-switch label {
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0;
}

.pmd-switch label input[type="checkbox"] {
    height: 0;
    opacity: 0;
    width: 0;
    position: absolute;
}

.pmd-switch label .pmd-switch-label,
.pmd-switch label input[type="checkbox"][disabled]+.inicialIdioma+.pmd-switch-label {
    background-color: rgba(80, 80, 80, 0.7);
    border-radius: 15px;
    content: "";
    display: block;
    height: 30px;
    transition: background 0.3s ease 0s;
    width: 12px;
    position: relative;
    margin: 5px auto;
}

.pmd-switch label .pmd-switch-label::after {
    background-color: var(--color-azul);
    border-radius: 20px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
    content: "";
    display: inline-block;
    height: 12px;
    left: 0;
    position: absolute;
    top: 15px;
    transition: top 0.3s ease 0s, background 0.3s ease 0s, box-shadow 0.1s ease 0s;
    width: 12px;
}

.pmd-switch label input[type="checkbox"]:checked+.inicialIdioma+.pmd-switch-label::after {
    top: 0px;
}

/* END PMD SWICHT */


/* OFF CANVAS */

.offcanvas {
    height: 100vh;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    background-color: #fff;
}

.offcanvas .offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    height: 40px;
    background-color: var(--c-secondary-dark);
}

.offcanvas .offcanvas-header h5 {
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.offcanvas .offcanvas-header h5 a {
    color: var(--c-white);
    text-decoration: none !important;
}

.offcanvas .offcanvas-header .close-off-canvas {
    cursor: pointer;
    display: flex;
    align-items: center;
    text-decoration: none !important;
}

.offcanvas .offcanvas-header .close-off-canvas span {
    color: var(--c-white);
}

/* OLD */
/* .offcanvas .offcanvas-body {padding: 0; height: calc(100vh - 40px); overflow: auto; } */
/* RESTYLE */
.offcanvas .offcanvas-body {
    padding: 0;
    overflow: auto;
}

/* END OFF CANVAS */


/* TABLAS */
table.dataTable>thead>tr>th {
    border-bottom: 1px solid var(--c-grey-light);
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 15px;
    white-space: nowrap;
}

table.dataTable tr>td {
    font-size: 14px;
    font-weight: normal;
    color: var(--c-grey-dark);
}

table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:after {
    font-family: 'Material Icons';
    content: "arrow_drop_down";
    font-size: 23px;
}

table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:after {
    opacity: 1;
}

table.dataTable>thead .sorting_desc:after {
    content: "arrow_drop_up";
}

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:before {
    content: "";
}

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:after {
    right: 8px;
    top: -8px;
}

table.dataTable>tbody>tr>td {
    margin-bottom: 0;
    border-bottom: 1px solid var(--c-grey-light);
    padding-top: 10px;
    padding-bottom: 12px;
}

table.dataTable>tbody>tr>td p {
    margin-bottom: 0;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    margin-top: -11px;
    position: absolute;
    left: -2px;
    color: white;
    border: none;
    border-radius: 2px;
    text-indent: 0 !important;
    font-family: "Material icons";
    line-height: 1em;
    content: "add";
    box-shadow: none;
    height: 20px;
    background-color: var(--c-grey-medium);
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
    background-color: var(--c-grey-medium);
    content: "remove";
}

table.dataTable>tbody>tr.child ul.dtr-details .dtr-title {
    font-size: 12px;
    font-weight: 500;
    color: var(--c-black);
    padding-bottom: 5px;
}

/* END TABLAS */


/* IDIOMA */
.cambioIdioma label {
    display: flex;
}

.cambioIdioma label .label-idiomas {
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cambioIdioma .pmd-switch label .pmd-switch-label {
    background-color: #ddd;
}

.cambioIdioma .pmd-switch label .pmd-switch-label::after {
    background-color: #858585;
}

.cambioIdioma .pmd-switch label .pmd-switch-label.en::after {
    top: 0;
}

/* END IDIOMA */


/* HEADER */
.header {
    background-color: var(--c-white);
}

.header .top-header {
    height: 80px;
    border-bottom: 1px solid var(--c-grey-light);
    padding: 0 30px;
}

.header .mid-header {
    height: 40px;
    padding: 0 30px;
    position: relative;
    border-bottom: 1px solid var(--c-grey-light);
}

.header .bottom-header {}

.header .logo-wrapper {
    padding-right: 30px;
}

.header .logo-wrapper .logo-link {}

.header .logo-wrapper .logo-link .logo {
    max-height: 55px;
    height: auto;
}

.header .logo-wrapper .logo-link .logo.logo-mobile {
    display: none;
}

.header .bloque-user {
    padding-right: 20px;
    color: var(--c-grey-dark);
}

.header .bloque-user a {
    cursor: pointer;
    display: flex;
    align-items: center;
    text-decoration: none !important;
}

.header .bloque-user a.iniciar-sesion {
    font-size: 14px;
}

.header .bloque-user a.iniciar-sesion:hover {
    text-decoration: underline;
}

.header .bloque-user a span {
    font-size: 28px;
    color: var(--c-grey-dark);
}

.header .bloque-user a span:hover {
    color: var(--c-grey-ultra-dark);
}

.header .bloque-user a span.user-image {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
    height: 40px;
    width: 40px;
}

.header .bloque-user a span.user-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.header .buscador-toggle a {
    cursor: pointer;
    display: flex;
    align-items: center;
    text-decoration: none !important;
}

.header .buscador-toggle a span {
    color: var(--c-primary)
}

.header .buscador-toggle a span:hover {
    color: var(--c-primary-dark)
}

.header .buscador-toggle span {
    font-size: 28px;
}

.header .header-menu-wrapper {
    display: flex;
    margin-bottom: -1px;
    padding-left: 0;
    font-size: 14px;
}

.header .header-menu-wrapper a {
    text-decoration: none !important;
}

.header .header-menu-wrapper>li {
    padding: 0 8px;
    height: 40px;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    display: flex;
    align-items: center;
}

.header .header-menu-wrapper>li:first-child {
    padding: 0;
}

.header .header-menu-wrapper>li>span {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.header .header-menu-wrapper>li>span a {
    text-decoration: none !important;
    height: 100%;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: var(--c-grey-dark)
}

.header .header-menu-wrapper>li>span .material-icons {
    color: var(--c-grey-dark);
}

.header .header-menu-wrapper>li:hover {
    border-bottom: 4px solid var(--c-primary);
}

.header .header-menu-wrapper>li:hover>span a {
    color: var(--c-primary);
}

.header .header-menu-wrapper>li:hover>span .material-icons {
    color: var(--c-primary);
    transform: rotate(180deg);
}

.header .header-menu-wrapper>li:hover>span a.btn-tienda .material-icons {
    transform: initial !important;
}

.header .header-menu-wrapper>li:hover>span a.btn-tienda .material-icons-outlined {
    color: var(--c-primary) !important;
}

.header .header-menu-wrapper>li:hover>.submenu {
    display: flex;
}

.header .header-menu-wrapper>li>.submenu {
    z-index: 1;
    align-items: flex-start;
    flex-direction: row;
    padding: 20px 30px;
    display: none;
    position: absolute;
    top: 40px;
    background: var(--c-white);
    width: 100vw;
    left: 0;
    justify-content: flex-start;
    border-bottom: 1px solid #ddd;
    list-style: none;
}

.header .header-menu-wrapper>li>.submenu>li {
    padding-right: 25px;
}

.header .header-menu-wrapper>li>.submenu>li>span a {
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
    color: var(--c-grey-dark)
}

.header .header-menu-wrapper>li>.submenu .material-icons {
    display: none;
}

.header .header-menu-wrapper>li>.submenu .submenu {
    display: block;
    padding-left: 0;
}

.header .header-menu-wrapper>li>.submenu .submenu>li {
    display: block;
}

.header .header-menu-wrapper>li>.submenu .submenu li a {
    color: var(--c-grey-medium);
}

.header .header-menu-wrapper>li>.submenu li a:hover {
    text-decoration: underline !important;
}

.header .header-menu-wrapper>li>.submenu>li li {
    padding-bottom: 5px;
    margin-left: 0
}

.header .header-menu-wrapper>li.open {
    border-bottom: 4px solid var(--c-primary)
}

.header .header-menu-wrapper>li.open>span a,
.header .header-menu-wrapper>li.open>span .material-icons {
    color: var(--c-primary);
}


.header .menu-lateral-toggle {
    cursor: pointer;
    display: none;
    text-decoration: none !important;
    padding-right: 20px;
}

.header .menu-lateral-toggle span {
    color: var(--c-primary)
}

.header .menu-lateral-toggle:hover span {
    color: var(--c-primary-dark)
}

.header .menu-tienda {
    padding: 0 10px;
}

.header .menu-tienda .btn-tienda {
    color: var(--c-grey-dark);
    padding: 0 10px;
    height: 80px;
}

.header .menu-tienda .btn-tienda:after {
    font-family: 'Material Icons';
    content: "\e5cf";
    color: var(--c-grey-dark) !important;
}

.header .menu-tienda .btn-tienda .text {
    font-size: 14px;
    padding: 0 8px;
    color: var(--c-grey-dark);
}

.header .menu-tienda .btn-tienda .material-icons-outlined {
    font-size: 25px;
    color: var(--c-grey-dark) !important;
}

.header .menu-tienda>li>.submenu {
    top: 70px;
    justify-content: flex-end;
    border-top: 1px solid #ddd;
}

.header .menu-tienda>li:hover {
    border-bottom-color: transparent !important;
}

.header .banner-header {
    color: var(--c-white);
}

.header .banner-header .left {
    height: 60px;
    display: flex;
    align-items: center;
    padding-left: 100px;
}

.header .banner-header .right {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header .banner-header .right a {
    font-size: 14px;
    font-weight: 300;
    height: 100%;
    padding: 0 40px;
    display: flex;
    align-items: center;
    color: var(--c-white);
    text-decoration: none;
}

.header .banner-header .right a span {
    color: var(--c-white);
}

.header .banner-header .right a .material-icons-outlined {
    font-size: 15px;
    padding-left: 10px;
}

.header .banner-header.normal {
    background-color: var(--c-primary);
}

.header .banner-header.normal .left {
    font-family: 'Esteba', serif;
    font-size: 19px;
    letter-spacing: 0.38px;
}

.header .banner-header.normal .right {
    background-color: var(--c-primary-dark);
}

.header .banner-header.premium {
    background-color: var(--c-secondary);
}

.header .banner-header.premium .right {
    background-color: var(--c-secondary-dark);
}

@media screen and (max-width: 1199px) {
    .header .top-header {
        padding: 0 15px;
    }

    .header .mid-header {
        display: none !important;
    }

    .header .menu-lateral-toggle {
        display: flex;
    }

    .header .banner-header {
        flex-direction: column;
    }

    .header .banner-header .left {
        height: auto;
        padding: 15px;
    }

    .header .banner-header .right {
        padding: 15px;
        justify-content: flex-end;
    }
}

@media screen and (max-width: 767px) {
    .header .logo-wrapper {
        padding-right: 15px;
    }

    .header .logo-wrapper .logo-link .logo.logo-desktop {
        display: none;
    }

    .header .logo-wrapper .logo-link .logo.logo-mobile {
        display: block;
    }

    .header .dropdown-shop .dropdown-toggle:after,
    .header .dropdown-shop .dropdown-toggle .text {
        display: none;
    }
}

@media (max-width: 575px) {
    .header .menu-tienda .btn-tienda .text {
        display: none;
    }
}

/* END HEADER */


/* MENU LATERAL */
.menu-lateral-wrapper {}

.menu-lateral-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-lateral-wrapper ul:last-child {
    padding-bottom: 10px;
}

.menu-lateral-wrapper a {
    user-select: none;
    text-decoration: none !important;
    color: var(--c-grey-medium);
    font-size: 14px;
}

.menu-lateral-wrapper ul>li>span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
}

.menu-lateral-wrapper ul>li>span a {
    display: flex;
    align-items: center;
}

.menu-lateral-wrapper>ul {}

.menu-lateral-wrapper>ul>li {
    border-bottom: 1px solid var(--c-grey-light);
    padding: 0px 20px;
}

.menu-lateral-wrapper>ul>li>ul>li>span>a {
    font-weight: bold;
}

.menu-lateral-wrapper ul li span i {
    font-size: 25px;
    color: var(--c-grey-dark);
    cursor: pointer;
}

.menu-lateral-wrapper ul.submenu {
    padding-left: 20px;
}

.menu-lateral-wrapper>ul>li:hover>span>i,
.menu-lateral-wrapper>ul>li.open>span>i,
.menu-lateral-wrapper>ul>li:hover>span>a,
.menu-lateral-wrapper>ul>li.open>span>a {
    color: var(--c-secondary);
}

.menu-lateral-wrapper>ul>li.open>span>i {
    transform: rotate(180deg);
    color: var(--c-secondary);
}

.menu-lateral-wrapper>ul ul {
    display: none;
}

.menu-lateral-wrapper>ul li.open>ul {
    display: block;
}

.menu-lateral-wrapper.menu-conocimiento-lateral {
    background-color: var(--c-secondary);
    padding: 20px 0;
}

.menu-lateral-wrapper.menu-conocimiento-lateral .enlaceLogo {
    padding: 0 20px 10px 20px;
    letter-spacing: 0.22px;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--c-white);
    display: block;
}

.menu-lateral-wrapper.menu-conocimiento-lateral .enlaceLogo span {
    font-size: 11px;
    font-weight: 300;
    display: block;
    color: var(--c-white);
}

.menu-lateral-wrapper.menu-conocimiento-lateral .enlaceLogo span:last-child {
    font-size: 15px;
    font-weight: 500;
}

.menu-lateral-wrapper.menu-conocimiento-lateral a {
    color: var(--c-white);
}

.menu-lateral-wrapper.menu-conocimiento-lateral ul>li {
    border-bottom: none;
}

.menu-lateral-wrapper.menu-conocimiento-lateral ul>li:hover>span>a,
.menu-lateral-wrapper.menu-conocimiento-lateral ul>li:hover>span>i,
.menu-lateral-wrapper.menu-conocimiento-lateral ul>li.open>span>a,
.menu-lateral-wrapper.menu-conocimiento-lateral ul>li.open>span>i {
    color: var(--c-white);
    opacity: 0.9;
}

.menu-lateral-wrapper.menu-conocimiento-lateral ul li span i {
    color: var(--c-white);
}

.menu-lateral-wrapper.menu-conocimiento-lateral>ul:last-child {
    padding-bottom: 0;
}

/* END MENU LATERAL */


/* MENÚ USUARIO */
.menu-usario-offcanvas {
    display: none;
}

.menu-usario-offcanvas .menu-usuario {}

.menu-usario-offcanvas .menu-usuario .datos-usuario {
    padding: 15px 15px 0 15px;
}

.menu-usario-offcanvas .menu-usuario .datos-usuario .nombreUsuario {
    color: var(--c-grey-ultra-dark);
    font-weight: 600;
    margin-bottom: 2px;
}

.menu-usario-offcanvas .menu-usuario .datos-usuario .tipoUsuario {
    color: var(--c-grey-dark);
    margin-bottom: 0;
}

.menu-usario-offcanvas .menu-usuario .menu {
    padding: 0 15px;
}

/* END MENÚ USUARIO */


/* MENU PREMIUM */
.menu-conocimiento {
    display: flex;
    align-items: center;
    background-color: var(--c-secondary);
}

.menu-conocimiento .divLogo .enlaceLogo {
    letter-spacing: 0.22px;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--c-white);
    display: block;
    text-align: right;
    padding-right: 40px;
}

.menu-conocimiento .divLogo .enlaceLogo span {
    font-size: 11px;
    font-weight: 300;
    display: block;
    text-align: right;
    color: var(--c-white);
}

.menu-conocimiento .divLogo .enlaceLogo span:last-child {
    font-size: 15px;
    font-weight: 500;
}

.menu-conocimiento ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-conocimiento ul.menu {
    display: flex;
    padding-left: 5px;
}

.menu-conocimiento ul.menu li {
    border-bottom: 4px solid transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0 10px;
    vertical-align: middle;
    height: 60px;
}

.menu-conocimiento ul.menu li:hover {
    border-bottom: 4px solid var(--c-white);
}

.menu-conocimiento ul.menu li:first-child {
    margin-left: 0;
}

.menu-conocimiento ul.menu li a {
    display: block;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    color: var(--c-white);
}

.menu-conocimiento ul.menu li i.material-icons {
    color: var(--c-white);
}

.menu-conocimiento ul.menu li:hover i.material-icons {
    transform: rotate(180deg);
}

.menu-conocimiento ul.menu li a:hover,
.menu-conocimiento ul.menu li.abierto>a {
    display: block;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}

.menu-conocimiento ul.menu li ul.submenu {
    background-color: var(--c-secondary);
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100vw;
}

.menu-conocimiento ul.menu li:hover ul.submenu {
    display: flex;
    padding-left: 243px;
}

.menu-conocimiento ul.menu ul.submenu li:hover {
    border-bottom: 4px solid transparent;
}

.menu-conocimiento ul.menu ul.submenu li:hover a {
    text-decoration: underline;
}

/* MENU PREMIUM */


/* LAYOUT */
div[role="pre-main"] {}

div[role="main"] {}

/* END MAIN LAYOUT */


/* GRID CONTAINER */
.grid-container {
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
}

.grid-container-3 {
    grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 1199px) {
    .grid-container {
        grid-template-columns: repeat(3, 1fr);
    }

    .grid-container-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

    .grid-container-3,
    .grid-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

    .grid-container-3,
    .grid-container {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* END GRID CONTAINER */


/* FOOTER */
.footer {
    background-color: var(--c-primary);
    color: var(--c-white);
    padding-bottom: 30px;
    margin-top: 0.85em;
}

.footer .row01 {
    padding-top: 60px;
    padding-bottom: 15px;
}

.footer .row01 .row01-left {
    align-items: center;
    display: flex;
}

.footer .row01 .row01-left p {
    font-size: 37px;
    font-weight: 500;
    letter-spacing: 2.22px;
    color: var(--c-white);
}

.footer .row01 .row01-right {
    flex: 1;
}

.footer .row01 .bloque-empresas {
    padding-bottom: 25px;
}

.footer .row01 .bloque-empresas:last-child {
    padding-bottom: 0;
}

.footer .row01 .bloque-empresas .empresas-title {
    font-family: var(--f-primary);
    color: var(--c-white);
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
}

.footer .row01 .bloque-empresas .empresas {
    display: flex;
    flex-wrap: wrap;
}

.footer .row01 .bloque-empresas .empresas .empresa {}

.footer .row01 .bloque-empresas .empresas .empresa a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: var(--c-white);
    text-transform: uppercase;
    text-decoration: none;
    padding: 0px 20px 5px 0;
}

.footer .row01 .bloque-empresas .empresas .empresa a:hover {
    text-decoration: underline;
}

.footer .row02 {
    margin-bottom: 10px;
}

.footer .row02 .opinion {
    font-size: 12px;
    width: auto;
    text-decoration: underline;
}

.footer hr {
    border-top: 1px solid var(--c-white);
    opacity: 1;
}

.footer .row03 {
    padding-top: 0px;
    padding-bottom: 10px;
}

.footer .row03 .logo img {
    max-width: 100%;
    padding-right: 20px;
    height: 70px;
}

.footer .row03 .redesSociales {
    margin: 0;
    padding: 0;
    display: flex;
}

.footer .row03 .redesSociales li {
    margin-right: 8px;
}

.footer .row03 .redesSociales li:last-child {
    margin-right: 0;
}

.footer .row03 .redesSociales li a {
    background: var(--c-white);
    color: var(--c-primary);
}

.footer .row03 .politicas-privacidad {
    color: var(--c-white);
}

.footer .row03 .politicas-privacidad a {
    font-size: 12px;
    color: var(--c-white);
    text-decoration: none;
}

.footer .row03 .politicas-privacidad a span {
    color: var(--c-white);
}

.footer .row03 .politicas-privacidad a img {
    padding-left: 5px;
}

.footer .row03 .contacto-footer {
    font-size: 12px;
}

.footer .row03 .contacto-footer .email a {
    text-decoration: underline;
}

.con-newsletter-footer .footer {
    padding-top: 200px;
}

@media screen and (max-width: 991px) {
    .footer .row01 .row01-left p {
        font-size: 37px;
        font-weight: 500;
        letter-spacing: 2.22px;
    }

    .footer .row04 .redesSociales {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

/* END FOOTER */


/* REDES SOCIALES (Estilos básicos) */
.redesSociales {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.redesSociales li a {
    display: block;
    width: 40px;
    height: 40px;
    background: var(--c-grey-medium);
    border-radius: 50%;
    font-size: 0;
    color: var(--c-white);
    text-decoration: none;
}

.redesSociales li a::before {
    font: normal normal normal 25px/1 FontAwesome;
    font-size: 24px;
    line-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.redesSociales li.facebook a:before {
    content: '\f39e';
}

.redesSociales li.twitter a:before {
    content: '\f099 ';
}

.redesSociales li.google a:before {
    content: '\f1a0';
}

.redesSociales li.linkedin a:before {
    content: '\f0e1';
}

.redesSociales li.vimeo a:before {
    content: '\f27d';
}

.redesSociales li.youtube a:before {
    content: '\f167';
}

.redesSociales li.email a:before {
    content: '\f0e0';
}

/* END REDES SOCIALES (Estilos básicos) */

/* METODOS PAGO */
.metodos-pago {}

.metodos-pago ul {
    display: flex;
    flex-wrap: wrap;
}

.metodos-pago .metodo {
    padding: 0 30px 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.metodos-pago .metodo .logo {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.metodos-pago .metodo .logo img {
    max-height: 100%;
    width: auto;
}

.metodos-pago .metodo .nombre {
    padding-top: 5px;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    color: var(--c-grey-dark)
}

.metodos-pago .disclaimer {
    font-size: 14px;
    color: var(--c-grey-dark);
}

.metodos-pago .disclaimer a {
    color: var(--c-primary);
    text-decoration: none;
}

.metodos-pago .disclaimer a:hover {
    text-decoration: underline;
}

/* END METODOS PAGO */


/* FICHA */
.fichaRecurso {}

.fichaRecurso .col-lateral {
    padding-left: 80px;
}

.fichaRecurso .imagen-ficha {
    height: 400px;
    background-size: cover;
    background-position: center;
}

.fichaRecurso .header-ficha {
    position: relative;
}

.fichaRecurso .header-ficha .icono {
    font-size: 22px;
}

.fichaRecurso .header-ficha .tipo {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.fichaRecurso .header-ficha .tipo-actividad {
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.fichaRecurso .header-ficha .titulo {
    font-family: var(--f-primary);
    font-size: 24px;
    font-weight: bold;
    color: #212529;
}

.fichaRecurso .header-ficha .divEnlaces {
    margin-bottom: 0;
}

.fichaRecurso .header-ficha .redesSociales {
    display: block;
    position: absolute;
    top: 28px;
    left: -65px;
}

.fichaRecurso .header-ficha .redesSociales li {
    margin-bottom: 5px;
    display: block;
}

.fichaRecurso .header-ficha .redesSociales li a {
    width: 30px;
    height: 30px;
}

.fichaRecurso .header-ficha .redesSociales li a::before {
    font-size: 17px;
    line-height: 29px;
}

.fichaRecurso .opciones-compra {}

.fichaRecurso .opciones-compra .box-opciones {
    display: flex;
}

.fichaRecurso .opciones-compra .box-opciones .dropdown {
    margin-right: 5px;
}

.fichaRecurso .opciones-compra .box-opciones .dropdown .dropdown-item {
    text-decoration: none;
}

.fichaRecurso .opciones-compra .box-opciones .dropdown .dropdown-item:hover span {
    color: var(--c-white);
}

.fichaRecurso .opciones-compra .box-opciones .dropdown .dropdown-item.color-reputacion:hover {
    background-color: var(--color-item-rojo);
}

.fichaRecurso .opciones-compra .box-opciones .dropdown .dropdown-item.color-proposito:hover {
    background-color: var(--color-item-naranja);
}

.fichaRecurso .opciones-compra .box-opciones .dropdown .dropdown-item.color-negocio-responsable:hover {
    background-color: var(--color-item-verde-oscuro);
}

.fichaRecurso .opciones-compra .box-opciones .dropdown .dropdown-item.color-capital-humano:hover {
    background-color: var(--color-item-amarillo);
}

.fichaRecurso .opciones-compra .box-opciones .dropdown .dropdown-item.color-comunicacion:hover {
    background-color: var(--color-item-azul);
}

.fichaRecurso .opciones-compra .box-opciones .dropdown .dropdown-item.color-metricas:hover {
    background-color: var(--color-item-morado);
}

.fichaRecurso .opciones-compra .box-opciones .dropdown .dropdown-item.color-inteligencia:hover {
    background-color: var(--color-item-verde-claro);
}

.fichaRecurso .opciones-compra .box-opciones .dropdown .modalidad {}

.fichaRecurso .opciones-compra .box-opciones .dropdown .modalidad .nombre {
    font-size: 12px;
    font-weight: normal;
    margin-right: 15px;
}

.fichaRecurso .opciones-compra .box-opciones .dropdown .modalidad .precio {
    font-size: 14px;
    font-weight: 600;
    margin-right: 15px;
}

.fichaRecurso .opciones-compra .box-boton-comprar {
    margin-bottom: 0;
}

.fichaRecurso .contenido-ficha {
    font-size: 15px;
}

.fichaRecurso .contenido-ficha .descripcion img {
    max-width: 100%;
    margin-bottom: 15px;
}

.fichaRecurso .info-recurso {}

.fichaRecurso .info-recurso .info-box {
    padding: 20px 0 10px 60px;
}

.fichaRecurso .info-recurso .info-box .bloque-info {
    color: var(--c-white);
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid var(--c-white);
}

.fichaRecurso .info-recurso .info-box .bloque-info:last-child {
    border-bottom: none;
}

.fichaRecurso .info-recurso .info-box .bloque-info p {
    color: var(--c-white);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    width: 80%;
}

.fichaRecurso .info-recurso .info-box .bloque-info p a {
    color: var(--c-white);
    text-decoration: none;
    font-weight: 600;
}

.fichaRecurso .info-recurso .info-box .bloque-info p a.agregar-calendario {
    text-decoration: underline;
}

.fichaRecurso .info-recurso .info-box .bloque-info p a:hover {
    text-decoration: underline;
}

.fichaRecurso .info-recurso .info-box .bloque-info p:last-child {
    margin-bottom: 0px;
}

.fichaRecurso .info-recurso .info-box .bloque-info h3 {
    color: var(--c-white);
    font-size: 28px;
    font-weight: 500;
    font-family: var(--f-primary);
}

.fichaRecurso .info-recurso .info-box .bloque-info img.colaborador {
    max-width: 50%;
    padding-block: 0.5em;
}

.fichaRecurso .info-recurso .info-box .bloque-info .titulo {
    color: var(--c-white);
    font-size: 12px;
    font-weight: 400;
}

.fichaRecurso .info-recurso .info-box .bloque-info .icono {
    color: var(--c-white);
    position: absolute;
    left: -35px;
    top: 17px;
}

.fichaRecurso .info-recurso .info-box .bloque-info .modalidad {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 4px 20px 4px 0;
}

.fichaRecurso .info-recurso .info-box .bloque-info .modalidad span {
    color: var(--c-white);
    font-weight: 300;
    font-size: 12px;
}

.fichaRecurso .info-recurso .info-box .bloque-info .modalidad span:last-child {
    font-size: 14px;
    font-weight: 500;
}

.fichaRecurso .info-recurso .info-box.info-box-actions {
    padding: 10px 0 10px 60px;
}

.fichaRecurso .info-recurso .info-box.info-box-actions .bloque-info {
    border-bottom-color: var(--c-grey-dark);
}

.fichaRecurso .info-recurso .info-box.info-box-actions .bloque-info a,
.fichaRecurso .info-recurso .info-box.info-box-actions .bloque-info p,
.fichaRecurso .info-recurso .info-box.info-box-actions .bloque-info span {
    color: var(--c-black);
}

@media screen and (max-width: 1500px) {
    .fichaRecurso .header-ficha .redesSociales {
        position: static;
        display: flex;
    }

    .fichaRecurso .header-ficha .redesSociales li {
        margin-right: 5px;
    }
}

@media screen and (max-width: 1199px) {
    .fichaRecurso .col-lateral {
        padding-left: 12px;
    }
}

/* END FICHA */

@media screen and (max-width: 991px) {
    .recurso .datos-recurso .titulo {
        min-height: auto;
    }

    .recurso.evento.horizontal .contenido {
        flex-wrap: wrap;
        height: auto;
    }

    .recurso.evento.horizontal .contenido .miniatura {
        height: 160px;
        flex: 0 0 100%;
    }

    .recurso.evento.horizontal .contenido .datos-recurso {
        flex: 0 0 100%;
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 767px) {
    .recurso .datos-recurso .titulo {
        min-height: auto;
    }
}

/* END RECURSO MINIATURA */

/* ERRORS */
.errorContainer {}

.errorContainer .error {
    border: 1px solid var(--c-error);
    color: var(--c-error);
    display: block;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
}

.errorContainer .error:last-child {
    margin-bottom: 25px;
}

/* END ERRORS */


/* LISTADO TIPOS RECURSO */
.listado-tipos-recurso {}

.listado-tipos-recurso .tipo-recurso {
    align-items: stretch;
    display: inline-flex;
    margin-bottom: 8px;
    height: 42px;
}

.listado-tipos-recurso .tipo-recurso .banda {
    height: 100%;
    flex: 0 0 5px;
}

.listado-tipos-recurso .tipo-recurso .texto {
    white-space: nowrap;
    font-size: 14px;
    padding: 0 20px;
    border: 1px solid var(--c-grey-light);
    display: flex;
    align-items: center;
}

/* END LISTADO TIPOS RECURSO */


/* PERFIL */
.page-perfil .header-perfil {
    min-height: 250px;
    position: relative;
    padding-top: 125px;
}

.page-perfil .header-perfil:after {
    content: "";
    background-color: var(--c-secondary);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 185px;
    z-index: -1;
}

.page-perfil .header-perfil .col-user-image {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.page-perfil .header-perfil .col-user-image .user-image {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
    height: 115px;
    width: 115px;
}

.page-perfil .header-perfil .col-user-image .user-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.page-perfil .header-perfil .user {
    color: var(--c-white);
    padding-left: 20px;
}

.page-perfil .header-perfil .user .nombre {
    color: var(--c-white);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}

.page-perfil .header-perfil .user .miembro {
    color: var(--c-white);
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 0;
}

.page-perfil .header-perfil .tabs-user {
    padding-left: 20px;
    padding-top: 30px;
}

.page-perfil .header-perfil .tabs-user .nav-pills {
    display: inline-flex;
}

.page-perfil .header-perfil .tabs-user .nav-pills .nav-item .nav-link {
    padding: 15px 0;
    width: 185px;
}

.page-perfil .section-title {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.page-perfil .tabpanels-user {
    padding-top: 40px;
    width: 100%;
}

.page-perfil .tabpanels-user .form-wrapper {
    margin-left: 20px;
    max-width: 555px;
}

.page-perfil .tabpanels-user .form-section {
    padding-bottom: 60px;
}

.page-perfil .tabpanels-user .form-section .cargar-datos-wrapper a {
    color: var(--c-secondary);
    font-size: 15px;
    text-decoration: none;
}

.page-perfil .tabpanels-user .form-section .cargar-datos-wrapper a:hover {
    text-decoration: underline;
}

.page-perfil .tabpanels-user .form-section-header {
    min-height: 40px;
    margin-bottom: 11px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-perfil .tabpanels-user .form-section-header .actions {}

.page-perfil .tabpanels-user .form-section-header .actions .btn-edit-section {
    font-size: 12px;
    font-weight: 600;
    padding-right: 0;
}

.page-perfil .tabpanels-user .form-section-header .actions .btn-edit-section .material-icons {
    padding-right: 10px;
    font-size: 22px;
}

.page-perfil table.dataTable>tbody>tr>td {
    padding-right: 10px;
}

.page-perfil table.dataTable>tbody>tr>td p,
.page-perfil table.dataTable>tbody>tr>td a,
.page-perfil table.dataTable>tbody>tr>td span:not(.material-icons) {
    color: #999;
}

.page-perfil table.dataTable>tbody>tr>td.tdEstado {}

.page-perfil table.dataTable>tbody>tr>td.tdEstado .estado {
    display: flex;
}

.page-perfil table.dataTable>tbody>tr>td.tdEstado .estado:before {
    flex: 0 0 16px;
    transform: translateY(-1px);
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--c-grey-light);
    margin-right: 12px;
    align-self: center;
}

.page-perfil table.dataTable>tbody>tr>td.tdEstado .estado.activo:before {
    background-color: var(--c-success);
}

.page-perfil table.dataTable>tbody>tr>td.tdEstado .estado.pendiente:before {
    background-color: #ffe600;
}

.page-perfil table.dataTable>tbody>tr>td.tdEstado .estado.pendiente-pago:before {
    background-color: var(--c-warning);
}

.page-perfil table.dataTable>tbody>tr>td.tdEstado .estado.anulado:before {
    background-color: var(--c-error);
}

.page-perfil table.dataTable>tbody>tr>td.tdEstado .estado.cerrado:before {
    background-color: var(--c-black);
}

.page-perfil table.dataTable>tbody>tr>td.tdEnlace a {
    display: flex;
    color: var(--c-black);
    font-weight: 500;
    padding-top: 2px;
    text-decoration: none !important;
}

.page-perfil table.dataTable>tbody>tr>td.tdTitulo,
.page-perfil table.dataTable>tbody>tr>td.tdTitulo p,
.page-perfil table.dataTable>tbody>tr>td.tdTitulo a {
    color: var(--c-black);
    font-weight: 500;
    text-decoration: none;
}

.page-perfil table.dataTable>tbody>tr>td.tdTitulo a:hover {
    text-decoration: underline;
}

.page-perfil .mis-datos .ac_results {
    position: inherit !important;
    left: 4.5% !important;
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
}

.page-perfil .mis-datos .ac_results ul {
    margin-bottom: 0;
    padding: 0;
}

.page-perfil .mis-datos .ac_results ul li {
    padding-bottom: 0;
    cursor: pointer;
    list-style: none;
}

@media screen and (max-width: 991px) {
    .page-perfil .header-perfil {
        padding-top: 40px;
        min-height: 200px;
    }

    .page-perfil .header-perfil .row {
        position: relative;
    }

    .page-perfil .header-perfil:after {
        height: 100px;
    }

    .page-perfil .header-perfil .col-user-image {
        justify-content: flex-start;
        position: absolute;
        left: 0px;
    }

    .page-perfil .header-perfil .col-user-data {}

    .page-perfil .header-perfil .tabs-user {
        padding-left: 0;
        padding-top: 75px;
    }

    .page-perfil .header-perfil .tabs-user .nav-pills .nav-item .nav-link {
        padding: 15px;
        width: auto;
    }

    .page-perfil .tabpanels-user .form-wrapper {
        margin-left: 0;
        max-width: none;
    }
}

/* END PERFIL */


/* Nav pills */
.nav-pills {
    border-bottom: 1px solid var(--c-grey-light);
}

.nav-pills .nav-item {}

.nav-pills .nav-item .nav-link {
    cursor: pointer;
    outline: none;
    border: none;
    padding: 15px 30px;
    background: transparent;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 13px;
    color: var(--c-grey-dark);
}

.nav-pills .nav-item .nav-link:not(.active):hover {
    opacity: 0.8;
}

.nav-pills .nav-item .nav-link.active {
    font-weight: bold;
    color: var(--c-secondary);
    border-bottom: 3px solid var(--c-secondary);
}

/*  */


/* PROCESO COMPRA */
.proceso-compra .header-compra,
.proceso-compra .body-compra {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.proceso-compra .body-compra {
    padding-left: 190px;
    padding-right: 190px;
    position: relative;
}

.proceso-compra .body-compra .section-title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}

.proceso-compra .body-compra .section-title.little {
    text-transform: none;
    font-weight: 600;
}

.proceso-compra .body-compra .section-separator {
    border-top: 1px solid var(--c-grey-light);
    display: flex;
}

.proceso-compra .body-compra .section-separator .section-title {
    font-size: 15px;
    position: relative;
    padding-top: 15px;
}

.proceso-compra .body-compra .section-separator .section-title:after {
    position: absolute;
    top: 0;
    content: "";
    left: 0;
    width: 100%;
    height: 5px;
    background-color: var(--c-black);
}

.proceso-compra .body-compra.finalizada {
    display: none;
}

.proceso-compra.compra-finalizada .body-compra.finalizada {
    display: block;
}

.proceso-compra.compra-finalizada .body-compra.resumen {
    display: none;
}

.proceso-compra .body-compra.finalizada:after {
    font-size: 20px;
    font-weight: bold;
    top: 50px;
    left: 130px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    content: "done";
    color: #fff;
    background-color: var(--c-success);
    border-radius: 50%;
    font-family: 'Material Icons';
}

.proceso-compra .body-compra.finalizada .mensaje {
    font-size: 14px;
    max-width: 550px;
}

.proceso-compra .body-compra.finalizada .link-arrow {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--c-primary);
}

.proceso-compra .body-compra.finalizada .link-arrow span.material-icons {
    font-size: 20px;
    padding-left: 10px;
}

.proceso-compra .body-compra.finalizada .link-arrow:hover span:not(.material-icons) {
    text-decoration: underline;
}

@media screen and (max-width: 991px) {
    .proceso-compra .body-compra {
        padding-left: 0px;
        padding-right: 0;
    }

    .proceso-compra.compra-finalizada .body-compra.finalizada {
        padding-left: 55px;
    }

    .proceso-compra.compra-finalizada .body-compra.finalizada:after {
        left: 0px;
    }
}

/* END PROCESO COMPRA */


/* BLOQUES QUIENES SOMOS HOME */
.quienes-somos {}

.quienes-somos .section-title.little {
    font-size: 12px;
}

.quienes-somos .listado-empresas {
    margin: 0 auto;
    ;
}

.quienes-somos .listado-empresas .item {
    padding: 1px;
}

.quienes-somos .listado-empresas .empresa {
    border: 1px solid var(--c-grey-light);
    height: 100px;
}

.quienes-somos .listado-empresas .empresa a {
    transition: background-color 0.3s ease-out;
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 10px 25px;
    background-color: rgba(255, 255, 255, 0.8);
}

.quienes-somos .listado-empresas .empresa a:hover {
    background-color: rgba(255, 255, 255, 1);
}

.quienes-somos .listado-empresas .empresa img {
    max-width: 100%;
    max-height: 100%;
}

.quienes-somos .btn-colabora {
    background-color: rgba(126, 126, 126, 0.8);
    font-size: 16px;
    color: var(--c-white);
}

/* END BLOQUES QUIENES SOMOS HOME */

/* CUSTOM BANNER */
.custom-banner {
    margin-top: 90px;
    margin-bottom: 90px;
}

.custom-banner .top-row .container,
.custom-banner .bottom-row .container {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    position: relative;
}

.custom-banner .cerrar-banner {
    position: absolute;
    top: 6px;
    right: 0;
    color: var(--c-white);
    cursor: pointer;
}

.custom-banner .col-image {
    flex: 0 0 200px;
    align-self: stretch;
}

.custom-banner .col-image .image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.custom-banner .col-image .image-wrapper img {
    height: auto;
    position: absolute;
    top: -30%;
    max-width: 160px;
}

.custom-banner .col-info {
    padding-top: 20px;
    padding-bottom: 20px;
}

.custom-banner .col-info .section-title {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px;
}

.custom-banner .col-info p {
    font-size: 14px;
    color: #fff;
    font-weight: normal;
}

.custom-banner .col-info a {
    font-size: 14px;
    color: #fff;
    font-weight: normal;
}

.custom-banner .col-info p:last-child {
    margin-bottom: 0;
}

.custom-banner .col-actions {
    padding: 10px 0;
    display: flex;
    flex-wrap: nowrap;
}

.custom-banner .col-actions .btn {
    white-space: nowrap;
    margin-right: 10px;
}

.custom-banner .col-actions .btn:last-child {
    margin-right: 0px;
}

.custom-banner.sticky-bottom {
    position: fixed !important;
    bottom: 40px;
    z-index: 100;
    margin-bottom: 0;
}

.custom-banner.sticky-bottom.background-info {
    background-color: rgba(29, 147, 208, 0.9);
}

.custom-banner.sticky-bottom.background-inteligencia {
    background-color: rgba(98, 171, 69, 0.9);
}

.custom-banner.sticky-bottom.background-reputacion {
    background-color: rgba(237, 19, 93, 0.9);
}

.custom-banner.sticky-bottom.background-negocio-responsable {
    background-color: rgba(44, 107, 76, 0.9);
}

.custom-banner.sticky-bottom.background-proposito {
    background-color: rgba(244, 113, 21, 0.9);
}

.custom-banner.sticky-bottom.background-capital-humano {
    background-color: rgba(223, 163, 51, 0.9);
}

.custom-banner.sticky-bottom.background-metricas {
    background-color: rgba(101, 40, 112, 0.9);
}

.custom-banner .col-info {
    max-width: 680px;


}

.page-unete .custom-banner .col-image .image-wrapper img {

    left: 46px;
}


@media (min-width: 1200px) {

    .custom-banner.custom-banner-narrow .top-row .container,
    .custom-banner.custom-banner-narrow .bottom-row .container {
        max-width: 1100px;
    }
}

@media (max-width: 1199px) {

    .custom-banner .top-row .container,
    .custom-banner .bottom-row .container {
        flex-wrap: wrap;
    }

    .custom-banner .col-actions {
        /* flex: 0 0 100%; */
        width: 80%;
    }

    .custom-banner .col-image {
        display: none;
    }

    .custom-banner .col-info {

        margin-right: 0;
        width: 80%;
        max-width: 100%;

    }

    .custom-banner .cerrar-banner {

        right: 20px;
    }

}

@media (min-width: 767px) {
    .custom-banner .cerrar-banner {
        right: 20px;
    }
}

@media (max-width: 575px) {

    .custom-banner .top-row .container,
    .custom-banner .bottom-row .container {
        padding: 0 25px;
    }
}

/* END CUSTOM BANNER */


/* COLABORA */
.colabora .section-title {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.colabora .section-subtitle {
    font-size: 16px;
    font-weight: 600;
}

.colabora .top-row .container {
    text-align: center;
}

.colabora .bottom-row .section-dudas {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.colabora .bottom-row .section-dudas a {
    text-decoration: none;
    color: inherit;
    font-weight: 700;
    font-style: italic;
}

.colabora .newsletter {
    margin-top: -10px;
}

@media (max-width: 767px) {
    .colabora .section-title {
        font-size: 23px;
    }
}

/* END COLABORA */


/* PLAN */
.planes .bottom-row .row {
    align-items: center;
}

.item:has(.plan) {
    height: 100%;
}

.plan {
    height: 100%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 27px 34px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    transition: all .2s ease-in-out;
}

.plan:hover {
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
}

.plan .title {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.plan .descripcion {
    font-size: 13px;
    font-weight: 500;
    color: var(--c-black);
    margin-bottom: 8px;
}

.plan .icono {
    height: 90px;
    width: 120px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.plan ul {}

.plan ul li {
    font-size: 13px;
    font-weight: 800;
    color: var(--c-black);
    padding-bottom: 14px;
}

.plan .btn-pink {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.plan .btn-pink .material-icons {
    color: white;
}

.plan.destacado {
    height: 520px;
}

.plan.destacado .title {
    font-size: 24px;
}

@media (max-width: 991px) {
    .planes .bottom-row .col {
        flex: 0 0 100%;
    }

    .plan.destacado {
        height: 100%;
    }
}

@media (max-width: 767px) {
    .plan {
        margin-bottom: 20px;
    }
}

/* END PLAN */


/* BLOQUE COLABORA IMAGEN */
.colabora-custom-image {
    height: 520px;
}

.colabora-custom-image .section-title {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    font-family: var(--f-primary);
    --min: 33;
    --max: 48;
    --mintrans: 360;
    --maxtrans: 1920;
    font-size: clamp(var(--min) * 1px, calc((var(--max) - var(--min)) * ((100vw - var(--mintrans)* 1px) / (var(--maxtrans) - var(--mintrans))) + var(--min) * 1px), var(--max) * 1px) !important;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.04;
    letter-spacing: 1.44px;
    text-align: center;
    color: #fff;
}

.colabora-custom-image .section-subtitle {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    font-family: var(--f-primary);
    --min: 18;
    --max: 34;
    --mintrans: 360;
    --maxtrans: 1920;
    font-size: clamp(var(--min) * 1px, calc((var(--max) - var(--min)) * ((100vw - var(--mintrans)* 1px) / (var(--maxtrans) - var(--mintrans))) + var(--min) * 1px), var(--max) * 1px) !important;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: 1.02px;
    text-align: center;
    color: #fff;
}

.colabora-custom-image .block {
    height: 100%;
}

.colabora-custom-image .top-row {
    height: calc(100% - 93px);
    display: flex;
    align-items: flex-end;
}

.colabora-custom-image .bottom-row {
    height: 93px;
    background-color: var(--c-white);
    opacity: .66;
}

.colabora-custom-image .bottom-row .container {
    height: 100%;
    display: flex;
}

.colabora-custom-image .bottom-row .col {
    display: flex;
    align-items: center;
    justify-content: center;
}

.colabora-custom-image .bottom-row .item {
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    color: var(--c-black);
    text-transform: uppercase;
    text-align: center;
}

.colabora-custom-image .bottom-row .item .num {
    font-size: 21px;
    line-height: 21px;
}

@media (max-width: 991px) {
    .colabora-custom-image .section-title {
        font-size: 32px;
    }

    .colabora-custom-image .section-subtitle {
        font-size: 16px;
    }

    .colabora-custom-image .top-row {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .colabora-custom-image .bottom-row {
        height: 173px;
        padding: 10px;
    }

    .colabora-custom-image .bottom-row .col {
        flex: 0 0 100%;
        justify-content: flex-start;
        padding-bottom: 5px;
    }

    .colabora-custom-image .bottom-row .item {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        text-align: left;
    }

    .colabora-custom-image .bottom-row .item .num {
        padding-right: 8px;
        font-size: 16px;
        line-height: 16px;
    }
}

/* END BLOQUE COLABORA IMAGEN */


/* COLABORA BANNER CONTENIDO */
.custom-banner-contenido .col-info {
    padding-top: 35px;
    margin-bottom: 35px;
}

.custom-banner-contenido .col-info .section-title {
    font-size: 19px;
    font-weight: 600;
}

.custom-banner-contenido .bottom-row {
    margin-bottom: 60px;
}

.custom-banner-contenido .item {}

.custom-banner-contenido .item .icono {
    display: block;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin-bottom: 18px;
}

.custom-banner-contenido .item .contenido {}

.custom-banner-contenido .item .contenido .title {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.custom-banner-contenido .item .contenido .descripcion {
    font-size: 14px;
}

.custom-banner-contenido .item .btn {
    background-color: var(--c-white);
    color: var(--c-primary);
    font-size: 20px;
    font-weight: 600;
    border-radius: 4px;
}

@media (max-width: 991px) {
    .custom-banner-contenido .col-info {
        margin-bottom: 0;
    }

    .custom-banner-contenido .bottom-row .col {
        flex: 0 0 100%;
        margin-bottom: 30px;
    }

    .custom-banner-contenido .bottom-row .col:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .custom-banner-contenido .item .btn {
        font-size: 16px;
        white-space: initial;
        width: 100%;
        height: 68px;
    }
}

/* END COLABORA BANNER CONTENIDO */


/* COLABORA INTANGIBLE */
.intangible {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    height: 250px;
    padding: 25px;
    margin-bottom: 25px;
}

.intangible .icono {
    display: block;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background-color: var(--c-primary);
    margin-bottom: 18px;
}

.intangible .title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.intangible .descripcion {
    font-size: 14px;
}

@media (max-width: 991px) {
    .intangibles .bottom-row .col {
        flex: 0 0 100%;
    }

    .intangible {
        height: 100%;
    }
}

/* END COLABORA INTANGIBLE */


/* CUSTOM VIDEO */
.custom-video {
    margin-top: 70px;
    margin-bottom: 70px;
}

.custom-video .top-row .container,
.custom-video .bottom-row .container {
    display: flex;
}

.custom-video .col-image {
    flex: 0 0 740px;
    position: relative;
}

.custom-video .col-image iframe {
    height: 490px;
    width: 100%;
}

.custom-video .col-image .image-wrapper {}

.custom-video .col-image .image-wrapper img {
    width: 100%;
}

.custom-video .col-image .icono {
    height: 140px;
    width: 140px;
    background: rgba(255, 255, 255, .4);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-video .col-image .icono .material-icons {
    border: 4px solid var(--c-primary);
    font-size: 82px;
    border-radius: 50%;
    color: var(--c-primary);
}

.custom-video .col-info {
    padding: 10px 24px;
    text-align: left;
}

.custom-video.custom-video-profesionales .section-title {
    margin-bottom: 0;
}

.custom-video.custom-video-profesionales .bottom-row .container {
    justify-content: center;
}

@media (max-width: 1199px) {
    .custom-video .top-row .container {
        flex-wrap: wrap;
    }

    .custom-video .col-image {
        flex: 0 0 100%;
    }
}

/* END CUSTOM VIDEO */


/* CUSTOM CONTACTO */
/* .custom-contacto { z-index: -1; } */
.custom-contacto .top-row {
    padding-top: 64px;
    padding-bottom: 64px;
}

.custom-contacto .top-row .section-title {
    margin-bottom: 15px;
}

.custom-contacto .top-row .section-subtitle {
    margin-bottom: 40px;
}

/* END CUSTOM CONTACTO *//**/ 
/*theme_print.css*/ 
@page { size: A4; margin: 1.5cm; font-size: 14pt; }
@media print {
/* PAGE */


/* GENERAL */

*,
*:before,enter code here
*:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
a, a:visited { /*text-decoration: underline;*/ }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
select { background: #fff !important; }
.navbar { display: none; }
.btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; }
.label { border: 1px solid #000; }
.table { border-collapse: collapse !important; }
.table td, .table th { background-color: #fff !important; }
.table-bordered th, .table-bordered td { border: 1px solid #ddd !important; }
.row { display: block; margin: 0; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-form-label , .col-form-label-lg, .col-form-label-sm, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { display: block; width: auto !important; padding: 0 !important; flex: 0 0 100%; max-width: 100%; }


/* PERSONALIZACION */

body { font-family: Georgia, 'Times New Roman', Times, serif; color: #333; font-size: 12pt; line-height: 1.3; }

h1 { font-size: 18pt; }
h2 { font-size: 16pt; margin-top: 25px; font-weight: bold; }
h3 { font-size: 14pt; margin-top: 15px; font-weight: bold; }
h4 { font-size: 13pt; }

.oculto,
.btnDesplegableLateral ,
.desplegableLateral ,
.row-compartimos ,
#mapaFooter ,
#footer ,
.fixed-action-btn ,
.personas-relacionadas,
.row-buscador,
.rowBuscadorFull,
.recursoVinculado,
.UrlImagenOculto,
.sliderFichaContenido,
.componente-descargable ,
.fixedVerticalMenu ,
.sliderPrincipal , 
.contenidoRelacionado ,
.colaboradores ,
.loMasLeido ,
.contenidoTwitter ,
.tePuedeInteresar ,
.comentarios ,
.paginador ,
.divEnlaces ,
iframe ,
.enlaceLogo::after ,
.aaCabecera #header .fila .nav-filter ,
#destacados,
#informe,
#recursos-relacionados,
#materiales,
#recursos ,
.masInformacion ,
.consultasComunidad .escribe-consulta ,
.imagenDestacada { display: none !important; }


.aaCabecera { position: relative; }
.aaCabecera #header .fila { display: block; height: auto; padding: 15px 0; }
.aaCabecera #header .fila .divLogo .enlaceLogo img { max-height: 80px; }

.container { margin: 0 auto !important; padding: 0 !important; width: auto !important; max-width: 1024px; }
.container[role="main"] { margin-top: 20px !important; }


.desplegable-mas {  }
.desplegable-mas .header { height: auto; line-height: normal; border: 0; padding: 0; }
.desplegable-mas .header .titulo { padding: 0 !important; font-weight: 600; }
.desplegable-mas .header .material-icons { display: none; }
.desplegable-mas .body { display: block !important; padding: 0 !important; }
.desplegable-mas .body .btn { display: none !important; }

.item-fecha { display: block; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #000; }
.item-fecha .calendario { display: block; max-width: 100%; height: auto; border: 0; padding: 0; text-align: left; margin-bottom: 10px; }
.item-fecha .calendario::before ,
.item-fecha .calendario::after { display: none; }
.item-fecha .calendario span { font-size: 12pt !important; }
.item-fecha .calendario .dia { display: inline; }
.item-fecha .calendario .mes { position: relative; line-height: normal; display: inline; }
.item-fecha.exclusivo .calendario .exclusivo,
.item-fecha.guardado .calendario .guardado { display: inline !important; position: inherit; }
.item-fecha.exclusivo .calendario .exclusivo::after { width: auto; height: auto; background: none; content: '(exclusivo)'; }
.item-fecha.guardado .calendario .guardado::after { width: auto; height: auto; background: none; content: '(guardado)'; }
.item-fecha .resto-datos { display: block; width: 100%; padding: 0; }
.item-fecha .resto-datos .tipo { margin-bottom: 10px; }
.item-fecha .resto-datos .tipo p { display: inline; }
.item-fecha .resto-datos .datos-evento { display: block; }
.item-fecha .resto-datos .datos-evento .datos { max-width: 100%; }
.item-fecha .resto-datos .datos-evento .datos .titulo {  }
.item-fecha .resto-datos .datos-evento .datos .titulo h4 {  }
.item-fecha .resto-datos .datos-evento .datos .titulo h4 a {  }
.item-fecha .resto-datos .datos-evento .datos .lugar {  }
.item-fecha .resto-datos .datos-evento .datos .lugar p { padding: 0; font-size: 10pt; }
.item-fecha .resto-datos .datos-evento .datos .lugar p::after { display: none; }
.item-fecha .resto-datos .datos-evento .localizacion { max-width: 100%; padding-left: 0; }
.item-fecha .resto-datos .datos-evento .localizacion span { padding: 0; }
.item-fecha .resto-datos .datos-evento .localizacion span::after { display: none; }
.item-fecha .resto-datos .datos-evento .localizacion span.ubicacion {  }
.item-fecha .resto-datos .datos-evento .localizacion span.hora {  }
.item-fecha .resto-datos .datos-evento .acciones { display: none; }

.bloqueTitulo { height: auto !important; }
.bloqueTitulo span { height: auto !important; line-height: normal; font-size: 16pt; margin-top: 25px; font-weight: bold; }
.bloqueTitulo .linea { display: none; }

.etiquetaTitulo { padding: 0; margin-bottom: 30px; }
.etiquetaTitulo span { width: auto; font-size: 16pt; font-weight: bold; }

.fichaDefault .tituloBloque { font-size: 16pt; font-weight: bold; margin-bottom: 30px; display: block; }



.fichaDefault .container[role="main"] .col02 .box { margin-bottom: 50px; page-break-inside: avoid; }
.fichaDefault .container[role="main"] .col02 .box h3 { opacity: 1; margin-bottom: 30px; }



.fichaDefault .listadoPersonas .listado-personas {  }
.fichaDefault .listadoPersonas .listado-personas .item-persona { margin-bottom: 30px; display: block; }
.fichaDefault .listadoPersonas .listado-personas .item-persona .imagen-persona { display: none; }
.fichaDefault .listadoPersonas .listado-personas .item-persona .datos-persona { width: auto; max-width: 100%; padding: 0; }

.fichaDefault #contacto .botonera { display: block; }
.fichaDefault #contacto .botonera a { height: auto; line-height: normal; padding: 0; margin: 20px 0; width: auto; text-align: left; display: block; }
.fichaDefault #contacto .datosContacto.conImagen .titulo ,
.fichaDefault #contacto .datosContacto.conImagen .imagen { display: none; }
.fichaDefault #contacto .datosContacto.conImagen .datos { width: auto; max-width: 100%; }




.fichaDefault #plan-estudio > p { margin-bottom: 30px; }
.fichaDefault #plan-estudio .tabla-estructura .cabecera { display: none; }
.fichaDefault #plan-estudio .tabla-estructura .colums { display: block; }
.fichaDefault #plan-estudio .tabla-estructura .colums .colum { width: 100%; max-width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #000; }
.fichaDefault #plan-estudio .tabla-estructura .colums .colum .titulo {  }
.fichaDefault #plan-estudio .tabla-estructura .colums .colum .titulo p { display: inline; margin-right: 5px; }
.fichaDefault #plan-estudio .tabla-estructura .colums .colum .fechas {  }
.fichaDefault #plan-estudio .tabla-estructura .colums .colum .fechas p { display: inline; margin-right: 5px; }

.fichaDefault .listadoPersonas .listado-personas ,
.fichaDefault #claustro-profesores .listado-personas ,
.fichaDefault #direccion-academica .listado-personas { display: block; width: 100%; max-width: 100%; }
.fichaDefault .listadoPersonas .listado-personas .item-persona ,
.fichaDefault #claustro-profesores .listado-personas .item-persona ,
.fichaDefault #direccion-academica .listado-personas .item-persona { display: block; max-width: 100%; margin: 0; margin-bottom: 30px; height: auto !important; }
.fichaDefault .listadoPersonas .listado-personas .item-persona .datos-persona ,
.fichaDefault #claustro-profesores .listado-personas .item-persona .datos-persona ,
.fichaDefault #direccion-academica .listado-personas .item-persona .datos-persona { opacity: 1; height: auto; padding: 0; }
.fichaDefault .listadoPersonas .listado-personas .item-persona .datos-persona p ,
.fichaDefault #claustro-profesores .listado-personas .item-persona .datos-persona p ,
.fichaDefault #direccion-academica .listado-personas .item-persona .datos-persona p { margin-bottom: 10px; }



.fichaDefault .etiquetas {  }
.fichaDefault .etiquetas ul { list-style: none; margin: 0; padding: 0; }
.fichaDefault .etiquetas ul li { display: inline-block; margin-right: 20px; }

.fichaMultimedia .container[role="main"] .col01 .tipoFicha a {  }
.fichaMultimedia .container[role="main"] .col01 .tipoFicha a::after { content: " (" attr(data-href) ")"; }

.fichaKitConocimiento .container[role="main"] .col02 .box h3 { height: auto; }
.fichaKitConocimiento .container[role="main"] .col02 .box h3 span { height: auto; line-height: normal; }
.fichaKitConocimiento .container[role="main"] .col02 .box h3 .linea { display: none; }



.fichaReport #temas {  }
.fichaReport #temas .listado-bullets {  }
.fichaReport #temas .listado-bullets li {  }
.fichaReport #temas .listado-bullets li a {  }
.fichaReport #temas .listado-bullets li a.ico { display: inline-block; }
.fichaReport #temas .listado-bullets li a.ico span { display: none; }
.fichaReport #temas .listado-descargas { display: none; }



.row-datos-organizacion {  }
.row-datos-organizacion p.cabecera { font-size: 16pt; font-weight: bold; }
.row-datos-organizacion .row-imagen-datos { display: block; }
.row-datos-organizacion .row-imagen-datos .wrap { display: none; }
.row-datos-organizacion .row-imagen-datos .colDatos { width: 100%; max-width: 100%; }
.row-datos-organizacion .row-imagen-datos .colDatos p.dato { margin-bottom: 5px; }
.row-datos-organizacion .row-imagen-datos .colDatos p.dato label { font-weight: bold; margin-right: 5px; }

.row-ficha-stakeholders {  }
.row-ficha-stakeholders .cabecera { height: auto; line-height: normal; padding-left: 0; display: block; }
.row-ficha-stakeholders .cabecera .imagenPersona { display: none; }
.row-ficha-stakeholders p.cabecera { font-size: 16pt; font-weight: bold; padding: 0; }
.row-ficha-stakeholders .cabecera p.nombre { font-size: 24px; font-weight: 700; }
.row-ficha-stakeholders .cabecera .descargar-ficha { display: none; }
.row-ficha-stakeholders .ficha-tecnica { page-break-inside: avoid; }
.row-ficha-stakeholders .notas { page-break-inside: avoid; padding-left: 0; }
.row-ficha-stakeholders .pie { display: none; }
.row-ficha-stakeholders p.dato { margin-bottom: 5px; }
.row-ficha-stakeholders p.dato label { font-weight: bold; margin-right: 5px; }
.row-ficha-stakeholders .datos-persona { padding: 20px 0; }
.row-ficha-stakeholders .datos-persona p {  }
.row-ficha-stakeholders .datos-persona p:nth-child(1),
.row-ficha-stakeholders .datos-persona p:nth-child(2) { display: none; }
.row-ficha-stakeholders .datos-persona p:nth-child(3) {  }
.row-ficha-stakeholders .datos-persona p:nth-child(3) label { display: none; }
.row-ficha-stakeholders .datos-persona p:nth-child(3) a { font-size: 20px; font-weight: 600; display: block; margin-bottom: 20px; text-decoration: none; }
.row-ficha-stakeholders .ficha-tecnica { padding: 20px 0; }
.row-ficha-stakeholders .ficha-tecnica .wrap { padding: 20px 0; }
.row-ficha-stakeholders .engagement { padding-left: 0; }
.row-ficha-stakeholders .engagement .wrap { padding: 20px 0; }
.row-ficha-stakeholders .notas .wrap { padding: 0; }

.fichaEvento .container[role="main"] > .row > .col01 > div { page-break-inside: avoid; }
.fichaEvento .container[role="main"] > .row > .col02 > div { margin-bottom: 30px; page-break-inside: avoid; }

.fichaEvento .rowCabecera { margin-bottom: 30px; }
.fichaEvento .rowCabecera .col .fecha,
.fichaEvento .rowCabecera .col .lugar { display: inline; }
.fichaEvento .rowCabecera .col .fecha { margin-right: 10px; }
.fichaEvento .rowCabecera .col.coldch { display: none; }

.fichaEvento .rowCuerpo .ponentes .listado-ponentes {  }
.fichaEvento .rowCuerpo .ponentes .listado-ponentes .item-ponente { display: block; }
.fichaEvento .rowCuerpo .ponentes .listado-ponentes .item-ponente .imagen-ponente { display: none; }
.fichaEvento .rowCuerpo .ponentes .listado-ponentes .item-ponente .datos-ponente { padding: 0; width: 100%; max-width: 100%; }

.fichaEvento .rowCuerpo .ubicacion .mapa { display: none; }
.fichaEvento .rowCuerpo .ubicacion .datos-ubicacion p { display: inline-block; margin-right: 5px; }
.fichaEvento .rowCuerpo .ubicacion .datos-ubicacion p.cuando { display: block; margin-right: 0; margin-bottom: 10px; margin-top: 10px; }
.fichaEvento .rowCuerpo .ubicacion .datos-ubicacion a.agregar { display: none; }

.fichaEvento .rowCuerpo .asistentes { display: none; }



.fichaArticulo { font-family: 'Montserrat', 'sans-serif'; }
.fichaArticulo .aaCabecera #header .fila .divLogo .enlaceLogo .logo { max-height: 80px; margin-bottom: 20px; }
.fichaArticulo .subtitulo p { color: #B0CED5 !important; text-transform: uppercase; font-size: 22px; font-weight: 400; margin-bottom: 15px; }
.fichaArticulo .titulo p { color: #000; font-size: 32px; font-weight: 600; line-height: 1.2; margin-bottom: 20px; }
.fichaArticulo .fecha p { color: #000; font-size: 22px; font-weight: 400; margin-bottom: 40px; }
.fichaArticulo .descripcion p { line-height: 1.4; font-size: 20px; margin-bottom: 15px; }
.fichaArticulo .etiquetas ul { display: none; }



.fichaConocimiento { font-family: 'Montserrat', 'sans-serif'; }

.fichaConocimiento .sliderFichaContenido .contenido h2,
.fichaConocimiento .sliderFichaContenido .opciones,
.fichaConocimiento .etiquetas ul,
.fichaConocimiento .div-btn-comprar { display: none; }

.fichaConocimiento .aaCabecera #header .fila .divLogo .enlaceLogo .logo { max-height: 80px; margin-bottom: 20px; }

.fichaConocimiento .sliderFichaContenido { display: block !important; }
.fichaConocimiento .sliderFichaContenido .contenido { display: flex; flex-wrap: wrap; position: relative; }
.fichaConocimiento .sliderFichaContenido .contenido .resourceType { color: #B0CED5 !important; text-transform: uppercase; font-size: 22px; font-weight: 400; margin-bottom: 15px; order: 1; }
.fichaConocimiento .sliderFichaContenido .contenido .resourceType .date { color: #000; font-size: 22px; font-weight: 400; margin-bottom: 10px; margin-bottom: 40px; position: absolute; bottom: 0; margin: 0; }
.fichaConocimiento .sliderFichaContenido .contenido .descripcion { color: #000; font-size: 32px; font-weight: 600; line-height: 1.2; order: 2; margin-bottom: 50px; } 
.fichaConocimiento .container[role="main"] > .row { margin-top: 40px; }
.fichaConocimiento .container[role="main"] > .row p { line-height: 1.4; font-size: 20px; margin-top: 20px; line-height: 1.4; font-size: 20px; margin-bottom: 15px; }



.fichaNoticia { font-family: 'Montserrat', 'sans-serif'; }

.fichaNoticia .aaCabecera #header .fila .divLogo .enlaceLogo .logo { max-height: 80px; margin-bottom: 20px; }
.fichaNoticia .rowDescripcion .titulo p { color: #B0CED5 !important; text-transform: uppercase; font-size: 22px; font-weight: 400; margin-bottom: 15px; }
.fichaNoticia .rowDescripcion .subtitulo { color: #000; font-size: 32px; font-weight: 600; line-height: 1.2; margin-bottom: 40px; text-transform: none; }
.fichaNoticia .rowDescripcion .descripcion { text-transform: none; line-height: 1.4; font-size: 20px; margin-bottom: 15px; }





.fichaPersona { font-family: 'Montserrat', 'sans-serif'; }
.fichaPersona .etiquetaTitulo { display: none; }
.fichaPersona .row-buscador { display: block !important; margin-bottom: 30px; }
.fichaPersona .row-buscador .busquedaGenerica { display: block; max-width: 100%; }
.fichaPersona .row-buscador .busquedaGenerica .filtro { display: block; height: auto; line-height: normal; border: 0; }
.fichaPersona .row-buscador .busquedaGenerica .filtro ul { max-width: 100%; padding: 0; margin: 0; }
.fichaPersona .row-buscador .busquedaGenerica .filtro ul li { max-width: 100%; display: none; padding: 0; line-height: normal; }
.fichaPersona .row-buscador .busquedaGenerica .filtro ul li.activo { display: block; }
.fichaPersona .row-buscador .busquedaGenerica .filtro .material-icons { display: none; }
.fichaPersona .row-buscador .busquedaGenerica input { display: none; }
.fichaPersona .row-buscador .busquedaGenerica a.buscar { display: none; }





}/**/ 
/*themeeuropublic.css*/ 
@charset "UTF-8";

:root {
    --c-light-gray: #f7f7f799;
}

/* CCO Testimonios */
.page-somosce #visionCE.testimonios .owl-carousel {
    display: block;
}

/* Ajuste Objetos de conocimiento - Miniaturas simplicity */
.item-report-widget .wrap .pie {
    top: 200px;
    bottom: auto;
    transition: top 0.3s ease-in-out;
}

.item-report-widget:hover .wrap .pie {
    top: 100px;
}

/* Ficha Colaborador */
.fichaDefault .tituloBloque {
    font-size: 20px;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 20px;
    display: block;
}

.fichaColaborador #colaborador .cabecera>p {
    color: #000;
    background: #0092e6;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    padding-left: 170px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

/* Búsquedas Image Dimensions */
/* #panResultados.gridView .resource-list .resource .wrap .rowImage,
#panResultados.gridView .resource-list .resource .rowImage .imagen {
    height: auto !important;
}

#panResultados.gridView .resource-list .resource .rowImage {
    max-height: none !important;
} */

/* #panResultados.gridView .resource-list .resource .rowImage img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 192px;
}

@media (min-width: 768px) {
    #panResultados.gridView .resource-list .resource .rowImage img {
        width: 154px !important;
        height: 102px;
    }
}

@media (min-width: 992px) {
    #panResultados.gridView .resource-list .resource .rowImage img {
        width: 214px !important;
        height: 142px;
    }
}

@media (min-width: 1200px) {
    #panResultados.gridView .resource-list .resource .rowImage img {
        width: 260px !important;
        height: 173px;
    }
} */

/* Resultados de búsqueda: container categorias */
.listadoBlog #panResultados .resource-list .resource .rowText .top {
    flex-direction: column;
}

/* Noticia destacada */
.fichaNoticia .imagenDestacada::after,
.fichaNoticia .imagenDestacada:hover::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7455182757) 20%, rgba(0, 0, 0, 0) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.fichaNoticia .imagenDestacada h1 {
    font-family: "Montserrat", sans-serif;
}

/* Color del icono de la imagen del usuario */
.imagenUsuario span {
    background-color: #0092e6;
}

/* Contenidos relacionados */
.contenidoRelacionado h2.section-title {
    position: static !important;
}

.item-workshop-widget .cabecera .tipo {
    background-color: #666666;
}

.fichaWorkshop #recursos>.tipoRecurso {
    background-color: #0092e6;
}

.fichaDefault #materiales .wrap .listado-materiales ul li.programa span {
    color: #0f98a7;
}

.fichaDefault #materiales .wrap .listado-materiales ul li span {
    color: #666666;
}

.fichaDefault #materiales .wrap .listado-materiales ul li a {
    color: #0f98a7;
}

/* Titular noticias */
h1.title-news {
    font-family: "Montserrat", serif;
    color: #000;
    line-height: 1;
    margin-bottom: 1.5rem;
}

/* Footer newsletter */
#mce-success-response {
    background-color: #00b94a !important;
    color: white !important;
    /*padding-left: 10% !important;*/
    padding: 15px !important;
}

/* Loader Metabuscador */
.loaderCorporate {
    width: 66px;
    height: 15px;
    position: relative;
}

.loaderCorporate span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    animation: loadingCorporate 2s infinite ease-out;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0) scale(0);
}

.loaderCorporate span:first-child {
    background-color: #69ba53;
    animation-delay: -2s;
}

.loaderCorporate span:nth-child(2) {
    background-color: #368ecd;
    animation-delay: -1.5s;
}

.loaderCorporate span:nth-child(3) {
    background-color: #e41e52;
    animation-delay: -1s;
}

.loaderCorporate span:nth-child(4) {
    background-color: #f58220;
    animation-delay: -0.5s;
}

@keyframes loadingCorporate {
    0% {
        transform: translate(0) scale(0);
        z-index: 1;
    }

    25% {
        transform: translate(0) scale(1);
        z-index: 2;
    }

    50% {
        transform: translate(170%) scale(1);
        z-index: 2;
    }

    75% {
        transform: translate(340%) scale(1);
        z-index: 2;
    }

    100% {
        transform: translate(340%) scale(0);
        z-index: 1;
    }
}

/* Tipografias */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif;
}

/* Logos */
.componenteLogos2 .row .col .row .col {
    max-width: 150px;
}

/* Quitar lo de cambiar la imagen en el hover y poner lo de abajo */
.componenteLogos2 .row .col .row .col div a span img {
    transition: 0.3s;
}

.componenteLogos2 .row .col .row .col div a span:hover img {
    mix-blend-mode: luminosity;
    opacity: 0.5;
}

/* Fix: cabeceras con espacios en blanco */
#header {
    background-color: transparent !important;
}

.top-header {
    background-color: var(--cWhite) !important;
}

.mid-header {
    background-color: var(--cWhite) !important;
}

/* .page-interioractividad .container[role=main],
body.conHeaderMiembro .container[role=main] {
    margin-top: 26px;
} */
/*
@media (min-width: 1200px) {

    .page-interioractividad .container[role=main],
    body.conHeaderMiembro .container[role=main] {
        margin-top: 190px;
    }
} */

.rowBuscadorFull.conSlider~.container[role=main] {
    margin-top: 0 !important;
}

/* Cabecera Tipo de Recurso > Curso */
body.fichaDefault.fichaCurso.invitado .container[role=main],
body.fichaDefault.fichaCurso.invitado .sliderPrincipal {
    margin-top: 180px;
}

/* Loader */
.loaderCorporate {
    width: 66px;
    height: 15px;
    position: relative;
}

.loaderCorporate span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    animation: loadingCorporate 2s infinite ease-out;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0) scale(0);
}

.loaderCorporate span:first-child {
    background-color: #69ba53;
    animation-delay: -2s;
}

.loaderCorporate span:nth-child(2) {
    background-color: #368ecd;
    animation-delay: -1.5s;
}

.loaderCorporate span:nth-child(3) {
    background-color: #e41e52;
    animation-delay: -1s;
}

.loaderCorporate span:nth-child(4) {
    background-color: #f58220;
    animation-delay: -0.5s;
}

@keyframes loadingCorporate {
    0% {
        transform: translate(0) scale(0);
        z-index: 1;
    }

    25% {
        transform: translate(0) scale(1);
        z-index: 2;
    }

    50% {
        transform: translate(170%) scale(1);
        z-index: 2;
    }

    75% {
        transform: translate(340%) scale(1);
        z-index: 2;
    }

    100% {
        transform: translate(340%) scale(0);
        z-index: 1;
    }
}

/* Colores frases blog */
.item-destacado-blog .background.bgAzul,
.item-destacado-blog .background.bgRosa {
    background-color: var(--cWhite);
}

.item-destacado-blog .background {
    display: flex;
    justify-content: center;
}

.destacados-blog .item-destacado-blog .background p {
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-align: center;
    line-height: 1.27;
}

.destacados-blog .w30 .item-destacado-blog .background p {
    text-align: left;
    line-height: 1.5;
    padding-top: 2px;
    padding-bottom: 2px;
}

.destacados-blog .wrap {
    text-align: center;
}

.destacados-blog .w30 .wrap {
    text-align: left;
}

.destacados-blog:nth-child(4n+1) .item-destacado-blog .background.bgAzul p {
    background-color: #0092e6;
}

.destacados-blog:nth-child(4n+1) .item-destacado-blog .background.bgRosa p {
    background-color: #e60042;
}

.destacados-blog:nth-child(4n+2) .item-destacado-blog .background.bgAzul p {
    background-color: #6abd23;
}

.destacados-blog:nth-child(4n+2) .item-destacado-blog .background.bgRosa p {
    background-color: #f28205;
}

.destacados-blog:nth-child(4n+3) .item-destacado-blog .background.bgAzul p {
    background-color: #0092e6;
}

.destacados-blog:nth-child(4n+3) .item-destacado-blog .background.bgRosa p {
    background-color: #e60042;
}

.destacados-blog:nth-child(4n+4) .item-destacado-blog .background.bgAzul p {
    background-color: #6abd23;
}

.destacados-blog:nth-child(4n+4) .item-destacado-blog .background.bgRosa p {
    background-color: #f28205;
}

/* Register Page */
.register-wrap {
    background-image: url(https://content.gnoss.ws/imagenes/proyectos/personalizacion/d4ca22ca-4c3c-460f-8d31-8f3e951ed0b0/cms/cabecera_hp.jpg);
    background-position: center;
    background-size: cover;
    min-height: calc(100vh - 70px);
    position: relative;
}

@media screen and (min-width: 992px) {
    .register-wrap {
        min-height: calc(100vh - 180px);
    }
}

.register-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.register-wrap .register-content {
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 992px) {
    .register-wrap .register-content {
        padding-right: 30px;
    }
}

.register-wrap .register-content h2 {
    color: var(--cPink);
}

.register-wrap .register-content p {
    font-size: 1.125rem;
    color: var(--cWhite);
}

.register-wrap .register-content ul li {
    font-size: 1.125rem;
    color: var(--cWhite);
}

.register-wrap .register-form-box {
    position: relative;
    z-index: 2;
    background-color: var(--cWhite);
    padding: 40px;
    border-top: 10px solid var(--cPink);
}

@media screen and (min-width: 992px) {
    .register-wrap .register-form-box {
        padding: 50px 60px;
    }
}

.register-wrap .register-form-box h3 {
    color: var(--cPink);
    margin-bottom: 22px;
}

.register-wrap .register-form-box form .form-select {
    width: 100%;
}

.register-wrap .register-form-box form .form-check-input {
    margin-top: 3px !important;
    margin-left: 0;
}

.register-wrap .register-form-box form .form-check-label {
    font-size: 13px;
    font-weight: 400;
}

/* Approaching the future Page */
/* Approaching the future Page */
/* Approaching the future Page */
:root {
    --cWhite: #ffffff;
    --cLightGrey: #efeff0;
    --cMidGrey: #aaa;
    --cGrey: #666666;
    --cDarkGrey: #333333;
    --cGreen: #6abe45;
    --cDarkGreen: #266b4d;
    --cAqua: #0f98a7;
    --cBlue: #0490e6;
    --cBlueHover: #0052a6;
    --cPurple: #702e6b;
    --bRose: #e60042;
    --cPink: #e4476b;
    --cBeige: #c8b894;
    --cOrange: #f28205;
    --cOrange2: #fa7f0c;
    --cYellow: #fdc800;
    --bBlue2: #2f7275;
    --bYellow: #e5ad3c;
    --bGrey: #8e8e8e;
}

/* body.atf {
    padding-top: 80px;
}

body.atf h2:has(b) b {
    font-weight: 600;
}

body.atf .container[role="main"] {
    max-width: 100%;
    padding: 0;
    margin-top: 0 !important;
}

@media (min-width: 1200px) {
    body.atf {
        padding-top: 180px;
    }
} */

.sliderPrincipal.approaching {
    display: none;
}

/* Design Assets : grids */
@media screen and (min-width: 992px) {
    .col-lg-five {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* Design Assets : colors */
.color-green {
    color: var(--cGreen) !important;
}

.color-blue {
    color: var(--cBlue) !important;
}

.color-pink {
    color: var(--cPink) !important;
}

.color-orange {
    color: var(--cOrange) !important;
}

.color-white {
    color: var(--cWhite) !important;
}

.color-light-grey {
    color: var(--cLightGrey) !important;
}

.color-grey {
    color: var(--cGrey) !important;
}

h2>b.cPink {
    background-color: var(--cPink);
    color: white;
}

.cWhite h3>b {
    background-color: var(--cWhite);
}

.cLightGrey h3>b {
    background-color: var(--cLightGrey);
}

.cMidGrey h3>b {
    background-color: var(--cMidGrey);
}

.cGrey h3>b {
    background-color: var(--cGrey);
}

.cDarkGrey h3>b {
    background-color: var(--cDarkGrey);
}

.cGreen h3>b {
    background-color: var(--cGreen);
}

.cDarkGreen h3>b {
    background-color: var(--cDarkGreen);
}

.cAqua h3>b {
    background-color: var(--cAqua);
}

.cBlue h3>b {
    background-color: var(--cBlue);
}

.cBlueHover h3>b {
    background-color: var(--cBlueHover);
}

.cPurple h3>b {
    background-color: var(--cPurple);
}

.bRose h3>b {
    background-color: var(--bRose);
}

.cPink h3>b {
    background-color: var(--cPink);
}

.cBeige h3>b {
    background-color: var(--cBeige);
}

.cOrange h3>b {
    background-color: var(--cOrange);
}

.cOrange2 h3>b {
    background-color: var(--cOrange2);
}

.cYellow h3>b {
    background-color: var(--cYellow);
}

.bBlue2 h3>b {
    background-color: var(--bBlue2);
}

.bYellow h3>b {
    background-color: var(--bYellow);
}

.bGrey h3>b {
    background-color: var(--bGrey);
}

/* Design Assets : buttons */
.btn-ce {
    display: inline-block;
    color: white !important;
    border-radius: 5px;
    text-transform: none;
    font-weight: 700;
    font-size: 1rem;
    transition: all 0.3s;
    height: auto;
    padding: 14px 18px;
}

@media (min-width: 992px) {
    .btn-ce {
        font-size: 1.125rem;
    }
}

.btn-ce.w-100 {
    text-align: center;
}

.btn-ce span {
    color: var(--cWhite);
}

.btn-ce img {
    filter: brightness(100);
}

.btn-ce.btn-white img {
    filter: none;
}

.btn-ce:not(.whiteWPink):hover {
    text-decoration: none;
    opacity: 0.7;
}

.btn-ce.btn-pink {
    background-color: var(--c-primary);
}

.btn-green {
    background-color: var(--cGreen);
}

.btn-blue {
    background-color: var(--cBlue);
}

.btn-pink {
    background-color: var(--cPink);
}

.btn-orange {
    background-color: var(--cOrange);
}

.btn-white {
    background-color: var(--cWhite);
}

.btn-light-grey {
    background-color: var(--cLightGrey);
}

.btn-grey {
    background-color: var(--cGrey);
}

/* Design Assets : lists */
.clearList {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.squareList {
    list-style: none;
    padding-left: 24px;
}

ul.squareList li {
    color: var(--cDarkGrey);
    line-height: 1.35;
    margin-bottom: 7px;
}

ul.squareList li::before {
    content: "■";
    color: var(--cDarkGrey);
    font-weight: bold;
    display: inline-block;
    width: 0.875rem;
    margin-left: -1rem;
}

ul.squareList.pink li::before {
    color: var(--cPink);
}

ul.list-download {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-right: -15px;
    margin-left: -15px;
}

ul.list-download li a {
    display: flex;
    flex-direction: column;
    background-color: #fafafa;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    padding: 15px;
    padding-right: 60px;
    position: relative;
    height: 100%;
}

ul.list-download li a h4 {
    font-size: 1rem;
    color: black;
}

ul.list-download li a p {
    font-size: 0.85rem;
    margin-bottom: 0;
}

ul.list-download li a svg {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 15px;
    right: 15px;
}

ul.list-download li a:hover {
    text-decoration: none;
    background-color: #f5f5f5;
}

ul.list-download li a:hover svg path {
    fill: var(--cBlue);
}

ul.download-list {
    display: flex;
    flex-wrap: wrap;
}

ul.download-list li a.btn-atfBlue {
    width: 100%;
    font-size: 0.875rem;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
}

ul.download-list li a img {
    height: 25px;
    width: auto;
}

/* Design Assets : headers */
.atf h1,
.atf h2,
.atf h3,
.atf h4,
.atf h5 {
    font-family: "Montserrat", sans-serif !important;
    color: #333;
    font-weight: 600;
}

.atf h1 {
    font-weight: 700;
}

.atf h2 {
    letter-spacing: -1.5px;
}

@media (min-width: 576px) {
    .atf h2 {
        letter-spacing: -0.75px;
    }
}

.atf h2 b {
    font-size: 2rem;
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: var(#2d2d2d);
    font-weight: 600;
}

.atf h3 b {
    padding-left: 3px;
    padding-right: 3px;
    color: white;
    font-weight: 600;
}

.atf h4 {
    font-size: 14px;
    color: #e82962;
    letter-spacing: 1px;
    margin-left: 1px;
}

.atf .bg-pink h2 b {
    color: var(--cPink);
    background-color: var(--cWhite);
}

.atf .bg-pink h4 {
    color: var(--cWhite);
}

.title-divisor {
    text-transform: uppercase;
    font-size: 1.125rem;
    color: #555;
    display: flex;
    font-family: "Montserrat", sans-serif;
    flex-direction: column;
    align-items: start;
    font-weight: 400;
    letter-spacing: 0.1rem;
}

.title-divisor:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 2px;
    margin-top: 10px;
}

.cWhite .title-divisor:after {
    background-color: var(--cWhite);
}

.cLightGrey .title-divisor:after {
    background-color: var(--cLightGrey);
}

.cMidGrey .title-divisor:after {
    background-color: var(--cMidGrey);
}

.cGrey .title-divisor:after {
    background-color: var(--cGrey);
}

.cDarkGrey .title-divisor:after {
    background-color: var(--cDarkGrey);
}

.cGreen .title-divisor:after {
    background-color: var(--cGreen);
}

.cDarkGreen .title-divisor:after {
    background-color: var(--cDarkGreen);
}

.cAqua .title-divisor:after {
    background-color: var(--cAqua);
}

.cBlue .title-divisor:after {
    background-color: var(--cBlue);
}

.cBlueHover .title-divisor:after {
    background-color: var(--cBlueHover);
}

.cPurple .title-divisor:after {
    background-color: var(--cPurple);
}

.bRose .title-divisor:after {
    background-color: var(--bRose);
}

.cPink .title-divisor:after {
    background-color: var(--cPink);
}

.cBeige .title-divisor:after {
    background-color: var(--cBeige);
}

.cOrange .title-divisor:after {
    background-color: var(--cOrange);
}

.cOrange2 .title-divisor:after {
    background-color: var(--cOrange2);
}

.cYellow .title-divisor:after {
    background-color: var(--cYellow);
}

.bBlue2 .title-divisor:after {
    background-color: var(--bBlue2);
}

.bYellow .title-divisor:after {
    background-color: var(--bYellow);
}

.bGrey .title-divisor:after {
    background-color: var(--bGrey);
}

.bg-pink .title-divisor:after {
    background-color: var(--cWhite);
}

.title-divisor.center {
    align-items: center;
}

.title-divisor.right {
    align-items: end;
}

.cPink .title-divisor:after {
    background-color: transparent;
}

/* Design Assets: background */
.bgCover {
    background-size: cover;
}

.bgCenter {
    background-position: center;
}

.bg-green {
    background-color: var(--cGreen);
}

.bg-blue {
    background-color: var(--cBlue);
}

.bg-pink {
    background-color: var(--cPink);
}

.bg-orange {
    background-color: var(--cOrange);
}

.bg-white {
    background-color: var(--cWhite);
}

.bg-light-grey {
    background-color: var(--cLightGrey);
}

.bg-grey {
    background-color: var(--cGrey);
}

/* Design Asset : divisor */
.divisor {
    height: 0px;
    width: 40%;
    background-color: var(--cPink);
    padding: 0px;
    position: absolute;
    display: inline-block;
    margin: 0;
    z-index: 10;
    top: 0px;
}

.divisor:after {
    content: "";
    position: absolute;
    z-index: -1;
    border-top: 8px solid var(--cPink);
    left: -8px;
    right: -8px;
    bottom: -8px;
    margin-left: 8px;
    margin-right: 8px;
}

.divisor:before {
    content: "";
    position: absolute;
    z-index: -1;
    border-bottom: 8px solid var(--cPink);
    top: -8px;
    left: -8px;
    right: -8px;
    margin-left: 8px;
    margin-right: 8px;
}

.divisor.right {
    right: 0;
}

.divisor.left:after {
    border-right: 8px solid transparent;
}

.divisor.right:after {
    border-left: 8px solid transparent;
}

.divisor.left:before {
    border-right: 8px solid transparent;
}

.divisor.right:before {
    border-left: 8px solid transparent;
}

.divisorDatos {
    height: 0px;
    width: 40%;
    background-color: #fafafa;
    padding: 0px;
    position: absolute;
    display: inline-block;
    margin: 0;
    z-index: -1;
    top: 130px;
}

.divisorDatos:after {
    content: "";
    position: absolute;
    z-index: -1;
    border-top: 80px solid #fafafa;
    left: -80px;
    right: -80px;
    bottom: -80px;
    margin-left: 80px;
    margin-right: 80px;
}

.divisorDatos:before {
    content: "";
    position: absolute;
    z-index: -1;
    border-bottom: 80px solid #fafafa;
    top: -80px;
    left: -80px;
    right: -80px;
    margin-left: 80px;
    margin-right: 80px;
}

.divisorDatos.right {
    right: 0;
}

.divisorDatos.left:after {
    border-right: 80px solid transparent;
}

.divisorDatos.right:after {
    border-left: 80px solid transparent;
}

.divisorDatos.left:before {
    border-right: 80px solid transparent;
}

.divisorDatos.right:before {
    border-left: 80px solid transparent;
}

/* Banner */
#atf-banner {
    background-image: image-set(url('.resources/atf-images/ico-approaching-the-future-white.svg') 1x,
            url('../resources/atf-images/ico-approaching-the-future-white.svg') 2x);
    background-position: center;
    background-size: cover;
    height: 70vh;
}

@media (min-width: 992px) {
    #atf-banner {
        height: 550px;
    }
}

#atf-banner h1 {
    color: var(--cDarkGrey);
    font-size: 2.5rem;
    letter-spacing: -1px;
}

@media (min-width: 992px) {
    #atf-banner h1 {
        font-size: 4rem;
    }
}

#atf-banner p {
    color: #333;
    font-size: 1.25rem;
}

@media (min-width: 992px) {
    #atf-banner p {
        font-size: 1.625rem;
    }
}

/* Sobre */
#atf-sobre::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-image: image-set(url("../resources/atf-images/white_conections_background.jpg") 1x,
            url("./resources/atf-images/white_conections_background.jpg") 2x);
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
}

#atf-sobre h2 b {
    color: #e82962;
}

/* Carousel Owl */
.carouselCard {
    background-color: white;
    max-height: 293px;
    border-radius: 8px;
    padding: 1.9rem;
    box-shadow: 2px 5px 15px 5px rgba(0, 0, 21, 0.15);
    font-size: 0.95rem;
    display: flex;
    flex-direction: column;
    justify-content: start;
    width: 238px;
    margin-inline: auto;
}

.carouselCard figure img {
    max-height: 65px;
}

.carouselCard h4 {
    font-size: 1.0625rem;
    color: #2d2d2d;
    margin-bottom: 24px;
}

.carouselCard p {
    font-weight: 500;
}

/* .about-report {
    padding-left: 0px;
    padding-right: 0px;
} */

#atf-sobre .owl-stage-outer {
    overflow: visible;
}

#atf-sobre .owl-item {
    opacity: 0;
    transition: opacity 500ms;
}

#atf-sobre .owl-item.active {
    opacity: 1;
}

#atf-sobre .owl-carousel .owl-dots {
    position: absolute;
    bottom: -35px;
    right: 0;
    margin-right: 0;
    text-align: center;
    width: 100%;
}

#atf-sobre .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    margin-left: 8px;
}

#atf-sobre .owl-carousel .owl-dots .owl-dot:first-child {
    margin-left: 0;
}

#atf-sobre .owl-carousel .owl-dots .owl-dot span {
    display: block;
    width: 30.5px;
    height: 6px;
    background: #a8a9ad;
    border-radius: 2px;
}

/*#atf-sobre .owl-carousel .owl-dots .owl-dot.active {}*/
#atf-sobre .owl-carousel .owl-dots .owl-dot.active span {
    background: var(--bRose);
}

/* Ranking de las tendencias */
#atf-ranking {
    background-position: center;
    position: relative;
}

#atf-ranking::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.06;
    background-image: image-set(url("../resources/atf-images/shutterstock_2029125182.jpg") 1x,
            url("./resources/atf-images/shutterstock_2029125182.jpg") 2x);
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
}

#atf-ranking h2 {
    text-transform: uppercase;
    font-size: 14px;
    color: #e82962;
    letter-spacing: 1px;
}

ul.ranking {
    display: flex;
    flex-direction: column;
}

ul.ranking li {
    color: #333;
    font-size: 1rem;
}

@media (min-width: 992px) {
    ul.ranking li {
        padding: 8px 0;
        font-size: 1.25rem;
        font-weight: 600;
    }
}

ul.ranking li b {
    display: inline-flex;
    width: 24px;
    font-size: 1.3rem;
    justify-content: center;
}

ul.ranking.center li {
    color: #e82962;
    font-weight: 700;
}

#atf-ranking h3 {
    color: #e82962;
    text-transform: uppercase;
    font-weight: 700;
}

@media(max-width: 767px) {
    #atf-ranking .desktopct {
        display: none;
    }
}

/* Ranking . Video */
#atf-video {
    background-position: center;
    background-size: cover;
    min-height: 500px;
}

#atf-video .text-center {
    display: flex;
    justify-content: center;
}

ul.cardsNumbers {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

ul.cardsNumbers li {
    margin: 0 10px;
    margin-bottom: 1rem;
    padding: 0 5px;
    display: flex;
    justify-content: center;
}

@media (min-width: 992px) {
    ul.cardsNumbers li {
        margin-bottom: 0;
    }
}

ul.cardsNumbers li div {
    background-color: var(--cWhite);
    border-radius: 5px;
    padding: 1rem 1.5rem;
    max-width: 180px;
    box-shadow: 6px 6px 10px 0 rgba(151, 163, 165, 0.1);
}

@media screen and (min-width: 992px) {
    ul.cardsNumbers li div {
        max-width: 220px;
    }
}

ul.cardsNumbers li div h4 {
    color: var(--bRose);
    font-size: 1rem;
    margin-bottom: 0;
    text-align: center;
    font-weight: 700;
}

@media screen and (min-width: 992px) {
    ul.cardsNumbers li div h4 {
        font-size: 1.25rem;
    }
}

ul.cardsNumbers li div p {
    color: #e82962;
    font-weight: 600;
    font-size: 0.875rem;
    margin-bottom: 0;
    text-align: center;
    line-height: 1.2;
    margin-top: 0.25rem;
}

/* Datos */
.atfDatos {
    position: relative;
}

.atfDatos .title-divisor::after {
    opacity: 0 !important;
}

.atfDatos h2 b {
    color: #2d2d2d;
    text-transform: none;
    font-weight: 500;
}

.atfDatos h3 b {
    background-color: unset;
    font-weight: 600;
}

@media (max-width: 768px) {
    .atfDatos {
        padding-bottom: 70px !important;
    }
}

@media (max-width: 768px) {
    #resultado-tendencia {
        margin-bottom: 20px !important;
    }
}

.cardDatos {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    box-shadow: 6px 6px 10px 0 rgba(151, 163, 165, 0.1);
    height: 346px;
    background-color: #ffffffd9;
}

.cardDatos:before {
    content: "";
    position: absolute;
    top: 30px;
    width: 4px;
    height: 80px;
}

.cardDatos .description {
    font-size: 1.0625rem;
    color: #2d2d2d;
    font-weight: 600;
    padding: 2rem;
    line-height: 1.2;
    font-family: "Montserrat", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 992px) {
    .cardDatos .description {
        font-size: 1.5rem;
        padding: 4rem;
    }
}

@media (max-width: 767px) {
    .cardDatos {
        height: auto;
    }
}

.cardDatos .description div {
    margin-bottom: 15px;
}

.cardDatos.left:before {
    left: 0;
}

.cardDatos.right:before {
    right: 0;
}

.cardDatos>div {
    flex: 0 0 100%;
    width: 100%;
}

@media (min-width: 768px) {
    .cardDatos>div {
        flex: 0 0 50%;
        width: 50%;
    }
}

.cardDatos h3 {
    position: relative;
    font-weight: 400;
    font-size: 1.25rem;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .cardDatos h3 {
        font-size: 1.425rem;
    }
}

.cardDatos div.description b {
    font-size: 2rem;
    letter-spacing: -0.1rem;
    font-weight: 700;
}

@media (min-width: 992px) {
    .cardDatos div.description b {
        font-size: 4rem;
        letter-spacing: -0.18rem;
    }
}

.cardDatos .figure {
    background-size: cover;
    background-position: top;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 280px;
    position: relative;
}

@media (max-width: 768px) {
    .cardDatos .figure {
        background-position: top;
        background-size: contain;
        background-repeat: no-repeat;
    }
}

.cardDatos .figure img {
    opacity: 0.9;
    width: 100%;
    max-width: 250px;
    height: auto;
    margin: 15px;
}

.cardDatos .figure .span-ct {
    position: absolute;
    top: 45px;
}

.cardDatos .figure .span-ct span {
    width: 100%;
    padding: 0 15px;
    transform: translate(-50%, -50%);
    font-weight: 700;
    color: #fff;
    font-size: 56px;
    text-align: center;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    line-height: 1.15;
}

@media screen and (min-width: 992px) {
    .cardDatos .figure .span-ct span {
        font-size: 3rem;
        max-width: 70%;
    }
}

.cardDatos .figure .span-ct span b {
    display: block;
    font-size: 1.125rem;
    text-transform: uppercase;
}

.cardDatos .cardDatos-viewmore {
    width: 153px;
    display: flex;
    height: 47px;
    justify-content: center;
    font-size: 15px;
    align-items: center;
}

.cardDatos .cardDatos-text {
    font-size: 17px;
    color: #2d2d2d;
    letter-spacing: 0.34px;
    line-height: 24px;
    font-weight: 600;
}

.cWhite .cardDatos:before {
    background-color: var(--cWhite);
}

.cLightGrey .cardDatos:before {
    background-color: var(--cLightGrey);
}

.cMidGrey .cardDatos:before {
    background-color: var(--cMidGrey);
}

.cGrey .cardDatos:before {
    background-color: var(--cGrey);
}

.cDarkGrey .cardDatos:before {
    background-color: var(--cDarkGrey);
}

.cGreen .cardDatos:before {
    background-color: var(--cGreen);
}

.cDarkGreen .cardDatos:before {
    background-color: var(--cDarkGreen);
}

.cAqua .cardDatos:before {
    background-color: var(--cAqua);
}

.cBlue .cardDatos:before {
    background-color: var(--cBlue);
}

.cBlueHover .cardDatos:before {
    background-color: var(--cBlueHover);
}

.cPurple .cardDatos:before {
    background-color: var(--cPurple);
}

.bRose .cardDatos:before {
    background-color: var(--bRose);
}

.cPink .cardDatos:before {
    background-color: var(--cPink);
}

.cBeige .cardDatos:before {
    background-color: var(--cBeige);
}

.cOrange .cardDatos:before {
    background-color: var(--cOrange);
}

.cOrange2 .cardDatos:before {
    background-color: var(--cOrange2);
}

.cYellow .cardDatos:before {
    background-color: var(--cYellow);
}

.bBlue2 .cardDatos:before {
    background-color: var(--bBlue2);
}

.bYellow .cardDatos:before {
    background-color: var(--bYellow);
}

.bGrey .cardDatos:before {
    background-color: var(--bGrey);
}

.cWhite .cardDatos h3 {
    color: var(--cWhite);
}

.cLightGrey .cardDatos h3 {
    color: var(--cLightGrey);
}

.cMidGrey .cardDatos h3 {
    color: var(--cMidGrey);
}

.cGrey .cardDatos h3 {
    color: var(--cGrey);
}

.cDarkGrey .cardDatos h3 {
    color: var(--cDarkGrey);
}

.cGreen .cardDatos h3 {
    color: var(--cGreen);
}

.cDarkGreen .cardDatos h3 {
    color: var(--cDarkGreen);
}

.cAqua .cardDatos h3 {
    color: var(--cAqua);
}

.cBlue .cardDatos h3 {
    color: var(--cBlue);
}

.cBlueHover .cardDatos h3 {
    color: var(--cBlueHover);
}

.cPurple .cardDatos h3 {
    color: var(--cPurple);
}

.bRose .cardDatos h3 {
    color: var(--bRose);
}

.cPink .cardDatos h3 {
    color: var(--cPink);
}

.cBeige .cardDatos h3 {
    color: var(--cBeige);
}

.cOrange .cardDatos h3 {
    color: var(--cOrange);
}

.cOrange2 .cardDatos h3 {
    color: var(--cOrange2);
}

.cYellow .cardDatos h3 {
    color: var(--cYellow);
}

.bBlue2 .cardDatos h3 {
    color: var(--bBlue2);
}

.bYellow .cardDatos h3 {
    color: var(--bYellow);
}

.bGrey .cardDatos h3 {
    color: var(--bGrey);
}

/* Block 01 */
.block-01.small-title h3 {
    font-size: 1.125rem;
    font-family: "Montserrat-SemiBold", sans-serif !important;
}

.block-01.small-title p {
    font-size: 0.875rem;
}

.block-01 div>img {
    margin-bottom: 10px;
}

.block-01 figure {
    max-height: 63px;
    width: 73px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    border-radius: 50%;
}

.block-01 figure img {
    max-height: 50px;
    width: auto;
}

.block-01 figure img svg path {
    fill: var(--cPink) !important;
}

/* #recursos-destacados {
    display: none;
} */

/* Recursos Destacados */
.btn-atfRecursos {
    width: 100%;
    justify-content: center;
    background-color: #3082d5;
    border-color: #3082d5;
}

.show>.btn-atfRecursos.dropdown-toggle {
    background-color: #3082d5;
    border-color: #3082d5;
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
}

.atfDropdown .dropdown-item {
    padding: 0.5rem 1.5rem;
    font-size: 0.9rem;
}

ul.atfMenuRecursos {
    padding: 3rem 0;
    border-left: 4px solid #e6e9ed;
}

ul.atfMenuRecursos li a {
    display: flex;
    padding: 1.5rem 2rem;
    color: #707780;
    font-weight: 600;
    font-size: 1.125rem;
}

ul.atfMenuRecursos li a:hover {
    border-left: 4px solid var(--cBlue);
    margin-left: -4px;
    text-decoration: none;
    background-color: #ecf5fd;
}

.contentRecursos {
    background-color: var(--cBlue);
    padding: 3rem 2rem;
    color: white;
}

ul.listadoAtfRecursos {
    font-size: 0.9rem;
}

@media (min-width: 992px) {
    ul.listadoAtfRecursos {
        font-size: 1rem;
    }
}

ul.listadoAtfRecursos li:not(:last-child) {
    margin-bottom: 1rem;
}

ul.listadoAtfRecursos li a {
    color: white !important;
}

.btn-masRecursos {
    border: 1px solid white;
    border-radius: 0;
    color: white !important;
    font-weight: 600;
}

.btn-masRecursos:hover {
    background-color: white;
    color: var(--cBlue) !important;
}

/* Ediciones Anteriores */
.linkAnteriores {
    display: flex;
    border-radius: 5px;
    padding: 1.5rem;
    box-shadow: 6px 6px 10px 0 rgba(151, 163, 165, 0.1);
    background-color: rgba(255, 255, 255, 0.82);
    text-align: left;
    font-weight: 600;
}

.linkAnteriores:hover {
    text-decoration: none;
}

.linkAnteriores img {
    height: 50px;
    width: auto;
    display: inline-flex;
    padding: 15px;
    border-radius: 7px;
    background-color: #f3f5f7;
}

.linkAnteriores:hover img {
    background-color: #dfedff;
}

.linkAnteriores span {
    font-weight: 600;
    font-size: 18px;
}

/* metodologia */
#metodologia {
    padding-top: 6rem !important;
    background-color: var(--c-light-gray);
    background-image: image-set(url("../resources/atf-images/ico-approaching-the-future-white.svg") 1x,
            url("./resources/atf-images/ico-approaching-the-future-white.svg") 2x);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffff !important;
}

/*expertos*/
#expertos {
    background-color: #ffff;
    padding-left: 15px;
    padding-right: 15px;
}

.expert-item h3 {
    margin-top: 1rem;
}

.expert-item p {
    font-size: 15px;
    color: #2d2d2d;
    font-weight: 500;
}

/* Partners */
#partners {
    margin-bottom: 0px !important;
    background-color: #e61657;
}

#partners .owl-carousel .item {
    padding: 15px;
}

.newsletter-block {
    /* background-color: #e61657; */
}

/* End Approaching the future Page */
/* End Approaching the future Page */
/* End Approaching the future Page */
/* Cursos */
/* Cursos */
/* Cursos */
body.templates>div[role=main] {
    margin-top: 80px;
}

@media (min-width: 768px) {
    body.templates>div[role=main] {
        margin-top: 180px;
    }
}

/* Cursos > Design Assets : Tipografía */
.templates h1,
.templates h2,
.templates h3,
.templates h4,
.templates h5 {
    font-family: "Montserrat", sans-serif;
}

.templates strong {
    color: var(--cPink);
    font-weight: 700;
}

.tmp-section-title {
    position: relative;
    display: inline-block;
    border: 1px solid var(--cWhite);
    padding: 16px 24px;
    margin-bottom: 50px;
    font-size: 1.5rem;
    width: calc(100% - 50px);
}

@media (min-width: 576px) {
    .tmp-section-title {
        padding: 16px 32px;
        font-size: 2rem;
        width: auto;
    }
}

.tmp-section-title.pinkGrey {
    border: 1px solid var(--cLightGrey);
    color: var(--cPink);
}

.tmp-section-title.pinkWhite {
    border: 1px solid var(--cWhite);
    color: var(--cPink);
}

.tmp-section-title.pinkPink {
    border: 1px solid var(--cPink);
    color: var(--cPink);
}

.tmp-section-title.blueWhite {
    border: 1px solid var(--cWhite);
    color: var(--cBlue);
}

.tmp-section-title.blueGrey {
    border: 1px solid var(--cLightGrey);
    color: var(--cBlue);
}

.tmp-section-title.blueBlue {
    border: 1px solid var(--cBlue);
    color: var(--cBlue);
}

.tmp-section-title.orangeOrange {
    border: 1px solid var(--cOrange);
    color: var(--cOrange);
}

.tmp-section-title.greenGreen {
    border: 1px solid var(--cGreen);
    color: var(--cGreen);
}

.tmp-section-title::before,
.tmp-section-title::after {
    content: "";
    display: block;
    width: 500px;
    position: absolute;
    border-bottom: 1px solid var(--cWhite);
    top: 50%;
}

.tmp-section-title.pinkGrey::before,
.tmp-section-title.pinkGrey::after {
    border-bottom: 1px solid var(--cLightGrey);
}

.tmp-section-title.pinkWhite::before,
.tmp-section-title.pinkWhite::after {
    border-bottom: 1px solid var(--cWhite);
}

.tmp-section-title.pinkPink::before,
.tmp-section-title.pinkPink::after {
    border-bottom: 1px solid var(--cPink);
}

.tmp-section-title.blueWhite::before,
.tmp-section-title.blueWhite::after {
    border-bottom: 1px solid var(--cWhite);
}

.tmp-section-title.blueGrey::before,
.tmp-section-title.blueGrey::after {
    border-bottom: 1px solid var(--cLightGrey);
}

.tmp-section-title.blueBlue::before,
.tmp-section-title.blueBlue::after {
    border-bottom: 1px solid var(--cBlue);
}

.tmp-section-title.orangeOrange::before,
.tmp-section-title.orangeOrange::after {
    border-bottom: 1px solid var(--cOrange);
}

.tmp-section-title.greenGreen::before,
.tmp-section-title.greenGreen::after {
    border-bottom: 1px solid var(--cGreen);
}

.tmp-section-title::before {
    left: -500px;
}

.tmp-section-title::after {
    right: -500px;
}

/* Cursos > Design Assets : buttons */
/* Botones */
.btn.btn-azul {
    background: #0092e6;
}

.btn.btn-white {
    background: white;
    color: var(--cPink);
    padding: 0 20px;
    border-radius: 3px;
    transition: all 0.3s;
}

.btn.btn-white svg path {
    fill: var(--cPink);
}

.btn.btn-white:hover {
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3764705882);
}

.btn.btnce {
    display: inline-flex;
    align-items: center;
    height: auto;
    padding: 16px 20px;
    border: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.25;
    transition: all 0.3s;
}

@media screen and (min-width: 768px) {
    .btn.btnce {
        font-size: 1rem;
    }
}

@media (min-width: 992px) {
    .btn.btnce {
        font-size: 1.125rem;
    }
}

.btn.btnce.icon svg {
    height: 39px;
    width: auto;
    margin-right: 10px;
    display: inline-block;
}

.btn.btnce:hover {
    text-decoration: none;
    cursor: pointer;
}

.btn.btnce.white {
    color: var(--cPink);
    background-color: var(--cWhite);
    border: 1px solid var(--cWhite);
}

.btn.btnce.white.icon svg path {
    fill: var(--cPink);
}

.btn.btnce.white:hover {
    color: var(--cWhite) !important;
    background-color: var(--cPink);
    border: 1px solid var(--cPink);
}

.btn.btnce.white:hover.icon svg path {
    fill: var(--cWhite);
}

.btn.btnce.white.n-blue {
    color: var(--cBlue);
}

.btn.btnce.white.n-blue.icon svg path {
    fill: var(--cBlue);
}

.btn.btnce.white.n-blue:hover {
    background-color: var(--cBlue);
    border: 1px solid var(--cBlue);
}

.btn.btnce.pink {
    color: var(--cWhite);
    background-color: var(--cPink);
    border: 1px solid var(--cPink);
}

.btn.btnce.pink.icon svg path {
    fill: var(--cWhite);
}

.btn.btnce.pink:hover {
    color: var(--cPink) !important;
    background-color: var(--cWhite);
    border: 1px solid var(--cPink);
}

.btn.btnce.pink:hover.icon svg path {
    fill: var(--cPink);
}

.btn.btnce.pink.n-blue {
    color: var(--cBlue);
}

.btn.btnce.pink.n-blue.icon svg path {
    fill: var(--cBlue);
}

.btn.btnce.pink.n-blue:hover {
    background-color: var(--cBlue);
    border: 1px solid var(--cBlue);
}

.btn-tmp {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.875rem;
    padding: 16px 20px !important;
    transition: all 0.3s;
    text-align: center;
    display: inline-flex;
    align-items: center;
    line-height: 1.25;
    border: none;
}

@media screen and (min-width: 768px) {
    .btn-tmp {
        font-size: 1rem;
    }
}

@media (min-width: 992px) {
    .btn-tmp {
        font-size: 1.125rem;
    }
}

.btn-tmp:hover {
    text-decoration: none;
    cursor: pointer;
}

.btn-tmpWhite {
    color: var(--cPink) !important;
    background-color: var(--cWhite) !important;
    border: 1px solid var(--cWhite);
}

.btn-tmpWhite.btn-tmpIcon svg path {
    fill: var(--cPink);
}

.btn-tmpWhite span {
    color: var(--c-pink);
    font-weight: 600;
}

.btn-tmpWhite:hover {
    color: var(--cWhite) !important;
    background-color: var(--cPink) !important;
    border: 1px solid var(--cPink);
}

.btn-tmpWhite:hover.btn-tmpIcon svg path {
    fill: var(--cWhite);
}

.btn-tmpPink,
.pink .btn-tmp {
    color: var(--cWhite) !important;
    background-color: var(--c-primary) !important;
    border: 1px solid var(--cPink);
}

.btn-tmpPink:hover,
.pink .btn-tmp:hover {
    color: var(--cPink) !important;
    background-color: var(--cWhite) !important;
    border: 1px solid var(--cPink);
}

.btn-tmpGreen,
.green .btn-tmp {
    color: var(--cWhite) !important;
    background-color: var(--cGreen) !important;
    border: 1px solid var(--cGreen);
}

.btn-tmpGreen:hover,
.green .btn-tmp:hover {
    color: var(--cGreen) !important;
    background-color: var(--cLightGrey) !important;
    border: 1px solid var(--cGreen);
}

.btn-tmpBlue,
.blue .btn-tmp {
    color: var(--cWhite) !important;
    background-color: var(--cBlue) !important;
    border: 1px solid var(--cBlue);
}

.btn-tmpBlue:hover,
.blue .btn-tmp:hover {
    color: var(--cBlue) !important;
    background-color: var(--cWhite) !important;
    border: 1px solid var(--cBlue);
}

.btn-tmpOrange,
.orange .btn-tmp {
    color: var(--cWhite) !important;
    background-color: var(--cOrange) !important;
    border: 1px solid var(--cOrange);
}

.btn-tmpOrange:hover,
.orange .btn-tmp:hover {
    color: var(--cOrange) !important;
    background-color: var(--cWhite) !important;
    border: 1px solid var(--cOrange);
}

.btn-tmpIcon img,
.btn-tmpIcon svg {
    height: 39px;
    width: auto;
    margin-right: 10px;
    display: inline-block;
}

.btn-tmpIcon.smIcon img,
.btn-tmpIcon.smIcon svg {
    height: 24px;
}

.btn-tmpIcon.btn-tmpPink:hover svg path,
.pink .btn-tmpIcon.btn-tmp:hover svg path {
    fill: var(--cPink);
}

.btn-tmpIcon.btn-tmpGreen:hover svg path,
.green .btn-tmpIcon.btn-tmp:hover svg path {
    fill: var(--cGreen);
}

.btn-tmpIcon.btn-tmpBlue:hover svg path,
.blue .btn-tmpIcon.btn-tmp:hover svg path {
    fill: var(--cBlue);
}

.btn-tmpIcon.btn-tmpOrange:hover svg path,
.orange .btn-tmpIcon.btn-tmp:hover svg path {
    fill: var(--cOrange);
}

.btn-tmpIcon.btn-tmpPink svg path,
.pink .btn-tmpIcon.btn-tmp svg path,
.btn-tmpIcon.btn-tmpGreen svg path,
.green .btn-tmpIcon.btn-tmp svg path,
.btn-tmpIcon.btn-tmpBlue svg path,
.blue .btn-tmpIcon.btn-tmp svg path,
.btn-tmpIcon.btn-tmpOrange svg path,
.orange .btn-tmpIcon.btn-tmp svg path {
    fill: var(--cWhite);
}

.fw-500 {
    font-weight: 500;
}

/* Cursos > Design Assets : Images */
.ico-filtro {
    height: 25px;
    width: auto;
}

/* Banners */
.banner .adjust {
    margin-top: auto !important;
}

.banner.banner-pages {
    background-position: center;
    background-size: cover !important;
    height: auto;
    min-height: 50dvh;
    position: relative;
    overflow: hidden;
    margin-top: auto;
}

@media (max-width: 768px) {
    .banner.banner-pages {
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }
}

.banner.banner-pages .left-dotted {
    position: relative;
    padding-left: 1rem;
    font-weight: 600;
}

.banner.banner-pages .left-dotted::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    background-color: #e82962;
    border-radius: 50%;
}

/* .banner.banner-pages .sticky-menu-bottom {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    bottom: 0;
} */

@media (min-width: 992px) {
    .banner.banner-pages {
        min-height: 627px;
    }
}

.banner.banner-pages .hero-buttons {
    flex-wrap: wrap;
    gap: 10px;
}

.banner.banner-pages .hero-buttons .btn.btn-ce {
    justify-content: space-around;
}

.banner.banner-pages .hero-buttons img {
    height: 18px;
    width: auto;
}

@media (max-width: 768px) {
    .banner.banner-pages .hero-buttons img {
        height: 16px;
    }
}

@media (max-width: 768px) {
    .banner.banner-pages .hero-buttons {
        justify-content: center !important;
    }

    .banner.banner-pages .hero-buttons .btn-ce.btn-pink {
        width: 87%;
    }
}

.banner.banner-pages .container {
    position: relative;
    z-index: 2;
}



.banner.banner-pages .container p {
    color: var(--cWhite);
    font-size: 1.125rem;
    font-weight: 600;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1882352941);
}

@media screen and (min-width: 768px) {
    .banner.banner-pages .container p {
        font-size: 1.5rem;
        line-height: 1.3;
    }
}

.bg-shadow {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 34, 34, 0.1254901961);
}

/* Cursos > Filtro */
#cur-filtro {
    background-color: #f0ccd6;
    font-size: 1.125rem;
    font-weight: 700;
}

ul.cur-menu-filtro {
    display: block;
    margin: 0 -15px;
}

@media (min-width: 768px) {
    ul.cur-menu-filtro {
        display: flex;
        align-items: center;
        margin: 0;
    }
}

ul.cur-menu-filtro li {
    width: 100%;
    max-width: 100%;
    text-align: center;
    font-weight: 700;
    color: var(--cPink);
}

@media (min-width: 768px) {
    ul.cur-menu-filtro li {
        width: auto;
        flex-basis: 0;
        flex-grow: 1;
    }
}

ul.cur-menu-filtro li a {
    color: #444;
    font-weight: 700;
}

ul.cur-menu-filtro li a::after {
    content: url(./resources/atf-images/cur_ico-arrow-down.svg);
    width: 16px;
    display: inline-block;
    margin-left: 5px;
}

ul.cur-menu-filtro li a:hover {
    text-decoration: none;
}

ul.cur-menu-filtro li {
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5019607843);
}

ul.cur-menu-filtro li.item-filtro {
    background-color: white;
}

@media (min-width: 768px) {
    ul.cur-menu-filtro li {
        padding: 0;
        border-bottom: none;
    }

    ul.cur-menu-filtro li.item-filtro {
        padding: 35px 0;
    }
}

/* Cursos > Artículo */
#cur-articulo {
    padding-bottom: 50px;
}

@media (min-width: 768px) {
    #cur-articulo {
        padding-bottom: 150px;
    }
}

section#cur-articulo .container:first-child>.row:first-child {
    overflow-x: visible !important;
}

#cur-articulo .cur-box {
    background-color: white;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1254901961);
    padding: 46px;
    transition: all 0.3s;
}

@media (min-width: 768px) {
    #cur-articulo .cur-box {
        position: relative;
        width: calc(100% + 60px);
        z-index: 2;
        margin-top: 50px;
    }
}

#cur-articulo .cur-box:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1254901961);
    transform: scale(1.03);
}

#cur-articulo .cur-box h2 {
    color: var(--cPink);
    font-size: 1.5rem;
}

/* Cursos > Plan de estudios */
#cur-plan {
    position: relative;
    overflow: hidden;
    color: var(--cWhite);
}

#cur-plan .cur-bg-pink {
    position: absolute;
    background-color: var(--cPink);
    mix-blend-mode: multiply;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#cur-plan .container {
    position: relative;
    z-index: 2;
}

#cur-plan>.container>.row.title {
    overflow-x: hidden;
}

#cur-plan h2,
#cur-plan h3,
#cur-plan p {
    color: var(--cWhite);
}

#cur-plan .cur-box {
    padding: 32px;
    background-color: #ccc;
    color: var(--cWhite);
    height: 100%;
    text-align: center;
    transition: all 0.3s;
}

#cur-plan .cur-box:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1882352941);
    transform: scale(1.05);
}

#cur-plan .cur-box p {
    font-weight: 700;
}

#cur-plan .cur-box p:last-child {
    font-size: 0.75rem;
    margin-bottom: 0;
    font-weight: 400;
}

#cur-plan .cur-box.orange {
    background-color: var(--cOrange);
}

#cur-plan .cur-box.green {
    background-color: var(--cGreen);
}

#cur-plan .cur-box.blue {
    background-color: var(--cBlue);
}

/* Cursos > Profesores */
/*#cur-profesores > .container > .row:first-child {
    overflow-x: hidden;
}*/
.cur-profesores {
    text-align: center;
    overflow-x: visible !important;
}

.cur-profesores div.item {
    position: relative;
    padding: 0 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cur-profesores img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 50%;
    margin-bottom: 24px;
}

.cur-profesores h3 {
    font-size: 1.25rem;
    color: var(--cPink);
}

.cur-profesores p {
    font-size: 0.8rem;
    margin-bottom: 0;
}

.cur-profesores p strong {
    color: black;
}

.cur-profesores .item p:last-child {
    margin-bottom: 1rem;
}

.cur-profesores a {
    color: var(--cWhite);
    background-color: var(--cPink);
    border: 1px solid var(--cPink);
    display: inline-flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: auto;
    transition: all 0.3s;
}

.cur-profesores a:hover {
    text-decoration: none;
    background-color: var(--cWhite);
    color: var(--cPink);
}

/* Cursos > Preguntas */
#cur-preguntas {
    background-color: var(--cLightGrey);
}

/*#cur-preguntas > .container > .row:first-child {
    overflow-x: hidden;
}*/
.cur-btn-pregunta {
    background-color: var(--cWhite);
    padding: 20px 50px 20px 55px;
    color: #333 !important;
    font-size: 0.9rem;
    font-weight: 700;
    display: block;
    margin-bottom: 18px;
    position: relative;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .cur-btn-pregunta {
        padding: 32px 24px 32px 93px;
        font-size: 1.4rem;
        line-height: 1;
    }
}

.cur-btn-pregunta::before {
    content: url(./resources/atf-images/cur_ico-pregunta.svg);
    display: inline-block;
    width: 30px;
    height: auto;
    margin-right: 16px;
    position: absolute;
    top: calc(50% - 15px);
    left: 16px;
}

@media (min-width: 768px) {
    .cur-btn-pregunta::before {
        width: 52px;
        top: 20px;
        left: 24px;
    }
}

.cur-btn-pregunta::after {
    content: url(./resources/atf-images/cur_ico-arrow-down.svg);
    display: inline-block;
    width: 24px;
    height: auto;
    position: absolute;
    top: calc(50% - 5px);
    right: 16px;
}

@media (min-width: 768px) {
    .cur-btn-pregunta::after {
        width: 32px;
        top: 36px;
        right: 24px;
    }
}

.cur-btn-pregunta:hover {
    text-decoration: none;
    color: var(--cPink) !important;
}

ul.cur-list-preguntas li div {
    padding: 16px 32px;
    margin-bottom: 16px;
    line-height: 1.8;
}

/* sección de descargas    */
#descargas {
    background-color: var(--c-light-gray);
}

#descargas .btn-ce {
    background: var(--c-primary);
}

#descargas .btn-ce img {
    filter: brightness(1);
}

#descargas .whiteWPink {
    background-color: var(--cWhite);
}

#descargas .whiteWPink:hover {
    background-color: #cbc7c7;
}

#descargas .whiteWPink .textPink {
    color: var(--bRose) !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.87;
    letter-spacing: 0.3px;
}


#descargas.spanish .tooltiptext {
    display: none;
}

#descargas li {
    position: relative;
}

#descargas li:hover {}

#descargas li:hover .tooltiptext {
    visibility: visible;
}

#descargas li .tooltiptext {
    visibility: hidden;
    width: fit-content;
    background-color: #e82962;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 5px 6px;
    position: absolute;
    z-index: 1;
    top: -50%;
    right: 20px;
}

.soon-ct {
    margin-top: 10px;
}

.soon-ct__advertising {
    height: auto !important;
    width: 42px !important;
}

.soon-ct p {
    margin-bottom: 0;
    font-size: 16px !important;
    margin-top: 5px;
    margin-left: 7px;
}


.fade-in-left {
    opacity: 0;
    transform: translateX(-100%);
    animation: fadeInLeft .8s ease-out forwards;
    /* La animación dura 2 segundos */
}

/* Definición de la animación */
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}







/*resultado tendencia*/
#reputacion-corporativa,
#liderazgo-responsable,
#sostenibilidad,
#proposito-corporativo,
#comunicacion-corporativa,
#digitalizacion-y-ciberseguridad,
#marca-corporativa,
#futuro-del-trabajo,
#inteligencia-artificial {
    background-color: var(--c-light-gray);
    background-repeat: no-repeat;
}

#reputacion-corporativa,
#sostenibilidad,
#comunicacion-corporativa,
#marca-corporativa,
#inteligencia-artificial {
    background-image: image-set(url('./resources/atf-images/ico-approaching-the-future-white.svg') 1x,
            url('../resources/atf-images/ico-approaching-the-future-white.svg') 2x);
    background-position-x: 125%;
}

#liderazgo-responsable,
#proposito-corporativo,
#digitalizacion-y-ciberseguridad,
#futuro-del-trabajo {
    background-image: image-set(url('.resources/atf-images/ico-approaching-the-future-white.svg') 1x,
            url('../resources/atf-images/ico-approaching-the-future-white.svg') 2x);
    background-position-x: -25%;
}


:is(#reputacion-corporativa,
    #liderazgo-responsable,
    #sostenibilidad,
    #proposito-corporativo,
    #comunicacion-corporativa,
    #digitalizacion-y-ciberseguridad,
    #marca-corporativa,
    #futuro-del-trabajo,
    #inteligencia-artificial) .title-divisor.right::after {
    opacity: 1 !important;
    width: 75px;
    height: 4px;
    border-radius: 14px;
}

:is(#reputacion-corporativa,
    #liderazgo-responsable,
    #sostenibilidad,
    #proposito-corporativo,
    #comunicacion-corporativa,
    #digitalizacion-y-ciberseguridad,
    #marca-corporativa,
    #futuro-del-trabajo,
    #inteligencia-artificial) .title-divisor.left::after {
    opacity: 1 !important;
    width: 75px;
    height: 4px;
    border-radius: 14px;
}

/* reputación corporativa */
#reputacion-corporativa .title-divisor.right {
    align-items: end;
}

#reputacion-corporativa .title-divisor.right::after {
    opacity: 1 !important;
}

#reputacion-corporativa h3 {
    text-align: end;
}

#reputacion-corporativa h3 b {
    color: var(--bRose);
    background-color: unset;
}

#reputacion-corporativa .cardDatos {
    flex-direction: row-reverse;
}

#reputacion-corporativa .figure {
    display: flex !important;
    justify-content: start;
    align-items: start;
}

#liderazgo-responsable h3 b {
    color: #702e6c;
}

#sostenibilidad h3 b {
    color: #276c4d;
}

#proposito-corporativo h3 b {
    color: #e6ad3c;
}

#comunicacion-corporativa h3 b {
    color: #2a8ccd;
}

#digitalizacion-y-ciberseguridad h3 b {
    color: #8e8e8e;
}

#marca-corporativa h3 b {
    color: #f18205;
}

#futuro-del-trabajo h3 b {
    color: #1597a5;
}

#inteligencia-artificial h3 b {
    color: #6fb62c;
}

/* Cursos > Testimonios */
/*#cur-testimonios > .container > .row:first-child {
    overflow-x: hidden;
}*/
#cur-testimonios .cur-box {
    background-color: var(--cPink);
    padding: 24px 36px;
}

@media (min-width: 768px) {
    #cur-testimonios .cur-box {
        width: calc(55% + 120px);
    }
}

@media (min-width: 992px) {
    #cur-testimonios .cur-box {
        position: absolute;
        top: 50%;
        left: 0;
        width: calc(55% + 120px);
        transform: translate(0, -50%);
    }
}

#cur-testimonios .cur-box p {
    font-size: 0.9rem;
}

#cur-testimonios .cur-box p:not(:first-child) {
    font-size: 0.85rem;
}

@media (min-width: 768px) {
    #cur-testimonios .cur-box p {
        font-size: 1rem;
    }

    #cur-testimonios .cur-box p:first-child {
        font-size: 1.125rem;
    }
}

#cur-testimonios .cur-box p,
#cur-testimonios .cur-box p strong {
    color: var(--cWhite);
}

.cur-img-testimonio {
    width: 100%;
}

@media (min-width: 768px) {
    .cur-img-testimonio {
        width: 40%;
    }
}

#cur-testimonios .owl-carousel {
    position: relative;
}

.owl-carousel .owl-stage {
    display: flex;
}

.owl-arrows .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.owl-arrows .owl-nav .owl-prev,
.owl-arrows .owl-nav .owl-next {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.062745098);
}

.owl-arrows .owl-nav .owl-prev {
    left: -80px;
}

.owl-arrows .owl-nav .owl-next {
    right: -80px;
}

.owl-arrows .owl-nav .owl-prev::after,
.owl-arrows .owl-nav .owl-next::after {
    content: url(./resources/atf-images/cur-ico-arrow-right.svg);
    display: inline-block;
    width: 20px;
    height: auto;
    z-index: 5;
    position: absolute;
    padding-top: 5px;
}

.owl-arrows .owl-nav .owl-prev::after {
    transform: rotate(180deg);
}

.owl-arrows .owl-nav .owl-prev span,
.owl-arrows .owl-nav .owl-next span {
    background: var(--cPink);
    color: var(--cWhite);
    width: 40px;
    height: 40px;
    display: block;
    text-indent: -9999px;
    position: relative;
    z-index: 3;
}

.owl-arrows .owl-nav .owl-prev.disabled span,
.owl-arrows .owl-nav .owl-next.disabled span {
    background: var(--cLightGrey);
}

.owl-arrows .owl-dots,
.box-colors .owl-dots {
    width: 100%;
    text-align: center;
    padding-top: 16px;
}

@media (min-width: 768px) {
    #cur-testimonios .owl-dots {
        width: calc(55% + 120px);
    }

    #cur-articulo .owl-dots {
        width: 80%;
        text-align: right;
        position: absolute;
        bottom: 0;
    }
}

.owl-arrows .owl-dots .owl-dot span,
.box-colors .owl-dots .owl-dot span {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: var(--cLightGrey);
    border-radius: 50%;
    margin: 0 3px;
    border: 1px solid #ddd;
}

.owl-arrows .owl-dots .owl-dot.active span,
.box-colors .owl-dots .owl-dot.active span {
    background-color: var(--cPink);
    border: none;
}

/* End Cursos */
/* End Cursos */
/* End Cursos */
/* Academy */
/* Academy */
/* Academy */
/* Colors */
.bgGrey {
    background-color: var(--cLightGrey);
}

.bgPink {
    background-color: var(--cPink);
    color: var(--cWhite);
}

.bgWhite {
    background-color: var(--cWhite);
}

/* Clases desplegables */
.desplegable.pink h4,
.desplegable.pink a {
    color: var(--cPink);
    font-weight: bold;
}

.desplegable.green h4,
.desplegable.green a {
    color: var(--cGreen);
    font-weight: bold;
}

.desplegable.blue h4,
.desplegable.blue a {
    color: var(--cBlue);
    font-weight: bold;
}

.desplegable.orange h4,
.desplegable.orange a {
    color: var(--cOrange);
    font-weight: bold;
}

/* Design Assets */
.clearList,
.clear-list,
.list-clear {
    margin: 0;
    padding: 0;
    list-style: none;
}

.clear-list {
    justify-content: center;
}

.clear-list .img-fluid {
    --items: 5;
    --percentage: calc(100% / var(--items, 1));
    flex: var(--percentage);
    max-width: var(--percentage);
}

@media (max-width: 991px) {
    .clear-list .img-fluid {
        --items: 3;
    }
}

@media (max-width: 567px) {
    .clear-list .img-fluid {
        --items: 2;
    }
}

section .container:first-child>.row:not(.box-n):first-child {
    overflow-x: hidden;
}

/* Academy > Banner */
#tmp-banner {
    background-position: center;
    background-size: cover;
    height: 560px;
    position: relative;
    overflow: hidden;
}

@media (min-width: 992px) {
    #tmp-banner {
        height: 550px;
    }
}

#tmp-banner>.container {
    position: relative;
    z-index: 2;
}

#tmp-banner h1 {
    color: var(--cWhite);
    font-size: 1.5rem;
    line-height: 1.1;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3137254902);
}

@media (min-width: 768px) {
    #tmp-banner h1 {
        font-size: 2.5rem;
        letter-spacing: -1px;
    }
}

/* Academy > Form */
#acd-form {
    background-position: center;
    background-size: cover;
    height: auto;
    position: relative;
    overflow: hidden;
}

#acd-form>.container {
    position: relative;
    z-index: 2;
}

#acd-form h2 {
    color: var(--cWhite);
}

.acd-bg-blue {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(58, 155, 211);
    background: linear-gradient(90deg, rgb(58, 155, 211) 0%, rgba(58, 155, 211, 0.3001401244) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3a9bd3", endColorstr="#3a9bd3", GradientType=1);
}

#acd-form form ul.opciones li {
    display: block;
    width: 100%;
    background-color: var(--cWhite);
    padding: 22px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

#acd-form form ul.opciones li input[type=checkbox] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--cBlue) !important;
    margin-right: 10px;
    display: inline-block;
}

#acd-form form ul.opciones li span {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--cDarkGrey);
    line-height: 1.1;
}

/* Academy > Reputation */
.acd-box {
    background-color: var(--cLightGrey);
    padding: 46px;
    height: 100%;
}

.acd-box h3,
.acd-box p,
.acd-box strong {
    color: var(--cWhite);
}

.acd-box img {
    width: auto;
    height: 80px;
}

.acd-box.orange {
    background-color: var(--cOrange);
}

.acd-box.green {
    background-color: var(--cGreen);
}

/* Academy > Nuestro Academy */
#acd-nuestro-academy {
    background-color: var(--cLightGrey);
}

.acd-box-2 .image {
    margin-left: -13px;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    width: 100%;
}

.acd-box-2 .image .tipo+img {
    margin-top: 20px;
}

.acd-box-2 .tipo {
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    text-align: center;
}

.acd-box-2 .tipo span {
    display: inline-block;
    padding: 8px 12px;
    background-color: #dedede;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--cWhite);
}

.acd-box-2.blue .tipo span {
    background-color: var(--cBlue);
}

.acd-box-2.pink .tipo span {
    background-color: var(--cPink);
}

.acd-box-2.green .tipo span {
    background-color: var(--cGreen);
}

.acd-box-2.orange .tipo span {
    background-color: var(--cOrange);
}

.acd-box-2>article {
    border: 1px solid #ccc;
    padding: 48px 24px 0px;
    text-align: center;
    margin-top: -16px;
    background-color: var(--cWhite);
    position: relative;
    min-height: 390px;
    display: flex;
    flex-direction: column;
}

.partner .acd-box-2>article {
    min-height: 300px;
    margin-top: 0px;
}

.acd-box-2.orange>article {
    border: 1px solid var(--cOrange);
}

.acd-box-2.green>article {
    border: 1px solid var(--cGreen);
}

.acd-box-2.pink>article {
    border: 1px solid var(--cPink);
}

.acd-box-2.blue>article {
    border: 1px solid var(--cBlue);
}

.acd-box-2>article>h3 {
    font-size: 1.25rem;
    margin-bottom: 20px;
}

.acd-box-2.orange>article>h3 {
    color: var(--cOrange);
}

.acd-box-2.green>article>h3 {
    color: var(--cGreen);
}

.acd-box-2.pink>article>h3 {
    color: var(--cPink);
}

.acd-box-2.blue>article>h3 {
    color: var(--cBlue);
}

.acd-box-2>article>ul {
    list-style: none;
    padding: 0;
    font-size: 0.9rem;
}

.acd-box-2>article>ul>li:not(:last-child) {
    margin-bottom: 20px;
}

.acd-box-2>article>ul>li::before {
    content: "+";
    font-weight: 700;
    color: #ccc;
    margin-left: -16px;
    margin-right: 5px;
    font-size: 1.1rem;
}

.acd-box-2.orange>article>ul>li::before {
    color: var(--cOrange);
}

.acd-box-2.green>article>ul>li::before {
    color: var(--cGreen);
}

.acd-box-2.pink>article>ul>li::before {
    color: var(--cPink);
}

.acd-box-2.blue>article>ul>li::before {
    color: var(--cBlue);
}

.acd-box-2>article>footer {
    margin-top: auto;
}

.acd-box-2 article>p {
    font-size: 0.875rem;
    line-height: 1.25;
}

.partner .acd-box-2>article>p {
    font-size: 0.75rem;
    color: var(--cGrey);
    text-transform: uppercase;
}

.acd-box-2 footer>a {
    display: flex;
    width: calc(100% + 48px);
    padding: 8px 8px;
    margin-left: -24px;
    justify-content: center;
    align-items: center;
    background-color: #ccc;
    color: var(--cWhite);
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s;
}

.acd-box-2 footer>a:hover {
    text-decoration: none;
    padding-left: 25px;
}

.acd-box-2 footer>a svg {
    margin-right: 7px;
}

.acd-box-2.orange footer>a {
    background-color: var(--cOrange);
}

.acd-box-2.green footer>a {
    background-color: var(--cGreen);
}

.acd-box-2.pink footer>a {
    background-color: var(--cPink);
}

.acd-box-2.blue footer>a {
    background-color: var(--cBlue);
}

.acd-box-2 footer>a>svg {
    height: 40px;
    width: auto;
    display: inline-block;
}

.acd-box-2 article>footer p {
    font-weight: 700;
}

.acd-box-2.orange article>footer p {
    color: var(--cOrange);
}

.acd-box-2.green article>footer p {
    color: var(--cGreen);
}

.acd-box-2.pink article>footer p {
    color: var(--cPink);
}

.acd-box-2.blue article>footer p {
    color: var(--cBlue);
}

/* Academy > Areas de formacion */
.owl-carousel.box-colors {
    position: relative;
}

.owl-carousel.box-colors .item {
    padding: 0 48px !important;
}

@media (min-width: 768px) {
    .owl-carousel.box-colors .item {
        padding: 0 16px !important;
    }
}

.box-colors .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.box-colors .owl-nav .owl-prev,
.box-colors .owl-nav .owl-next {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-colors .owl-nav .owl-prev {
    left: -65px;
}

.box-colors .owl-nav .owl-next {
    right: -65px;
}

.box-colors .owl-nav .owl-prev::after,
.box-colors .owl-nav .owl-next::after {
    content: url(./resources/atf-images/cur-ico-arrow-right.svg);
    display: inline-block;
    width: 20px;
    height: auto;
    z-index: 5;
    position: absolute;
    padding-top: 5px;
}

.box-colors .owl-nav .owl-prev::after {
    transform: rotate(180deg);
}

.box-colors .owl-nav .owl-prev span,
.box-colors .owl-nav .owl-next span {
    background: var(--cBlue);
    color: var(--cWhite);
    width: 40px;
    height: 40px;
    display: block;
    text-indent: -9999px;
    position: relative;
    z-index: 3;
}

.box-colors .owl-nav .owl-prev.disabled span,
.box-colors .owl-nav .owl-next.disabled span {
    background: var(--cLightGrey);
}

/* Academy > Testimonios */
#acd-testimonios {
    position: relative;
}

#acd-testimonios .comillas {
    position: absolute;
    top: -16px;
    left: 16px;
    z-index: 0;
}

#acd-testimonios .comillas img {
    width: 100px;
    height: auto;
}

#acd-testimonios .cur-box {
    background-color: var(--cBlue);
    padding: 24px 36px;
}

@media (min-width: 768px) {
    #acd-testimonios .cur-box {
        width: calc(55% + 120px);
    }
}

@media (min-width: 992px) {
    #acd-testimonios .cur-box {
        position: absolute;
        top: 50%;
        left: 0;
        width: calc(55% + 120px);
        transform: translate(0, -50%);
    }
}

#acd-testimonios .cur-box p {
    font-size: 0.9rem;
}

#acd-testimonios .cur-box p:not(:first-child) {
    font-size: 0.85rem;
}

@media (min-width: 768px) {
    #acd-testimonios .cur-box p {
        font-size: 1rem;
    }

    #acd-testimonios .cur-box p:first-child {
        font-size: 1.125rem;
    }
}

#acd-testimonios .cur-box p,
#acd-testimonios .cur-box p strong {
    color: var(--cWhite);
}

.cur-img-testimonio {
    width: 100%;
}

@media (min-width: 768px) {
    .cur-img-testimonio {
        width: 40%;
    }
}

#acd-testimonios .owl-carousel {
    position: relative;
}

#acd-testimonios .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

#acd-testimonios .owl-nav .owl-prev,
#acd-testimonios .owl-nav .owl-next {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

#acd-testimonios .owl-nav .owl-prev {
    left: -80px;
}

#acd-testimonios .owl-nav .owl-next {
    right: -80px;
}

#acd-testimonios .owl-nav .owl-prev::after,
#acd-testimonios .owl-nav .owl-next::after {
    content: url(./resources/atf-images/cur-ico-arrow-right.svg);
    display: inline-block;
    width: 20px;
    height: auto;
    z-index: 5;
    position: absolute;
    padding-top: 5px;
}

#acd-testimonios .owl-nav .owl-prev::after {
    transform: rotate(180deg);
}

#acd-testimonios .owl-nav .owl-prev span,
#acd-testimonios .owl-nav .owl-next span {
    background: var(--cBlue);
    color: var(--cWhite);
    width: 40px;
    height: 40px;
    display: block;
    text-indent: -9999px;
    position: relative;
    z-index: 3;
}

#acd-testimonios .owl-dots {
    width: 100%;
    text-align: center;
}

@media (min-width: 768px) {
    #acd-testimonios .owl-dots {
        width: calc(55% + 120px);
    }
}

#acd-testimonios .owl-dots .owl-dot span {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: var(--cLightGrey);
    border-radius: 50%;
    margin: 0 3px;
}

#acd-testimonios .owl-dots .owl-dot.active span {
    background-color: var(--cBlue);
}

/* Academy - Contacto */
.acd-box-shadow {
    background-color: white;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1254901961);
    padding: 24px;
    text-align: center;
}

.acd-box-shadow h4 {
    font-family: "Montserrat", sans-serif !important;
    font-size: 1rem;
    color: var(--cPink);
}

.acd-box-shadow p {
    font-size: 0.875rem;
    color: var(--cDarkGrey);
}

/* End Academy */
/* End Academy */
/* End Academy */
/* Tags */
.box-tag .tag {
    font-size: 0.9rem;
    background-color: var(--cDarkGrey);
    padding: 6px 12px;
    color: var(--cWhite);
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
}

.box-tag .tag.small {
    font-size: 0.85rem;
    padding: 4px 10px;
    font-weight: 600;
    text-transform: none;
}

.box-tag .tag.verde {
    background-color: var(--cGreen);
}

.box-tag .tag.pink {
    background-color: var(--cPink);
}

.flagTags {
    display: flex;
    flex-wrap: wrap;
}

.flagTags .tag {
    display: inline-flex;
    flex: 0 0 auto;
    border: 1px solid var(--cLightGrey);
    padding: 8px 10px;
    font-size: 0.875rem;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
    transition: all 0.2s;
}

.flagTags .tag:hover {
    padding: 8px 8px 8px 12px;
}

.flagTags .tag:before {
    content: "";
    display: inline-flex;
    height: calc(100% + 2px);
    width: 4px;
    background-color: var(--cGrey);
    position: absolute;
    top: -1px;
    left: -4px;
    transition: all 0.2s;
}

.flagTags .tag:hover:before {
    width: 9px;
}

.flagTags .tag {
    margin-left: 10px;
    margin-right: 10px;
}

.flagTags .tag.pink:before {
    background-color: var(--cPink);
}

.flagTags .tag.pink:hover {
    color: var(--cPink);
}

.flagTags .tag.orange:before {
    background-color: var(--cOrange);
}

.flagTags .tag.orange:hover {
    color: var(--cOrange);
}

.flagTags .tag.blue:before {
    background-color: var(--cBlue);
}

.flagTags .tag.blue:hover {
    color: var(--cBlue);
}

.flagTags .tag.yellow:before {
    background-color: var(--cYellow);
}

.flagTags .tag.yellow:hover {
    color: var(--cYellow);
}

.flagTags .tag.darkGreen:before {
    background-color: var(--cDarkGreen);
}

.flagTags .tag.darkGreen:hover {
    color: var(--cDarkGreen);
}

.flagTags .tag.green:before {
    background-color: var(--cGreen);
}

.flagTags .tag.green:hover {
    color: var(--cGreen);
}

.flagTags .tag.purple:before {
    background-color: var(--cPurple);
}

.flagTags .tag.purple:hover {
    color: var(--cPurple);
}

/* Learning */
/* Learning */
/* Learning */
/* Learning > Recursos */
@media (max-width: 767px) {
    #recursos.template .listado-recursos {
        height: 430px !important;
    }
}

/* Learning > Materiales */
.box-material {
    background-color: var(--cLightGrey);
    padding: 32px;
    color: var(--cWhite);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.box-material.active {
    background-color: var(--cPink);
}

.box-material svg {
    width: auto;
    height: 80px;
    margin-bottom: 24px;
    max-width: 110px;
}

.box-material svg .d {
    fill: var(--cDarkGrey);
}

.box-material.active svg .d {
    fill: var(--cWhite);
}

.btn-border {
    color: var(--cDarkGrey) !important;
    background-color: transparent !important;
    border: 1px solid var(--cDarkGrey);
    padding: 10px 16px 8px !important;
    font-size: 0.95rem;
    text-transform: uppercase;
}

.btn-border:hover {
    border: 1px solid var(--cPink);
    background-color: var(--cPink) !important;
    color: var(--cWhite) !important;
}

.active .btn-border {
    color: var(--cWhite) !important;
    border: 1px solid var(--cWhite);
}

/* Learning > Recursos Relacionados */
.box-n .owl-carousel {
    position: relative;
}

.box-n .owl-carousel .item {
    padding: 0 48px !important;
}

@media (min-width: 768px) {
    .box-n .owl-carousel .item {
        padding: 0 19px !important;
    }
}

.box-n .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.box-n .owl-nav .owl-prev,
.box-n .owl-nav .owl-next {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-n .owl-nav .owl-prev {
    left: -65px;
}

.box-n .owl-nav .owl-next {
    right: -65px;
}

.box-n .owl-nav .owl-prev::after,
.box-n .owl-nav .owl-next::after {
    content: url(./resources/atf-images/cur-ico-arrow-right.svg);
    display: inline-block;
    width: 20px;
    height: auto;
    z-index: 5;
    position: absolute;
    padding-top: 5px;
}

.box-n .owl-nav .owl-prev::after {
    transform: rotate(180deg);
}

.box-n .owl-nav .owl-prev span,
.box-n .owl-nav .owl-next span {
    background: var(--cPink);
    color: var(--cWhite);
    width: 40px;
    height: 40px;
    display: block;
    text-indent: -9999px;
    position: relative;
    z-index: 3;
}

.box-n .owl-nav .owl-prev.disabled span,
.box-n .owl-nav .owl-next.disabled span {
    background: var(--cLightGrey);
}

.box-n .item-n>img {
    margin-left: -16px;
    position: relative;
    z-index: 2;
}

.box-n .item-n>div {
    border: 1px solid #eee;
    padding: 48px 24px 76px;
    margin-top: -16px;
    background-color: var(--cWhite);
    position: relative;
    min-height: 390px;
}

.no-image.box-n .item-n>div {
    margin-top: 16px;
}

.box-n.relacionados .item-n>div {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1882352941);
    margin-bottom: 20px;
}

.box-n.recursos .item-n>div {
    text-align: center;
}

.box-n.recursos.h-small .item-n>div {
    padding: 48px 24px;
}

.box-n.relacionados.h-small .item-n>div {
    padding: 48px 24px 24px;
}

.box-n.recursos .item-n.orange>div {
    border: 1px solid var(--cOrange);
}

.box-n.recursos .item-n.green>div {
    border: 1px solid var(--cGreen);
}

.box-n.recursos .item-n.pink>div {
    border: 1px solid var(--cPink);
}

.box-n.recursos .item-n.blue>div {
    border: 1px solid var(--cBlue);
}

.box-n .item-n>div h3 {
    font-size: 1rem;
    margin-bottom: 20px;
    color: var(--cPink);
    font-weight: 600;
}

.box-n.relacionados .item-n>div h3 {
    font-size: 1.25rem;
}

.box-n.relacionados .item-n>div a h3 {
    margin-top: 1rem;
    color: var(--cDarkGrey);

}

.box-n.relacionados .item-n>div a:hover h3 {
    color: var(--cPink);
}

.box-n.relacionados .item-n>div a:hover {
    text-decoration: none;
}

.box-n .item-n.orange>div>h3 {
    color: var(--cOrange);
}

.box-n .item-n.green>div>h3 {
    color: var(--cGreen);
}

.box-n .item-n.pink>div>h3 {
    color: var(--cPink);
}

.box-n .item-n.blue>div>h3 {
    color: var(--cBlue);
}

.h-small.box-n .item-n>div>h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.box-n.recursos .item-n>div>ul {
    list-style: none;
    padding: 0;
    font-size: 0.9rem;
}

.box-n.recursos .item-n>div>ul>li:not(:last-child) {
    margin-bottom: 20px;
}

.box-n.recursos .item-n>div>ul>li::before {
    content: "+";
    font-weight: 700;
    color: #ccc;
    margin-left: -16px;
    margin-right: 5px;
    font-size: 1.1rem;
}

.box-n.recursos .item-n.orange>div>ul>li::before {
    color: var(--cOrange);
}

.box-n.recursos .item-n.green>div>ul>li::before {
    color: var(--cGreen);
}

.box-n.recursos .item-n.pink>div>ul>li::before {
    color: var(--cPink);
}

.box-n.recursos .item-n.blue>div>ul>li::before {
    color: var(--cBlue);
}

.box-n.recursos .item-n>div>a.link {
    display: flex;
    width: 100%;
    padding: 8px 8px;
    justify-content: center;
    align-items: center;
    background-color: var(--cPink);
    position: absolute;
    bottom: 0;
    left: 0;
    color: var(--cWhite);
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    text-transform: uppercase;
}

.box-n.recursos .item-n.orange>div>a.link {
    background-color: var(--cOrange);
}

.box-n.recursos .item-n.green>div>a.link {
    background-color: var(--cGreen);
}

.box-n.recursos .item-n.pink>div>a.link {
    background-color: var(--cPink);
}

.box-n.recursos .item-n.blue>div>a.link {
    background-color: var(--cBlue);
}

.box-n.recursos .item-n>div>a.link>svg {
    height: 30px;
    width: auto;
    display: inline-block;
    margin: 0 4px;
    fill: var(--cWhite);
}

.box-n.recursos .item-n>div>a.link>svg path {
    fill: var(--cWhite);
}

.box-n.relacionados .item-n .stats>span:not(:last-child) {
    margin-right: 4px;
}

.box-n.relacionados .item-n .stats svg {
    max-height: 12px;
    width: auto;
    display: inline-block;
}

.box-n.relacionados .item-n .stats svg path {
    fill: var(--cPink);
}

.h-small.box-n .item-n>div {
    min-height: 200px;
}

.box-n .cuadricula {
    display: flex;
    flex-wrap: wrap;
}

.box-n .cuadricula .item {
    width: 100%;
    padding: 0 20px 40px !important;
}

@media (min-width: 768px) {
    .box-n .cuadricula .item {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .box-n .cuadricula .item {
        width: 33.33%;
    }
}

@media (min-width: 1200px) {
    .box-n .cuadricula .item {
        width: 25%;
    }
}

.box-n .listado .item {
    width: 100%;
    padding: 0 20px 40px !important;
}

.box-n .listado .item .item-n {
    display: flex;
}

.box-n .listado .item .item-n>img {
    margin: 0;
    width: 20%;
    max-width: 200px;
    margin-bottom: auto;
}

.box-n.recursos .listado .item .item-n>div {
    padding: 0;
    margin: 0px;
    border: none;
    width: 80%;
    min-height: 0;
    padding-left: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
}

.box-n.recursos .listado .item .item-n>div>a.link {
    display: flex;
    width: auto;
    padding: 0;
    align-items: center;
    justify-content: start;
    background-color: transparent;
    position: static;
    color: var(--cPink);
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    text-transform: uppercase;
}

.box-n.recursos .listado .item .item-n>div>a.link svg path {
    fill: var(--cPink);
}

/* End Learning */
/* End Learning */
/* End Learning */
/* Toolkit */
/* Toolkit */
/* Toolkit */
#tk-plan h3 {
    background-color: var(--cPink);
    color: var(--cWhite);
    text-align: center;
    font-size: 1.125rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px 0;
}

.tk-box {
    background-color: var(--cWhite);
    padding: 36px 24px 16px;
    text-align: center;
    min-height: 220px;
    transition: all 0.3s;
    width: 100%;
}

.tk-box:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1882352941);
    transform: scale(1.05);
}

.tk-box img {
    width: 100%;
    max-width: 40px;
    height: auto;
    margin-bottom: 24px;
}

.tk-box h4 {
    font-weight: 600;
    margin-bottom: 24px;
}

.tk-box h5 {
    font-weight: 600;
    font-size: 1rem;
    color: var(--cPink);
    text-transform: uppercase;
    margin-bottom: 0;
}

#tk-programa h3 {
    color: var(--cPink);
    font-size: 1rem;
    font-weight: 700;
}

#tk-programa ul {
    list-style: none;
}

#tk-programa ul li {
    color: var(--cDarkGrey);
}

#tk-programa ul li::before {
    content: "■";
    color: var(--cPink);
    font-weight: bold;
    display: inline-block;
    width: 0.875rem;
    margin-left: -1rem;
}

/* End Toolkit */
/* End Toolkit */
/* End Toolkit */
/* Page PRCOMM */
/* Page PRCOMM */
/* Page PRCOMM */
#six-blocks .box {
    color: var(--cWhite);
}

#six-blocks .box figure {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--cWhite);
    border-radius: 50%;
    width: 95px;
    height: 95px;
}

#six-blocks .box figure span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background-color: var(--cWhite);
    border-radius: 50%;
}

#six-blocks .box figure span img {
    display: inline-block;
    height: 50px;
    width: auto;
}

#six-blocks .box h3 {
    color: var(--cWhite);
}

#six-blocks .box p {
    color: var(--cWhite);
}

/* End Page PRCOMM */
/* End Page PRCOMM */
/* End Page PRCOMM */
/* Star */
.star {
    position: relative;
    display: inline-block;
    margin: 0;
    width: 0px;
    height: 0px;
    border-right: 15px solid transparent;
    border-bottom: 11.25px solid var(--cYellow);
    border-left: 15px solid transparent;
    transform: rotate(37deg);
    transform: scale(0.5);
}

.star:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: -7px;
    left: -9px;
    content: "";
    border-bottom: 10.5px solid var(--cYellow);
    border-left: 3.5px solid transparent;
    border-right: 3.5px solid transparent;
    transform: rotate(323deg);
}

.star:after {
    position: absolute;
    display: block;
    width: 0px;
    height: 0px;
    top: 0;
    left: -15px;
    content: "";
    border-right: 15px solid transparent;
    border-bottom: 11.25px solid var(--cYellow);
    border-left: 15px solid transparent;
    transform: rotate(286deg);
}

/*# sourceMappingURL=themeeuropublic.css.map */

/* MODAL */
.modal .modal-dialog {
    max-width: 100%;
    margin: 0;
}

.modal .modal-body {
    max-width: 100%;
}

.modal iframe {
    max-width: 100%;
    width: 1000px;
    aspect-ratio: 1.77;
}

@media (max-width: 757px) {
    .modal iframe {
        width: 560px;
        height: 315px;
    }
}


@media (min-width: 576px) {
    .box-n .owl-carousel .item {
        padding: 0 8px !important;
    }
}

#recursos-destacados .owl-carousel .owl-dots .owl-dot span {
    display: block;
    width: 30.5px;
    height: 6px;
    background: #a8a9ad;
    border-radius: 2px;
}

#recursos-destacados .owl-carousel .owl-dots .owl-dot.active span {
    background: var(--bRose);
}

.d-none {
    display: none !important;
}

.montserrat {
    font-family: "Montserrat", system-ui;
    font-optical-sizing: auto;
    font-style: normal;
}

body.atf {
    font-family: "Montserrat", system-ui;
}/**/ 

/* Arreglos V5 */
/* MODALS */
.modal { }
.modal .modal-dialog { width: 100%; max-width: 848px;  }
.modal .modal-content { border: 0; }
.modal .modal-content .modal-header { display: flex; align-items: center; height: 60px; background-color: var(--c-primario); color: var(#fff); padding: 0 20px; margin: 0; }
.modal .modal-content .modal-header .modal-title { font-size: 1.4rem; font-weight: 400; letter-spacing: .32px; display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.modal .modal-content .modal-header .modal-title .material-icons { padding-right: 15px; }
.modal .modal-content .modal-header .cerrar { cursor: pointer;  }
.modal .modal-content .modal-body { margin: 0; padding: 25px 100px; overflow: auto; max-height: calc(100vh - 60px);}
.modal .modal-content .modal-footer { }

.modal.full-height .modal-content .modal-body { height: calc(100vh - 60px); }

.modal-top.modal:before { display: none; }
.modal-top.modal .modal-dialog { margin: 0; }

.modal--wide-content .modal-content .modal-body { padding: 25px 40px; }

@media (min-width: 992px){
    .modal-left-corner .modal-dialog { top: 90px; position: absolute; left: 50px; margin-top: 0; }
}

@media (max-width: 767px){
    .modal .modal-dialog { width: 100%; max-width: 100%; }
    .modal .modal-content .modal-body { padding: 20px; }
}
.form-actions {
    display: flex;
    align-items: center;
    gap: 1em;
}
.form-actions button:hover{ cursor:pointer; }
.form-actions button.btn-outline-primary:hover{ background-color: inherit; color: inherit;}

/* Loading - Mascara Blanca */
/* LOADER */
#mascaraBlanca { background-color: rgba(255,255,255, 0.7); width: 100vw; height: 100vh; position: fixed; display: none; left: 0px; top: 0px; z-index: 10000; }
#mascaraBlanca .wrap { flex-direction: column; height: 100%; width: 100%;  display: flex; justify-content: center; align-items: center;}
.mascaraBlancaActiva { overflow: hidden; }
.mascaraBlancaActiva #mascaraBlanca { display: block; }

.spinner-blue,
.spinner-blue-only { border-color: var(--c-black); }


/* LISTADO LISTA - Página Añadir nuevo recurso */
.editarRecurso .resource-list { margin-top: 20px; }
.editarRecurso .resource-list.listView .resource .wrap { margin-left: 35px; }
.editarRecurso .resource-list.listView .resource .wrap.profile{ margin-left: 0px; }
.editarRecurso .resource-list.listView .resource .wrap.group{ margin-left: 0px; }
.editarRecurso .resource-list .resource .wrap { padding-bottom: 15px; border-bottom: 1px solid whitesmoke; position: relative; }
/**/
.editarRecurso .user-miniatura {display: flex;align-items: center;}
.editarRecurso .user-miniatura .imagen-usuario-wrap { padding-right: 18px; }
.editarRecurso .user-miniatura .imagen-usuario-wrap .imagen {  overflow: hidden; height: 60px; width: 60px; border-radius: 50%; justify-content: center; align-items: center; display: flex; }
.editarRecurso .user-miniatura .nombre-usuario-wrap { color: var(--c-texto); flex: 1;}
.editarRecurso .acciones-usuario-wrap span{ color: var(--c-black);}
.editarRecurso .acciones-usuario-wrap .btn.btn-outline-grey { display: flex; gap: 0.6em; cursor: pointer;}
/* Facetas */
.facetedSearch.tags .borrarFiltros-wrap{ display: none !important; }
input#ce_datef1, input#ce_datef2 { max-width: 100% !important; }
.facetedSearchBox.fechaDesdeHasta, .dropdown-menu.basic-dropdown.dropdown-icons.dropdown-menu-right { padding: 0.6em !important; }
.facetedSearchBox.fechaDesdeHasta .searchButton { font-size: 0; }


/* FORMULARIOS EDICION */
.formulario-edicion .input-wrap {max-width: 650px;position: relative;}
.formulario-edicion .input-wrap .input-miembros { padding-left: 55px; }
.formulario-edicion .input-wrap .icon { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--c-texto-claro); }
.formulario-edicion .edit-autor-recurso { max-width: 650px;}
.formulario-edicion .edit-autor-recurso .configuracion-autor { display: none; }
.formulario-edicion .edit-autor-recurso #panPropIntelectual { padding-left: 34px; }
.formulario-edicion .edit-autor-recurso #autor-recurso-si:checked ~ .configuracion-autor { display: block;}

.formulario-enviar {}
.formulario-enviar .panContenedorInvitados { border-bottom: 1px solid var(--c-grey-light); }
.formulario-enviar .header-resource { padding: 15px 15px 15px 45px; background-color: var(--c-grey-light); }
.formulario-enviar .header-resource .title-wrap .title { font-size: 1.06rem; margin-bottom: 0;}
.formulario-enviar .header-resource .title-wrap .title:before { left: -30px; top: -3px; }

.editarRecurso #col02 #anadir-tag{ background-color: #e82962; color: white; display: unset; }

/* Inputs con botón pegado */
.form-sticky-button {display: flex;flex-wrap: nowrap;margin-bottom: 15px;}
.form-sticky-button .input[type="text"] { border-right: none; }
.form-sticky-button .btn { height: 45px; border-radius: 0; }
.editarRecurso #col02 input[type="text"]{ margin-top: unset; margin-bottom: unset;}

/* TagList */
.tag-list { display: flex; flex-wrap: wrap;}
/* TAGS */
.tag-list { display: flex; flex-wrap: wrap;}
.tag-list .tag { display: inline-block; margin: 0 5px 5px 0; max-width: 100%; }
.tag-list .tag .tag-wrap { max-width: 100%; display: flex; align-items: center; background: var(--c-texto-claro); height: 38px; line-height: 38px; font-weight: 500; color: var(#fff); font-size: 1rem; border: none; }
.tag-list .tag .tag-wrap .tag-text { padding: 0 20px; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
.tag-list .tag .tag-wrap .tag-remove { cursor: pointer; display: inline-block; font-size: 1.5rem; color: var(#fff); height: 38px; line-height: 38px; width: 38px; text-align: center; background: rgba(0,0,0,.2); }
.tag-list.sugerencias .tag .tag-wrap { background-color: #6ed4e9; }
/* RadioButton */
.editarRecurso .form-control.not-outline.edit.edit_outstanding label{ margin-bottom: 0px !important; }


/* CATEGORIAS */
.buscador-categorias { margin-bottom: 10px; display: flex; }
.buscador-categorias .findAction { cursor: pointer; }
.buscador-categorias .form-group { flex: 1; position: relative; }
.buscador-categorias .form-group .form-control { min-width: 250px; padding-right: 40px; }
.buscador-categorias .form-group:after {
  font-size: 27px;
  color: var(--c-texto-claro);
  font-family: "Material Icons";
  content: "search";
  position: absolute;
  right: 10px;
  top: 4px;
}

.categoria-wrap { display: flex; flex-wrap: wrap; user-select: none; }
.categoria-wrap .categoria { flex: 0; }

.indice .categoria-wrap .categoria { flex: none; }

.categoria-wrap .panHijos {
  flex: 0 0 100%;
  padding-left: 35px;
  display: none;
}
.categoria-wrap .boton-desplegar {
  cursor: pointer;
  position: relative;
  top: -2px;
  color: var(--c-texto-medio);
  margin-left: 15px;
}
.categoria-wrap .boton-desplegar .material-icons { color: var(--c-texto-claro); }
.categoria-wrap .boton-desplegar.mostrar-hijos ~ .panHijos { display: block; }
.categoria-wrap .boton-desplegar.mostrar-hijos .material-icons { transform: rotate(180deg); }

.categoria-wrap .categoria .custom-checkbox .custom-control-label {
  white-space: nowrap;
  font-weight: 400;
}
.categoria-wrap .categoria .custom-checkbox .custom-control-input:checked ~ .custom-control-label {
  font-weight: 500;
}
.categoria-wrap .categoria .custom-checkbox .custom-control-input:not(:checked) ~ .custom-control-label::before {
  font-family: 'Material Icons';
  content: 'folder_open';
  border: none;
  z-index: 1;
  font-size: 24px;
}
.categoria-wrap .categoria .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  content: '';
  border: none;
  z-index: inherit;
}
.categoria-wrap .categoria .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  z-index: 2;
}

.categoria-wrap .categoria.not-selectable .custom-checkbox .custom-control-label {
  cursor: default;
  color: var(--c-primario);
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  font-weight: bold;
}
.categoria-wrap .categoria.not-selectable .custom-checkbox .custom-control-label::before {
  font-family: 'Material Icons';
  top: -8px;
  text-transform: none;
  content: 'folder_open';
  font-weight: normal;
  border: none;
  font-size: 24px;
}

/* General label override */
label.custom-control-label {
  margin-bottom: 0px !important;
}

/* RADIO & CHECKBOX PERSONALIZADO */
.custom-checkbox.themed,
.custom-radio.themed {
  padding-left: 40px;
  min-height: 30px;
  margin-bottom: 10px;
}

.custom-checkbox.themed .custom-control-label::before,
.custom-radio.themed .custom-control-label::before {
  background: transparent;
  border: 1px solid var(--c-texto-claro);
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
}

.custom-checkbox.themed .custom-control-input ~ .custom-control-label,
.custom-radio.themed .custom-control-input ~ .custom-control-label {
  font-size: 0.8rem;
  line-height: 25px;
  color: var(--c-texto-claro);
  font-weight: 500;
}

.custom-checkbox.themed .custom-control-input ~ .custom-control-label::before,
.custom-radio.themed .custom-control-input ~ .custom-control-label::before,
.custom-checkbox.themed .custom-control-input ~ .custom-control-label::after,
.custom-radio.themed .custom-control-input ~ .custom-control-label::after {
  top: -2px;
  left: -40px;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

/* MOSTRAR ICONO SOLO SI ESTÁ CHECKED */
.custom-radio.themed .custom-control-input:checked ~ .custom-control-label::after,
.custom-checkbox.themed .custom-control-input:checked ~ .custom-control-label::after {
  content: "done";
  font-weight: bold;
  color: var(#fff);
  font-family: "Material Icons";
  background-image: none;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* OCULTAR ICONO SI NO ESTÁ CHECKED */
.custom-radio.themed .custom-control-input:not(:checked) ~ .custom-control-label::after,
.custom-checkbox.themed .custom-control-input:not(:checked) ~ .custom-control-label::after {
  content: "";
  border: 2px solid var(--c-texto-claro);
  background: transparent;
}

/* HOVER */
.custom-radio.themed:hover .custom-control-input:not(:checked) ~ .custom-control-label::before,
.custom-checkbox.themed:hover .custom-control-input:not(:checked) ~ .custom-control-label::before {
   border: 2px solid var(--c-texto-medio);
}
.custom-radio.themed:hover .custom-control-input:not(:checked) ~ .custom-control-label::after,
.custom-checkbox.themed:hover .custom-control-input:not(:checked) ~ .custom-control-label::after {
  content: "";
  border: 2px solid var(--c-texto-claro);
}

/* ESTILO CHECKED */
.custom-checkbox.themed .custom-control-input:checked ~ .custom-control-label,
.custom-radio.themed .custom-control-input:checked ~ .custom-control-label {
  color: var(--c-texto-medio);
}
.custom-checkbox.themed .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio.themed .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--c-texto-medio);
  border-color: var(--c-texto-medio);
}
.custom-checkbox.themed .custom-control-input:checked ~ .custom-control-label::after,
.custom-radio.themed .custom-control-input:checked ~ .custom-control-label::after {
  color: var(#fff);
}

/* VERSION SMALL */
.custom-checkbox.themed.little,
.custom-radio.themed.little {
  padding-left: 34px;
  margin-bottom: 5px;
}
.custom-checkbox.themed.little .custom-control-label::before,
.custom-radio.themed.little .custom-control-label::before {
  height: 23px;
  width: 23px;
  left: -34px;
  content: "";
  top: 0;
  position: absolute;
  border: 2px solid #666; /* color del borde */
  border-radius: 50%; /* forma redonda para radio */
  background-color: white;
  display: inline-block;
  z-index: 1;
}
.custom-checkbox.themed.little .custom-control-input ~ .custom-control-label::after,
.custom-radio.themed.little .custom-control-input ~ .custom-control-label::after {
  left: -34px;
  height: 23px;
  width: 23px;
  font-size: 16px;
}
.custom-checkbox.themed.little .custom-control-input ~ .custom-control-label,
.custom-radio.themed.little .custom-control-input ~ .custom-control-label {
  line-height: 20px;
}

/* VERSION PRIMARY */
.custom-checkbox.themed.primary .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio.themed.primary .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--c-primario);
  border-color: var(--c-primario);
}
.custom-checkbox.themed.primary .custom-control-input:checked ~ .custom-control-label,
.custom-radio.themed.primary .custom-control-input:checked ~ .custom-control-label {
  color: var(--c-primario);
}

/* FORM */
.form-section-title {
  font-size: 0.9rem;  
}

.form-section-title  span{
  font-weight: 700;
}

.form-actions {
  padding: 25px 0;
}
.editarRecurso #col02 .formSemEdicion>fieldset>.contEnt{ padding: 0;}
.formSemEdicion,.edicionRecurso, #panAutoria, #panPrivacidadYSeguridad, .edit-categorias, .edit-etiquetas { padding: 20px 50px; }
.edit-etiquetas{ margin-bottom: 0 !important;}
.editarRecurso #col02 #PropiedadesDelRecurso, .editarRecurso #col02 #panEditoresRec, .editarRecurso #col02 #SubirRecurso{ padding: unset;}
.editarRecurso #col02 #panAutorPropio #lblElegirAutor{ padding-top: unset;}
.form-control.not-outline.edit.edit_outstanding { display: flex; align-items: center; }
.editarRecurso #divContPanelBotonera fieldset p { display: flex; align-items: center; gap: 10px;}

.editarRecurso #col02 #panAutorPropio>fieldset, .editarRecurso #col02 #panAutoria #fielAutores{ padding: 0 !important; }

.editarRecurso .input-with-icon{position: relative;}
.editarRecurso .input-with-icon i.material-icons{position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--c-texto-medio); font-size: 22px;}
.editarRecurso .input-with-icon .calenFormSem.hasDatepicker, .editarRecurso .input-with-icon .autocompletarSelecEnt{padding-left: 35px !important;}

.editarRecurso .dragdropArea-wrap-info {padding: 1.5em;border: 1px dashed #e82962; margin-bottom: 1em;}

.editarRecurso #col02 #lbAgregarAutores{ margin: 0 !important; }
.editarRecurso a.remove.removeAutocompletar::after { content: '\E5CD'; font-family: 'Material Icons'; font-size: 24px; color: var(--c-primario); line-height: normal;cursor: pointer; position: absolute; top: 10px; right: 10px;}

.campomultievaluado .cont_collaborator > .removeAutocompletar { display: none !important; }


.facetas-wrap {  }
.facetas-wrap .faceta-name { display: flex; align-items: center; }
.facetas-wrap .faceta-title { display: flex; align-items: center; font-size: 0.8rem; text-transform: uppercase; color: var(--c-texto); font-weight: bold;  padding: 0 30px 0 0; position: relative; cursor: pointer; min-height: 23px; }
.facetas-wrap .faceta-title .material-icons { font-size: 1.5rem; padding-left: 10px;}
.facetas-wrap .faceta-title .facet-arrow:before,
.facetas-wrap .faceta-title .search-icon:before { font-weight: 300; font-size: 1.5rem; padding-left: 10px; font-family: 'Material Icons';}
.facetas-wrap .faceta-title .facet-arrow:before { content: "\e316"; }
.facetas-wrap .faceta-title .search-icon:before { content: "\e8b6"; }
.facetas-wrap .faceta-dropdown { position: relative; }
.facetas-wrap .faceta-dropdown .dropdown-toggle { color: var(--c-texto); }
.facetas-wrap .faceta-dropdown .dropdown-menu { width: 320px; margin-left: 3px; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); padding: 0; z-index: 9; }
.facetas-wrap .faceta-dropdown .dropdown-menu .facetedSearchBox div {}
.facetas-wrap .faceta-dropdown .dropdown-menu .facetedSearchBox .search { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); }
.facetas-wrap .faceta-dropdown .dropdown-menu .facetedSearchBox .filtroFaceta {  background-color: #f8f8f8; margin: 5px 40px 5px 10px; font-size: 15px; height: 40px; width: 100%; border: 0; padding: 10px 10px 10px 40px; outline: none; }
.facetas-wrap .faceta-dropdown .dropdown-menu .cerrar-dropdown { top: 17px; }
.facetas-wrap .faceta-dropdown .dropdown-menu ul { padding: 8px; }
.facetas-wrap .faceta-dropdown .dropdown-menu ul li { }
.facetas-wrap .faceta-dropdown .dropdown-menu ul li a { color: var(--c-texto-claro); }
.facetas-wrap .faceta-dropdown .dropdown-menu ul li a:hover { background: none; color: var(--c-primario) !important; }
.facetas-wrap .faceta-dropdown .dropdown-menu .fechaDesdeHasta { padding: 20px; border-top: 1px solid var(--c-grey-light); margin-bottom: 0; }
.facetas-wrap .faceta-dropdown .dropdown-menu .fechaDesdeHasta > div { flex: 0 0 50%; padding: 0 4px; }
.facetas-wrap .box.ocultando-buscador .faceta-title .search-icon:before { content: "\e8b6"; }
.facetas-wrap .box.plegado .faceta-title .facet-arrow:before { content: "\e313";}

.facetas-wrap ul { list-style: none; margin: 0; padding: 0; }
.facetas-wrap .listadoFacetas { list-style: none; margin: 0; padding: 0; }
.facetas-wrap .listadoFacetas li { padding: 0 15px 0 0; margin-bottom: 5px; }
.facetas-wrap .listadoFacetas li a { text-decoration: none; display: flex; font-size: 0.933rem; font-weight: 400; color: var(--c-texto-claro); opacity: .8; line-height: 20px; padding: 0; position: relative; }
.facetas-wrap .listadoFacetas li a span {  }
.facetas-wrap .listadoFacetas li a span.textoFaceta { white-space: nowrap; max-width: 80%; display: inline-block; text-overflow: ellipsis; overflow: hidden; }
.facetas-wrap .listadoFacetas li a span.num-resultados { padding-left: 5px; display: inline-block; }
.facetas-wrap .listadoFacetas li a:hover span.num-resultados { color: var(--c-primario); }
.facetas-wrap .listadoFacetas li a:hover span.textoFaceta { color: var(--c-primario); text-decoration: underline; }
/* Bandeja activa para saber faceta en la que se encuentra usuario (Mensajes) */
.facetas-wrap .listadoFacetas li a.applied {font-weight: 700; color: var(--c-texto-medio);}
/*.facetas-wrap .listadoFacetas li.applied{background-color: var(--c-grey-light);}*/

.facetas-wrap .listadoFacetas li ul { padding-top: 10px; padding-left: 15px; }
.facetas-wrap .listadoFacetas li .desplegarSubFaceta { margin-left: 10px; height: 19px; width: 19px; display: flex; justify-content: center; align-items: center; }
.facetas-wrap .listadoFacetas li .desplegarSubFaceta .material-icons { font-size: 19px; }
.facetas-wrap .listadoFacetas li .con-subfaceta.ocultarSubFaceta ~ ul { display: none; }
.facetas-wrap .listadoFacetas li.ocultar { display: none; }

.facetas-wrap .box.plegado .listadoFacetas { display: none; }

/*.facetas-wrap .moreResults { font-size: 0.933rem; color: var(--c-texto-oscuro); font-weight: 500; line-height: 16px;  cursor: pointer; margin-bottom: 0; padding-bottom: 15px; }*/
.facetas-wrap .moreResults { font-size: 0.933rem; color: var(--c-texto); font-weight: 500; padding-top: 6px; line-height: 16px;  cursor: pointer; margin-bottom: 0; padding-bottom: 15px; }
.facetas-wrap .moreResults a { color: var(--c-texto-claro); display: inline-flex; align-items: center;  }
.facetas-wrap .moreResults a:hover { color: var(--c-primario); text-decoration: underline;}
.facetas-wrap .moreResults a.ver-menos { display: none; }
.facetas-wrap .moreResults a:after {display: inline-block; text-decoration: none !important;  content: '\E313'; font-family: 'Material Icons'; font-size: 1.5rem; padding-left: 10px; font-weight: 300; height: 16px; overflow: hidden;}
.facetas-wrap .moreResults a.ver-menos:after { content: '\e316'; }
.facetas-wrap .moreResults.allResults a:after { content: '\e315'; }
.facetas-wrap .box.plegado .moreResults { display: none; }

.facetas-wrap .facetedSearchBox { display: flex; flex-wrap: wrap; position: relative; margin-bottom: 0; }
.facetas-wrap .facetedSearchBox label { display: block; font-size: 15px; color: var(--c-texto-claro); margin-bottom: 3px; }
.facetas-wrap .facetedSearchBox input { font-size: 13px; width: 100%; height: 30px; border: 1px solid #d2d2d2; padding: 7px 9px; }
.facetas-wrap .facetedSearchBox .searchButton { font-size: 14px; font-weight: 500; height: 30px; width: 100%; cursor: pointer; display: flex; align-items: center; justify-content: center; background-color: #f2f2f2; color: var(--c-texto); text-transform: uppercase; margin-top: 12px; }

/* Modales */
.modal-top.modal .modal-dialog{ margin:0; }
.modal { }
.modal .modal-dialog {width: 100%;max-width: 848px;}
.modal .modal-content { border: 0; }
.modal .modal-content .modal-header { display: flex; align-items: center; height: 60px; background-color: var(--c-primario); color: var(#fff); padding: 0 20px; margin: 0; }
.modal .modal-content .modal-header .modal-title { font-size: 1.4rem; font-weight: 400; letter-spacing: .32px; display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.modal .modal-content .modal-header .modal-title .material-icons { padding-right: 15px; }
.modal .modal-content .modal-header .cerrar { cursor: pointer;  }
.modal .modal-content .modal-body { margin: 0; padding: 25px 100px; overflow: auto; max-height: calc(100vh - 60px);}
.modal .modal-content .modal-footer { }

.modal.full-height .modal-content .modal-body { height: calc(100vh - 60px); }

.modal-top.modal:before { display: none; }
.modal-top.modal .modal-dialog {margin: 0;}

.modal--wide-content .modal-content .modal-body { padding: 25px 40px; }

@media (min-width: 992px){
    .modal-left-corner .modal-dialog { top: 90px; position: absolute; left: 50px; margin-top: 0; }
}

@media (max-width: 767px){
    .modal .modal-dialog {width: 100%;max-width: 100%;}
    .modal .modal-content .modal-body { padding: 20px; }
}


.modal-resultados { }
.modal-resultados .buscador-coleccion .buscar {display: block;position: relative;}
.modal-resultados .buscador-coleccion .buscar input { font-size: 1rem; font-weight: 300; color: var(--c-negro); height: 50px; padding: 0 56px 0 25px; border: 1px solid var(--c-grey-light); width: 100%;outline: none }
.modal-resultados .buscador-coleccion .buscar .lupa { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }

.modal-resultados .action-buttons-resultados { margin-top: 10px; }
.modal-resultados .action-buttons-resultados ul { display: flex; justify-content: flex-end; align-items: center; }
.modal-resultados .action-buttons-resultados ul li { color: var(--c-texto-medio); font-size: 1rem; font-weight: 500; margin-left: 20px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.modal-resultados .action-buttons-resultados ul li span.material-icons { font-weight: 500; margin-right: 5px; margin-left: 10px; }
.modal-resultados .action-buttons-resultados ul li:hover span.texto { text-decoration: underline; }
.modal-resultados .action-buttons-resultados ul li.active { color: var(--c-primario); }

.modal-resultados-paginado { }
.modal-resultados-paginado .action-buttons-resultados { flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; }
/* Alinear categorías con placeholder de Input de búsqueda*/
.modal-resultados-paginado .resultados-wrap { display: flex; flex-wrap: wrap; }
.modal-resultados-paginado .resultados-wrap .listadoFacetas { flex: 0 0 calc(50% - 60px); max-width: calc(50% - 60px); margin: 0 30px; }
/* Alinear categorías con placeholder de Input de búsqueda*/
.modal-resultados-lista { }
.modal-resultados-lista .resultados-wrap { margin-left: 25px;}

@media (max-width: 1365px){
    .col-facetas #panFacetas { width: 100%; }

    .facetas-wrap .faceta-dropdown .dropdown-menu { width: 278px; }
    .modal-resultados-paginado .resultados-wrap { margin-left: 0; margin-right: 0;}
}

@media (max-width: 1199px){
    .col-facetas { position: fixed; width: 320px; max-width: 320px; left: -320px; top: 0; z-index: 811; padding: 0; overflow: auto; background-color: var(#fff); }
    .col-facetas .wrapCol { border: 0; }
    .col-facetas .header-facetas { padding-left: 20px; position: relative; padding-right: 50px; background-color: var(--c-primario); height: 60px; }
    .col-facetas .header-facetas p { color: var(#fff); }
    .col-facetas .header-facetas .cerrar { text-decoration: none !important; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: var(#fff); width: 40px; }

    /*.col-facetas #panFacetas { padding: 10px 20px; max-height: calc(100vh - 60px); height: calc(100vh - 60px); overflow: auto !important; }*/
    .col-facetas #panFacetas { padding: 10px 20px 60px 10px; max-height: calc(100vh - 60px); height: calc(100vh - 60px); overflow: auto !important; }
    .col-facetas #panFacetas .mCustomScrollBox { overflow: hidden; }

    /* Facetas para mensajes o cuyo id sea diferente a panFacetas */
    .col-facetas #divFac { padding: 10px 20px 60px 10px; max-height: calc(100vh - 60px); height: calc(100vh - 60px); overflow: auto !important; }

    .facetas-abiertas header { z-index: 10; }
    .facetas-abiertas .col-facetas { left: 0; }
    .facetas-abiertas .col-buscador form .btn-filtrar-movil { z-index: 810; position: fixed; top: 0; left: 0; right: 0; bottom: 0; }
    .facetas-abiertas .col-buscador form .btn-filtrar-movil:before { content: ''; display: block; position: fixed; top: -155px; left: -145px; width: 145vw; height: 150vh; background: rgba(0,0,0,.2); cursor: pointer; }

    .facetas-wrap .faceta-dropdown .dropdown-menu { width: 280px; }
}

@media (max-width: 768px){
    .col-contenido .header-contenido .h1-container h1 { font-size: 1.5rem;  }

    .modal-resultados-paginado .indice-lista .listadoFacetas { flex: 0 0 100%; max-width: 100%; margin: 0 !important; }
}
/*  */
#panFacetas #facetedSearch .box .faceta-title { margin-bottom: 0 !important;}



/* DROPDOWNS GENÉRICO */
.dropdown-toggle.no-flecha:after { display: none; }

/* estilos basic dropdown */
.basic-dropdown.dropdown-menu { padding: 10px 0; border-radius: 0; background-color: var(#fff); }
.basic-dropdown.dropdown-menu ul {}
.basic-dropdown.dropdown-menu ul li { margin-bottom: 7px;  }
.basic-dropdown.dropdown-menu ul li:last-child { margin-bottom: 0px; }
.basic-dropdown.dropdown-menu .item-dropdown { padding-left: 15px; padding-right: 15px; line-height: 30px; white-space: nowrap; user-select: none; cursor: pointer; display: flex; align-items: center; color: var(--c-texto-claro); font-size: 0.8rem; font-weight: normal; }
/* item-dropdown simular deshabilitado por CI/CD para DevTools */
.basic-dropdown.dropdown-menu .item-dropdown.disabled { background-color: var(--c-gris-fondo); cursor: default; }
.basic-dropdown.dropdown-menu .item-dropdown:hover { background-color: var(--c-gris-fondo); color: var(--c-texto); text-decoration: none; }
/* item-dropdown:hover simular deshabilitado por CI/CD para DevTools */
.basic-dropdown.dropdown-menu .item-dropdown:hover { color: var(--c-texto-claro); text-decoration: none; }
.basic-dropdown.dropdown-menu .item-dropdown .material-icons { padding-right: 10px; }
.basic-dropdown.dropdown-menu .dropdown-title { padding-left: 15px; padding-right: 15px; text-transform: uppercase; font-weight: bold; line-height: 14px; font-size: 0.8rem; }
.basic-dropdown.dropdown-menu .cerrar-dropdown { color: var(--c-texto-claro); font-size: 20px; position: absolute; top: 10px; right: 10px; cursor: pointer; }
.basic-dropdown.dropdown-menu.dropdown-sobre-toggle { top: -45px !important; }

/* Objeto de conocimiento */
/* OC - SECCIÓN OBJETOS DE CONOCIMIENTO */
/* Cargar fichero adjunto - Objeto de conocimiento semántico */
.dragdropArea-wrap {border: 1px dashed #ccc;	transition: border-color 0.2s ease, background-color 0.2s ease; display: flex; align-items: stretch; cursor: pointer;}
.dragdropArea-wrap:hover {border-color: var(--color-rosa-resource);}
.dragdropArea-wrap-info{display: flex; padding: 10px 20px;}
.dragdropArea-preview-wrap-content{display: flex; align-items:center;}
.dragdropArea-preview-wrap-content img {width: 110px; height: 80px; background-color: var(--c-blanco); object-fit: cover;}
.dragdropArea-preview-wrap-content .removeButton{margin-left: 20px;}
.dragdropArea-preview-wrap-content .editButton:hover, .dragdropArea-preview-wrap-content .removeButton:hover, .dragdropArea-preview-wrap-content .downloadButton:hover{opacity: 1; background-color: var(--c-blanco);}    
.dragdropArea-preview-wrap-content span.material-icons{color: var(--color-rosa-resource);}
.dragdropArea-preview-wrap-content .editButton,
.dragdropArea-preview-wrap-content .removeButton,
.dragdropArea-preview-wrap-content .downloadButton { height: 40px; width: 40px; display: flex; /* centrado interno */ align-items: center; justify-content: center; background-position: center; background-size: 25px 25px; background-repeat: no-repeat; border-radius: 5px; opacity: 0.8; background-color: whitesmoke; border: 1px solid var(--color-rosa-resource); }

.editarRecurso #col02 label{ display: inline !important;}

/* Resto de tablas del formulario semántico */
.editarRecurso  .contentgroup{ border: 1px solid whitesmoke; padding: 15px;margin-bottom: 15px;}
.editarRecurso .cont table {width: auto !important; max-width: none;}
.editarRecurso .cont table tr td{border-bottom: none; border-bottom: 1px solid whitesmoke; }
.editarRecurso .cont table tr.par, .editarRecurso .cont .form-group table tr.impar { border-bottom: 1px solid whitesmoke !important; }

.editarRecurso .cont table tr.par, .editarRecurso .cont .tdval { font-size: 15px; }
.editarRecurso .cont table tr td{ border-bottom: none; border-bottom: 1px solid whitesmoke; }
.editarRecurso .contAgr table tr td, .editarRecurso .cont table tr td { padding: 10px; }
/* */