/* Arquivo editorial do Blog Althis. */
.althis-blog-archive{
  --blog-navy:#001d32;
  --blog-blue:#003457;
  --blog-gold:#be9558;
  --blog-paper:#f5f4f0;
  --blog-text:#53616a;
  --blog-line:#d8dddf;
  overflow:hidden;
  background:var(--blog-paper);
  color:var(--blog-navy);
  font-family:'DM Sans',Arial,sans-serif;
}

.althis-blog-archive *{box-sizing:border-box}
.althis-blog-archive .container{width:calc(100% - 48px);max-width:1280px;padding:0}

.althis-blog-hero{
  position:relative;
  min-height:410px;
  padding:88px 0 122px;
  overflow:hidden;
  background:
    radial-gradient(circle at 76% 18%,rgba(34,86,111,.42),transparent 30%),
    linear-gradient(122deg,#001d32 0%,#002b46 54%,#001d32 100%);
}

.althis-blog-hero::before{
  content:"";
  position:absolute;
  right:-4vw;
  bottom:-31%;
  width:min(560px,48vw);
  aspect-ratio:1;
  background:url(../img/imagem_padrao_althis.png) center/contain no-repeat;
  opacity:.045;
  transform:rotate(-4deg);
  pointer-events:none;
}

.althis-blog-hero::after{
  content:"";
  position:absolute;
  top:-220px;
  right:11%;
  width:470px;
  height:470px;
  border:1px solid rgba(190,149,88,.2);
  border-radius:50%;
  pointer-events:none;
}

.althis-blog-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(310px,390px);
  gap:80px;
  align-items:end;
}

.althis-blog-hero-copy{max-width:740px}

.althis-blog-kicker{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 20px;
  color:var(--blog-gold);
  font:600 10px/1.2 'DM Sans',Arial,sans-serif!important;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.althis-blog-kicker::before{content:"";width:48px;height:1px;background:var(--blog-gold)}

.althis-blog-hero h1{
  max-width:720px;
  margin:0;
  color:#f7f9fa;
  font:400 clamp(42px,5vw,66px)/1.04 'DM Sans',Arial,sans-serif;
  letter-spacing:-.055em;
}

.althis-blog-hero h1 em{color:var(--blog-gold);font-family:'Libre Baskerville',Georgia,serif;font-weight:400}

.althis-blog-hero-copy>p:last-child{
  max-width:610px;
  margin:25px 0 0;
  color:#cad4d9;
  font:400 15px/1.75 'DM Sans',Arial,sans-serif;
}

.althis-blog-search{
  display:grid;
  grid-template-columns:1fr 54px;
  min-height:56px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.25);
  border-radius:8px;
  background:rgba(255,255,255,.075);
  box-shadow:0 16px 35px rgba(0,10,20,.16);
  backdrop-filter:blur(8px);
}

.althis-blog-search input{
  width:100%;
  min-width:0;
  height:54px;
  padding:0 20px;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font:400 13px/1 'DM Sans',Arial,sans-serif;
}

.althis-blog-search input::placeholder{color:#b8c5cc}
.althis-blog-search button{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:var(--blog-gold);color:var(--blog-navy);cursor:pointer;transition:background .2s ease,color .2s ease}
.althis-blog-search button:hover{background:#d2ac73}
.althis-blog-search svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}

.althis-blog-feature-section{position:relative;z-index:2;margin-top:-66px}

.althis-blog-feature{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  min-height:420px;
  overflow:hidden;
  border:1px solid rgba(0,29,50,.08);
  border-radius:12px;
  background:#fff;
  box-shadow:0 24px 65px rgba(0,29,50,.14);
}

.althis-blog-feature::before{content:"";position:absolute;z-index:3;top:0;left:0;width:34%;height:3px;background:var(--blog-gold)}
.althis-blog-feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:52px 50px}
.althis-blog-feature-label{margin:27px 0 14px;color:var(--blog-gold);font:600 9px/1.2 'DM Sans',Arial,sans-serif!important;letter-spacing:.18em}
.althis-blog-feature h2{margin:0;color:var(--blog-navy);font:400 clamp(27px,2.5vw,38px)/1.17 'Libre Baskerville',Georgia,serif;letter-spacing:-.04em}
.althis-blog-feature h2 a{color:inherit;text-decoration:none}

.althis-blog-feature-excerpt{
  display:-webkit-box;
  max-width:550px;
  margin:20px 0 0;
  overflow:hidden;
  color:var(--blog-text);
  font:400 14px/1.7 'DM Sans',Arial,sans-serif!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.althis-blog-feature-image,.althis-blog-card-image{position:relative;display:block;overflow:hidden;background:linear-gradient(135deg,#dfe7e8,#96aab2)}
.althis-blog-feature-image img,.althis-blog-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,.61,.36,1),filter .35s ease}
.althis-blog-feature-image>span,.althis-blog-card-image>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:rgba(0,29,50,.22);font:700 42px/1 'DM Sans',Arial,sans-serif;letter-spacing:.12em}
.althis-blog-feature-image::after,.althis-blog-card-image::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 42%,rgba(0,29,50,.25));opacity:0;transition:opacity .35s ease;pointer-events:none}
.althis-blog-feature:hover .althis-blog-feature-image img,.althis-blog-card:hover .althis-blog-card-image img{filter:saturate(1.06);transform:scale(1.045)}
.althis-blog-feature:hover .althis-blog-feature-image::after,.althis-blog-card:hover .althis-blog-card-image::after{opacity:1}

.althis-blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%}
.althis-blog-card-meta>span{display:inline-flex;align-items:center;min-height:25px;padding:0 10px;border:1px solid var(--blog-gold);border-radius:999px;color:var(--blog-gold);font:600 9px/1 'DM Sans',Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase}
.althis-blog-card-meta time{color:#7b878d;font:500 10px/1 'DM Sans',Arial,sans-serif;letter-spacing:.07em;white-space:nowrap}

.althis-blog-read-link{display:inline-flex;align-items:center;gap:9px;margin-top:26px;padding-bottom:5px;border-bottom:1px solid var(--blog-blue);color:var(--blog-blue);font:700 11px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}
.althis-blog-read-link span{font-size:15px;font-weight:400;transition:transform .2s ease}
.althis-blog-read-link:hover span{transform:translate(3px,-2px)}

.althis-blog-feed{padding:92px 0 112px}
.althis-blog-feed--standalone{padding-top:84px}
.althis-blog-feed-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);gap:70px;align-items:end;margin-bottom:34px}
.althis-blog-feed-heading h2{margin:0;color:var(--blog-navy);font:400 clamp(31px,3vw,44px)/1.12 'DM Sans',Arial,sans-serif;letter-spacing:-.045em}
.althis-blog-feed-heading>p{margin:0 0 3px;color:var(--blog-text);font:400 14px/1.7 'DM Sans',Arial,sans-serif}

.althis-blog-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 38px;padding:23px 0;border-top:1px solid var(--blog-line);border-bottom:1px solid var(--blog-line)}
.althis-blog-filters a{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border:1px solid var(--blog-navy);border-radius:999px;color:var(--blog-navy);font:500 11px/1 'DM Sans',Arial,sans-serif;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.althis-blog-filters a:hover,.althis-blog-filters a:focus-visible,.althis-blog-filters a.is-active{border-color:var(--blog-gold);background:var(--blog-gold);color:var(--blog-navy);transform:translateY(-2px)}

.althis-blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.althis-blog-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid rgba(0,29,50,.09);border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(0,29,50,.035);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.althis-blog-card:hover{border-color:rgba(190,149,88,.58);box-shadow:0 17px 34px rgba(0,29,50,.1);transform:translateY(-6px)}
.althis-blog-card-image{aspect-ratio:1.48}
.althis-blog-card-body{display:flex;min-height:285px;flex:1;flex-direction:column;align-items:flex-start;padding:20px 20px 22px}

.althis-blog-card h3{display:-webkit-box;margin:16px 0 0;overflow:hidden;color:var(--blog-navy);font:400 19px/1.28 'Libre Baskerville',Georgia,serif;letter-spacing:-.03em;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.althis-blog-card h3 a{color:inherit;text-decoration:none}
.althis-blog-card-body>p{display:-webkit-box;margin:14px 0 0;overflow:hidden;color:var(--blog-text);font:400 12px/1.65 'DM Sans',Arial,sans-serif;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.althis-blog-card .althis-blog-read-link{margin-top:auto;padding-top:22px}

.althis-blog-pagination{margin:42px 0 0!important}
.althis-blog-pagination .page-numbers{margin:0;padding:0;text-align:center}
.althis-blog-pagination .page-numbers li{height:auto;margin:0 3px}
.althis-blog-pagination .page-numbers a,.althis-blog-pagination .page-numbers .current{display:inline-flex;align-items:center;justify-content:center;min-width:43px;min-height:43px;padding:0 13px;border:1px solid var(--blog-line);border-radius:50%;background:#fff;color:var(--blog-navy);font:600 12px/1 'DM Sans',Arial,sans-serif}
.althis-blog-pagination .page-numbers a:hover,.althis-blog-pagination .page-numbers .current{border-color:var(--blog-gold);background:var(--blog-gold);color:var(--blog-navy)}

.althis-blog-empty{padding:80px 25px;text-align:center;border:1px solid var(--blog-line);background:#fff}
.althis-blog-empty h2{margin:0 0 10px;font-size:30px}
.althis-blog-empty p{margin:0;color:var(--blog-text)}

.althis-blog-cta{position:relative;padding:88px 0 92px;overflow:hidden;background:var(--blog-blue);text-align:center}
.althis-blog-cta::before,.althis-blog-cta::after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(190,149,88,.22);border-radius:50%}
.althis-blog-cta::before{bottom:-270px;left:-180px}
.althis-blog-cta::after{top:-270px;right:-180px}
.althis-blog-cta .container{position:relative;z-index:1}
.althis-blog-cta .althis-blog-kicker{justify-content:center;color:#d2aa70}
.althis-blog-cta h2{max-width:760px;margin:0 auto;color:#fff;font:400 clamp(31px,3.3vw,48px)/1.15 'Libre Baskerville',Georgia,serif;letter-spacing:-.04em}
.althis-blog-cta .container>a{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-width:250px;min-height:50px;margin-top:31px;padding:0 22px;border-radius:7px;background:var(--blog-gold);color:var(--blog-navy);font:700 12px/1 'DM Sans',Arial,sans-serif;text-decoration:none;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.althis-blog-cta .container>a:hover{background:#d2aa70;box-shadow:0 12px 25px rgba(0,10,20,.22);transform:translateY(-3px)}
.althis-blog-cta .container>a span{font-size:18px;font-weight:400}

@media(max-width:1080px){
  .althis-blog-hero-grid{gap:45px}
  .althis-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .althis-blog-card-body{min-height:250px}
}

@media(max-width:780px){
  .althis-blog-archive .container{width:calc(100% - 38px)}
  .althis-blog-hero{min-height:0;padding:68px 0 105px}
  .althis-blog-hero::before{right:-27%;bottom:-5%;width:100vw}
  .althis-blog-hero::after{display:none}
  .althis-blog-hero-grid{grid-template-columns:1fr;gap:34px;align-items:start}
  .althis-blog-hero h1{font-size:42px}
  .althis-blog-hero-copy>p:last-child{font-size:14px}
  .althis-blog-search{max-width:520px}
  .althis-blog-feature-section{margin-top:-53px}
  .althis-blog-feature{grid-template-columns:1fr;min-height:0}
  .althis-blog-feature-copy{order:2;padding:31px 25px 35px}
  .althis-blog-feature-image{order:1;min-height:230px;aspect-ratio:1.48}
  .althis-blog-feature-label{margin-top:23px}
  .althis-blog-feature h2{font-size:27px}
  .althis-blog-feed{padding:74px 0 82px}
  .althis-blog-feed-heading{grid-template-columns:1fr;gap:17px;margin-bottom:28px}
  .althis-blog-feed-heading h2{font-size:34px}
  .althis-blog-filters{flex-wrap:nowrap;margin-right:-19px;margin-left:-19px;padding-right:19px;padding-left:19px;overflow-x:auto;scrollbar-width:none}
  .althis-blog-filters::-webkit-scrollbar{display:none}
  .althis-blog-filters a{flex:0 0 auto}
  .althis-blog-grid{grid-template-columns:1fr;gap:16px}
  .althis-blog-card-image{aspect-ratio:1.55}
  .althis-blog-card-body{min-height:0;padding:20px 20px 24px}
  .althis-blog-card .althis-blog-read-link{margin-top:25px;padding-top:0}
  .althis-blog-cta{padding:72px 0 76px}
}

@media(prefers-reduced-motion:reduce){
  .althis-blog-archive *,.althis-blog-archive *::before,.althis-blog-archive *::after{scroll-behavior:auto!important;transition:none!important}
}
