/* beat34 | Card Quem Somos compacto: foto apenas na página interna /p/sobre. */
.aboutTeaserSection{
 max-width:1690px;
 margin:0 auto;
 padding:13px clamp(15px,5.2vw,82px) 0;
}
.aboutTeaserCard{
 --about-red:#e32229;
 position:relative;
 display:block;
 background:#f8efec;
 color:#252021;
 border:1px solid #ecdcd7;
 border-radius:8px;
 overflow:hidden;
 text-decoration:none;
 box-shadow:0 3px 13px rgba(76,35,34,.045);
 transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;
}
.aboutTeaserCard::before{
 content:"";position:absolute;inset:0 auto 0 0;width:4px;
 background:var(--about-red);
}
.aboutTeaserCard:hover{
 box-shadow:0 9px 22px rgba(63,24,28,.10);
 transform:translateY(-1px);
 border-color:#e7c6bf;
}
.aboutTeaserCard:focus-visible{outline:3px solid #c12c37;outline-offset:3px}
.aboutTeaserCopy{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 grid-template-rows:auto auto auto;
 align-content:center;
 align-items:center;
 column-gap:24px;
 padding:17px 23px 16px 26px;
 min-width:0;
}
.aboutTeaserEyebrow{
 grid-column:1;
 display:flex;
 align-items:center;
 gap:8px;
 color:#ae3540;
 font:800 9px/1.4 'Space Grotesk',sans-serif;
 letter-spacing:.85px;
 text-transform:uppercase;
}
.aboutTeaserDot{
 width:7px;height:7px;flex:0 0 auto;
 background:var(--about-red);
 border-radius:50%;
 box-shadow:0 0 0 3px #f8d9d5;
}
.aboutTeaserCopy h2{
 grid-column:1;
 font:clamp(21px,2.5vw,34px)/1.06 'Archivo Black',sans-serif;
 letter-spacing:-.6px;
 text-transform:uppercase;
 margin:8px 0 7px;
 overflow-wrap:anywhere;
}
.aboutTeaserCopy h2 em{color:var(--about-red);font-style:normal}
.aboutTeaserCopy p{
 grid-column:1;
 font:400 clamp(11px,.9vw,13px)/1.5 'DM Sans',sans-serif;
 color:#665954;
 max-width:690px;
 margin:0;
}
.aboutTeaserCTA{
 grid-column:2;
 grid-row:1/4;
 display:inline-flex;
 align-items:center;
 gap:12px;
 color:#fff;
 background:var(--about-red);
 border-radius:5px;
 padding:11px 11px 11px 15px;
 font:800 10px/1.2 'Space Grotesk',sans-serif;
 letter-spacing:.45px;
 white-space:nowrap;
 min-height:40px;
}
.aboutTeaserArrow{
 display:grid;place-items:center;
 width:22px;height:22px;
 background:#ffffff24;
 border-radius:3px;
 font-size:16px;
}
@media(max-width:900px){
 .aboutTeaserSection{padding-top:11px}
 .aboutTeaserCopy{padding:15px 17px 15px 21px;column-gap:15px}
 .aboutTeaserCopy h2{font-size:clamp(21px,3vw,29px);margin:8px 0 6px}
 .aboutTeaserCopy p{font-size:11px;line-height:1.45}
 .aboutTeaserCTA{font-size:9px;padding:9px}
}
@media(max-width:640px){
 .aboutTeaserSection{padding:9px 15px 0}
 .aboutTeaserCard{border-radius:7px}
 .aboutTeaserCopy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  padding:14px 17px 15px 19px;
 }
 .aboutTeaserEyebrow{font-size:8px;letter-spacing:.6px;gap:8px}
 .aboutTeaserCopy h2{
  font-size:clamp(22px,5.7vw,29px);
  line-height:1.08;
  letter-spacing:-.7px;
  margin:9px 0 7px;
 }
 .aboutTeaserCopy p{
  font-size:11px;
  line-height:1.45;
  max-width:none;
  margin:0 0 11px;
 }
 .aboutTeaserCTA{
  min-height:34px;
  font-size:9px;
  padding:8px 9px 8px 12px;
  gap:10px;
 }
 .aboutTeaserArrow{width:19px;height:19px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 .aboutTeaserCard{transition:none}
 .aboutTeaserCard:hover{transform:none}
}
/* Layout aprovado: card sem caixa, texto e botão sobre o fundo da página. */
.aboutTeaserSection{padding-top:14px;padding-bottom:0}
.aboutTeaserCard,.aboutTeaserCard:hover{
 background:transparent;
 border:0;
 box-shadow:none;
 border-radius:0;
 transform:none;
}
.aboutTeaserCard::before{display:none}
.aboutTeaserCopy{padding:8px 0 9px}
@media(max-width:640px){
 .aboutTeaserSection{padding-top:12px}
 .aboutTeaserCopy{padding:8px 0 8px}
 .aboutTeaserCopy h2{margin:9px 0 8px}
 .aboutTeaserCopy p{margin:0 0 11px}
}