/* Camara Academy V11 — targeted UX corrections, always loaded last.
  Official crest colors remain unchanged. No external dependencies. */

/* Distinct approved academy photos in PERSONAL and INDIVIDUAL training:
   the previous V10 layout reused the same technical-training photo twice. */
.photo.photo-training{
  background-image:linear-gradient(0deg,#0d3020a6,transparent 70%),
    url('../media/official-site/original-15-wp-image-207-perfezionamento-tecnico-4ec10a70.webp');
  background-size:cover;background-position:center 45%;
}
.program-card:first-child::before{
  background-image:linear-gradient(0deg,#102d20e8 0%,#102d2080 54%,#102d2033 100%),
    url('../media/official-site/original-08-wp-image-220-perfezionamento-tecnico-0b17f204.webp');
  background-size:cover;background-position:center 45%;
}

/* Four complete steps: the CTA lives inside the fourth card. */
.steps{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:15px}
.step{min-width:0}
.step.step-cta{
  display:flex;flex-direction:column;align-items:flex-start;min-height:260px;
  background:#14271c;border:1px solid #285638;border-top:4px solid var(--ca-logo-green);
  padding:23px 20px 20px;border-radius:6px;
  box-shadow:0 16px 32px #16392010
}
.step-cta .step-no{color:var(--ca-logo-yellow);font-size:55px;line-height:1}
.step-cta h3{color:#fff}
.step-cta p{color:#dfebdf;font-size:14px;line-height:1.55}
.step-cta .btn{
  width:100%;margin-top:auto;min-height:47px;padding:9px 12px;justify-content:space-between;
  font-size:11.5px;letter-spacing:.025em;line-height:1.25;white-space:normal;
  background:var(--ca-logo-green);border:1px solid var(--ca-logo-green);color:#06160a
}
.step-cta .btn:hover{background:var(--ca-logo-yellow);border-color:var(--ca-logo-yellow);color:#071608}
@media(max-width:1150px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.steps{grid-template-columns:1fr}.step-cta{min-height:230px}}
@media(prefers-reduced-motion:reduce){.step-cta .btn{transition:none!important}}

/* Official, visible social links: Instagram, WhatsApp and direct email. */
.footer-social{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.footer-social a{
  display:inline-flex!important;width:auto;height:43px;min-height:43px;gap:8px;
  padding:0 13px;align-items:center;justify-content:center;
  border:1px solid #7fa88a;border-radius:5px;background:#ffffff0b;
  color:#f1f6f0!important;font-size:12px!important;font-weight:750;
  line-height:1.2;text-decoration:none!important;
  transition:background 200ms ease,border-color 200ms ease,color 200ms ease,transform 200ms ease
}
.footer-social a svg{
  display:block;flex:0 0 18px;width:18px;height:18px;stroke:currentColor;
  fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8
}
.footer-social a:hover{color:#101915!important;background:var(--ca-logo-yellow);border-color:var(--ca-logo-yellow)}
.footer-social a:focus-visible{outline:3px solid var(--ca-logo-yellow);outline-offset:3px}
.footer-bottom{flex-wrap:wrap;gap:10px}
@media(max-width:460px){
  .footer-social a{height:43px;padding:0 12px}
  .footer-social a span{font-size:11px}
}