:root {
--ibp-primary-500: #1E5BFF;
--ibp-neutral-50: #DCDBDB;
--ibp-neutral-200: #8D8C8C;
--ibp-neutral-500: #2B2929;
--ibp-neutral-600: #222020;
--ibp-neutral-800: #141313;
--ibp-card-text: #464545;
--ibp-font: "Neue Haas Grotesk Display Pro", Arial, sans-serif;
}
.ibp-filtros,
.ibp-hero-sidebar,
.ibp-grid-wrapper {
font-family: var( --ibp-font );
box-sizing: border-box;
}
.ibp-filtros *,
.ibp-hero-sidebar *,
.ibp-grid-wrapper * {
box-sizing: border-box;
} .ibp-filtros {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.ibp-filtro {
position: relative;
}
.ibp-filtro__select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 40px;
padding: 8px 24px;
padding-right: 40px; border: 1px solid #646262;
border-radius: 25px;
background: #fff;
font-family: var( --ibp-font );
font-weight: 600;
font-size: 13px;
line-height: 16px;
letter-spacing: 0.016em;
color: var( --ibp-neutral-600 );
cursor: pointer;
} .ibp-filtro:hover .ibp-filtro__select {
border-color: var( --ibp-primary-500 );
color: var( --ibp-primary-500 );
}
.ibp-filtro:hover .ibp-filtro__chevron {
color: var( --ibp-primary-500 );
} .ibp-filtro__select:focus {
border-color: var( --ibp-primary-500 );
color: var( --ibp-primary-500 );
background-color: #DDE6FF;
outline: none;
}
.ibp-filtro:focus-within .ibp-filtro__chevron {
color: var( --ibp-primary-500 );
}
.ibp-filtro--tipo .ibp-filtro__select { width: 107px; }
.ibp-filtro--tema .ibp-filtro__select { width: 112px; }
.ibp-filtro--mercado .ibp-filtro__select { width: 132px; }
.ibp-filtro--rol .ibp-filtro__select { width: 119px; }
.ibp-filtro__chevron {
position: absolute;
right: 24px;
top: 50%;
width: 16px;
height: 16px;
transform: translateY( -50% );
pointer-events: none;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") center / contain no-repeat;
color: var( --ibp-neutral-600 );
}
@media ( max-width: 767px ) {
.ibp-filtros {
display: grid;
grid-template-columns: repeat( 2, 1fr );
gap: 16px;
}
.ibp-filtro--tipo .ibp-filtro__select,
.ibp-filtro--tema .ibp-filtro__select,
.ibp-filtro--mercado .ibp-filtro__select,
.ibp-filtro--rol .ibp-filtro__select {
width: 100%; max-width: 188px;
justify-content: space-between;
}
} .ibp-hero-sidebar {
display: flex;
align-items: flex-start;
}
.ibp-hero {
flex: 0 0 824px;
max-width: 824px;
}
.ibp-hero__slide { display: none; }
.ibp-hero__slide.is-active { display: block; }
.ibp-hero__image {
width: 100%;
height: 444px;
background-size: cover;
background-position: center;
background-color: var( --ibp-neutral-600 );
display: flex;
align-items: flex-end;
position: relative;
overflow: hidden;
} .ibp-hero__panel {
position: absolute;
left: 0;
right: 0;
top: 90px;
height: 354px;
background-image: url(//intagonoweb.intagono.mx/wp-content/plugins/intagono-blog-perspectiva/assets/images/fondo-brg-pc.png);
background-size: 100% 100%;
background-repeat: no-repeat;
}
.ibp-hero__content {
position: relative;
z-index: 1;
padding: 220px 40px 40px 40px;
width: 100%;
}
.ibp-hero__title {
font-weight: 600;
font-size: 28px;
line-height: 32px;
letter-spacing: 0.016em;
color: #FFFFFF;
margin: 0 0 8px 0;
}
.ibp-hero__title a {
color: inherit;
text-decoration: none;
}
.ibp-hero__title a:hover {
color: var( --ibp-primary-500 );
}
.ibp-meta--hero {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 16px;
}
.ibp-meta--hero .ibp-meta__author {
font-weight: 450;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.04em;
color: var( --ibp-neutral-50 );
}
.ibp-meta--hero .ibp-meta__tema {
font-weight: 600;
font-size: 13px;
line-height: 16px;
letter-spacing: 0.016em;
color: var( --ibp-neutral-200 );
}
.ibp-meta--hero .ibp-meta__fecha {
font-weight: 600;
font-size: 13px;
line-height: 16px;
letter-spacing: 0.016em;
text-align: right;
color: var( --ibp-neutral-50 );
}
.ibp-hero__excerpt {
font-weight: 450;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.016em;
color: var( --ibp-neutral-50 );
margin: 0 0 16px 0;
}
.ibp-hero__excerpt--mobile { display: none; } .ibp-hero__cta {
display: inline-block;
margin-top: 16px;
font-family: var( --ibp-font );
font-weight: 600;
font-size: 15px;
line-height: 24px;
letter-spacing: 0.04em;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-color: currentColor;
color: #6D94FF;
}
.ibp-hero__mobile-progress-track {
display: none; }
.ibp-hero__mobile-progress-bar {
height: 100%;
width: 100%;
background: var( --ibp-primary-500 );
} .ibp-sep {
display: inline-block;
width: 3px;
height: 3px;
border-radius: 50px;
background: var( --ibp-neutral-50 );
flex: none;
} .ibp-sidebar {
flex: 0 0 424px;
max-width: 424px;
height: 444px;
border: 1px solid var( --ibp-neutral-50 );
display: flex;
flex-direction: column;
overflow: hidden;
}
.ibp-sidebar__title {
margin: 0;
height: 48px;
display: flex;
align-items: center;
padding: 8px 24px;
font-family: "Sentinel", Georgia, serif;
font-weight: 500;
font-size: 24px;
line-height: 32px;
letter-spacing: 0.016em;
color: #000;
border-bottom: 1px solid var( --ibp-neutral-50 );
}
.ibp-sidebar__list {
flex: 1;
overflow-y: auto;
position: relative;
}
.ibp-sidebar__item {
display: block;
position: relative;
padding: 32px 24px; border-bottom: 1px solid var( --ibp-neutral-50 );
text-decoration: none;
}
.ibp-sidebar__item.is-two-lines {
padding: 16px 24px; }
.ibp-sidebar__item:last-child { border-bottom: none; }
.ibp-sidebar__item.is-active {
background-color: #F6F6F6;
} .ibp-sidebar__item-progress-track {
display: none;
position: absolute;
top: -1px;
left: 0;
right: 0;
height: 2px;
background: var( --ibp-neutral-50 );
overflow: hidden;
}
.ibp-sidebar__item.is-active .ibp-sidebar__item-progress-track {
display: block;
}
.ibp-sidebar__item-progress-bar {
height: 100%;
width: 100%; background: var( --ibp-primary-500 );
}
.ibp-sidebar__tema {
display: block;
font-weight: 600;
font-size: 13px;
line-height: 16px;
letter-spacing: 0.016em;
color: var( --ibp-neutral-200 );
margin-bottom: 8px;
}
.ibp-sidebar__titulo {
display: block;
font-weight: 700;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.016em;
color: var( --ibp-neutral-500 );
}
@media ( max-width: 1024px ) { .ibp-hero-sidebar { display: block; }
.ibp-sidebar { display: none; }
.ibp-hero { flex: none; width: 100%; max-width: 100%; }
.ibp-hero__mobile-progress-track {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 4px;
background: rgba( 255, 255, 255, 0.3 ); overflow: hidden;
z-index: 2; }
}
@media ( max-width: 767px ) { .ibp-hero { max-width: 392px; }
.ibp-hero__image { height: 480px; }
.ibp-hero__content { padding: 200px 24px 48px 24px; }
.ibp-hero__cta { display: none; }
.ibp-hero__excerpt--desktop { display: none; }
.ibp-hero__excerpt--mobile { display: block; } .ibp-hero__panel {
top: 117px;
height: 363px;
background-image: url(//intagonoweb.intagono.mx/wp-content/plugins/intagono-blog-perspectiva/assets/images/fondo-brg-movil.png);
}
} .ibp-grid-wrapper {
max-width: 1248px;
margin: 0 auto;
}
.ibp-grid.ibp-is-loading { opacity: 0.5; pointer-events: none; }
.ibp-row {
display: flex;
gap: 24px;
margin-bottom: 48px;
align-items: flex-start;
}
.ibp-card { list-style: none; }
.ibp-card__link { display: block; text-decoration: none; }
.ibp-card--long { flex: 612 1 0px; }
.ibp-card--short { flex: 294 1 0px; }
.ibp-card__image {
width: 100%;
height: 180px;
background-size: cover;
background-position: center;
background-color: var( --ibp-neutral-50 );
border-radius: 0;
margin-bottom: 16px;
} .ibp-meta--card {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
.ibp-meta--card .ibp-meta__author {
font-weight: 700;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.04em;
color: var( --ibp-card-text );
}
.ibp-meta--card .ibp-meta__tema {
font-weight: 400;
font-size: 13px;
line-height: 16px;
letter-spacing: 0.016em;
color: var( --ibp-card-text );
}
.ibp-meta--card .ibp-meta__fecha {
font-weight: 400;
font-size: 13px;
line-height: 16px;
letter-spacing: 0.016em;
text-align: right;
color: var( --ibp-card-text );
}
.ibp-meta--stacked { flex-direction: column; align-items: flex-start; gap: 4px; }
.ibp-meta--stacked .ibp-meta__row2 { display: flex; align-items: center; gap: 8px; }
.ibp-card__title {
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.016em;
color: var( --ibp-primary-500 );
margin: 0 0 8px 0;
}
.ibp-card__excerpt {
font-weight: 450;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.026em;
vertical-align: middle;
color: var( --ibp-neutral-500 );
margin: 0;
}
.ibp-card--long { padding-bottom: 28px; }
.ibp-load-more-wrap {
display: flex;
justify-content: center;
margin-top: 16px;
}
.ibp-load-more {
width: 167px !important;
height: 56px !important;
padding: 16px 32px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
border: 1px solid var( --ibp-neutral-800 ) !important;
font-family: var( --ibp-font ) !important;
font-weight: 700 !important;
font-size: 18px !important;
line-height: 24px !important;
letter-spacing: 0.06em !important;
text-align: center !important;
color: #141313 !important;
cursor: pointer !important;
}
.ibp-load-more:hover { color: #FFFFFF !important; background-color: #123799 !important; }
.ibp-load-more:active { color: #FFFFFF !important; background-color: #0F2E80 !important; }
.ibp-load-more.ibp-is-loading { opacity: 0.6; }
.ibp-no-results {
font-family: var( --ibp-font );
color: var( --ibp-card-text );
padding: 40px 0;
text-align: center;
}
@media ( max-width: 767px ) {
.ibp-grid-wrapper { max-width: 392px; }
.ibp-row { flex-wrap: wrap; gap: 32px; margin-bottom: 32px; }
.ibp-card--long {
flex: 1 1 100%;
width: 100%;
height: auto;
}
.ibp-card--short {
flex: 1 1 calc( 50% - 16px ); width: calc( 50% - 16px );
}
.ibp-card--long .ibp-card__image { height: 180px; }
.ibp-card--short .ibp-card__image { height: 180px; }
.ibp-load-more { width: 100%; }
} .ibp-relacionados {
max-width: 1248px;
margin: 0 auto;
} @media ( max-width: 767px ) {
.ibp-relacionados { max-width: 392px; } .ibp-relacionados .ibp-row--c {
flex-direction: column;
gap: 32px;
}
.ibp-relacionados .ibp-card--short {
flex: 1 1 100%;
width: 100%;
height: auto;
}
.ibp-relacionados .ibp-card--short .ibp-card__image {
height: 180px;
}
} .ibp-extracto__text {
font-family: var( --ibp-font );
font-weight: 400;
font-size: 24px;
line-height: 32px;
letter-spacing: 0.016em;
color: #FFFFFFB2;
margin: 0;
}
.ibp-extracto__text--mobile { display: none; }
@media ( max-width: 767px ) {
.ibp-extracto__text--desktop { display: none; }
.ibp-extracto__text--mobile { display: block; }
}.footer-width-fixer {
width: 100%;
} .ehf-template-genesis.ehf-header .site-header .wrap,
.ehf-template-genesis.ehf-footer .site-footer .wrap,
.ehf-template-generatepress.ehf-header .site-header .inside-header {
width: 100%;
padding: 0;
max-width: 100%;
} .ehf-template-generatepress.ehf-header .site-header,
.ehf-template-generatepress.ehf-footer .site-footer {
width: 100%;
padding: 0;
max-width: 100%;
background-color: transparent !important; }
.bhf-hidden {
display: none
} .ehf-header #masthead {
z-index: 99;
position: relative;
}