.display-4 {
  font-size: 2.5rem;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}
.nav-scroller .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
}

.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}

.flex-auto {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
}

.h-250 { height: 250px; }

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

/* Blog */
.blog-header {
  line-height: 1;
  border-bottom: 1px solid #e5e5e5;
}
.blog-header-logo {
  font-size: 2.25rem;
}
.blog-header-logo:hover {
  text-decoration: none;
}
.blog-title {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
}
.blog-title-small {
 font-size: 1.2em;
 margin-bottom: 0.8em;
 color: #2bb9e3;
}
.blog-description {
  font-size: 1.1rem;
  color: #999;
}
.blog-pagination {
  margin-bottom: 3rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
  margin: 2px;
}
.blog-post { margin-bottom: 3rem; }
.blog-cal { margin-bottom: 1.25rem; padding: 0 1rem; text-align: center; }
.blog-news {
  margin-bottom: 2rem !important;
  background-color: #fff;
  border: 0;
  border-bottom: 2px solid #0082a3;
  border-radius: 4px 4px 0 0;
  padding: 0.8rem !important;
  box-shadow: 0px 0px 8px rgba(0, 32, 70, 0.1);
}
.blog-post-title {
  margin-bottom: 1rem;
}
.blog-post-title h1, .blog-post-title h2 {
  color: #007897;
  font-size: 1.5rem;
  font-weight: 500;
}
.blog-post-meta {
  margin-bottom: .5rem;
  color: #999;
}
.blog-post__body {
  padding: 20px 0;
  position: relative;
}
.blog-post__body h2 { font-size: 1.4rem; }
.blog-post__body h3 { font-size: 1.3rem; font-weight: 600; }
.blog-post__body h4 { font-size: 1.2rem; font-weight: 500; color: #007897; }
.blog-post__body hr { border-color: #707070; margin-block: 1.6rem; }
blockquote, .blog-post__body aside {
  border-left: 5px solid #e0e0e0;
  padding-left: 1rem;
  margin: 1.5rem 0;
  color: #555;
  font-style: italic;
}
.nota {
  padding: 0.7rem;
  margin: 1rem 0;
  font-style: italic;
  background: #fff;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
}
aside.nota {
  background: rgba(255, 255, 255, 0.3);
  font-size: 0.95rem;
}
.blog-post__link {
  color: inherit;
  text-decoration: none;
}
.blog-news__link {
  color: #007897 !important;
  text-decoration: none;
  font-weight: 500;
}

.ads-hori, .ads-vert {
  display: block;
  justify-content: center;
  text-align: center;
  width: 100%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  background-image: radial-gradient(
    rgba(34, 34, 34, 0.18) 1px,
    transparent 1px
  );
  background-size: 5px 5px;
}
.ads-hori {
  padding: 0;
  margin: 0 0 1.25rem 0;
  min-height: 280px; /* Mejorar CLS - CoreWebVitals */
}
.ads-vert {
  min-height: 600px;
}
.sidemenu-title {
  display: inline-block;
  transform: translateX(-1.6rem);
  margin-block-end: 10px;
  padding: .3rem 1rem;
  background-color: #007897;
  color: #fff;
  font-size: .9rem;
}

/* Footer */
.blog-footer {
  padding: 2.5rem 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: .05rem solid #e5e5e5;
}
.blog-footer p:last-child { margin-bottom: 0; }

.share-link { text-decoration: none; display: inline-flex; transition: transform .15s ease; }
.share-link:hover { transform: scale(1.05); }
.btn.share-link:hover { color: #333 !important; background-color: #eee !important; }
.accordion-button { font-size: 1.1rem; font-weight: 500; }
.accordion-button:focus { border-color: #0082a3; box-shadow: 0 0 0 0.25rem #0082a3; }
.accordion-button:not(.collapsed) { background: #e5f3fe; }

.avatar{ width:48px; height:48px; }
.author-url { text-decoration: none; color: #111; }

.bg--base { background-color: #0082a3 !important; }
.text--base { color: #0082a3 !important; }
.bg--white { background: #fff; }

.bg-side { background-color: #f8f9fa; background: linear-gradient(to right, #f8f9fa 70%, #ffffff 100%); border-radius: .4rem; }

.breaking-news-area {
  text-align: center;
  color: #fff;
  padding: 5px 0;
  position: relative;
  z-index: 999;
  font-size: 12px
}
.breaking-news-area a {color:white}

.header-middle {
  border-bottom: 1px solid #eaeaea;
  position: relative;
  z-index: 999;
}

.header-bottom {
  position: sticky;
  z-index: 999;
}

.sticky-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999; /* con 9999 no salen anuncios ancla por encima del menu! */
    background: white;
    box-shadow: 0px 6px 7px rgba(24, 24, 24, 0.12), 0px 3px 4px rgba(24, 24, 24, 0.15), 0px 1px 2px rgba(24, 24, 24, 0.3);
}

.header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative; 
}

.top-news-ticker {
  display: flex;
  align-items: center;
  overflow: hidden;
  font-size: .85rem;
  line-height: 35px;
  padding: 0;
  font-weight: 500;
  margin-top: 15px;
}
.top-news-ticker-runner {
  display: flex;
  gap: 30px;
  white-space: nowrap;
  animation: ticker 30s linear infinite;
  will-change: transform;
}
.top-news-ticker-runner:hover {
  animation-play-state: paused;
}
@keyframes ticker {
  0% { transform: translateX(1%); }
  5% { transform: translateX(1%); }
  100% { transform: translateX(-100%); }
}
.top-news-ticker-runner a {
  white-space: nowrap;
  text-decoration: underline;
  display: inline-block;
  color: #555;
  position: relative;
  padding-left: 20px;
}
.top-news-ticker-runner a::before {
  position: absolute;
  content: '';
  top: 13px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #555;
  border-radius: 50%;
}
.top-news-ticker .btn {
  z-index: 10;
}

.nav-pills .nav-link {
    border-radius: 0;
}
.navbar {
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.nav-link.active,
.show>.nav-link {
	color: #007897 !important;
	background-color: #fff !important;
	font-weight: 500;
}
.nav-link {
	/* color: #212529 !important; */
}
.nav-link:hover { text-decoration: underline; }
.dropdown-item.active, .dropdown-item:active {
	background-color: #cfe8fd !important;
    border-left: 2px solid #007b9d !important;
    color: #4e4e4e !important;
}
.dropdown-item:hover { border-left: 2px solid #c0c0c0; }
.navbar-brand .fs-4 {
	vertical-align: middle;
}
.logo .t-deepblue { text-shadow: 1px 1px 3px rgba(0, 30, 60, 0.60); }
.logo .t-turquoise { text-shadow: 1px 1px 3px rgba(100, 100, 100, 0.60); }
.myborder-10 {
	border-top: 3px solid #0082a3;
}
.navbar-toggler-icon { background-image: url('../images/menu_icon.png') !important; }

.social-media-list {
	list-style: none;
	padding-left: 0;
}
.social-media-list li a {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff !important;
}
.social-media-list li a {
	font-size: 1.25rem;
	color: #464646;
}

.bd-callout {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  color: #111;
  background-color: #f8f9fa;
  border-radius: 0 .4rem .4rem 0;
  box-shadow: 0 1px 2px rgba(43,42,51,.4);
}
.bd-callout-info {
  background-color: #edf4ef;
  border-left: 4px solid #4d8158;
}
.bd-callout-notice {
  background-color: #e4effb;
  border-left: 4px solid #007897;
}
.bd-callout-second {
  background-color: #fffaf2;
  border-left: 4px solid #ad8821;
}
.bd-callout-warning {
  background-color: #e4effb; /* #e5f3fe; */
  border-left: 4px solid #007897;
}
.bd-callout-danger {
  background-color: #f8d7da;
  border-left: 4px solid #f1aeb5;
}
.bd-callout-news {
  background-color: #fff4f2;
  border-left: 4px solid #4a2929;
}
.bd-callout-faq {
  border-left: 4px solid #bbb;
}
.bd-callout-table { background-color: #f1f8fc; }
.bd-callout-table h2 { background-color: #fff; color: #0082a3; border: 1px solid #afd8e7; padding: .5rem; border-radius: .5rem; margin-bottom: 1rem; }
img.callo { float: left; margin: 10px 5px 5px 0; filter: drop-shadow(0 0 0.75rem #111); }

.actualidad-portada .card { overflow: hidden; border-radius: .5rem; background: rgba(255, 255, 255, 0.5); }
.actualidad-portada .card img { min-height: 220px; }
.actualidad-portada :is(h2, h3) a:hover { text-decoration: underline !important; }
.actualidad-portada .object-fit-cover { object-fit: cover; }

.alert-ed {
	background-color: #e5f3fe;
	border-color: #7393ab;
	color: #4c728f;
}
.ed-sh { border-width: 0 1px 3px 1px; }

.footer-widget__title {
	margin-bottom: 25px;
	position: relative;
	z-index: 1;
}
.footer-menu-list {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
}
.footer-menu-list li + li {
	margin-top: 5px;
}
.footer-menu-list li a {
	color: #999;   
	font-size: 0.9375rem;
	text-decoration: none;
	display: inline-block;
}
.footer-menu-list li a::before {
	content: "- ";
}
.footer-contact-list { padding-left: 0; }
.footer-contact-list > li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 8px;
}
.footer-logo {
	color: #999;   
	font-size: 1.2rem;
	text-decoration: none;
}
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 15px;
  width: 40px;
  height: 40px;
  font-size: 16px;
  text-align: center;
  background-color: #0082a3;
  color: #fff;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility .3s ease;
  box-shadow: 0 0 5px 0 #00000050;
  z-index: 999;
}
.back-to-top.show {
  opacity: 1;
  visibility: visible;
}

.icon-social .bi {
    width: 20px;
    height: 20px;
	margin: 0 6px;
    fill: #6c757d;
    color: #6c757d;
}
.icon-social a {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease-in-out;
}
.icon-social a:hover {
  background-color: #dbedf8 !important;
  transform: scale(1.08);
}

.list-unstyled a {
	border-left: 2px solid #cdcdcd;
    display: block;
	padding: 2px 1rem;
	color: #4e4e4e !important;
	text-decoration: none;
}
.list-unstyled a:hover {
    background-color: #f0f0f0;
	border-color: #c0c0c0;
}
.list-unstyled a.active {
    background-color: #cfe8fd;
    border-color: #007b9d;
    font-weight: 600;
}
.site-breadcrumbs {
	font-size: 0.9rem;
}
.site-breadcrumbs ol li .breadcrumb-sep {
    margin: 0 6px;
}
.site-breadcrumbs ol {
	list-style-type: none; padding: 0px; margin: 0px;
}
.site-breadcrumbs ol li {
    display: inline-block;
}
.site-breadcrumbs a {
    color: #212529;
	font-weight: 600;
}
.site-breadcrumbs ol li .breadcrumb-home {
    display: none;
}
.blog-post ul.tags-list li {
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 10px;
}
.blog-post ul.tags-list li a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.23s ease-in-out;
  -moz-transition: all 0.23s ease-in-out;
  -webkit-transition: all 0.23s ease-in-out;
  -o-transition: all 0.23s ease-in-out;
}
/** ESPECIFICOS **/
h1, h2, h3, h4, h5 {
  color: #001b41;
  font-weight: 400;
}
.section-title h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: .25rem;
  color: #777;
}
.section-title h1::before, .section-title h1::after {
  content: "";
  width: 40px;
  height: 2px;
}
.section-title h1::after { background: linear-gradient(to left, transparent, #007897); } 
.section-title h1::before { background: linear-gradient(to right, transparent, #007897); }
h2 { font-size: 1.6em; margin-bottom: 1em; }
h3 { font-size: 1.2em; margin-bottom: 0.8em; }
h4 { font-size: 1em; margin-bottom: 0.5em; }
p { line-height: 1.8em; }
.fw-bold { color: #474e43 !important; }
.smaller { font-size: .75em; line-height: 1.5em; }
strong { color: #474e43; font-weight: 700 !important; }
b { color: #474e43; font-weight: 600 !important; }
.hblue { font-size:1.6em; color:#007897; }
.fs-5 .hblue { font-size:1.25rem !important; }

img.left {
	float: left;
	margin: 2px 1.25em 0 0;
}
img.top {
	margin: 4px 0 2.25em 0;
}
a {
	color: #0082a3;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
* > p:last-child {
	margin-bottom: 0 !important;
}

.btn-euribor {
  border-radius: 999px;
  padding: 0.55rem 1.25rem;
  font-weight: 600;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
  border: 0;
  background: #0082a3;
  color: #fff;
}

.btn-euribor:hover {
  background: #1b9fbe;
  color: #fff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  transform: translateY(-1px);
}

table { margin: 0 auto; }
td, th { 
	padding: 4px;
	font-family: Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	color: #30373b;
}
.calendar-table { border: 0; border-collapse: separate; border-spacing: 3px; min-width:460px !important; width:70%; }
.cal-ti { background-color: #dbedf8; border: 1px solid #dcdee9; border-radius: 5px; font-size: 0.8rem; color: #555; }
.dia, .diaf, .li1, .li2, .lioff, .lifes { border-radius: 5px; padding: 5px 3px; text-align: center; }
.dia, .li1, .li2, .lioff { width: 14.4%; }
.diaf, .lifes { width: 14%; }
.dia, .diaf { background-color: #d5e9ee; border: 1px solid #8ec3d1; color: #007897; font-size: 10px; font-weight: 600; }
.li1 { background-color: #fff; border: 1px solid #555; color: #555; height: 45px; }
.li2 { background-color: transparent; border: 1px solid transparent; height: 45px; }
.lioff { background-color: transparent; border: 1px solid #ccc; height: 45px; color: #ccc; }
.lifes { background-color: #eee; border: 1px solid #bbb; color: #555; height: 45px; }
.td-green { background: #e7f3e7; border-color: #72b972; }
.td-red { background: #fae7e7; border-color: #e27272; }
.td-blue { background: #e7e7fa; border-color: #7272e2; }
.cal-p { width: 75%; min-width: 460px; margin: .2em auto; padding: .1em; text-align: center; color: #111; background: #dbedf8; border: 1px solid #bcc8d4; border-radius: .4rem; }
.cal-p span { font-size: 1.2rem; font-weight: 600; color: #111; }
.chart { margin: 0 auto; background: #fff; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); clear: both; border-radius: 8px; box-sizing: border-box; padding: 20px 10px; }
.chart-ed { max-width: 1100px; }
.chart-em { max-width: 400px; padding: 20px 5px; }
.table-responsive-md { max-width: 600px; border: 1px solid #4d8158; background-color: #fff; border-radius: .5rem; }
.comparativa-hipoteca thead th { font-weight: 600; }
.comparativa-hipoteca tbody tr { border-bottom: 1px solid #e9ecef; }
.comparativa-hipoteca tbody tr:last-child { border-bottom: 0; }

.appbox {
	height: 100%;
	-ms-flex-direction: column;
	flex-direction: column; 
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.1), 2px 2px 1px rgba(0,0,0,.1);
	box-shadow: 0 0 2px rgba(0,0,0,.1), 2px 2px 1px rgba(0,0,0,.1);
	display: flex;
	background-color: #f7f7f7;
	border: none;
	border-radius: 2px;
	margin-bottom: 1rem;
}
.appbox h3 { background-color: #007b9d; color: white; padding: 5px; margin-bottom: 0; border-radius: 2px; }
.appbox a { text-decoration: none; cursor: pointer; }
.appbox p { color: #50575b; padding: 12px; line-height: 1.2em; min-height: 105px; }

sup {
  vertical-align: super;
  font-size: smaller;
}

table.table_eurdi { border-spacing: 1px; border-collapse: separate; border: 0; }
table.table_eurdi td, table.table_eurdi th {
	height: 20px; text-align: center; font-size: 12px; font-style: normal; white-space: nowrap; border: 1px solid #cdcdcd;
}
table.table_eurdi th.table_eurdi_title {
	background-color: #007b9d; border: 1px solid #1b9fbe; color: #fff; font-weight: 600;
}

.pf { text-align:justify; line-height: 1.8em; font-size: 12pt; color: #878e83; }

a.euriborMes { text-decoration: none; }
a.euriborMes:hover { text-decoration: underline; }

.calContent {
    background-color: #f7f7f7;
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.30) !important;
    padding: 18px;
	margin-bottom: 15px;
}

/* >= 1200px (XL) */
@media (min-width: 1200px) {
  .container { max-width: 1200px !important; }
}

/* >= 992px (LG y mayores) */
@media (min-width: 992px) {
  .col-lg-6 section { margin-bottom: 0;	height: 100% !important; }
  .col-lg-6.col-s { padding: 0 .5rem 1.25rem 0; }
  .col-lg-6.col-e { padding: 0 0 1.25rem .5rem; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .nav-item .bi { display: none !important; }
}

/* >= 768px (MD y mayores) */
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }

  .nav-link {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .navbar-expand-md .logo2 {
    display: none !important;
  }
  .mydrop .dropdown {
    display: none !important;
  }
  .blog-cal {
	padding: 0.5rem 1rem;
    background: #f8f9fa;
  }

  .col-md-6 section { margin-bottom: 0;	height: 100% !important; }
  .col-md-6.col-s { padding: 0 .5rem 1.25rem 0; }
  .col-md-6.col-e { padding: 0 0 1.25rem .5rem; }
}

/* <= 767.98px (SM ↓) */
@media (max-width: 767.98px) {
  .navbar { width: 100%; }
  .myborder-10 { border-top: 0; }
  .sticky-header {
	background-color: #f0f4f9;
  }
  .header-middle { display: none !important; }
  .navbar-expand-md .logo2 a {
    color: #555;
    text-decoration: none;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.60);
  }
  .mydrop .nodropdown, .nav-right {
    display: none !important;
  }
  .ads-hori, .ads-vert {
    min-height: 250px;
  }
  .header-wrapper {
    background-color: #f0f4f9;
  }
  .navbar-toggler {
    margin: 6px;
    color: #fff;
    border-radius: 5px;
  }
  .navbar-toggler:hover {
    text-decoration: none;
  }
  .navbar-toggler.collapsed {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.25), inset 0 1px 2px 0 rgba(0,0,0,0.5), inset 0 6px 13px 0 rgba(255,255,255,0.2), 0 2px 2px 0 rgba(255,255,255,0.1);
  } 
  .navbar-toggler.collapsed .navbar-toggler-icon {
     background-image: url('../images/menu_icon.png') !important;
  }
  .navbar-toggler:not(.collapsed) {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0.1rem;
  }
  .navbar-toggler:not(.collapsed) .navbar-toggler-icon {
    background-image: url('../images/menu_close.png') !important;
  }
  .dropdown-menu {
     margin-top: 0 !important;
     border: 0;
     border-radius: 0;
  }
  .dropdown-menu .dropdown-item { padding-left:2rem; }
  .navbar-nav { margin-bottom: 10px; }
  .nav-link.active {
    background-color: #fff !important;
  }
  .nav-link:hover { text-decoration: none; }
  .nav-pills .nav-link {
    padding-left: 6px;
	margin-top: 4px;
  }

  .blog-news { padding: 0 !important; box-shadow: none; }
  .bd-callout, .blog-cal { border: 0; border-radius: 0; }
  .bd-callout { padding: 1.25rem 1rem; }
  .sidebar-right .bg-side { padding: 0 !important; }
  .appbox { margin: 0 1rem 1rem 1rem; }
  .card { margin: 0 1rem; }
}

/* <= 575.98px (XS ↓) - Movil */
@media (max-width: 575.98px) {
  h2 { font-size: 1.2em; }
  h3 { font-size: 1.1em; }
  h4 { font-size: 1em; }

  .myborder-10 { border-top: 0; }
  .breaking-news-area { font-size: 14px; }

  .calendar-table, .cal-p { min-width: 335px !important; width: 100%; margin-top: 0; padding: .1em; }
  .dia, .li1, .li2, .lioff, .lifes { padding: 2px; }
  .li1, .li2, .lioff, .lifes { height: 38px; }
  #calMed .mb-3 { margin-bottom: 0.2rem !important; }
  div.appbox p { min-height: auto; }
  table.table_eurdi { width: 95%; margin-bottom: 1em; }
}

/* <= 380.98px (xs zoom) */
@media (max-width: 380.98px) {
  .dia, .li1, .li2, .lioff { width: 17%; }
  .diaf, .lifes { width: 7.5%; padding: 2px 1px; }
  .calendar-table, .cal-p { padding: .1em 0; }
}