@charset "utf-8";
/* =========================================================
   Academias New Corpore — SOBRE NÓS (sobre-nos.html)
   - Este arquivo concentra os estilos específicos desta página
   - Mantém o estilo global em assets/css/estilo.css
   ========================================================= */

.nc-gap-10{ gap: 10px; }

/* HERO */
#banner-sobre .nc-about-hero__lead{ max-width: 780px; }
#banner-sobre .nc-about-breadcrumb__link{ text-decoration: underline; }
#banner-sobre .nc-about-hero__card{
  background: rgba(0,0,0,.38);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 18px;
}

#banner-sobre .nc-about-hero__icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: rgba(235,92,29,.22);
  display:flex;
  align-items:center;
  justify-content:center;
}

#banner-sobre {
	/*
	 Ajuste solicitado:
	 - Remove o aspecto “acinzentado” reduzindo a opacidade do overlay
	 - Centraliza o enquadramento (imagem 16:9) para evitar cortar mais a parte de baixo
	*/
	background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url('../imagens/CapaAcademiasNewCorporeSobreNos.jpg') no-repeat center center;
	background-size: cover;
	min-height: 539px;
	}

#banner-sobre .nc-about-hero__small{ opacity: .9; }

/* Quem somos */
#sobrenos .nc-about__img{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 18px 55px rgba(0,0,0,.10);
}

/* MVV */
#mvv.nc-about-mvv{
  background: var(--background-dark);
  color: var(--text-light);
}
#mvv .nc-about-mvv__lead{ color: rgba(255,255,255,.75); }
#mvv .nc-about-mvv__values{ color: rgba(255,255,255,.85); }
#mvv .nc-about-mvv__note{ color: rgba(255,255,255,.70); }

/* Nossa História */
#nossa-historia .nc-about-history__card{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  box-shadow: 0 14px 40px rgba(0,0,0,.08);
}
#nossa-historia .nc-about-history__icon{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(235,92,29,.12);
  display:flex;
  align-items:center;
  justify-content:center;
}

/* CTA final */
#cta-sobre.nc-about-cta{
  background: linear-gradient(135deg, rgba(235,92,29,.14), rgba(0,0,0,.06));
}


/* =========================================================
   Regras originais da página (extraídas do estilo.css)
   ========================================================= */

.card-mvv{
	background: rgba(255,255,255,.03);
	border: 1px solid rgba(235,92,29,.18);
	border-radius: 18px;
	padding: 20px 18px;
	box-shadow: 0 14px 40px rgba(0,0,0,.22);
	transition: transform .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.card-mvv:hover{
	transform: translateY(-4px);
	background: rgba(255,255,255,.05);
	border-color: rgba(235,92,29,.45);
	box-shadow: 0 18px 50px rgba(0,0,0,.30);
}

.card-mvv h4{
	color: #ffffff;
	font-weight: 900;
	margin: 0 0 10px 0;
}

.card-mvv h4 i{
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	background: rgba(235,92,29,.16);
	color: var(--primary-color);
	box-shadow: 0 12px 28px rgba(0,0,0,.22);
	margin-right: 10px !important;
	vertical-align: middle;
}

.card-mvv p,
.card-mvv li{
	color: rgba(255,255,255,.80);
}

#banner-sobre .col-lg-4 .p-4{
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease;
}

#banner-sobre .col-lg-4 .p-4:hover{
	transform: translateY(-3px);
	border-color: rgba(235,92,29,.35);
	background: rgba(0,0,0,.42);
	box-shadow: 0 18px 50px rgba(0,0,0,.35);
}

#nossa-historia .w-100.p-4{
	border-radius: 18px !important;
	border: 1px solid rgba(0,0,0,.08) !important;
	background: #ffffff !important;
	box-shadow: 0 14px 40px rgba(0,0,0,.08) !important;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

#nossa-historia .w-100.p-4:hover{
	transform: translateY(-2px);
	border-color: rgba(235,92,29,.25) !important;
	/* Hover sólido (sem degradê) para manter o laranja por toda a caixa */
	background: rgba(235,92,29,.08) !important;
	box-shadow: 0 18px 50px rgba(0,0,0,.12) !important;
}

#sobrenos {
	background: var(--background-light);
	color: var(--text-dark);
	}