/* FCA Carnet Oficial 4.2.3 · CSS separado · frente centrado */
/* FCA Carnet 4.2.0 · Logos oficiales + reverso limpio + preview más pequeño */
.fcda-card-pack,
.fcda-card-pack *{box-sizing:border-box!important}
.fcda-card-pack{
  --fcda-green:#064e24;
  --fcda-green2:#0a7a36;
  --fcda-gold:#c99a28;
  --fcda-blue:#082b59;
  --fcda-ink:#071d3b;
  --fcda-muted:#425466;
  --fcda-line:#d6e2dc;
  display:grid!important;
  grid-template-columns:85.6mm 85.6mm!important;
  gap:14mm!important;
  justify-content:center!important;
  align-items:start!important;
  margin:18px auto 24px!important;
  max-width:100%!important;
  font-family:Inter,"Segoe UI",Montserrat,Arial,sans-serif!important;
  color:var(--fcda-ink)!important;
}
.fcda-face-label{
  margin:0 0 8px!important;
  text-align:center!important;
  color:var(--fcda-green)!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:5px!important;
  text-transform:uppercase!important;
}
.fcda-card{
  position:relative!important;
  width:85.6mm!important;
  height:54mm!important;
  overflow:hidden!important;
  border-radius:11px!important;
  background:#fff!important;
  border:1px solid #cddbd4!important;
  box-shadow:0 18px 34px rgba(15,35,65,.14)!important;
  isolation:isolate!important;
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}
.fcda-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 76% 42%,rgba(10,122,54,.075),transparent 28mm),
    repeating-linear-gradient(135deg,rgba(6,78,36,.022) 0 7px,transparent 7px 18px)!important;
  z-index:-2!important;
}
.fcda-card:after{
  content:""!important;
  position:absolute!important;
  right:-12mm!important;
  top:-18mm!important;
  width:46mm!important;
  height:46mm!important;
  border-radius:50%!important;
  background:rgba(201,154,40,.13)!important;
  z-index:-1!important;
}
.fcda-card-water{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.30!important;
  background:
    linear-gradient(45deg,transparent 48%,rgba(6,78,36,.06) 49%,rgba(6,78,36,.06) 51%,transparent 52%),
    linear-gradient(-45deg,transparent 48%,rgba(6,78,36,.04) 49%,rgba(6,78,36,.04) 51%,transparent 52%)!important;
  background-size:18px 18px!important;
  z-index:-1!important;
}

/* FRENTE */
.fcda-front{
  display:grid!important;
  grid-template-columns:27mm 1fr 21mm!important;
  grid-template-rows:10.6mm 1fr 7mm!important;
  column-gap:4mm!important;
  row-gap:1.6mm!important;
  padding:3.5mm 3.4mm 0!important;
}
.fcda-name-main{
  position:static!important;
  grid-column:1 / 4!important;
  grid-row:1!important;
  align-self:end!important;
  justify-self:center!important;
  width:100%!important;
  margin:0!important;
  padding:0 18mm .9mm!important;
  color:#071d3b!important;
  font-size:16px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  letter-spacing:-.45px!important;
  text-align:center!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  border-bottom:1px solid rgba(10,122,54,.18)!important;
}
.fcda-logo-box{
  position:relative!important;
  grid-column:1!important;
  grid-row:2!important;
  align-self:start!important;
  justify-self:start!important;
  width:17mm!important;
  height:17mm!important;
  margin-left:0!important;
  border:1.1px solid rgba(10,122,54,.38)!important;
  border-radius:6px!important;
  background:#fff!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:1.7mm!important;
  box-shadow:0 4px 10px rgba(6,78,36,.06)!important;
}
.fcda-logo-box img{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  max-width:100%!important;
  max-height:100%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
.fcda-logo-fallback{display:none!important}
.fcda-info-stack{
  position:static!important;
  grid-column:2!important;
  grid-row:2!important;
  align-self:start!important;
  width:auto!important;
  display:grid!important;
  grid-template-columns:4.6mm minmax(0,1fr)!important;
  gap:1mm 1.8mm!important;
  padding-top:.1mm!important;
}
.fcda-i{
  width:4.6mm!important;
  height:4.6mm!important;
  border-radius:50%!important;
  background:var(--fcda-blue)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  font-size:7.7px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:0 2px 4px rgba(8,43,89,.16)!important;
}
.fcda-i.green{background:var(--fcda-green2)!important}
.fcda-row{
  height:5.1mm!important;
  min-width:0!important;
  padding:0 0 .45mm!important;
  border-bottom:1px solid rgba(6,78,36,.20)!important;
  overflow:hidden!important;
}
.fcda-row label{
  display:block!important;
  margin:0 0 .45mm!important;
  color:var(--fcda-green2)!important;
  font-size:5.9px!important;
  line-height:1!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.32px!important;
}
.fcda-row strong{
  display:block!important;
  color:#0b1020!important;
  font-size:8.8px!important;
  line-height:1.03!important;
  font-weight:1000!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.fcda-qr-template{
  position:static!important;
  grid-column:3!important;
  grid-row:2!important;
  justify-self:end!important;
  align-self:start!important;
  width:20.5mm!important;
  height:20.5mm!important;
  border:1.2px solid rgba(10,122,54,.42)!important;
  border-radius:8px!important;
  background:#fff!important;
  display:grid!important;
  place-items:center!important;
  padding:1.8mm!important;
  box-shadow:0 4px 10px rgba(6,78,36,.07)!important;
}
.fcda-qr-template:after{
  content:"VALIDAR"!important;
  position:absolute!important;
  bottom:-4.5mm!important;
  left:0!important;
  right:0!important;
  color:var(--fcda-green)!important;
  text-align:center!important;
  font-size:5.7px!important;
  font-weight:1000!important;
  letter-spacing:.7px!important;
}
.fcda-qr-template img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
.fcda-bottom-band{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:7mm!important;
  background:linear-gradient(90deg,#064e24,#087a31)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  gap:2.2mm!important;
  padding:0 4mm!important;
  z-index:5!important;
  box-shadow:0 -1px 0 rgba(255,255,255,.24) inset!important;
}
.fcda-alert{
  width:4.6mm!important;
  height:4.6mm!important;
  border:1.5px solid #fff!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:1000!important;
}
.fcda-use{
  font-size:9.5px!important;
  font-weight:1000!important;
  letter-spacing:.15px!important;
}

/* REVERSO */
.fcda-back{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:1fr 5mm!important;
  gap:0!important;
  padding:4mm 4mm 0!important;
  background:#fff!important;
}
.fcda-back:before{background:#fff!important}
.fcda-back:after{display:none!important}
.fcda-back-curve2{
  position:absolute!important;
  left:-12mm!important;
  right:-12mm!important;
  bottom:-39mm!important;
  height:40mm!important;
  background:#15913b!important;
  border-radius:50% 50% 0 0!important;
  z-index:0!important;
}
.fcda-back-curve1{
  position:absolute!important;
  left:-12mm!important;
  right:-12mm!important;
  bottom:-42mm!important;
  height:40mm!important;
  background:#064e24!important;
  border-radius:50% 50% 0 0!important;
  z-index:1!important;
}
.fcda-league-frame{
  position:absolute!important;
  left:11mm!important;
  top:8.2mm!important;
  width:23mm!important;
  height:23mm!important;
  border:1.2px solid var(--fcda-green)!important;
  border-radius:7px!important;
  background:#fff!important;
  display:grid!important;
  place-items:center!important;
  padding:2.4mm!important;
  z-index:3!important;
  overflow:hidden!important;
  box-shadow:0 0 0 2mm rgba(255,255,255,.9),0 6px 12px rgba(6,78,36,.08)!important;
}
.fcda-league-frame img{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
.fcda-league-fallback{display:none!important}
.fcda-league-name{display:none!important}
.fcda-back-photo{
  position:absolute!important;
  right:11mm!important;
  top:8.2mm!important;
  width:23mm!important;
  height:23mm!important;
  border:1.2px solid var(--fcda-green)!important;
  border-radius:7px!important;
  overflow:hidden!important;
  background:#edf7f0!important;
  display:grid!important;
  place-items:center!important;
  color:var(--fcda-green)!important;
  font-size:20px!important;
  font-weight:1000!important;
  z-index:3!important;
  box-shadow:0 6px 12px rgba(6,78,36,.08)!important;
}
.fcda-back-photo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.fcda-back-line{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:4.8mm!important;
  background:#064e24!important;
  z-index:5!important;
}
.fcda-back-line:before{
  content:"Documento oficial de la Federación Colombiana de Ajedrez · Verifique autenticidad con el código QR"!important;
  position:absolute!important;
  left:5mm!important;
  right:5mm!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#fff!important;
  font-size:5.2px!important;
  font-weight:900!important;
  letter-spacing:.08px!important;
  text-align:center!important;
}
.fcda-back .fcda-card-water:after{
  content:"FECODAZ"!important;
  position:absolute!important;
  left:37mm!important;
  top:14mm!important;
  transform:rotate(-18deg)!important;
  color:rgba(6,78,36,.055)!important;
  font-size:24px!important;
  font-weight:1000!important;
  letter-spacing:2px!important;
}
.fcda-print-only{display:none!important}

/* Vista en pantalla más compacta; impresión conserva tamaño CR80 */
.fcda-modal [data-role="card"] .fcda-card-pack{
  transform:scale(.88)!important;
  transform-origin:top center!important;
  margin-bottom:-16mm!important;
}
@media(max-width:840px){
  .fcda-card-pack{grid-template-columns:1fr!important;gap:18px!important}
  .fcda-card{max-width:100%!important;margin:auto!important}
  .fcda-face-label{margin-top:6px!important}
}
@media print{
  .fcda-modal [data-role="card"] .fcda-card-pack{transform:none!important;margin-bottom:0!important}
  .fcda-card-pack{grid-template-columns:85.6mm 85.6mm!important;gap:8mm!important;margin:0 auto!important}
  .fcda-card{box-shadow:none!important}
  .fcda-face-label{display:none!important}
}
