<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
    font-family: 'Noto Sans Display';
    src: url('../font/NotoSansDisplay-Light.woff') format('woff2'),
        url('../font/NotoSansDisplay-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans Display';
    src: url('../font/NotoSansDisplay-Regular.woff2') format('woff2'),
        url('../font/NotoSansDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ------------------------------
  Import Google Web Font
---------------------------------*/
/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700'); */

/* ------------------------------
  General
---------------------------------*/
body {
	margin: 0;
	font-size: 16px;
/*  font-family: 'Noto Sans Display', sans-serif;*/
  font-family: 'utopia-std', sans-serif;
	background: #fff;
	background-size: cover;
	/*color: #787878;*/
  color: #27313b;
	font-weight: 400;
}


body::-webkit-scrollbar {
	display: none;
}
/*
h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	color: #173160;
}

h1 {
	font-size: 26px;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

a {
	text-decoration: none;
	color: #464646;
}
*/
h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	color: #173160;
}

h1 {
	font-size: 26px;
	color: #27313B;
    font-family: utopia-std,serif;
    font-weight: 400;
    font-style: normal;
}

h2 {
	font-size: 26px;
	color: #27313B;
    font-family: utopia-std,serif;
    font-weight: 400;
    font-style: normal;
}

h3 {
	font-size: 19px;
	color: #27313B;
	font-family: utopia-std,serif;
	font-weight: 400;
	font-style: normal;
}

h4 {
	font-size: 22px;
	color: #27313B;
    font-family: utopia-std,serif;
    font-weight: 400;
    font-style: normal;
}

h5 {
	font-size: 20px;
	color: #27313B;
    font-family: utopia-std,serif;
    font-weight: 400;
    font-style: normal;
}

h6 {
	font-size: 18px;
	color: #27313B;
    font-family: utopia-std,serif;
    font-weight: 400;
    font-style: normal;
}

a {
	text-decoration: none;
	color: #464646;
}
p {
	margin: 5px 0;
	line-height: 22px;
}

.section {
	padding: 20px 0;
}

.section h5 {
	font-weight: 400;
	margin: 0 0 10px 0;
}

.pages {
	margin-top: 55px !important;
}

.pages-head {
	text-align: center;
	padding: 0 10px 15px 10px;
	text-transform: uppercase;
}

.pages-head h3 {
	font-size: 18px;
	font-weight: 400;
}

.bg-second {
	background: #f4f4f4;
}

.section-head {
	text-align: center;
	margin: 0 auto 15px auto;
}

.section-head h4 {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 400;
}

input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search] {
	background-color: transparent;
	border: none;
	border: 1px solid #ddd;
	border-radius: 0;
	outline: none;
	height: 36px;
	width: 100%;
	font-size: 1rem;
	margin: 0 0 20px 0;
	padding: 0 12px;
	box-shadow: none;
	box-sizing: border-box;
	transition: all 0.3s;
	font-size: 13px;
}

textarea.materialize-textarea {
	background-color: transparent;
	border: none;
	border: 1px solid #ddd;
	border-radius: 0;
	outline: none;
	height: auto;
	width: 100%;
	font-size: 1rem;
	margin: 0 0 20px 0;
	padding: 12px;
	box-shadow: none;
	box-sizing: border-box;
	transition: all 0.3s;
	font-size: 13px;
}


input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border: 1px solid #ccc;
  box-shadow: none;
  font-size: 13px;
}

::-webkit-input-placeholder {
  color: #111;
}
::-moz-placeholder {
  color: #111;
}
:-ms-input-placeholder {
  color: #111;
}
:-moz-placeholder {
  color: #111;
}

/* ------------------------------
  Button
---------------------------------*/
.button-default {
	background: #3498db;
	color: #ffffff;
	box-shadow: none;
	margin: 20px 0 10px;
	padding-left: 6px;
	padding-right: 6px;
	font-weight: 400;
	border-radius: 4px;
	border: 1px solid #3498db;
	height: 30px;
	line-height: 29px;
}

.button-fullwidth {
	width: 100%;
	text-align: center;
}

.button-default a {
	color: #ffffff;
}

.button-default:hover {
	background: #3498db;
	opacity: 0.9;
	box-shadow: none;
}

.who-we-are .button-default {
	margin-top: 30px;
	background: #fff;
	color: #3498db;
}

/* ------------------------------
  Navbar
---------------------------------*/
.navbar-top {
	background: #173160;
	border-bottom: 2px solid #f0f0f0;
	height: 80px;
	width: 100%;
	padding: 5px 18px;
	border-top: 3px solid #3498db;
	top: 0;
	right: 0;
	left: 0;
	text-align: center;
	position: fixed;
	z-index: 99;
	box-shadow: 0 0 50px 5px rgb(0 0 0 / 25%);
}

.site-brand {
	text-align: center;
	display: inline-block;
	height: 40px;
}

.brad{
	width: 100%;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;

}

.brad img{
	width: 60%;
}

.site-brand a h1 {
	font-size: 28px;
	font-weight: 400;
	line-height: 40px;
	color: #333;
}

.site-brand a h1 span {
	color: #3498db;
}

/* ------------------------------
  Sidenav
---------------------------------*/
.side-nav a {
	font-size: 13px;
	height: 45px;
}

.side-nav li.active {
	background: #fbfbfb;
}

.side-nav-panel-left {
	float: left;
	font-size: 28px;
	padding: 0.5rem 0 0 0;
}

.side-nav-panel-left i {
	color: #9b9595;
}

.side-nav-panel-right {
	float: right;
	font-size: 22px;
	position: relative;
	top: 14px;
}

.side-nav-panel-right i {
	color: #fff;
}

.side-nav-left {
	font-size: 22px;
	color: #313131;
}

.side-nav-panel {
	text-align: left;
}

.side-nav-panel li a i {
	color: #444;
}


.side-nav-panel li {
	font-weight: 400;
	border-bottom: 1px solid #efeded;

}
.side-nav-panel li .submenu li{
	display: flex;
	justify-content:start;
	align-items: center;
	border-bottom: 1px solid #d4d3d3;
}
.side-nav-panel li .submenu li a{
	/* font-weight: 400; */
	/* border-bottom: 1px solid #efeded; */
	font-size: 13px;
    height: 35px;
	display: flex;
	justify-content:start;
	align-items: center;
	width: 100%;
}

.side-nav-panel ul.submenu {
    background: #6969692e;
}

.side-nav-panel li .submenu li:first-child {
	border-top: 1px solid #d4d3d3;
}

.side-nav-panel li:last-child {
	border-bottom: 0px solid #f5f5f5;
}

.side-nav-panel .li-top {
	padding-top: 4px;
}

.side-nav-panel .li-search {
	background: #fafafa;
	padding: 24px 16px 0;
	background: #fafafa;
}

.side-nav-panel li .search-form {
	position: relative;
	display: block;
	width: 100%;
}

.side-nav-panel li .search-form input {
	width: calc(100% - 40px);
	float: left;
	border: 1px solid #eee;
	background: #fff;
	font-weight: 400;
	border-radius: 10px 0 0 10px;
}

.side-nav-panel li .search-form .button {
	float: right;
	display: block;
	height: 36px;
	background: #fff;
	border: 1px solid #eee;
	font-size: 20px;
	line-height: 20px;
	width: 35px;
}

.side-nav-panel li a:hover {
	background:transparent;
}

.side-nav-panel li a.activeSubmenu:hover {
	background: url('../img/arrow-down.svg') transparent;
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 16px;
}

.side-nav-panel li a i {
	margin: 0 8px 0 0;
	font-size: 16px;
	color: #333333;
	line-height: 45px;
}

.side-nav-panel-left .collapsible {
	border: 0;
}

.side-nav .collapsible-body ul li a {
	color: #333;
	margin-left: 18px;
}

.side-nav .collapsible-header {
	padding: 0;
	color: #444;
	font-size: 13px;
	font-weight: 400;
}

.side-nav .collapsible-header.active {
	border-bottom: 1px solid #f3f3f3;
}

.side-nav .collapsible-header:hover {
	background: transparent;
}

.side-nav .collapsible-header.active {
	background: #fbfbfb;
}

.collapsible-header i {
	width: auto;
	font-size: 16px;
	color: #333;
	margin-left: 17px;
}

.collapsible-header span i {
	float: right;
	color: #666;
	font-size: 16px;
}


/* ------------------------------
  Slider
---------------------------------*/
.slider {
	margin-top: 54px;
	height: 260px !important;
}

.slider .slides {
	height: 260px !important;
}

.slider-content {
	margin: 10px auto;
	top: 40% !important;
	width: 100% !important;
	left: 0 !important;
	right: 0 !important;
	position: relative;
	flex-shrink: 0;
	padding-left: 18px;
	padding-right: 18px;
}

.slider .slides li img {
	width: 100%;
	height: 100%;
}

.slider .slides li::before {
	background-color: #000;
	opacity: 0.6;
	content: "";
	top: 0;
	right: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.slider-content h2 {
	line-height: 25px;
}

.slider-content h2 a {
	font-weight: 400;
	margin-bottom: 8px;
	letter-spacing: 1px;
	color: #fefefe;
	font-size: 20px;
}

.slider-content h4 {
	font-size: 18px;
	color: #ffffff;
}

.slider-content .category {
	font-size: 12px;
	background: #3498db;
	display: inline-block;
	padding: 0px 10px 1px;
	border-radius: 2px;
	margin-bottom: 10px;
}

.slider-content .date {
	font-size: 13px;
	color: #eee;
	margin-top: 10px;
}

.slider-content .button-default {
	margin: 20px 0;
}

.slider .indicators {
	position: relative;
	bottom: 35px;
	z-index: 95;
	text-align: right;
	padding-right: 13px;
}

.slider .indicators .indicator-item {
	z-index: 1000;
	height: 9px;
	width: 9px;
	background: #cccccc;
	margin: 0 5px;
	border-radius: 0;
}

.slider .indicators .indicator-item.active {
	background: #ffffff;
}

/* ------------------------------
	popular post
---------------------------------*/
.popular-post .item {
	margin: 0 6px 0 5px;
	text-align: center;
}

.popular-post .item .date {
	font-size: 12px;
}

.popular-post .item h3 {
	line-height: 20px;
	margin-bottom: 5px;
}

.popular-post .item h3 a {
	font-weight: 400;
	font-size: 18px;
}

.popular-post .item img {
	width: 100%;
	height: 100%;
}

.popular-post .item .category {
	font-size: 12px;
	color: #3498db;
}

.popular-post .owl-pagination {
	display: none;
}

.popular-post .owl-theme .owl-controls .owl-buttons .owl-prev {
	position: relative;
}

.popular-post .owl-theme .owl-controls .owl-buttons div {
	background: transparent;
}

.popular-post .owl-theme .owl-controls .owl-buttons .owl-prev:before {
	position: absolute;
	content: "\f104";
	font-family: FontAwesome;
	color: #444;
	width: 25px;
	height: 25px;
	border: 1px solid #ddd;
	text-align: center;
	padding: 2px 0;
	background: #fff;
	z-index: 1;
}

.popular-post .owl-theme .owl-controls .owl-buttons {
	position: relative;
}

.popular-post .owl-theme .owl-controls .owl-buttons:after {
	border-bottom: 1px solid #dedede;
	position: absolute;
	content: "";
	height: 1px;
	top: 17px;
	left: 0;
	right: 0
}

.popular-post .owl-theme .owl-controls .owl-buttons .owl-next {
	position: relative;
}

.popular-post .owl-theme .owl-controls .owl-buttons div {
	background: transparent;
	padding: 0;
	opacity: 1;
}

.popular-post .owl-theme .owl-controls .owl-buttons .owl-next:before {
	position: absolute;
	content: "\f105";
	font-family: FontAwesome;
	color: #444;
	width: 25px;
	height: 25px;
	border: 1px solid #ddd;
	text-align: center;
	padding: 2px 0;
	background: #fff;
	z-index: 1;
}

/* ------------------------------
	post
---------------------------------*/
.post .post-head ul {
	padding: 0 0 4px 0;
	margin: 0;
	border-bottom: 1px solid #dedede;
}

.post .post-head ul li {
	display: inline-block;
}

.post .post-head ul .post-right {
	float: right;
}

.post .post-head h4 {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 400;
}

.post .select-wrapper {
    position: relative;
    top: -23px;
    font-weight: bold;
}

.post .select-wrapper input.select-dropdown {
	width: 110px;
	display: inline;
	text-align: right;
	padding: 0 20px 4px 0;
	color: #555;
	border-bottom: 0;
}

.post .dropdown-content {
	width: auto !important;
	box-shadow: none !important;
	border: 1px solid #ddd;
}

.post .dropdown-content li {
	min-height: auto;
}

.post .dropdown-content li &gt; a, .dropdown-content li &gt; span {
	font-size: 10px;
	font-weight: 400;
	color: #444;
	padding: 6px 16px;
}

.post .select-wrapper span.caret {
	color: #fff;
	position: relative;
	top: 0;
}

.post .select-wrapper span.caret:after {
	position: absolute;
	content: "\f0c9";
	font-family: FontAwesome;
	color: #555;
	right: -110px;
	top: -7px;
	font-size: 16px;
}

.post .post-content img {
	width: 100%;
	height: 100%;
}

.clear-both {
	clear: both;
}

.post .post-content {
	position: relative;
	top: -33px;
	margin-bottom: -33px;
}

.post .content h3 {
	line-height: 15px;
	margin-bottom: 5px;
}

.post .content h3 a {
	font-weight: 400;
	font-size: 15px;
}

.post .content .category {
	color: #3498db;
	font-size: 12px;
}

.post .content .date {
	font-size: 12px;
	color: #999;
	margin-top: 8px;
}

.post .top-post {
	margin-bottom:60px;
}

.post .top-post h3 {
	line-height: 20px;
	margin-bottom: 5px;
}

.post .top-post h3 a {
	font-weight: 400;
	font-size: 18px;
}

.post .top-post .category {
	color: #3498db;
	font-size: 12px;
}

.post .top-post .date i, .section .article-text-container i{
	font-size: 13px;
	color: #3498db;
	margin-top: 2px;
	letter-spacing: 1px;
	margin-right: 2px;
}
p i{
  font-size: 1.25rem !important;
}
.post .top-post .date {
	display: flex;
	font-size: 12px;
	color: rgb(94, 94, 94);
	margin-top: 15px;
	letter-spacing: 1px;
	justify-content: space-between;
	/* background-color: #cccccc; */
	border-top: 1px solid #efefef;
	/* border-bottom: 1px solid #efefef; */
	padding:0.5rem 0;
	/*text-transform: uppercase;*/
}

.section .article-text-container .date  {
	display: flex;
	font-size: 12px;
	color: rgb(94, 94, 94);
	margin-top: 1rem;
	margin-bottom: 1.5rem;
	letter-spacing: 1px;
	justify-content: space-between;
	/* background-color: #cccccc; */
	border-top: 1px solid #efefef;
	/* border-bottom: 1px solid #efefef; */
	padding:0.5rem 0;
	/*text-transform: uppercase;*/
}

.section .article-text-container .post-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0;
}

.pagination-blog {
	padding: 0 0 30px 0;
	text-align: center;
}

.pagination-blog ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pagination-blog ul li {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #ddd;
	margin: 4px;
	line-height: 28px;
	text-align: center;
	border-radius: 3px;
}

.pagination-blog ul .active {
	border-color: #3498db;
	background: #3498db;
	color: #fff;
}

.pagination-blog ul .active a {
	color: #fff;
}

/* ------------------------------
  About us
---------------------------------*/
.about-us {
	margin: 0;
}

.about-us img {
	width: 100%;
	height: 100%;
	margin-bottom: 8px;
}

/* ------------------------------
  Single post
---------------------------------*/
.single-post img {
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
}

.single-post .date {
	font-size: 12px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 6px;
	margin-bottom: 12px;
}

.single-post h3 {
	line-height: 20px;
	margin: 5px 0 8px 0;
	font-weight: 400;
	font-size: 18px;
}

.single-post .category {
	font-size: 12px;
	color: #3498db;
}

.share-post {
	margin: 15px 0 25px;
}

.share-post ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

.share-post ul li {
	display: inline-block;
	text-align: center;
	border: 1px solid #777;
	height: 35px;
	width: 35px;
	margin: auto;
	border-radius: 50%;
	line-height: 32px;
	margin: 0 3px;
	font-size: 18px;
}

.share-post ul li .fa-facebook {
	color: #3b5998;
}

.share-post ul li .fa-twitter {
	color: #00aced;
}

.share-post ul li .fa-google {
	color: #dd4b39;
}

.share-post ul li .fa-linkedin {
	color: #007bb6;
}

.comment img {
	border-radius: 50%;
}

.comment h5 {
	line-height: 20px;
	margin: 5px 0 15px 0;
	font-weight: 400;
	font-size: 17px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

.comment-form .comment-head {
	margin-bottom: 20px;
}

.comment-form .comment-head h5 {
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: 17px;
}

.comment-form .input-field {
	margin-top: 0;
}

.comment-form input,
.comment-form textarea {
}

.comment-form .form-button .button-default {
	margin-top: 0;
	margin-bottom: 0;
	text-transform: capitalize;
}

/* ------------------------------
  Search Result
---------------------------------*/
.search-result .search-form {
	position: relative;
	width: 100%;
	display: block;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}


.search-result .title-result {
	margin-bottom: 12px;
}

.search-result .title-result h5 {
	margin-bottom: 0;
}

.search-result .title-result p {
	margin-bottom: 0;
}

.search-result h5 {
	font-weight: 400;
	font-size: 18px;
}

.search-result h5 a {
	color: #3498db;
}

.search-result .search-form input {
	width: calc(100% - 40px);
	float: left;
}

.search-result .search-form .button {
	float: right;
	height: 36px;
	width: 36px;
	background: #fff;
	border: 1px solid #ddd;
}

.search-result img {
	width: 100%;
	height: 100%;
}

.search-result h3 {
	line-height: 15px;
	margin-bottom: 5px;
}

.search-result h3 a {
	font-weight: 400;
	font-size: 15px;
}

.search-result .category {
	color: #3498db;
	font-size: 12px;
}

.search-result .date {
	font-size: 12px;
	color: #999;
	margin-top: 8px;
}

/* ------------------------------
  Author Page
---------------------------------*/
.author-page h5 {
	font-weight: 400;
	font-size: 18px;
}

.author-profile {
	border-bottom: 1px solid #eee;
	margin-bottom: 23px;
}

.author-page img {
	width: 100%;
	height: 100%;
}

.author-page h3 {
	line-height: 15px;
	margin-bottom: 5px;
}

.author-page h3 a {
	font-weight: 400;
	font-size: 15px;
}

.author-page .category {
	color: #3498db;
	font-size: 12px;
}

.author-page .date {
	font-size: 12px;
	color: #999;
	margin-top: 8px;
}

.author-profile ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.author-profile ul li {
	display: inline-block;
	text-align: center;
	border: 1px solid #777;
	height: 25px;
	width: 25px;
	margin: auto;
	border-radius: 50%;
	line-height: 25px;
	margin: 0 2px;
	font-size: 14px;
}

.author-profile ul li .fa-facebook {
	color: #3b5998;
}

.author-profile ul li .fa-twitter {
	color: #00aced;
}

.author-profile ul li .fa-google {
	color: #dd4b39;
}

.author-profile ul li .fa-linkedin {
	color: #007bb6;
}

/* ------------------------------
  Contact, Login, Register
---------------------------------*/
.contact-us input,
.contact-us textarea,
.login input,
.login textarea,
.register input,
.register textarea {
	border: 1px solid #ddd;
}

.login .input-field,
.register .input-field {
	margin-top: 0;
}

.login h6 {
	font-size: 13px;
	font-weight: 400;
}

.register h6 {
	font-size: 13px;
	font-weight: 400;
}

.register h6 a {
	color: #3498db;
}

.contact-us .button-default {
	margin-top: 10px;
	margin-bottom: 0;
	text-transform: capitalize;
}

.login .button-default {
	margin-top: 25px;
	text-transform: capitalize;
}

.register .button-default {
	margin-top: 25px;
	text-transform: capitalize;
}

/* ------------------------------
  Error 404
---------------------------------*/
.error404 {
	text-align: center;
}

.error404 h4 {
	padding-top: 28px;
	display: inline-block;
	letter-spacing: 2px;
	width: 100px;
	height: 100px;
	margin-bottom: 10px;
	border-radius: 50%;
	border: 3px solid #444;
	font-size: 30px;
}

.error404 h5 {
	line-height: 20px;
	margin: 5px 0 8px 0;
	font-weight: 400;
	font-size: 18px;
}

/*loader custom color*/
.spinner4 {
	background: #3498db;
}

/* ------------------------------
  Footer
---------------------------------*/
.footer {
	border-top: 5px solid #005996;
	background: #003168;
	padding: 35px 0;
}

.about-us-foot {
	text-align: center;
	color: #eee;
}

.about-us-foot span {
	color: #3498db;
}

.about-us-foot h6 {
	color: #ffffff;
	font-weight: 900;
	font-size: 26px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.social-media {
	text-align: center;
	margin: 16px 0 0;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255,255,255,0.3)
}

.social-media a {
	margin: 0 3px;
}

.social-media a i {
	text-align: center;
	color: #ffffff;
	border: 1px solid #ffffff;
	height: 30px;
	width: 30px;
	margin: auto;
	border-radius: 50%;
	line-height: 29px;
}

.comment img {
	border-radius: 50%;
}

.copyright {
	text-align: center;
	padding: 20px 0 0 0;
}

.copyright span {
	color: #eeeeee;
	text-align: center;
}

#home .section-gran-titular {
    margin-bottom: 20px;
    padding-bottom: 1px;
}
.with-bottom-separator {
    position: relative;
}

#home .section-gran-titular .section-body {
    padding-bottom: 2px;
	padding-top: 40px;
}

.section .section-body {
    padding-left: 8px;
    padding-right: 8px;
}

.section .main-article {
    margin-left: -8px;
    margin-right: -8px;
}

.article.article-vertical .article-image:before {
    content: "";
    display: block;
    padding-top: 57.3333333333%;
}

#home .section-gran-titular .article.main-article .article-text-container {
    padding: 16px 16px 25px;
}

.article.article-vertical .article-text-container {
    background-color: #fff;
    padding: 16px 8px 25px;
    margin: -16px 8px 0;
}

.article .article-text-container {
    position: relative;
    z-index: 0;
}

#home .section-columnistas .article .article-author-container .author-img, .article .article-image, .image-cover {
    background-position: 50%;
    background-size: cover;
}

.post .post-head h4 {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 400;
	background-color: grey;
}

.categorias {
    border-bottom: 1px solid #ececec;
    height: 60px;
    width: 100%;
    margin: 0 0 2rem 0;
	position: relative;
}

.categorias h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    padding: 0 1.2rem 0 1.2rem;
    background: #6d4c41;
    position: absolute;
    bottom: 0;
    color: #fff;
    font-weight: 400;
    left: 20px;
    border-radius: 5px 5px 0 0;
    font-size: 1.1875rem;
    line-height: 2;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
}

.post .top-post .category.cafe{
	background-color: #8d6e63;
	display: inline-block;
	padding: 0.4rem 1rem;
	color: #fff;
	margin: 1rem 0;
	border-radius: 3px;
}
.section .article-text-container .category a{
	color: #000;
  display: inline-block;
  border-bottom: solid 1px #000;
	text-decoration: none;
}
.section .article-text-container .category{
    display: block;
    padding: 0.5rem 0.8rem;
    color: #000;
    margin: 0 0 0.6rem 0;
    border-radius: 0;
    top: 0;
    left: 1.3rem;
	text-decoration: none;
	font-size: 15px!important;
    font-family: franklin-gothic-urw,sans-serif;
    font-weight: 700!important;
}



.with-bottom-separator{
	position: relative;
}

.with-bottom-separator:after {
    background: linear-gradient(#2b73b4,#2b73b4) 100%/55px 3px no-repeat ,linear-gradient(rgba(0,16,194,.1),rgba(0,16,194,.1)) 0/100% 1px no-repeat;
    bottom: 0px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}

.footer img{
	max-width: 40%;
    margin-bottom: 1rem;
}

.color-white{
	color: #fff!important;
}

.article-text-container p{
	font-size: 1.25rem;
    line-height: 1.9rem;
    margin-bottom: 1rem;
    font-weight: 400;
    word-break: break-word;
    letter-spacing: .1px;
}

.article-text-container img {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
	margin-top: 10px;
}

.submenu{
	display: none;
}

.activeSubmenu {
    background: url('../img/arrow-down.svg');
    background-repeat: no-repeat;
    background-position: 95% 14px;
    background-size: 16px;
}
/* Detalle del post */
#detalleDelPost .with-bottom-separator {
    position: relative;
}

#detalleDelPost .section .article-text-container .date {
    display: flex;
    font-size: 12px;
    color: rgb(94, 94, 94);
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    letter-spacing: 1px;
    justify-content: space-between;
    /* background-color: #cccccc; */
    border-top: 1px solid #efefef;
    /* border-bottom: 1px solid #efefef; */
    padding: 0.5rem 0;
    /*text-transform: uppercase;*/
}

#detalleDelPost .with-bottom-separator:after {
    background: linear-gradient(#2b73b4,#2b73b4) 100%/55px 0 no-repeat ,linear-gradient(rgba(0,16,194,.1),rgba(0,16,194,.1)) 0/100% 0 no-repeat;
    bottom: 0px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}

#detalleDelPost .article-text-container .date {
    display: flex;
    font-size: 12px;
    color: rgb(94, 94, 94);
    margin-top: 0;
    margin-bottom:0!important;
    letter-spacing: 1px;
    justify-content: space-between;
    border-top: 1px solid #efefef;
	padding: 0.5rem 1rem;
  /*  text-transform: uppercase;*/
	font-weight: 400;
}

#detalleDelPost .article-text-container .post-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    margin: 1rem 0;
	text-decoration: none;
	display: block;
}

#detalleDelPost .article-text-container .redesSociales{
    width: 100%;
    height: 60px;
    background: #f1f1f1;
    border-top: 1px solid #d7d7d7;
    border-radius: 0 0 3px 3px;
    margin: 0 0 2rem 0;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 3.5rem;
}

/* #detalleDelPost .article-text-container .redesSociales a:first-child{
	display: none;
} */

#detalleDelPost .article-text-container .redesSociales a i{
	font-size:32px;
}


#detalleDelPost .hederSection{
    display: flex;
    width: 100%;
    height: 45px;
}
#detalleDelPost .hederSection h2{
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1.2rem 0 1.2rem;
    color: #fff;
    font-size: 1.1875rem;
    line-height: 2;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    /* border-right: 2px solid rgb(22 49 96 / 27%); */
    border-radius: 5px 5px 0 0;
    margin: 0 0 0 1.7rem;
}


/* OPINION */
#opinionPost .with-bottom-separator {
    position: relative;
}

#opinionPost .section .article-text-container .date {
    display: flex;
    font-size: 12px;
    color: rgb(94, 94, 94);
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    letter-spacing: 1px;
    justify-content: space-between;
    /* background-color: #cccccc; */
    border-top: 1px solid #efefef;
    /* border-bottom: 1px solid #efefef; */
    padding: 0.5rem 0;
    /*text-transform: uppercase;*/
}

#opinionPost .with-bottom-separator:after {
    background: linear-gradient(#2b73b4,#2b73b4) 100%/55px 0 no-repeat ,linear-gradient(rgba(0,16,194,.1),rgba(0,16,194,.1)) 0/100% 0 no-repeat;
    bottom: 0px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}

#opinionPost .article-text-container .date {
    display: flex;
    font-size: 12px;
    color: rgb(94, 94, 94);
    margin-top: 0;
    margin-bottom:0!important;
    letter-spacing: 1px;
    justify-content: space-between;
    border-top: 1px solid #efefef;
	padding: 0.5rem 1rem;
    /*text-transform: uppercase;*/
	font-weight: 400;
}

#opinionPost .article-text-container .post-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    margin: 1rem 0;
	text-decoration: none;
	display: block;
}

#opinionPost .article-text-container .redesSociales{
    width: 100%;
    height: 60px;
    background: #f1f1f1;
    border-top: 1px solid #d7d7d7;
    border-radius: 0 0 3px 3px;
    margin: 0 0 2rem 0;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 3.5rem;
}

#opinionPost .article-text-container .redesSociales a i{
	font-size:32px;
}


#opinionPost .hederSection{
    display: flex;
    width: 100%;
    height: 45px;
}
#opinionPost .hederSection h2{
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1.2rem 0 1.2rem;
    color: #fff;
    font-size: 1.1875rem;
    line-height: 2;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    /* border-right: 2px solid rgb(22 49 96 / 27%); */
    border-radius: 5px 5px 0 0;
    margin: 0 0 0 1.7rem;
}
/* OPINION */



.infinite-scroll .with-bottom-separator {
    position: relative;
}

.infinite-scroll .section .article-text-container .date {
    display: flex;
    font-size: 12px;
    color: rgb(94, 94, 94);
    margin-top: 0;
    margin-bottom: 1.5rem;
    letter-spacing: 1px;
    justify-content: space-between;
    /* background-color: #cccccc; */
    border-top: 1px solid #efefef;
    /* border-bottom: 1px solid #efefef; */
    padding: 0.5rem 0;
  /*  text-transform: uppercase;*/
}

.infinite-scroll .with-bottom-separator:after {
    background: linear-gradient(#2b73b4,#2b73b4) 100%/55px 0 no-repeat ,linear-gradient(rgba(0,16,194,.1),rgba(0,16,194,.1)) 0/100% 0 no-repeat;
    bottom: 0px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}

.infinite-scroll .article-text-container .date {
    display: flex;
    font-size: 12px;
    color: rgb(94, 94, 94);
    margin-top: 0;
    margin-bottom:0!important;
    letter-spacing: 1px;
    justify-content: space-between;
    border-top: 1px solid #efefef;
  	padding: 0.5rem 1rem;
  /*  text-transform: uppercase;*/
	 font-weight: 400;
}

.infinite-scroll .article-text-container .post-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    margin: 1rem 0;
	text-decoration: none;
	display: block;
}

.infinite-scroll .article-text-container .redesSociales{
    width: 100%;
    height: 60px;
    background: #f1f1f1;
    border-top: 1px solid #d7d7d7;
    border-radius: 0 0 3px 3px;
    margin: 0 0 2rem 0;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 3.5rem;
}

.infinite-scroll h1 {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    line-height: 2.15rem;
}

/* #detalleDelPost .article-text-container .redesSociales a:first-child{
	display: none;
} */

.infinite-scroll .article-text-container .redesSociales a i{
	font-size:32px;
}


.infinite-scroll .hederSection{
    display: flex;
    width: 100%;
    height: 45px;
}

.infinite-scroll .hederSection h2{
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1.2rem 0 1.2rem;
    color: #fff;
    font-size: 1.1875rem;
    line-height: 2;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    /* border-right: 2px solid rgb(22 49 96 / 27%); */
    border-radius: 5px 5px 0 0;
    margin: 0 0 0 1.7rem;
}

/*  */
#detalleHome .hederSection{
    display: flex;
    width: 100%;
    height: 45px;
}
#detalleHome .hederSection h2{
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1.2rem 0 1.2rem;
    color: #fff;
    font-size: 1.1875rem;
    line-height: 2;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight:400;
    text-transform: uppercase;
    /* border-right: 2px solid rgb(22 49 96 / 27%); */
    border-radius: 5px 5px 0 0;
    margin: 0 0 0 1.7rem;
}



.background-cafe{background-color: #8d6e63;}
.background-celeste{background-color: #3498db;}
.border-bottom{border-bottom: 1px solid #ececec;}

.bodySection{
	padding: 0 1.7rem;
}

.bodySection article img{
	width: 150px;
	height: 90px;
	object-fit:cover;
	margin-right: 1rem;
}

.bodySection article{
	display: flex;
	justify-content:start;
	align-items: center;
	margin: 2rem 0 0 0;
	/* border-bottom: 1px solid #dcdcdc; */
}
.bodySection article h3{
	color: #27313B;
    font-size: 16px;
    line-height: 21px;
    /* margin: 1rem 0 0 0; */
    font-family: utopia-std, serif;
    font-weight: 400;
    font-style: normal;
}
/* Detalle del post */

/* Artiulo relacionado */
article.content__articuloRelacionado.bottom-separator a{
	text-decoration: none;

}

.content__articuloRelacionado{
	display: flex;
	flex-direction: column;
	margin: 2rem 0 1.5rem 0;
}

.content__articuloRelacionado-titulo{
	color: #030c26;
    margin-bottom: 0;
    font-size: 1rem;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    font-weight: 400;



}

.content__articuloRelacionado-imagenTitulo{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0 0 1rem 0;
	align-items: center;
}

.content__articuloRelacionado-imagenTitulo a{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 1rem 0;
}

.content__articuloRelacionado-imagenTitulo a img{
	width: 150px;
	height: 90px;
	object-fit:cover;
	margin: 0 1rem 0 0;
}

.content__articuloRelacionado-imagenTitulo h3{
	font-size: 15px;
    font-weight: 400;
    line-height: 21px;
	text-decoration: none;
}

.content__articuloRelacionado-imagenTitulo h3 a {
	font-size: 15px;
    font-weight: 500;
    line-height: 21px;
	text-decoration: none;
	color: #173160;
}

.content__articuloRelacionado-imagenTitulo a p{
	font-size: 14px;
    font-weight: 500;
    line-height: 21px;
	color:#787878;
	margin: 0;
}


/* ARTICULO RELACIONADO CON IFRAME */
/* Artiulo relacionado */



iframe.responsive-iframe body article.content__articuloRelacionado.bottom-separator a{
	text-decoration: none;

}

iframe.responsive-iframe body .content__articuloRelacionado{
	display: flex;
	flex-direction: column;
	margin: 2rem 0 1.5rem 0;
}

iframe.responsive-iframe body .content__articuloRelacionado-titulo{
	color: #030c26;
    margin-bottom: 8px;
    font-size: 1rem;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    font-weight: 400;
}

iframe.responsive-iframe body .content__articuloRelacionado-imagenTitulo a{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 1rem 0;
}

iframe.responsive-iframe body .content__articuloRelacionado-imagenTitulo a img{
	width: 150px;
	height: 90px;
	object-fit:cover;
	margin: 0 1rem 0 0;
}

iframe.responsive-iframe body .content__articuloRelacionado-imagenTitulo a h3{
	font-size: 15px;
    font-weight: 400;
    line-height: 21px;
	text-decoration: none;
}

iframe.responsive-iframe body .content__articuloRelacionado-imagenTitulo a p{
	font-size: 14px;
    font-weight: 500;
    line-height: 21px;
	color:#787878;
	margin: 0;
}
/* ARTICULO RELACIONADO CON IFRAME */


.bottom-separator{
	position: relative;
}

.bottom-separator:after {
    background: linear-gradient(#2b73b4,#2b73b4) 100%/55px 3px no-repeat ,linear-gradient(rgba(0,16,194,.1),rgba(0,16,194,.1)) 0/100% 1px no-repeat;
    bottom: 0px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}

.bottom-separator-warning{
	position: relative;
}

.bottom-separator-warning:after {
    background: linear-gradient(#ee6e73,#ee6e73) 100%/55px 3px no-repeat ,linear-gradient(rgba(0,16,194,.1),rgba(0,16,194,.1)) 0/100% 1px no-repeat;
    bottom: 0px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}

/* INICIO ESTILOS DE HTML EMBED */
.embed{
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 1.5rem 0;
}

.embed .tag-link {
  background: #f8f8f8;
  padding: 0.3rem 1rem;
  margin: 0.3rem 0.2rem;
  border-radius: 10px;
  display: inline-block;
  text-decoration: none;
  text-transform: lowercase;
}

.containerIframe {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 100%; /* 8:5 Aspect Ratio */
  }

.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
}

iframe.responsive-iframe body img{
	background: red;
	display: block;
	border: 1px solid black;;
}

.embed ul, .embed ol {
    width: 100%;
    padding: 0 2.5rem 0 2.5rem;
	margin: 1rem 0 1rem 0;
}

.embed ol {
    width: 100%;
    padding: 0 2.5rem 0 2.5rem;
	margin: 1rem 0;
}

.embed ul li {
    list-style-type: disc;
    width: 100%;
	font-size: 1.2rem;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0.8rem;
}

.embed ol li {
    list-style: decimal;
    width: 100%;
	font-size: 1.2rem;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0.8rem;
}

.embed ul li a, .embed ol li a{
	color: #3498db;
	text-decoration: underline;
}

.embed ul li i , .embed ol li i{
	color: #3498db!important;
	font-style: italic;
	font-size: 1.2rem!important;
    font-weight: 400;
}

.embed ul li b , .embed ol li b{
	color: #3498db!important;
	font-style: italic;
	font-size: 16px!important;
    font-weight: 300;
}

.article-text-container a{
	color: #3498db;
	text-decoration: underline;
}
.article-text-container a.article-title {
    text-decoration: none;
}

.embed cite{
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    padding: 1rem 2rem;
    margin-bottom: 0.8rem;
    display: block;
    background: #f7f7f7;
	display: flex;
	flex-direction: column;
}

.embed cite span.author{
	display: flex;
    font-size: 12px;
    color: rgb(94, 94, 94);
    margin-top: 0;
    margin-bottom: 0!important;
    letter-spacing: 1px;
    justify-content: space-between;
    /* background-color: #cccccc; */
    /* border-top: 1px solid #efefef; */
    /* border-bottom: 1px solid #efefef; */
    padding: 0;
    text-transform: uppercase;
}

p.summary {
    background-color: #e9ecf0;
    padding: 16px;
    margin: 1rem 0;
    line-height: 28px;
}

blockquote.warning{
	background-color: #f3f3f3;
    line-height: 28px;
    display: flex;
    flex-direction: column;
    margin: 20px 0;
    padding-left: 1.5rem;
    border-left: none;
    padding: 1.5rem;
}

blockquote.warning h3{
	color: #030c26;
    margin-bottom: 8px;
    font-size: 1rem;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    font-weight: 400;
}

blockquote span.author{
	display: flex;
    font-size: 12px;
    color: rgb(94, 94, 94);
    margin-top: 0;
    margin-bottom: 0!important;
    letter-spacing: 1px;
    justify-content: space-between;
    /* background-color: #cccccc; */
    /* border-top: 1px solid #efefef; */
    /* border-bottom: 1px solid #efefef; */
    padding:0;
    text-transform: uppercase;
}

mark {
    background-color: #c7e9ff;
    color: #000;
    padding: 0 0.3rem;
    /*margin: 1rem;*/
}

.footer ul{
    width: 100%;
    height: auto;
    overflow: hidden;
    list-style: none;
    margin: 2rem 0 2rem 0;
}


.footer ul li{
    list-style: none;
  /*  border-bottom: 1px solid #ffffff4d;*/
    padding: 0.5rem 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;

}

.footer ul li a{
	color: #fff;
	text-decoration: none;
}

.footer ul li i{
    color: #fff;
    width: 30px;
    height: 30px;
    /* border: 1px solid #fff; */
    border-radius: 100%;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .content_category{
	display: block;
	max-width: 30%;
	margin: 0 auto;
}

.row_category{
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	overflow: hidden;
	margin: 0;
}
.category{
	width: 50%;
	height: 80px;
	color: #fff;
	font-size: 1rem;
	letter-spacing: 1px;
	display: flex;
	justify-content: center;
	align-items: center;
}  */

.noticias_primary{background: #939393!important;}
.noticias_secondary{background: #a3a3a3!important;}
.nacional_primary{background: #6D4C41!important;}
.nacional_secondary{background: #8D6E63!important;}
.internacional_primary{background: #eec70b!important;}
.internacional_secondary{background: #fad512!important;}
.cultura_primary{background: #D81B60!important;}
.cultura_secondary{background: #FF5C8D!important;}
.opinion_primary{background: #78909C!important;}
.opinion_secondary{background: #A7C0CD!important;}
.deportes_primary{background: #FF3D00!important;}
.deportes_secondary{background: #FF7539!important;}
.emprende_primary{background: #388E3C!important;}
.emprende_secondary{background: #6ABF69!important;}
.salud_primary{background: #0093C4!important;}
.salud_secondary{background: #4FC3F7!important;}
.politica_primary{background: #F57C00!important;;}
.politica_secondary{background: #FFAD42!important;;}
.economia_primary{background: #424242!important;;}
.economia_secondary{background: #6D6D6D!important;;}
.policial_primary{background: #002171!important;;}
.policial_secondary{background: #0D47A1!important;;}

.mt-5{ margin-top: 5px;}
.mt-10{ margin-top: 10px;}
.mt-20{ margin-top: 20px;}
.mt-30{ margin-top: 30px;}
.mt-40{ margin-top: 40px;}
.mt-50{ margin-top: 50px;}
.mt-60{ margin-top: 60px;}
.mt-70{ margin-top: 70px;}
.mt-80{ margin-top: 80px;}
.mt-90{ margin-top: 90px;}

.mb-5 {  margin-bottom: 5px;}
.mb-10{ margin-bottom: 10px;}
.mb-20{ margin-bottom: 20px;}
.mb-30{ margin-bottom: 30px;}
.mb-40{ margin-bottom: 40px;}
.mb-50{ margin-bottom: 50px;}
.mb-60{ margin-bottom: 60px;}
.mb-70{ margin-bottom: 70px;}
.mb-80{ margin-bottom: 80px;}
.mb-90{ margin-bottom: 90px;}

.my-5  {margin: 5px 0;}
.my-10 {margin:10px 0;}
.my-20 {margin:10px 0;}

.article-text-container .redesSociales {
    width: 100%;
    height: 60px;
    background: #f1f1f1;
    border-top: 1px solid #d7d7d7;
    border-radius: 0 0 3px 3px;
    margin: 0 0 2rem 0;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 3.5rem;
}

.article-text-container .redesSociales a i {
    font-size: 32px;
}

.headerCategorySection{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	/*border-bottom: 1px solid #ececec;*/
	clear: both;
}



.headerCategorySection h4 {
    display: inline-block;
    border-bottom: solid 1px #000;
  /*  padding: 0.5rem 1.2rem 0 0;
    margin: 0 0 0 1.6rem;*/
    border-radius: 0;
    color: #000;
    line-height: 2;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent;
    font-size: 15px!important;
    font-family: franklin-gothic-urw,sans-serif;
    font-weight: 700!important;
}

.smallCategory{
	display: inline-block;
    padding: 0.5rem 0.8rem;
    color: #fff;
    border-radius: 3px;
    top: 0;
    left: 1.3rem;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;
	background-color: #2b73b4;
}

.smallCategory a{
	color: #fff;
}
#dailyNews{
	position: fixed;
    width: 100vw;
    height: 126px;
    /* background: rgba(0, 0, 0, 0.7); */
	background: rgb(219,219,219);
	background: linear-gradient(0deg, rgba(219,219,219,0.852000175070028) 0%, rgba(186,186,186,1) 100%);
    top: 0;
    left: 0;
    padding: 1rem;
    z-index: 1;
	border-bottom: 1px solid #d0d0d0;
}

#dailyNews{
  display:none;
}
#dailyNews .dailyNews__imgInfo{
	position: absolute;
    bottom: 7px;
	display: flex;
    align-items: center;
    width: 95vw;
	justify-content: center;
}

#dailyNews .dailyNews__imgInfo img{
    width: 27px;
    opacity: 0.98;
    margin-right: 5px;
}

#dailyNews .dailyNews__imgInfo i{
    color: #173160;
    text-transform: uppercase;
    font-size: 1rem;
}

#dailyNews .dailyNews__imgInfo p{
    /* color: #464646; */
	color: #173160;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1rem;
}


/*CUSTOM*/

.content__articuloRelacionado-imagenTitulo p{
  display:none;
}

/* NUEVOS COLORES  */

.background-lo-ultimo_primary{background: #3498db!important;}
.border-top-lo-ultimo_primary{border-top: 1px solid #3498db!important;}
.border-bottom-lo-ultimo_primary{border-bottom: 1px solid #3498db!important;}
.color-text-lo-ultimo_primary{color:#3498db!important;}

.background-nacional_primary{background: #8E4B2D!important;}
.border-top-nacional_primary{border-top: 1px solid #8E4B2D!important;}
.border-bottom-nacional_primary{border-bottom: 1px solid #8E4B2D!important;}
.color-text-nacional_primary{color:#8E4B2D!important;}

.background-educacion_primary{background: #8E4B2D!important;}
.border-top-educacion_primary{border-top: 1px solid #8E4B2D!important;}
.border-bottom-educacion_primary{border-bottom: 1px solid #8E4B2D!important;}
.color-text-educacion_primary{color:#8E4B2D!important;}

.background-internacional_primary{background: #FFDC4C!important;}
.border-top-internacional_primary{border-top: 1px solid #FFDC4C!important;}
.border-bottom-internacional_primary{border-bottom: 2px solid #FFDC4C!important;}
.color-text-internacional_primary{color:#FFDC4C!important;}

.background-salud_primary{background: #4FB5FF!important;}
.border-top-salud_primary{border-top: 1px solid #4FB5FF!important;}
.border-bottom-salud_primary{border-bottom: 1px solid #4FB5FF!important;}
.color-text-salud_primary{color:#4FB5FF!important;}

.background-politica_primary{background: #F17C28!important;}
.border-top-politica_primary{border-top: 1px solid #F17C28!important;}
.border-bottom-politica_primary{border-bottom: 1px solid #F17C28!important;}
.color-text-politica_primary{color:#F17C28!important;}

.background-economia_primary{background: #000!important;}
.border-top-economia_primary{border-top: 1px solid #000!important;}
.border-bottom-economia_primary{border-bottom: 1px solid #000!important;}
.color-text-policial_primary{color:#000!important;}

.background-agricultura_primary{background: #000!important;}
.border-top-agricultura_primary{border-top: 1px solid #000!important;}
.border-bottom-agricultura_primary{border-bottom: 1px solid #000!important;}
.color-text-agricultura_primary{color:#000!important;}


.background-policial_primary{background: #2C40FF!important;}
.border-top-policial_primary{border-top: 1px solid #2C40FF!important;}
.border-bottom-policial_primary{border-bottom: 1px solid #2C40FF!important;}
.color-text-policial_primary{color:#2C40FF!important;}

.background-judicial_primary{background: #2C40FF!important;}
.border-top-judicial_primary{border-top: 1px solid #2C40FF!important;}
.border-bottom-judicial_primary{border-bottom: 1px solid #2C40FF!important;}
.color-text-judicial_primary{color:#2C40FF!important;}



.background-cultura_primary{background: #7E7BF2!important;}
.border-top-cultura_primary{border-top: 1px solid #7E7BF2!important;}
.border-bottom-cultura_primary{border-bottom: 1px solid #7E7BF2!important;}
.color-text-cultura_primary{color:#7E7BF2!important;}

.background-panorama_primary{background: #7E7BF2!important;}
.border-top-panorama_primary{border-top: 1px solid #7E7BF2!important;}
.border-bottom-panorama_primary{border-bottom: 1px solid #7E7BF2!important;}
.color-text-panorama_primary{color:#7E7BF2!important;}

.background-cronica_ciudadana_primary{background: #7E7BF2!important;}
.border-top-cronica_ciudadana_primary{border-top: 1px solid #7E7BF2!important;}
.border-bottom-cronica_ciudadana_primary{border-bottom: 1px solid #7E7BF2!important;}
.color-text-cronica_ciudadana_primary{color:#7E7BF2!important;}

.background-opinion_primary{background: #B7C0CB!important;}
.border-top-opinion_primary{border-top: 1px solid #B7C0CB!important;}
.border-bottom-opinion_primary{border-bottom: 2px solid #B7C0CB!important;}
.color-text-opinion_primary{color:#B7C0CB!important;}

.background-editorial_primary{background: #B7C0CB!important;}
.border-top-editorial_primary{border-top: 1px solid #B7C0CB!important;}
.border-bottom-editorial_primary{border-bottom: 1px solid #B7C0CB!important;}
.color-text-editorial_primary{color:#B7C0CB!important;}

.background-deportes_primary{background: #F03C4B!important;}
.border-top-deportes_primary{border-top: 1px solid #F03C4B!important;}
.border-bottom-deportes_primary{border-bottom: 1px solid #F03C4B!important;}
.color-text-deportes_primary{color:#F03C4B!important;}

.background-emprendimiento_primary{background: #36B876!important;}
.border-top-emprendimiento_primary{border-top: 1px solid #36B876!important;}
.border-bottom-emprendimiento_primary{border-bottom: 1px solid #36B876!important;}
.color-text-emprendimiento_primary{color:#36B876!important;}
/* NUEVOS COLORES  */

/* OPINION */
#opinionPost .columnista{
    color:#000;
    display: inline-block;
    font-size: 15px!important;
    font-family: franklin-gothic-urw,sans-serif;
    font-weight: 400;
    font-style: normal;
    border-bottom: 1px solid #717171;
    margin: 1rem 0;
}

#opinionPost .headerSection .category {
    padding: 0.8rem 1.5rem;
    display: inline-block;
    border-radius: 5px 5px 0 0;
    font-weight: lighter;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#opinionPost .cargo, #detalleDelPost .cargo, .encadenado .cargo{
    font-size: 0.9rem!important;
    font-family: franklin-gothic-urw,sans-serif;
    font-weight: 600;
    font-style: normal;
    margin: 1rem 0;
	text-align: center;
}

#opinionPost .infoColumnista, #detalleDelPost .infoColumnista, .encadenado .infoColumnista{
	width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#opinionPost .infoColumnista .infoColumnista__img, #detalleDelPost .infoColumnista .infoColumnista__img, .encadenado .infoColumnista .infoColumnista__img{
    padding: 0 1rem;
}
#opinionPost .infoColumnista .infoColumnista__img img, #detalleDelPost .infoColumnista .infoColumnista__img img, .encadenado .infoColumnista .infoColumnista__img img{
    width: 160px;
    height: 160px;
    border-radius: 3px;
    object-fit: cover;
    border-radius: 100%;
    border: 3px solid #cccccc;
	margin: 10px 0 0 0;
}

#opinionPost .with-bottom-separator {
    position: relative;
}

#opinionPost .section .article-text-container .date {
    display: flex;
    font-size: 12px;
    color: rgb(94, 94, 94);
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    letter-spacing: 1px;
    justify-content: space-between;
    /* background-color: #cccccc; */
    border-top: 1px solid #efefef;
    /* border-bottom: 1px solid #efefef; */
    padding: 0.5rem 0;
  /*  text-transform: uppercase;*/
}

#opinionPost .with-bottom-separator:after {
    background: linear-gradient(#2b73b4,#2b73b4) 100%/55px 0 no-repeat ,linear-gradient(rgba(0,16,194,.1),rgba(0,16,194,.1)) 0/100% 0 no-repeat;
    bottom: 0px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}

#opinionPost .article-text-container .date {
    display: flex;
    font-size: 12px;
    color: rgb(94, 94, 94);
    margin-top: 0;
    margin-bottom:0!important;
    letter-spacing: 1px;
    justify-content: space-between;
    border-top: 1px solid #efefef;
	   padding: 0.5rem 1rem;
    /*text-transform: uppercase;*/
	font-weight: 400;
}

#opinionPost .article-text-container .post-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    margin: 1rem 0;
	text-decoration: none;
	display: block;
}

#opinionPost .article-text-container .redesSociales{
    width: 100%;
    height: 60px;
    background: #f1f1f1;
    border-top: 1px solid #d7d7d7;
    border-radius: 0 0 3px 3px;
    margin: 0 0 2rem 0;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 3.5rem;
}

#opinionPost .article-text-container .redesSociales a i{
	font-size:32px;
}


#opinionPost .hederSection{
    display: flex;
    width: 100%;
    height: 45px;
}
#opinionPost .hederSection h2{
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1.2rem 0 1.2rem;
    color: #000;
    font-size: 1.1875rem;
    line-height: 2;
    /* letter-spacing: 1px; */
    text-decoration: none;
    /* border-right: 2px solid rgb(22 49 96 / 27%); */
    border-radius:0;
    margin: 0 0 0 1.7rem;

	font-size: 15px!important;
    font-family: franklin-gothic-urw,sans-serif;
    font-weight: 700!important;
}

#opinionPost .bajada h2 {
    font-style: italic;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0 0 1.5rem 0;
    font-family: utopia-std, serif;
    font-weight: 400;
    font-style: normal;
	text-align: center;
	color: #5e5e5e;
}

#opinionPost h1 {
	font-size: 21px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0;
    color: #27313B;
    font-family: utopia-std,serif;
    font-weight: 400;
    font-style: normal;
}
/* OPINION */

/* AUTOR */
#autorPost .columnista, #detalleDelPost .columnista, .encadenado .columnista{
    color:#000;
    display: inline-block;
    font-size: 15px!important;
    font-family: franklin-gothic-urw,sans-serif;
    font-weight: 400;
    font-style: normal;
    border-bottom: 1px solid #717171;
    letter-spacing: 1px;
    margin: 1rem 0;
}

#autorPost .headerSection .category {
    padding: 0.8rem 1.5rem;
    display: inline-block;
    border-radius: 5px 5px 0 0;
    font-weight: lighter;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#autorPost .cargo, #detalleDelPost .cargo, .encadenado .cargo{
    font-size: 0.9rem!important;
    font-family: franklin-gothic-urw,sans-serif;
    font-weight: 600;
    font-style: normal;
    margin: 1rem 0;
	text-align: center;
}

#autorPost .infoColumnista{
	width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#autorPost .infoColumnista .infoColumnista__img{
    padding: 0 1rem;
}
#autorPost .infoColumnista .infoColumnista__img img{
    width: 160px;
    height: 160px;
    border-radius: 3px;
    object-fit: cover;
    border-radius: 100%;
    border: 3px solid #cccccc;
	margin: 10px 0 0 0;
}

#autorPost .with-bottom-separator {
    position: relative;
}

#autorPost .section .article-text-container .date {
    display: flex;
    font-size: 12px;
    color: rgb(94, 94, 94);
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    letter-spacing: 1px;
    justify-content: space-between;
    /* background-color: #cccccc; */
    border-top: 1px solid #efefef;
    /* border-bottom: 1px solid #efefef; */
    padding: 0.5rem 0;
    /*text-transform: uppercase;*/
}

#autorPost .with-bottom-separator:after {
    background: linear-gradient(#2b73b4,#2b73b4) 100%/55px 0 no-repeat ,linear-gradient(rgba(0,16,194,.1),rgba(0,16,194,.1)) 0/100% 0 no-repeat;
    bottom: 0px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}

#autorPost .article-text-container .date {
    display: flex;
    font-size: 12px;
    color: rgb(94, 94, 94);
    margin-top: 0;
    margin-bottom:0!important;
    letter-spacing: 1px;
    justify-content: space-between;
    border-top: 1px solid #efefef;
	  padding: 0.5rem 1rem;
    /*text-transform: uppercase;*/
	font-weight: 400;
}

#autorPost .article-text-container .post-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    margin: 1rem 0;
  	text-decoration: none;
  	display: block;
}

#autorPost .article-text-container .redesSociales{
    width: 100%;
    height: 60px;
    background: #f1f1f1;
    border-top: 1px solid #d7d7d7;
    border-radius: 0 0 3px 3px;
    margin: 0 0 2rem 0;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 3.5rem;
}

#autorPost .article-text-container .redesSociales a i{
	font-size:32px;
}


#autorPost .hederSection{
    display: flex;
    width: 100%;
    height: 45px;
}
#autorPost .hederSection h2{
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1.2rem 0 1.2rem;
    color: #000;
    font-size: 1.1875rem;
    line-height: 2;
    /* letter-spacing: 1px; */
    text-decoration: none;
    /* border-right: 2px solid rgb(22 49 96 / 27%); */
    border-radius:0;
    margin: 0 0 0 1.7rem;

	font-size: 15px!important;
    font-family: franklin-gothic-urw,sans-serif;
    font-weight: 700!important;
}

#autorPost .bajada h2, #detalleDelPost .bajada h2, .encadenado .bajada h2 {
    font-style: italic;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0 0 1.5rem 0;
    font-family: utopia-std, serif;
    font-weight: 400;
    font-style: normal;
	text-align: center;
	color: #5e5e5e;
}

#autorPost h1, #detalleDelPost h1, .encadenado h1 {
	font-size: 21px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0;
    color: #27313B;
    font-family: utopia-std,serif;
    font-weight: 400;
    font-style: normal;
}

#autorPost .post-main__post, #detalleDelPost .post-main__post, .encadenado .post-main__post {
    width: 100%;
    height: 400px;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-bottom: 1px solid rgb(234, 234, 234);
    margin-top: 6px;
}

#autorPost .post-main__post .post-main__post-img{
    margin: 0 1rem 0 0;
    padding: 0;
    width: 40%;
    height: auto;
    position: relative;
}

#autorPost .post-main__post .post-main__post-img a img{
    width: 100%;
    height: auto;
    object-fit: contain;
    position: static;
    margin-bottom: 6px;
    /*pading top autor*/
    padding-top: 13px;
}

#autorPost .post-main__post .post-main__post-info a{
    text-decoration: none;
}

#autorPost .post-main__post .post-main__post-info a p{
    display: none;
}

#autorPost .post-main__post .post-main__post-info a h2{
	color: #27313B;
    font-size: 16px;
    line-height: 21px;
    /* margin: 1rem 0 0 0; */
    font-family: utopia-std, serif;
    font-weight: 400;
    font-style: normal;
}

#autorPost .post-main__post .post-main__post-info a p{
	color: #787878;
    font-family: utopia-std, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
}

#autorPost .post-main__post .post-main__post-info{
    width: 60%;
    padding-top: 13px;
}

#opinionPost .article-text-container {
	padding: 100px 16px 25px;
}

#autorPost .article-text-container {
	padding: 100px 16px 25px;
}

/* AUTOR */
.comunasClass{
  padding-bottom: 10px;
  border-bottom: solid 1px #CCC;
  margin-bottom: 10px;
}

table{
  width: 100%;
}
th{
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    padding: 0.75rem;
    background-color: #F0F0F0;
    color:#000000;
    font-family: 'Roboto';
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229/var(--tw-border-opacity));
    border-style: solid;
    border-width: 1px;

}
td{
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    padding: 0.75rem;
    background-color: #FFFFFF;
    color:#666666;
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229/var(--tw-border-opacity));
    border-style: solid;
    border-width: 1px;
}
#location a p{
  display:none;
}
#location a h2{
  font-size: 18px;
}
#category .smallCategory{
  display: none;
}

.dast {
    color: rgba(256,256,256,.6);
    font-family: biblioteca-semi-bold;
    font-variant: small-caps;
    margin: 3px auto;
    text-align: end;
}
/*.article-text-container p{
  text-align: justify;
}*/
.googleNews{
  max-width: 150px !important;
  float: right;
  border: solid 1px #DADADA;
  border-radius: 6px;
  padding: 0 5px 0 5px;
}
.siguenosGoogleNews{
  font-size: 1.25rem;
  line-height: 4rem;
}

.author:before {
  content: "|";
  padding-right: 5px;
}

/*EMBED FOTOS*/
.alignright {
    float: right;
    margin: 8px 0 20px 20px;
}
.alignright + p {
  display: contents;
}
.alignright img {
    max-width: 290px !important;
    height: auto;
}
.alignleft {
    float: left;
    margin: 8px 20px 20px 0;
    max-width: 290px;
    height: auto;
}
.alignleft + p {
  display: contents;
}
.alignleft img {
    max-width: 290px !important;
    height: auto;
}
.aligncenter {
    margin: 8 20px 20px 0;
    max-width: 100%;
    height: auto;
}
.aligncenter img {
    max-width: 100%;
    height: auto;
}
figcaption {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px;
    font-style: italic;
    margin-top: 10px;
    color: #83858F;
}
.align img {
	max-width: 100%;
}
audio{width: 100%;}
.tituloAudio{
  font-weight: bold!important;
  color: #173160;
  margin-bottom: 3px!important;
}
.tituloAudio i{
  background: none;
}

blockquote.warning {
  position: relative;
  background-color: rgb(232, 239, 245); /* fondo alerta actualizado */
  border-left: 5px solid rgb(52, 152, 219); /* borde actualizado */
  padding: 2.5em 1em 1em 3em;
  font-family: 'Open Sans', sans-serif;
  color: #173160; /* color de texto actualizado */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  margin: 2em 0;
  font-size: 1.1rem;
  line-height: 1.6;
  font-style: normal !important;
}

/* Ãcono de informaciÃ³n adaptado */
blockquote.warning::before {
  content: "â„¹ï¸";
  position: absolute;
  left: 1em;
  font-size: 1.2em;
}

/* Autor como tÃ­tulo destacado */
blockquote.warning .author {
  position: absolute;
  top: -1.1em;
  left: 0;
  background: rgb(52, 152, 219); /* fondo autor actualizado */
  color: white;
  font-weight: bold;
  padding: 0.3em 1em;
  border-radius: 6px 6px 0 0;
  text-transform: uppercase;
  font-size: 1.1rem;
  line-height: 1.6;
}
</pre></body></html>