/*
Theme Name: FAAT Repositório
Theme URI: https://faat.repositorio.art.br
Author: FAAT
Description: Tema do repositório artístico da FAAT. Casca visual Canvas.
Version: 1.0.0
Text Domain: faat-theme
*/

.notification.is-success{background:#ecfdf3;border:1px solid #abefc6;color:#067647;padding:1rem;border-radius:6px}
.notification.is-danger{background:#fef3f2;border:1px solid #fecdca;color:#b42318;padding:1rem;border-radius:6px}
.notification.is-warning{background:#fffaeb;border:1px solid #fedf89;color:#93370d;padding:1rem;border-radius:6px}

.faat-home-hero{
  position:relative;
  background-color:#00365d;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  display:flex;
  align-items:center;
}
.faat-home-hero__veil{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,54,93,.62) 0%, rgba(0,54,93,.38) 48%, rgba(0,30,52,.55) 100%);
  pointer-events:none;
  z-index:1;
}
.faat-home-hero .slider-inner{
  position:relative;
  z-index:2;
  width:100%;
  display:flex;
  align-items:center;
  min-height:inherit;
}
.faat-home-hero__caption{
  max-width:40rem;
  margin-left:auto;
  margin-right:auto;
  color:#fff;
  padding:4.25rem 0 4rem;
}
.faat-home-hero__brand{
  margin:0 0 1rem;
  font-size:clamp(2.1rem,5vw,3.4rem);
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.1;
  color:#fff;
}
.faat-home-hero__headline{
  margin:0 0 1rem;
  font-size:clamp(1.25rem,2.6vw,1.75rem);
  font-weight:500;
  line-height:1.35;
  color:rgba(255,255,255,.95);
}
.faat-home-hero__lead{
  margin:0 auto 1.75rem;
  max-width:34rem;
  font-size:1.05rem;
  line-height:1.55;
  color:rgba(255,255,255,.82);
}
.faat-home-hero__cta .button{margin:0}

.faat-home-areas{background:#fff}
.faat-home-areas .content-wrap{padding-top:4rem;padding-bottom:4.5rem}
.faat-home-areas__title{
  font-size:clamp(1.4rem,2.4vw,1.85rem);
  font-weight:600;
  margin-bottom:.65rem;
}
.faat-home-areas__subtitle{
  display:block;
  max-width:36rem;
  margin:0 auto;
  color:#5c6d76;
  font-size:1.02rem;
  line-height:1.5;
}

.faat-area-card{
  display:flex;
  gap:1rem;
  align-items:flex-start;
  height:100%;
  text-decoration:none;
  color:inherit;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  padding:1.25rem 1.2rem;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
a.faat-area-card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.1);
  border-color:rgba(0,0,0,.22);
  color:inherit;
  text-decoration:none;
}
.faat-area-card.is-soon{background:#fafafa;color:#6b7280}
.faat-area-card__icon{
  flex:0 0 auto;
  width:3.1rem;
  height:3.1rem;
  border-radius:1rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--faat-wash,#dcecf2);
  color:var(--faat-primary,#00365d);
  font-size:1.2rem;
}
.faat-area-card.is-soon .faat-area-card__icon{background:#f0f0f0;color:#9aa0a6}
.faat-area-card__body{min-width:0;display:flex;flex-direction:column;gap:.35rem}
.faat-area-card__title{font-size:1.05rem;font-weight:600;line-height:1.3;color:var(--faat-ink,#173d57)}
.faat-area-card.is-soon .faat-area-card__title{color:#4b5563}
.faat-area-card__text{color:#66707a;font-size:.92rem;line-height:1.45}
.faat-area-card__soon{
  margin-top:.2rem;
  font-size:.75rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:700;
  color:#9aa0a6;
}

.faat-login #loginform{margin:0}
.faat-login #loginform p{margin-bottom:1rem}
.faat-login #loginform label{display:block;margin-bottom:.35rem;font-weight:600}
.faat-login #loginform input[type="text"],
.faat-login #loginform input[type="password"]{
  width:100%;
  min-height:2.7rem;
  padding:.45rem .75rem;
  border:1px solid #ced4da;
  border-radius:4px;
}
.faat-login #loginform .button,
.faat-login #loginform #wp-submit{
  background:var(--faat-primary,#00365d);
  color:#fff;
  border:0;
  border-radius:4px;
  padding:.65rem 1.3rem;
  font-weight:600;
}
.faat-login .login-remember{display:flex;align-items:center;gap:.45rem}
.faat-login .login-remember label{margin:0;font-weight:500}
