/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@font-face{ font-family:'Lato-Light'; src:url("https://3416190.fs1.hubspotusercontent-na1.net/hubfs/3416190/ANAHUAC%20-%20Globals/fonts/Lato-Light.ttf"); }
@font-face{ font-family:'Lato-Regular'; src:url("https://3416190.fs1.hubspotusercontent-na1.net/hubfs/3416190/ANAHUAC%20-%20Globals/fonts/Lato-Regular.ttf"); }
@font-face{ font-family:'Lato-Bold'; src:url("https://3416190.fs1.hubspotusercontent-na1.net/hubfs/3416190/ANAHUAC%20-%20Globals/fonts/Lato-Bold.ttf"); }
@font-face{ font-family:'Roboto'; src:url("https://3416190.fs1.hubspotusercontent-na1.net/hubfs/3416190/fonts/Roboto-Regular.ttf"); }
@font-face{ font-family:'Roboto-Bold'; src:url("https://3416190.fs1.hubspotusercontent-na1.net/hubfs/3416190/fonts/Roboto-Bold.ttf"); }


:root {
  --research-orange: #FF5900;
  --research-gray: #D9D9D9;
  --research-black: #000000;
  --research-white: #FFFFFF;
  --research-font-light: 'Lato-Light';
  --research-font-regular: 'Lato-Regular';
  --research-font-bold: 'Lato-Bold';
  --research-roboto: 'Roboto';
  --research-roboto-bold: 'Roboto-Bold';
  --research-max: 1300px;
}

body { margin: 0; }
.research-header { background: var(--research-white); position: sticky; top: 0; z-index: 100; font-family: var(--research-font-regular); border-bottom: 1px solid var(--research-gray); } 
.research-header__container { width: 90%; max-width: var(--research-max); margin: 0 auto; }
.research-header__box { padding: 20px 0; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.research-header__logo img { max-height: 40px; display: block; }
.research-header__actions { display: flex; align-items: center; gap: 35px; }
.research-search { display: flex; align-items: center; border: 1px solid var(--research-gray); border-radius: 5px; padding: 4px 8px; }
.research-search__input { border: none; outline: none; padding: 6px 8px; font-size: 14px; flex: 1; }
.research-search__btn { border: none; background: none; cursor: pointer; font-size: 16px; }
.research-social { display: flex; gap: 10px; }
.research-social a { display: flex; align-items: center; text-decoration: none; font-size: 18px; color: var(--research-orange); }

.research-nav { margin-bottom: 60px; padding: 20px 0; border-bottom: 1px solid var(--research-gray); }
.research-nav__container { width: 90%; max-width: var(--research-max); margin: 0 auto; display: flex; gap: 16px; flex: 1; justify-content: center;  }
.research-nav__link { position: relative; padding: 8px 16px; border-radius: 20px; text-decoration: none; font-family: var(--research-font-bold); color: var(--research-black); border: 1px solid transparent; transition: all 0.2s ease; }
.research-nav__link--active { color: var(--research-orange); }
.research-nav__link:not(:last-child)::after { content: ''; width: 1px; height: 90%; background-color: var(--research-gray); position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }

.research-hero { font-family: var(--research-font-regular); color: var(--research-black); }
.research-hero__container { width: 90%; max-width: var(--research-max); margin: 0 auto; }
.research-hero__slider { border:1px solid var(--research-gray); border-radius:12px; overflow:hidden; background:#111; position:relative; }
.research-hero__grid { height: 100%; min-height:320px; display:grid; grid-template-columns:1.7fr 1.3fr; min-height:420px; background:#222 center/cover no-repeat; }
.research-hero__wrap { display:flex; align-items:flex-start; padding:50px 80px; }
.research-hero__card { background:var(--research-white); border:1px solid var(--research-gray); border-radius:10px; box-shadow:0 10px 24px rgba(0,0,0,.08); max-width:480px; padding:18px 20px; }
.research-hero__meta { font-family: var(--research-font-light), sans-serif; font-size: 16px; color:var(--research-black); margin-bottom:8px; }
.research-hero__bar { display:block; width:80px; height:3px; background:var(--research-orange); border-radius:4px; margin-bottom: 16px; }
.research-hero__title { font-family: var(--research-font-bold), sans-serif; font-size: 36px; line-height:1.2; margin:0 0 12px; color:var(--research-black); }
.research-hero__title a { text-decoration: none; color:var(--research-black); }
.research-hero__excerpt { font-family: var(--research-font-regular), sans-serif; color:#444; margin:0 0 14px; font-size: 20px; line-height: 1.3; }
.research-hero__cta { text-align: right; }
.research-hero__cta a { font-family: var(--research-font-bold), sans-serif; display:inline-flex; align-items:center; justify-content: flex-end; gap:8px; color:var(--research-orange); text-decoration:none; }
.research-hero__controls { position:absolute; right:16px; bottom:16px; display:flex; gap:10px; z-index:5; }
.research-hero__btn { width:38px; height:38px; border-radius:8px; color: var(--research-orange); border:1px solid var(--research-gray); background:var(--research-white); cursor:pointer; font-size:18px; line-height:1; }
.research-hero__btn--next { border-color:var(--research-orange); color:var(--research-orange); }

.research-article { font-family: var(--research-font-regular); color: var(--research-black); }
.research-article__container { width: 90%; max-width: var(--research-max); margin: 0 auto; }
.research-article__meta { font-family: var(--research-font-light), sans-serif; font-size: 16px; color:var(--research-black); margin-bottom:8px; }
.research-article__meta a { text-decoration: none; color: inherit; }
.research-article__bar { display:block; width:80px; height:3px; background:var(--research-orange); border-radius:4px; margin-bottom: 16px; }
.research-article__title { font-family: var(--research-font-bold); max-width: 900px; font-size: 36px; line-height:1.2; margin:0 0 30px; color:var(--research-black); }
.research-article__banner { margin-bottom: 50px; width: 100%; height: 600px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.research-article__wrap { margin-bottom: 30px; display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 40px; }
.research-article__content { color: var(--research-black); font-family: var(--research-font-regular); line-height: 1.7; font-size: 18px; }
.research-article__content p { margin: 0 0 16px; }
.research-article__content img { max-width: 100%; height: auto; }
.research-article__info { padding: 10px 30px; margin: auto; color: var(--research-black); min-width: 0; border-left: 1px var(--research-gray) solid; }

.info__heading{ margin: 0 0 8px; font-family: var(--research-font-bold), system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; font-size: 22px; }
.info__rule { display:block; height:1px; background: var(--research-gray); margin: 0 0 30px; }
.info__divider { height:1px; background: var(--research-gray); margin: 30px 0; }
.info__subheading { margin: 0 0 14px; font-family: var(--research-font-bold), system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; font-size: 18px; }

.info-author { display: grid; grid-template-columns: 56px 1fr; gap: 14px; align-items: start; }
.info-author__avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; display: block; }
.info-author__name { margin: 0; font-family: var(--research-font-bold); font-size: 20px; }
.info-author__dept { font-family: var(--research-font-light); margin: 0 0 10px; font-size: 14px; color: #6F6F6F; line-height: 1.25; }
.info-author__excerpt { margin: 0 0 10px; font-size: 16px; line-height: 1.18; }
.info-author__date { font-family: var(--research-font-light) display:block; font-size: 14px; color: #6F6F6F; }
.tag-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.tag { display: inline-block; padding: 8px 14px; border-radius: 999px; background: var(--research-orange); color: var(--research-white, #fff); text-decoration: none; font-family: var(--research-font-bold); font-size: 14px; transition: transform .15s ease, opacity .15s ease; }
.tag:hover { transform: translateY(-1px); opacity: .95; }
.popular-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.popular-card { display: grid; grid-template-columns: 84px 1fr; gap: 12px; align-items: start; text-decoration: none; color: inherit; }
.popular-thumb { margin: 0; width: 84px; height: 84px; border-radius: 50px; overflow: hidden; background: var(--research-gray); }
.popular-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.popular-meta { display: grid; gap: 4px; }
.popular-tag { display: inline-block; color: var(--research-orange); font-family: var(--research-font-regular); font-size: 13px; }
.popular-title { margin: 0; font-family: var(--research-font-regular); font-weight: normal; font-size: 15px; line-height: 1.2; color: var(--research-black); display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden; }

@media (max-width: 1600px) {
  .research-article__banner { margin-bottom: 40px; height: 500px; }
}
@media (max-width: 1400px) {
  .research-article__banner { margin-bottom: 40px; height: 400px; }
  .research-article__title { font-size: 32px; }
}
@media (max-width: 1100px) {
  .research-article__banner { margin-bottom: 20px; height: 300px; }
  .research-article__title { font-size: 28px; margin: 0 0 20px; }
  .research-article__wrap { grid-template-columns: minmax(0,1fr) 300px; gap: 26px; }
  .research-article__info { padding: 10px 20px; }
  .info__divider { margin: 20px 0; }
  .popular-thumb { width: 60px; height: 60px; }
  .popular-card { grid-template-columns: 64px 1fr; }
}
@media (max-width: 900px) {
  .research-article__banner { height: 260px; }
  .research-article__wrap { grid-template-columns: 1fr; }
  .research-article__info { margin-top: 20px; margin-top: 20px; padding: 0; border: none; }
}
@media (max-width: 457px) {
  .research-article__banner { height: 230px; }
}

.section-news { padding: 60px 0; font-family:var(--research-font-regular); }
.section-news__container { width: 90%; max-width: var(--research-max); margin: 0 auto; }
.section-news .news-header { display: flex; align-items: baseline; gap: 16px; margin: 0 0 16px 0; }
.section-news .news-header__wrap { max-width:var(--research-max); margin:auto; }
.section-news .news-header__title { font-family: var(--research-font-bold), sans-serif; font-size: 36px; color: var(--research-black); margin: 0; }
.section-news .news-header__rule { flex: 1 1 auto; height: 1px; background: var(--research-gray); transform: translateY(2px); }

.section-news .news-grid { margin-bottom:40px;  display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
.section-news .news-card { position: relative; }
.section-news .news-card__media { background-image: var(--bg); background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 160px; }
.section-news .news-card__body { position: relative; z-index: 1; width: 100%; translate: 0 -10%; display: grid; gap: 12px; }
.section-news .news-card__title { padding-top: 14px; width: min(90%, 720px); margin: 0; font-family: var(--research-font-bold); font-size: clamp(20px, 2.4vw, 24px); line-height: 1.15; color: var(--research-black); background: var(--research-white) }
.section-news .news-card__title a { text-decoration: none; color: var(--research-black);  } 
.section-news .news-card__meta { font-family: var(--research-font-light); font-size: 13px; color: var(--research-black); }
.section-news .news-card__rule { height: 4px; width: 106px; max-width: 50%; background: var(--research-orange); border-radius: 2px; margin-top: 2px; }
.section-news .news-card__excerpt{ margin: 0; width: 100%; font-family: var(--research-font-light); font-size: clamp(18px, 2.4vw, 20px); line-height: 1.25; color: var(--research-black); }
.section-news .news-card__cta { margin-top: 6px; display: inline-flex; align-items: center; gap: 8px; font-family: var(--research-font-bold); font-weight: 800; text-decoration: none; color: var(--research-orange); transition: transform .15s ease; }
.section-news .news-card__cta:hover { color: #FF7900; }
.section-news .news-card__cta:hover svg { transform: translate(6px); }
.section-news .news-card__cta:hover svg path { fill: #FF7900; }

.section-news .news-more { text-align:center; margin-top:26px; display: none; }
.section-news .news-more__btn { max-width: max-content; padding: 10px 26px; font-family:var(--research-roboto-bold); color: var(--research-white); background: var(--research-orange); border: none; border-radius: 5px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); text-decoration: none; border-radius: 100px; }
.section-news .news-more__btn:hover { color: #FFFFFF; background: #FF7900; cursor: pointer; }


.research-footer { font-family:var(--research-roboto); background: #F3F3F1; border-top: 1px solid var(--research-gray); color: var(--research-black); }
.research-footer .rf-inner { max-width: var(--research-max); margin: 0 auto; padding: 40px 16px 32px; display: grid; gap: 28px; }
.research-footer .rf-social { display: flex; justify-content: center; align-items: center; gap: 14px; font-family: var(--research-roboto); }
.research-footer .rf-social__label { margin-right: 6px; color: var(--research-black); font-size: 16px; }
.research-footer .rf-social__link { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; color: var(--research-black); }
.research-footer .rf-social__link img, .research-footer .rf-social__link svg { width: 28px; height: 28px; display: block; }
.research-footer .rf-social__link:hover { color: var(--research-orange); transform: translateY(-1px); }
.research-footer .rf-members { margin: auto; margin-bottom: 10px;  display: flex; justify-content: center; align-items: center; gap: 18px 28px; }
.research-footer .rf-members__label{ white-space: nowrap; font-family: var(--research-font-regular); font-size: 15px; }
.research-footer .rf-logos { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; gap: clamp(20px, 5vw, 56px); flex-wrap: wrap; }
.research-footer .rf-logos img { display: block; width: auto; }
.research-footer .rf-legal { display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 14px; text-align: center; flex-wrap: wrap; }
.research-footer .rf-legal a { color: inherit; text-decoration: none; }
.research-footer .rf-legal a:hover { color: var(--research-orange); }

@media (max-width: 900px){
  .research-footer .rf-members{ flex-direction: column; text-align: center; gap: 0px; }
  .research-footer .rf-members__label{ margin-bottom: 6px; }
  .research-footer .rf-inner { gap: 10px; }
}

@media (max-width:1080px){ .section-news .news-grid { grid-template-columns:repeat(3,1fr);} }
@media (max-width:820px) { .section-news .news-grid { grid-template-columns:repeat(2,1fr);} }
@media (max-width:540px) { .section-news .news-grid { grid-template-columns:1fr; } }

@media (max-width:1199px){
  .research-nav { margin-bottom: 40px; }
  .research-hero__grid { grid-template-columns:1.9fr 1.1fr; }
  .research-hero__wrap { padding:40px 60px; }
  .research-hero__meta { font-size: 14px; }
  .research-hero__title { font-size: 28px; }
  .research-hero__excerpt { font-size: 18px; }
  .section-news { padding: 40px 0; }
  .section-news .news-header__title { font-size: 28px; }
  .section-news .news-grid { margin-bottom: 40px; }
}
@media (max-width:960px){
  .research-nav { padding: 6px 0; }
  .research-hero__grid { grid-template-columns:1fr; }
  .research-hero__wrap { order:2; padding:18px; }
  .research-hero__title { font-size: 24px; }
  .research-hero__excerpt { font-size: 16px; }
  .section-news .news-header__title { font-size: 24px; }
  .research-hero__card { max-width:none; margin-bottom: 40px; }
  .section-news .news-grid { margin-bottom: 30px; }
} 
@media (max-width: 768px) {
  .research-header__container { flex-wrap: wrap; justify-content: center; }
  .research-header__box { padding: 16px 0; flex-direction: column; }
  .research-header__actions { order: 2; gap: 20px; }
  .research-nav { margin-bottom: 20px;   }
  .research-nav__container { order: 3; flex-wrap: wrap; gap: 10px;}
}
@media (max-width: 399px) {
  .research-header__actions { flex-direction: column; gap: 16px; }
}