/* variables */
:root {
 --fuente-ppal: 'Sofia Sans';
 --fuente-texto: 'IBM Plex Sans';
 --color-primary: #2a4268;
 --space-1: .5rem; /* 8px */
 --space-4: 2rem;  /* 32px */
 
 --color-ppal: #025582;
 --color-sec: #1a8934;
 --color-enf: #f3f7fb;
	
 --color-gris-claro: #f0f0f0;
 --color-negro: #101010;
 --color-texto: #252525;
 --color-texto-claro: #f9f9f9;
 --color-claro: #888888;

}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:var(--fuente-ppal),sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
a {text-decoration:none;}
::-moz-selection {color: #fff; background: #333;}
::selection {color: #fff; background: #333;}

/* AMP BOILERPLATE */
body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
:root {
 --color-primary: #005AF0;
 --space-1: .5rem; /* 8px */
 --space-4: 2rem;  /* 32px */
}

/* Styles for the flex layout based tabs */
amp-selector[role=tablist].tabs-with-flex {
	display: flex;
	flex-wrap: wrap;
}
amp-selector[role=tablist].tabs-with-flex [role=tab] {
	flex-grow: 1;
	/* custom styling, feel free to change */
	text-align: center;
	padding: var(--space-1);
}
amp-selector[role=tablist].tabs-with-flex [role=tab][selected] {
	outline: none;
	/* custom styling, feel free to change */
	border-bottom: 2px solid var(--color-primary);
}
amp-selector[role=tablist].tabs-with-flex [role=tabpanel] {
	display: none;
	width: 100%;
	order: 1; /* must be greater than the order of the tab buttons to flex to the next line */
	/* custom styling, feel free to change */
	padding: var(--space-4);
}
amp-selector[role=tablist].tabs-with-flex [role=tab][selected] + [role=tabpanel] {
	display: block;
}

/* Styles for the selector based tabs */
amp-selector[role=tablist].tabs-with-selector {
	display: flex;
}
amp-selector[role=tablist].tabs-with-selector [role=tab][selected] {
	outline: none;
  background: #ffde00;
}
amp-selector[role=tablist].tabs-with-selector {
	display: flex;
}
amp-selector[role=tablist].tabs-with-selector [role=tab] {
 /* custom styling, feel free to change */
 text-align: center;
 font-size: 18px;
 font-weight: 500;
 color: #3f3f3f;
 text-transform: uppercase;
 display: inline-block;
 width: auto;
 padding: 5px 10px;
}
amp-selector.tabpanels [role=tabpanel] {
 display: none;
 /* custom styling, feel free to change */
 padding: 20px 4%;
}
amp-selector.tabpanels [role=tabpanel][selected] {
 outline: none;
 display: block;
}

/* HELPERS */
.visiblemobile {display:block;}
.visibledesktop {display:none;}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}

.wrapper {width: 1240px; margin: 0 auto;}


/* HEADER */
header {width: 100%; background: #fff; margin: 0; height: 70px; border-bottom: solid 2px #f0f0f0; position: fixed; top:0; z-index: 2;}
header .contenedor-logo {float: left; margin: 10px 0; transition:all 300ms;}
header .contenedor-logo .logo {margin: 0; padding: 0; line-height: 1em; display:block;}
header .contenedor-logo .logo a {height: 50px; display: block;}
header .contenedor-logo .logo a img {height: 50px; width: auto; transition:all 100ms;} /* LUEGO AGREGAR W EN DURO */
header .links-header {float: right;}
header .links {float: left; margin: 0 20px 0 0; padding: 0;height: 70px; line-height: 70px; list-style: none;}
header .links li {display: inline-block; margin: 0 16px 0 0; line-height: 74px;}
header .links li a {text-transform: uppercase; color: var(--color-negro); font-weight: 500; font-size: 16px; padding: 0 8px; transition: all 300ms;}
header .links li a:hover {background:linear-gradient(45deg, var(--color-ppal), var(--color-sec));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
header .botones {float:left; line-height: 70px; transition:all 100ms;}
header .busqueda {background:url(../img/lupa.svg) center center no-repeat;width:32px;height:32px;background-size:contain; text-indent:-999px; overflow: hidden; display: inline-block;margin: -4px 20px 0 0;vertical-align:middle; cursor:pointer;}
header .menu-toggle {background: url(../img/menu.svg) right center no-repeat; width: 73px; height: 32px; background-size: contain; border: 0 none; overflow: hidden; margin: -3px 0 0 0; vertical-align: middle; padding: 0; text-align: left; text-transform: uppercase; font-size: 15px; font-weight: 500;}
header .menu-toggle:hover {color:var(--color-ppal);}
header .progreso {position: absolute; bottom: -2px; height: 2px; background:var(--color-ppal); background-size:contain; transition:all 200ms;}

.hashtags {height: 40px; line-height: 40px; margin: 72px 0 36px 0; clear: both; width: 100%; background: linear-gradient(45deg, var(--color-ppal), var(--color-sec)); border-bottom: solid 1px #f0f0f0;}
.hashtags .wrapper {}
.hashtags .tag-temas {width: 109px;font-weight: 500; color: #fff; display: inline-block; float: left; padding: 0 0 0 9px; box-sizing: border-box; text-transform: uppercase; font-size: 15px; position: relative; margin: 0 1px 0 0; height: auto;}
.hashtags .temas {width: calc(100% - 110px); margin: 0; padding: 0; display: inline-block; overflow-x: auto; overflow-y: hidden;}
.hashtags ul {margin: 0; padding: 0; list-style: none; overflow: hidden; width: max-content;}
.hashtags li {display: inline-block; margin: 0 0 0 10px; font-size: 15px; font-weight: 400; padding: 0;}
.hashtags li:last-child {}
.hashtags .temas li a {color: var(--color-gris-claro); display: inline-block; line-height: 32px; padding: 0 12px; transition: all 300ms; border: solid 1px; border-radius: 32px;}
.hashtags .temas li a:hover {background: rgba(0, 0, 0, 0.2);}
.hashtags img {width: 22px; height: auto; border-radius: 50%; border: solid 2px #fff; margin: 3px 6px 0 -8px; display: inline-block; vertical-align: top;}
.hashtags h5 {display: inline-block; margin: 0; padding: 0;font-size: 15px; font-weight: 400;}



/* AMP SIDEBAR */
amp-sidebar.sidebar-canales {width: 400px;background: #fff;}
amp-sidebar .contenedor-sidebar {box-sizing: border-box; width: 100%; padding:70px 16px 0 16px; position: relative;}
amp-sidebar .cerrar-sidebar {background: url(../img/x.svg) center center no-repeat; background-size: contain; position: absolute; top: 20px; right: 20px; overflow: hidden; text-indent: -999px; border: 0; width: 16px; height: 16px; opacity: 0.5; transition:opacity 300ms;}
amp-sidebar .cerrar-sidebar:hover {opacity: 1;}
amp-sidebar .i-amphtml-screen-reader {display:none;}
amp-sidebar h4 {MARGIN: 0 0 10px; text-transform: uppercase; font-weight: 600; font-size: 18px; border-bottom: solid 3px var(--color-ppal); color: var(--color-negro); padding-bottom: 3px; border-image: linear-gradient(45deg, var(--color-ppal), var(--color-sec)) 1;}
amp-sidebar h4.menu-secciones {margin: -40px 0 10px;}
amp-sidebar ul.secciones {margin: 0 0 20px; padding: 0; list-style: none;}
amp-sidebar .secciones li {display: block; width: 100%; border-bottom: solid 1px #f0f0f0; padding:10px 5px; margin: 0; transition:all 300ms;}
amp-sidebar .secciones li:last-child {margin: 0;}
amp-sidebar .secciones li a {color: #444; font-weight: 400; font-size: 18px;transition:all 300ms; font-weight: 500;}
amp-sidebar .secciones li a span {float: right; font-size: 46px; line-height: 21px; color: var(--color-ppal);transition:all 300ms; font-weight:300;}
amp-sidebar .secciones li:hover {background:var(--color-enf);border-bottom: solid 1px var(--color-texto-claro);}
amp-sidebar .secciones li:hover a {}
amp-sidebar .secciones li:hover a span {color:var(--color-negro);}
amp-sidebar .link-podcast {}
amp-sidebar .link-podcast img {display: block; width: 100%; height: auto; margin: 0 0 20px;}
amp-sidebar .tendencias {list-style: none; padding: 0; margin: 0 0 40px;}
amp-sidebar .tendencias li {display: inline-block; line-height: 40px; padding: 0 6px; transition: all 300ms;}
amp-sidebar .tendencias li a {color:#444;}
amp-sidebar .tendencias li:hover {background: #f0f0f0;}
amp-sidebar .tendencias li:hover a {color: var(--color-ppal);}
amp-sidebar .links-redes {width: 100%; text-align: center; margin-bottom:20px;}
amp-sidebar .links-redes a { display: inline-block; width: 24px; height: 24px;text-indent: 9999px; overflow: hidden; margin: 16px 24px 0 0; transition: all 300ms;}
amp-sidebar .links-redes a.instagram {background: url(../img/redes-instagram-negro.png) 0 0 no-repeat; background-size: cover;}
amp-sidebar .links-redes a.twitter {background: url(../img/redes-twitter-x-negro.png) 0 0 no-repeat; background-size: cover;}
amp-sidebar .links-redes a.facebook {background: url(../img/redes-facebook-negro.png) 0 0 no-repeat; background-size: cover;}
amp-sidebar .links-redes a.youtube {background: url(../img/redes-youtube-negro.png) 0 0 no-repeat; background-size: cover;}
amp-sidebar .links-redes a.tiktok {background: url(../img/redes-tiktok-negro.png) 0 0 no-repeat; background-size: cover;}
.sidebar-entidades { width: 100%; clear: both; margin: -10px 0 25px; background: var(--color-enf); padding: 10px 10px 0; box-sizing: border-box;}
.sidebar-entidades .entidades-item {width: 100%; margin: 0 0 8px; clear: both; border-bottom: solid 1px rgba(42, 66, 104, 0.2); padding: 0 0 8px;}
.sidebar-entidades .entidades-item:last-child {border-bottom:0 none;}
.sidebar-entidades .entidades-item img {display: block; float: left; width: 60px; height: auto; border-radius: 50%; margin: 0 8px 0 0; BORDER: SOLID 2PX #FFF;}
.sidebar-entidades .entidades-item .info-entidad {float: left; width: calc(100% - 72px); HEIGHT: 60PX; display: flex; justify-content: center; flex-direction: column;}
.sidebar-entidades .entidades-item h4 {margin:0; border-bottom: 0; padding: 0;}
.sidebar-entidades .entidades-item h4 a { color:var(--color-texto);}
.sidebar-entidades .entidades-item h5 {margin: 0; font-weight: 500; font-size: 14px;}
.sidebar-entidades .entidades-item h5 a {color: var(--color-ppal);}

/* LISTADO ESTANDAR */
main.pagina-listado {margin-top: -37px;}
.listado-noticias {margin: 0 0 60px; width: 100%;}
.listado-columnas-4 { display: grid; grid-auto-rows: 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 40px 40px; }
.listado-columnas-3 { display: grid; grid-auto-rows: 1fr; grid-template-columns: 1fr 1fr 1fr; gap: 40px 40px; }
.listado-columnas-2 { display: grid; grid-auto-rows: 1fr; grid-template-columns: 1fr 1fr; gap: 40px 40px; }
img.img-entidad {border: 2px solid var(--color-ppal); width: 32px; height: auto; padding: 2px; border-radius: 32px; vertical-align: top; margin: 0 6px 0 0;}

article {width: 100%; margin: 0;}
article .imagen-post {width: 100%; margin: 0 0 20px; position:relative; border-radius:16px;}
article .imagen-post img {display: block; width: 100%; height:auto; border-radius:16px;}
article .meta {}
article h3 {display: inline-block; margin: 0 5px 10px 0;}
article h3 {display: inline-block; margin: 0 5px 10px 0;}
article .tiempo-lectura {background: url(../img/icono-reloj.svg) 0 0 no-repeat; display: inline-block; background-size: contain; padding: 0 0 0 21px; font-size: 14px; color: var(--color-negro); font-weight: 500; vertical-align: text-top;}
article .bajada {margin: 0; font-size: 18px; line-height: 1.5em; font-family: var(--fuente-texto);}
article h2 {font-size: 24px; line-height: 1.35em; margin: 0;}
article h2 a {color: var(--color-negro);}
article h2 a:hover {color: var(--color-ppal);}
article .avatar-autor {margin: 10px 10px 0 0; display: inline-block; width: 48px; border-radius: 50%;float: left; box-shadow: 2px 2px 0px var(--color-gris-claro);}
article .nombre-autor {display: inline-block; line-height: 20px; width: calc(100% - 58px); margin: 23px 0 0 0; color: var(--color-negro);}
article nombre-autor h4 {display: inline; color: var(--color-ppal); font-weight: 600;}

/* modificadores */
.listado-columnas-4 article.news-item h2 {font-size:21px;}
.listado-columnas-4 article.news-item .fecha {display: none;}
.listado-columnas-2 article.news-item {position: relative;}
.listado-columnas-2 article.news-item .imagen-post {margin:0;}
.listado-columnas-2 article.news-item .titulares {position: absolute; bottom: 0; background: linear-gradient(to bottom, rgba(11, 57, 84, 0) 0%, rgba(4, 21, 31, 0.66) 20%, rgba(2, 11, 16, 0.85) 60%, rgba(0, 0, 0, 0.95) 100%); border-radius: 16px; padding: 60px 30px 40px;}
.listado-columnas-2 article.news-item .titulares h2 a {color:var(--color-texto-claro);}
.listado-columnas-2 .fecha {color: #fff;}
.listado-columnas-2 .tiempo-lectura {color: #fff !important; background: url(../img/icono-reloj-blanco.svg) 0 0 no-repeat !important; background-size: contain !important;}

.wpcf7 {width: 90%; max-width: 450px; clear: both; margin:40px auto; font-family:var(--fuente-ppal) !important;}
.wpcf7 p {font-family:var(--fuente-ppal) !important;}
.wpcf7 input.wpcf7-text {display: block; font-size: 16px; height: 40px; line-height: 40px; padding: 0 10px; margin: 0 0 10px 0; width: 100%; border-radius: 4px; border: solid 1px;box-sizing: border-box; max-width: 100%;}
.wpcf7 textarea {display: block; font-size: 16px; padding:10px; margin: 0 0 10px 0; width: 100%; border-radius: 4px; border: solid 1px; box-sizing: border-box; max-width: 100%; line-height: 1.3em; height: 180px;}
.wpcf7 .wpcf7-not-valid-tip {font-size: 12px; height: 20px; line-height: 20px; margin: -7px 0 10px; padding: 0 3px; box-sizing: border-box;}
.wpcf7 input.wpcf7-submit {height: 44px; line-height: 44px; border: solid 1px var(--color-ppal); border-radius: 4px; box-sizing: border-box; padding: 0 40px; background: var(--color-ppal); color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 400; transition:all 300ms;}
.wpcf7 input.wpcf7-submit:hover, .wpcf7 input.wpcf7-submit:active {background:var(--color-ppal); color:#fff; border-color:var(--color-ppal);}


/* HEADER INDICES */
.listado-header {width:100%; background: var(--color-enf); margin:0 0 40px;}
.listado-header .container {width: 1240px; margin: 0 auto; padding: 40px 0; box-sizing: border-box;}
.listado-header .container h1.titulo-seccion {text-transform: uppercase; font-size: 42px; line-height: 1em; margin: 0; color: var(--color-ppal);letter-spacing: -0.2px;}
.listado-header .container p.descripcion-seccion {color: #444; text-shadow: 1px 1px 0 #fff; margin: 10px 0 0; width: 100%; max-width: 570px;}
.listado-header .cabezal-persona {width: 100%; clear: both;}
.listado-header .cabezal-persona img {border-radius: 50%; border: solid 3px #fff; box-sizing: border-box; width: 120px; height: auto; margin: 0 20px 0 0; float: left;}
.listado-header .cabezal-persona h1.titulo-seccion {float: left; margin: 20px 0 0; width: calc(100% - 140px);}
.listado-header .cabezal-persona p.descripcion-seccion {float:left;}
.listado-header .biografia-persona {width: 100%; clear: both; margin: 20px 0 0;}
.listado-header .biografia-persona p {margin: 0 0 1em; color: #444; text-shadow: 1px 1px 0 #fff;}
.listado-header .biografia-persona p:last-child {margin:0;}
.listado-header .biografia-persona a {color: #444; text-decoration: underline; text-decoration-color: var(--color-ppal); transition: all 300ms;}
.listado-header .biografia-persona a:hover {background: var(--color-ppal); color: #f0f0f0;text-shadow:none;}
.listado-header a.edit-bio {margin: 20px 0 0; display: inline-block; background: transparent; padding: 5px 10px; color: #303030; text-transform: uppercase; font-size: 13px; border: solid 2px #303030; font-weight: 600;transition: all 300ms;}
.listado-header a.edit-bio:hover {color:#f0f0f0;background:#303030;}
#breadcrumbs {margin: 1em 0 0; border-top: solid 1px rgba(42, 66, 104, 0.2); padding: 10px 0 0 0; font-size: 20px; font-weight: 300; line-height: 16px;} /* aqui se estila el chevron tb */
#breadcrumbs span span {font-size: 16px; vertical-align: top; font-weight: 400;}
#breadcrumbs span span a {color: var(--color-ppal); font-weight: 500;}

.articulo-404 p {font-family: var(--fuente-texto); line-height: 1.5em;}
.articulo-404 p a {color:var(--color-ppal);}

/* paginacion */
.paginacion {width: 100%; clear: both; text-align: center; margin: 100px 0;}
.paginacion .page-numbers {display: inline-block; text-align: center;border: solid 1px #f0f0f0; min-width: 40px; padding: 0 3px; box-sizing: border-box; height: 40px; line-height: 40px; color:var(--color-negro);}
.paginacion .page-numbers.current, .paginacion a.page-numbers:hover {background: var(--color-ppal); border-color: var(--color-ppal); color: var(--color-gris-claro); font-weight: 500; line-height: 39px;}

/* BUSQUEDA */
#busqueda {background: var(--color-enf); position:absolute; width: 100%; box-sizing: border-box; overflow:hidden; max-height:0; transition:max-height 200ms;z-index:2;}
#busqueda.activo {max-height:500px;}
#busqueda .container {position: relative; width: 1140px; margin: 0 auto; padding: 70px 0 60px; }
#busqueda form {}
#busqueda .input-wrapper {width: 100%; clear: both;}
#busqueda input {border: solid 2px #f0f0f0; width: 100%; height: 60px; box-sizing: border-box; padding: 0 14px; outline: none; transition: all 300ms; font-size: 20px;}
#busqueda input:active, #busqueda input:focus,#busqueda input:hover {border-color:#444;}
#busqueda label {display: block; position: static; height: auto; clip: unset; clip-path: unset; overflow: visible; width: 100%; margin: 5px 0 0 1px; font-size: 14px; text-shadow: 0 0 2px #fff;text-transform: uppercase; font-weight: 500; color: var(--color-ppal);}
#busqueda .cerrar-busqueda {background: url(../img/x.svg) center center no-repeat; background-size: contain; position: absolute; top: 26px; right: -32px; overflow: hidden; text-indent: -999px; border: 0; width: 16px; height: 16px; opacity: 0.5; transition: opacity 300ms; cursor: pointer;}
#busqueda .cerrar-busqueda:hover {opacity:1;}

/* FOOTER */
footer {width: 100%; clear: both; background: linear-gradient(337.5deg, var(--color-sec), var(--color-ppal) 65%); padding: 60px 0 5px; border-top: solid 8px var(--color-ppal);}
.footer-izquierda {width: 40%; float: left; margin: 0 60px 0 0;}
a.logo-footer {background: url(../img/logo-provisorio-footer.png) 0 0 no-repeat; width: 300px; height: 73px; text-indent: -999px; overflow: hidden; display: inline-block; background-size: contain;margin: 0 0 20px; opacity: 0.9;}
footer .links-redes {float: left; border-top: solid 1px rgba(255, 255, 255, 0.2); text-align: left; width: 100%;}
footer .links-redes a {display: inline-block; width: 24px; height: 24px; text-indent: 9999px; overflow: hidden; margin: 20px 24px 0 0; transition:all 300ms;}
footer .links-redes a.facebook {background:url(../img/redes-facebook.png) 0 0 no-repeat;background-size:cover;}
footer .links-redes a.twitter {background:url(../img/redes-twitter-x-blanco.png) 0 0 no-repeat;background-size:cover;}
footer .links-redes a.instagram {background:url(../img/redes-instagram.png) 0 0 no-repeat;background-size:cover;}
footer .links-redes a.youtube {background:url(../img/redes-youtube.png) 0 0 no-repeat;background-size:cover;}
footer .links-redes a.tiktok {background:url(../img/redes-tiktok.png) 0 0 no-repeat;background-size:cover;margin:16px 0 0;}
footer .links-redes a:hover {opacity:0.6;}

.footer-paginas {float: left; width: calc(30% - 60px); padding: 0; box-sizing: border-box;}
.footer-paginas ul, .footer-secciones ul {margin: 0; padding: 0; list-style: none;}
.footer-paginas ul li, .footer-secciones ul li {border-bottom: solid 1px rgba(255, 255, 255, 0.2); padding-bottom: 5px; margin: 0 0 10px 0;}
.footer-paginas ul li:last-child, .footer-secciones ul li:last-child {border-bottom: 0 none;}
.footer-paginas ul li a, .footer-secciones ul li a {color: #f0f0f0;}
.footer-paginas ul li a:hover, .footer-secciones ul li a:hover {color: #fff;}
.footer-secciones {float: left; width: calc(30%); padding: 0px 60px 0 0; box-sizing: border-box;}

.footer-creditos {width: 100%;border-top: solid 1px rgba(255, 255, 255, 0.2); padding: 5px 0 0; clear: both; margin: 40px 0 0; float: left;}/* hack float */
.footer-creditos p {float: left; margin: 16px 0 10px; text-align: left; width: 100%; clear: both; color: #e6e6e6; font-size: 15px;}
.footer-creditos p a {color: #fff;}
.developer-credits {float: right; width: 50px; height: 50px; margin: -38px 0 0 5px;}
.developer-credits a {background: url(../img/gjclb.png) center center no-repeat; display: block; width: 50px; height: 50px; background-size: cover; text-indent: -999px; overflow: hidden;}


/* COMMON */
.link-categoria {display: inline-block; background: var(--color-ppal); padding: 0 7px; border-radius: 8px; text-transform: uppercase; font-weight: 600; font-size: 14px; height: 30px; line-height: 31px; margin: 0 14px 20px 0;}
.link-categoria a {color:#fff;}
article img {max-width: 100%;height:auto;}
.fecha {display: inline-block; vertical-align: text-top; margin: 0 5px 0 0; color: var(--color-ppal); font-weight: 500; font-size: 14px;}

/* MOVILES */
@media only screen and (max-width:767px) {
	.visiblemobile {display:block;}
	.visibledesktop {display:none !important;}
	.wrapper { width: 94%; margin: 0 auto;}

	/* HEADER */
	header {margin: 0 auto 20px; height: 60px;}
	header .contenedor-logo {margin: 10px 0 0;}
	header .contenedor-logo .logo a img {height: 40px;}
	header .links-header {height: 60px; max-width: 160px;}
	header .links {display:none;}
	header .botones {height: 60px; line-height: 60px;}
	header .busqueda {margin: 0 1px 0 0;}
	header .progreso {}

	.hashtags {margin: 62px 0 20px; height: 36px; width:100%;}
	.logged-in .hashtags {margin:16px 0 20px;}
	.hashtags .wrapper {width: 100%; margin: 0; padding: 0;}
	.hashtags .tag-temas {font-size: 12px;  width: 85px; padding: 0 0 0 3px; margin: 0;line-height: 36px; display: block; height: 36px;}
	.hashtags .temas { height: 36px;width: calc(100% - 88px); overflow-x: auto; overflow-y: hidden; margin: 0 3px 0 0;}
	.hashtags ul {display: block; height: 36px; width: max-content;}
	.hashtags li {font-size: 13px; display: inline-block; padding: 2px 1px 0 0; margin: 0 0 0 4px; line-height: 32px; vertical-align: top; height: 32px;}
	.hashtags li:last-child {}
	.hashtags .temas li a {line-height: 26px;border-radius: 26px; margin: 0; }
	.hashtags .temas li a:hover {}
	.hashtags img {width: 20px; margin: 1.5px 4px 0 -10px; border: solid 1.5px #fff;}
	.hashtags h5 {font-size: 13px;}

	/* AMP SIDEBAR */
	amp-sidebar.sidebar-canales {}
	amp-sidebar .contenedor-sidebar {}
	amp-sidebar .cerrar-sidebar {}
	amp-sidebar .cerrar-sidebar:hover {}
	amp-sidebar .i-amphtml-screen-reader {}
	amp-sidebar h4 {font-size: 17px;}
	amp-sidebar h4.menu-secciones {}
	amp-sidebar ul.secciones {}
	amp-sidebar .secciones li {}
	amp-sidebar .secciones li:last-child {}
	amp-sidebar .secciones li a {}
	amp-sidebar .secciones li a span {}
	amp-sidebar .secciones li:hover {}
	amp-sidebar .secciones li:hover a {}
	amp-sidebar .secciones li:hover a span {}
	amp-sidebar .link-podcast {}
	amp-sidebar .link-podcast img {}
	amp-sidebar .tendencias {}
	amp-sidebar .tendencias li {}
	amp-sidebar .tendencias li a {}
	amp-sidebar .tendencias li:hover {}
	amp-sidebar .tendencias li:hover a {}
	amp-sidebar .links-redes {}
	amp-sidebar .links-redes a {}
	amp-sidebar .links-redes a.instagram {}
	amp-sidebar .links-redes a.twitter {}
	amp-sidebar .links-redes a.facebook {}
	amp-sidebar .links-redes a.youtube {}
	amp-sidebar .links-redes a.tiktok {}

	.sidebar-entidades .entidades-item img { width: 50px; margin: 0 6px 0 0;}
	.sidebar-entidades .entidades-item .info-entidad {width: calc(100% - 60px); height: 50px;}
	.sidebar-entidades .entidades-item h4 {margin: 5px 0 0;}
	.sidebar-entidades .entidades-item h5 {}

	/* LISTADO ESTANDAR */
	main.pagina-listado { margin-top: 62px;}
	.logged-in main.pagina-listado { margin-top: 16px;}
	.listado-noticias {margin: 0 0 40px; width: 100%;}
	.listado-columnas-4 {display: block; margin: 0 0 40px;}
	.listado-columnas-3 {display: block; margin: 0;}
	.listado-columnas-2 {display: block; width: 100%; clear: both; margin:0;}
	
	img.img-entidad {width: 26px;border-radius: 26px; vertical-align: middle; margin: 0 6px 3px 0;}
	
	article {}
	article last-child {margin-bottom:0;}
	article .imagen-post {margin: 0 0 5px;}
	article .imagen-post img {}
	article h3 {font-size: 13px;text-transform: uppercase; margin: 0;}
	article .meta {}
	article .tiempo-lectura {vertical-align: middle;}
	article .fecha {display:inline-block;}
	article h2 {font-size: 18px;}
	article h2 a {}
	article .nombre-autor { margin: 16px 0 0 0; font-size: 14px;}
	article .avatar-autor {width: 32px; box-shadow: 1.5px 1.5px 0px var(--color-gris-claro);}

	.listado-columnas-3 article.news-item {display: grid; grid-template-columns: 1fr; gap: 20px; margin: 0 0 24px;}
	.listado-columnas-3 article.news-item .imagen-post {margin:0}
	.listado-columnas-3 article.news-item .titulares h3 {height: 26px;line-height: 26px;font-size: 12px;margin: 0 12px 10px 0; padding: 0 6px;}
	.listado-columnas-3 article.news-item .titulares h2 {font-weight: 600;}
	.listado-columnas-3 article.news-item .titulares amp-timeago {display:inline-block;}
	.listado-columnas-2 article.news-item {margin: 0 0 24px;overflow:hidden;}
	.listado-columnas-2 article.news-item .titulares {padding: 20px 4%;}
	.listado-columnas-2 article.news-item .titulares h3 {height: 26px;line-height: 26px;font-size: 12px;margin: 0 12px 8px 0; padding: 0 6px;}
	.listado-columnas-2 article.news-item .titulares amp-timeago {display:inline; color:var(--color-texto-claro); vertical-align: middle;}
	.listado-columnas-4 article.news-item {display: grid; grid-auto-rows: 1fr; grid-template-columns: 100px 1fr; gap: 20px; margin: 0 0 24px;}
	.listado-columnas-4 article.news-item .imagen-post {margin:0}
	.listado-columnas-4 article.news-item .titulares h3 {height: 26px;line-height: 26px;font-size: 12px;margin: 0 12px 8px 0; padding: 0 6px;}
	.listado-columnas-4 article.news-item .titulares amp-timeago {display:none;}
	.listado-columnas-4 article.news-item .titulares h2 {font-size:18px;font-weight: 600;}
	.listado-columnas-4 article.news-item .fecha {display: none;}
	
	main.pagina-listado .listado-columnas-3 article.news-item {margin-bottom: 30px;}
	
	/* HEADER INDICES */
	.listado-header {margin: 0 0 40px;}
	.listado-header .container {padding: 30px 3%; width: 100%;}
	.listado-header .container h1.titulo-seccion {font-size: 26px;}
	.listado-header .container p.descripcion-seccion {margin: 3px 0 0; font-size: 14px;}
	.listado-header .cabezal-persona {}
	.listado-header .cabezal-persona img {width: 80px; margin: 0 12px 0 0;}
	.listado-header .cabezal-persona h1.titulo-seccion {margin: 8px 0 0; width: calc(100% - 92px);}
	.listado-header .cabezal-persona p.descripcion-seccion {width: calc(100% - 92px);}
	.listado-header .biografia-persona {margin: 15px 0 0; font-size: 15px;}
	.listado-header .biografia-persona p {}
	.listado-header .biografia-persona a {}
	.listado-header a.edit-bio {display:none;}

	/* paginacion */
	.paginacion {margin: 50px 0 80px;}
	.paginacion .page-numbers {margin: 0 0 5px;}
	.paginacion .page-numbers.dots {display:none;}
	
	/* BUSQUEDA */
	#busqueda {margin: -20px 0 0px;}
	#busqueda.activo {}
	#busqueda .container {width: 94%; padding: 36px 0 20px;}
	#busqueda .input-wrapper {}
	#busqueda input {font-size: 18px; padding: 0 2%;}
	#busqueda label {font-size: 12px;}
	#busqueda .cerrar-busqueda {top:10px; right:0;}


	/* FOOTER */
	footer {padding: 40px 0 10px;background: linear-gradient(22.5deg, var(--color-sec), var(--color-ppal) 85%);}
	.footer-izquierda {width:100%;width: 100%; margin: 0 0 30px;}
	.logo-footer {width: auto; float: none; text-align: center;}
	a.logo-footer {width: 250px; height: 61px;margin:0;}
	.footer-secciones {width: calc(50% - 15px); margin: 0 30px 0 0; padding: 0;}
	.footer-paginas {width: calc(50% - 15px); margin: 0; padding: 0;}
	.footer-creditos {border-top: 0 none; margin:10px 0 0;}
	
	.links-redes {width: auto; float: none; text-align: center;}
	.footer-creditos p {margin: 0; text-align: left; font-size: 14px; width: calc(100% - 60px);}
	.footer-creditos .developer-credits {margin: 0 0 0 5px;}
	
	
	/* COMMON */
	.link-categoria {height: 26px;line-height: 26px; font-size: 12px; margin: 0 12px 8px 0; padding: 0 6px;}
	.link-categoria a {}
	article img {}
	.fecha {line-height: 26px; height: 26px;}
	.fecha time {height: 26px; line-height: 26px;}

}






/* ios safari fix */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
	@media {
		/* header nav .menu {float: left; width: calc(100% - 52px);} */
	}
}


/* RESPONSIVE MOVILES HORIZONTAL */
@media only screen and (min-width:768px) {
	/* fixes barra scroll not movil */
	.hashtags .temas{overflow-x:auto;overflow-y:hidden; scrollbar-width:thin; scrollbar-color:rgba(0,0,0,.35) transparent; white-space:nowrap;background:transparent;border: none; -webkit-overflow-scrolling:touch;}
	.hashtags .temas::-webkit-scrollbar{height:4px;	background: transparent;}
	.hashtags .temas::-webkit-scrollbar-track{background:transparent;box-shadow:none;}
	.hashtags .temas::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;}
	
}

/* RESPONSIVE DESKTOP 1024 / TABLET HORIZONTAL -> hasta 1139 */
@media only screen and (min-width:1024px) {
}



/* RESPONSIVE DESKTOP / TABLET HORIZONTAL */
@media only screen and (min-width:1220px) {
.visiblemobile {display:none !important;}
.visibledesktop {display:block;}







}