/* Nexo RP · credenciales de rol. Proporción de tarjeta real (85.6 × 54 mm); todo escala con el ancho del marco (cqw). Sin escudos ni sellos oficiales. */
.idc-frame{display:grid;place-items:center;width:min(480px,100%)}
.idc-flip{position:relative;width:100%;aspect-ratio:1.586;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.4,.1,.2,1)}
.idc-flip.flippable{cursor:pointer}.idc-flip.flipped{transform:rotateY(180deg)}
/* La cara es el contenedor de consulta (cqw): ponerlo en el marco aplana el 3D y el reverso no se ve al girar. */
.idc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:3.3%/5.2%;box-shadow:0 30px 80px rgba(0,0,0,.55);container-type:inline-size}
.idc-face.back{transform:rotateY(180deg)}
.idc{position:absolute;inset:0;overflow:hidden;border-radius:3.3cqw;font-family:'DM Sans',Arial,sans-serif;color:#1a1f2b;text-align:left;user-select:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.idc>*{position:absolute;box-sizing:border-box}
.idc-t{line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Manrope,'DM Sans',Arial,sans-serif}
.idc-f-mono{font-family:'Courier New',Consolas,monospace;letter-spacing:.12em;font-weight:700}
.idc-f-cursive{font-family:'Segoe Script','Brush Script MT','Snell Roundhand',cursive;font-weight:400}
.idc-p{border-radius:1.2cqw;background:linear-gradient(160deg,#dbe3ee,#b8c4d3);border:1px solid rgba(0,0,0,.12);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.idc-p img{width:100%;height:100%;object-fit:cover;display:block}.idc-p span{font-weight:800;color:#43536a;font-family:Manrope,Arial}
.idc-ghost{opacity:.5;filter:grayscale(1)}
.idc-flag{display:flex;overflow:hidden;border-radius:.6cqw;box-shadow:0 0 0 1px rgba(0,0,0,.12)}.idc-flag i{flex:1}
.idc-chip{background:linear-gradient(135deg,#f3d58a,#c9a040);border-radius:1cqw;box-shadow:inset 0 0 0 .3cqw rgba(0,0,0,.25),inset 1.2cqw 0 0 -.8cqw rgba(0,0,0,.15),inset -1.2cqw 0 0 -.8cqw rgba(0,0,0,.15)}
.idc-line{border-top:.25cqw solid #1a1f2b}
.idc-bars{background:repeating-linear-gradient(90deg,#1a1f2b 0 .4cqw,transparent .4cqw .9cqw,#1a1f2b .9cqw 1.1cqw,transparent 1.1cqw 1.6cqw,#1a1f2b 1.6cqw 2.3cqw,transparent 2.3cqw 2.7cqw)}
.idc-qr svg{width:100%;height:100%;fill:#111622}.idc-qr{background:#fff;padding:1cqw;border-radius:.6cqw}
.idc-logo svg,.idc-sun svg{width:100%;height:100%}
/* Fondos: México (guilloché rosa), España (ondas azules y marca de agua), Argentina (rayos celestes), Nexo (oscuro). */
.idc-bg-mx{background:repeating-radial-gradient(circle at 112% 112%,rgba(236,64,122,.09) 0 .3cqw,transparent .3cqw 1.7cqw),repeating-radial-gradient(circle at -12% -12%,rgba(236,64,122,.07) 0 .3cqw,transparent .3cqw 1.7cqw),linear-gradient(160deg,#ffffff,#fbeef2 70%,#f7e3ea)}
.idc-bg-es{background:repeating-radial-gradient(ellipse at 50% 125%,rgba(25,118,210,.09) 0 .25cqw,transparent .25cqw 2.1cqw),linear-gradient(135deg,#ffffff,#eaf3fa 60%,#dce9f5)}
.idc-bg-es::before{content:'ROL';position:absolute;left:38%;top:12%;font:800 24cqw/1 Manrope,Arial;letter-spacing:.1em;color:rgba(13,71,161,.07);transform:rotate(-18deg);pointer-events:none}
.idc-bg-ar{background:repeating-conic-gradient(from 195deg at 94% 8%,rgba(116,172,223,.16) 0 1.6deg,transparent 1.6deg 6.5deg),linear-gradient(160deg,#ffffff,#e9f2fb 60%,#dbe8f6)}
.idc-bg-nx{color:#eef2f7;background:radial-gradient(60cqw 30cqw at 90% -10%,rgba(104,222,198,.25),transparent 60%),radial-gradient(50cqw 36cqw at -10% 110%,rgba(139,108,255,.3),transparent 60%),linear-gradient(135deg,#101a2b,#0b1220 55%,#111a2a);border:1px solid rgba(104,222,198,.32)}
.idc-bg-nx .idc-p{background:linear-gradient(160deg,#1a2740,#0e1626);border-color:rgba(255,255,255,.12)}.idc-bg-nx .idc-p span{color:#a9f0e2}
/* Brillo */
.idc::after{content:'';position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.22) 49%,transparent 56%);transform:translateX(-70%);animation:idc-shine 6s ease-in-out infinite;pointer-events:none}
@keyframes idc-shine{0%,55%{transform:translateX(-70%)}100%{transform:translateX(70%)}}
@media(prefers-reduced-motion:reduce){.idc::after{animation:none}.idc-flip{transition:none}}
/* Selector de país */
.idc-switch{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(148,163,184,.1);border:1px solid rgba(148,163,184,.16);margin-bottom:14px}
.idc-switch button{border:0;background:none;color:#c3cddb;font:600 12.5px 'DM Sans',Arial;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.idc-switch button.active{background:#eef2f7;color:#07121a}