/* _principios.css — estilos de la página Principios (identidad-digital) extraídos del PHP */
/* teléfono + mock de tarjeta */
 .idev{position:relative;width:280px;max-width:82vw;margin:0 auto;border-radius:42px;background:linear-gradient(145deg,#1c1c22,#000);padding:11px;box-shadow:0 50px 90px -34px rgba(0,0,0,.55)}
 .idev:before{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);width:96px;height:22px;background:#000;border-radius:0 0 14px 14px;z-index:3}
 .idev .scr{border-radius:32px;overflow:hidden;background:#fff;aspect-ratio:9/19.2;position:relative}
 .idc{height:100%;overflow:hidden;display:flex;flex-direction:column;font-size:12px;color:#20232a}
 .idc-cover{height:110px;background:linear-gradient(135deg,var(--red),var(--red-dark,#8f0f14));flex:none;position:relative}
 .idc-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.25),transparent 55%)}
 .idc-ph{width:76px;height:76px;border-radius:50%;background:#e9e6f0;border:4px solid #fff;margin:-40px auto 0;position:relative;z-index:2;box-shadow:0 8px 20px rgba(0,0,0,.15)}
 .idc-name{text-align:center;font-weight:800;font-size:16px;margin-top:9px;color:#16181d}
 .idc-role{text-align:center;color:#8a8f99;font-size:11px;margin-top:2px}
 .idc-body{padding:13px 16px 8px;display:flex;flex-direction:column;gap:8px;flex:1}
 .idc-b{border-radius:999px;padding:10px;text-align:center;font-weight:700;font-size:11.5px;background:#f1f2f5;color:#2b2e35}
 .idc-b.wa{background:#e7f7ee;color:#128c4a}
 .idc-soc{display:flex;gap:8px;justify-content:center}
 .idc-soc i{width:26px;height:26px;border-radius:50%;background:#f1f2f5;display:inline-block}
 .idc-tab{display:flex;justify-content:space-around;padding:9px 0 11px;border-top:1px solid #eee;color:#c2c6cd;font-size:15px}
 .idc-tab b{color:var(--red)}
 .idc-rev{margin:6px 14px;background:#faf7f2;border:1px solid #efe9e0;border-radius:12px;padding:11px}
 .idc-stars{color:#f5b301;font-size:14px;letter-spacing:1px}
 .idc-line{height:7px;border-radius:4px;background:#eceef1;margin-top:6px}
 .idev-float{position:absolute;background:#fff;border:1px solid var(--line);border-radius:13px;padding:9px 12px;box-shadow:0 16px 40px -16px rgba(0,0,0,.3);font-size:12px;font-weight:700;display:flex;align-items:center;gap:7px;z-index:4}
 .idev-float .dot{width:8px;height:8px;border-radius:50%;background:var(--red);flex:0 0 auto}
 .id-hero-grid{display:grid;grid-template-columns:1fr 330px;gap:48px;align-items:center}
 .id-pill{display:inline-flex;align-items:center;gap:8px;background:var(--red-soft,#fdecec);color:var(--red-dark,#a30f14);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;padding:7px 14px;border-radius:999px}
 /* banda roja tagline */
 .id-band{background:var(--red);padding:60px 0}
 .id-band .t{color:#fff;text-align:center;font-weight:300;letter-spacing:.26em;text-transform:uppercase;font-size:clamp(.95rem,2.3vw,1.55rem)}
 .id-band .t b{font-weight:800;letter-spacing:.22em}
 /* tarjetas grandes */
 .id-big{display:grid;grid-template-columns:1fr 1fr;gap:20px}
 .id-bigc{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff;transition:.15s}
 .id-bigc:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 22px 50px -30px rgba(0,0,0,.3)}
 .id-bigc .ic{width:48px;height:48px;border-radius:13px;background:var(--red-soft,#fdecec);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
 .id-bigc .ic svg{width:24px;height:24px;stroke:var(--red);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .id-bigc h3{font-size:1.15rem;margin:0 0 7px}
 .id-bigc p{color:var(--muted);margin:0;line-height:1.6}
 /* pasos */
 .id-steps{max-width:640px;margin:34px auto 0;display:flex;flex-direction:column;align-items:center;gap:0}
 .id-step{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 22px;width:100%}
 .id-step .n{width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:var(--red);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
 .id-step b{display:block;font-size:1.02rem}
 .id-step p{margin:4px 0 0;color:var(--muted)}
 .id-arrow{color:var(--red);font-size:1.4rem;line-height:1;margin:8px 0}
 .id-duo{position:relative;display:flex;justify-content:center;align-items:center;min-height:520px;overflow:visible}
 .id-duo .duo-mock{width:238px;max-width:47%;height:auto;margin:0;position:relative}
 .id-duo .duo-mock:nth-of-type(1){transform:rotate(-5deg) translateY(-8px);z-index:1}
 .id-duo .duo-mock:nth-of-type(2){transform:rotate(5deg) translateY(10px);z-index:2;margin-left:-16px}
 .id-duo .duo-cards{position:absolute;left:50%;bottom:4%;transform:translateX(-50%) translateY(50px);width:210px;max-width:54%;height:auto;z-index:5;filter:drop-shadow(0 22px 42px rgba(0,0,0,.38));pointer-events:none}
 .id-duo .idorbit{z-index:0;width:500px;height:500px}
 .id-duo .idorbit::before{inset:66px}
 .id-duo .idorbit::after{inset:146px}
 .id-duo .tres-img{position:relative;z-index:2;width:88%;max-width:452px;height:auto;filter:drop-shadow(0 26px 48px rgba(0,0,0,.42))}
 @media(max-width:560px){.id-duo{flex-direction:column;min-height:0;gap:20px}.id-duo .duo-mock{width:230px;max-width:72%;transform:none!important;margin-left:0!important}.id-duo .idorbit{display:none}.id-duo .tres-img{width:84%;max-width:360px}.id-duo .duo-cards{width:150px;max-width:50%;bottom:0}}
 /* timeline vertical ¿Cómo funciona? */
 .rv-tl{position:relative;max-width:780px;margin:40px auto 0;padding:8px 0}
 .rv-tl:before{content:"";position:absolute;left:50%;top:8px;bottom:8px;width:3px;transform:translateX(-50%);background:linear-gradient(var(--red),#f3c0c2);border-radius:3px}
 .rv-item{position:relative;display:grid;grid-template-columns:1fr 66px 1fr;align-items:center;margin:12px 0}
 .rv-num{grid-column:2;grid-row:1;justify-self:center;width:56px;height:56px;border-radius:50%;background:var(--red);color:#fff;font-weight:800;font-size:1.25rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 10px 24px -8px rgba(200,20,30,.7)}
 .rv-item .rv-card{grid-row:1}
 .rv-num:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--red);animation:rvpulse 2.2s ease-out infinite}
 @keyframes rvpulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.75);opacity:0}}
 .rv-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:0 16px 44px -26px rgba(0,0,0,.3)}
 .rv-item:nth-child(odd) .rv-card{grid-column:1;text-align:right}
 .rv-item:nth-child(even) .rv-card{grid-column:3}
 .rv-card b{display:block;font-size:1.06rem;margin-bottom:5px}
 .rv-card p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.55}
 @media(prefers-reduced-motion:reduce){.rv-num:before{animation:none}}
 @media(max-width:700px){
   .rv-tl:before{left:26px}
   .rv-item{grid-template-columns:52px 1fr;gap:14px;margin:10px 0}
   .rv-num{grid-column:1;width:46px;height:46px;font-size:1.05rem}
   .rv-item:nth-child(odd) .rv-card,.rv-item:nth-child(even) .rv-card{grid-column:2;text-align:left}
 }
 /* flip cards (mismo componente que las suites) */
 .flipgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;perspective:1400px}
 .rv-flip{grid-template-columns:repeat(4,1fr)}
 .flip{position:relative;min-height:248px;cursor:pointer}
 .flip-inner{position:relative;width:100%;min-height:248px;transition:transform .6s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}
 .flip.flipped .flip-inner{transform:rotateY(180deg)}
 .flip-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid var(--line);border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;background:#fff}
 .flip-front{background:var(--red);border-color:var(--red);color:#fff}
 .flip-front .icon{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center;margin-bottom:12px}
 .flip-front .icon svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2}
 .flip-front .bt{font-size:.72rem;font-weight:850;letter-spacing:.05em;color:rgba(255,255,255,.85);margin-bottom:3px}
 .flip-front h3{margin:0;line-height:1.22;font-size:1.06rem;color:#fff}
 .flip-front .hint{margin-top:auto;padding-top:12px;font-size:.72rem;color:rgba(255,255,255,.8);display:flex;align-items:center;gap:6px}
 .flip-front .hint svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}
 .flip-back{transform:rotateY(180deg);background:#fff;border-color:var(--line);color:var(--ink);justify-content:center}
 .flip-back .bt{font-size:.7rem;font-weight:850;letter-spacing:.05em;color:var(--red);margin-bottom:8px}
 .flip-back p{margin:0;color:var(--muted);line-height:1.5;font-size:.92rem}
 @media(max-width:900px){.rv-flip{grid-template-columns:repeat(2,1fr)}}
 @media(max-width:760px){.flipgrid{grid-template-columns:1fr}}
 @media(max-width:560px){.rv-flip{grid-template-columns:1fr}}
 /* flip estrechas de Glinkerme® Boost Card (4 por fila) */
 .bc-flip{grid-template-columns:repeat(4,1fr);gap:14px}
 .bc-flip .flip,.bc-flip .flip-inner{min-height:214px}
 .bc-flip .flip-face{padding:18px 18px}
 .bc-flip .flip-front .icon{width:40px;height:40px;margin-bottom:10px}
 .bc-flip .flip-front h3{font-size:.96rem}
 .bc-flip .flip-back p{font-size:.85rem;line-height:1.45}
 /* Intercalado tipo tablero (4 col): posiciones 2,4,5,7 de cada bloque de 8 → blanco frente / rojo atrás.
    Cada fila arranca al contrario de la de arriba. */
 .bc-flip .flip:is(:nth-child(8n+2),:nth-child(8n+4),:nth-child(8n+5),:nth-child(8n+7)) .flip-front{background:#fff;border-color:var(--line);color:var(--ink)}
 .bc-flip .flip:is(:nth-child(8n+2),:nth-child(8n+4),:nth-child(8n+5),:nth-child(8n+7)) .flip-front .icon{background:rgba(217,0,0,.10)}
 .bc-flip .flip:is(:nth-child(8n+2),:nth-child(8n+4),:nth-child(8n+5),:nth-child(8n+7)) .flip-front .icon svg{stroke:var(--red)}
 .bc-flip .flip:is(:nth-child(8n+2),:nth-child(8n+4),:nth-child(8n+5),:nth-child(8n+7)) .flip-front .bt{color:var(--red)}
 .bc-flip .flip:is(:nth-child(8n+2),:nth-child(8n+4),:nth-child(8n+5),:nth-child(8n+7)) .flip-front h3{color:var(--ink)}
 .bc-flip .flip:is(:nth-child(8n+2),:nth-child(8n+4),:nth-child(8n+5),:nth-child(8n+7)) .flip-front .hint{color:var(--muted)}
 .bc-flip .flip:is(:nth-child(8n+2),:nth-child(8n+4),:nth-child(8n+5),:nth-child(8n+7)) .flip-front .hint svg{stroke:var(--red)}
 .bc-flip .flip:is(:nth-child(8n+2),:nth-child(8n+4),:nth-child(8n+5),:nth-child(8n+7)) .flip-back{background:var(--red);border-color:var(--red);color:#fff}
 .bc-flip .flip:is(:nth-child(8n+2),:nth-child(8n+4),:nth-child(8n+5),:nth-child(8n+7)) .flip-back .bt{color:rgba(255,255,255,.85)}
 .bc-flip .flip:is(:nth-child(8n+2),:nth-child(8n+4),:nth-child(8n+5),:nth-child(8n+7)) .flip-back p{color:rgba(255,255,255,.92)}
 @media(max-width:900px){.bc-flip{grid-template-columns:repeat(2,1fr)}}
 @media(max-width:520px){.bc-flip{grid-template-columns:1fr}}
 /* soportes inteligentes: 2 columnas (intro + items con icono a la izquierda) */
 .sop-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:52px;align-items:center}
 .sop-list{display:flex;flex-direction:column;gap:24px}
 .sop-item{display:flex;gap:16px;align-items:flex-start}
 .sop-ic{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;margin-top:-2px}
 .sop-ic svg{width:38px;height:38px;stroke:var(--red);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
 .sop-item h3{margin:0 0 4px;font-size:1.08rem;line-height:1.25}
 .sop-item p{margin:0;color:var(--muted);line-height:1.55}
 @media(max-width:900px){.sop-grid{grid-template-columns:1fr;gap:34px}}
 /* marquesina de fotos reales (carrusel infinito) */
 .mq{position:relative;overflow:hidden;padding:14px 0 30px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
 .mq-track{display:flex;gap:20px;width:max-content;animation:mqscroll 46s linear infinite}
 .mq:hover .mq-track{animation-play-state:paused}
 .mq-item{position:relative;flex:0 0 auto;width:340px;height:232px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e7e8ec);box-shadow:0 14px 30px -18px rgba(0,0,0,.28);border:1px solid rgba(0,0,0,.05);cursor:pointer;transition:transform .25s}
 .mq-item:hover{transform:translateY(-4px)}
 /* lightbox */
 .mqlb{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:24px;background:rgba(15,15,18,.55);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1)}
 .mqlb.open{display:flex}
 .mqlb-fig{margin:0;max-width:min(1000px,92vw);max-height:86vh;display:flex;flex-direction:column;align-items:center;gap:14px}
 .mqlb-fig img{max-width:100%;max-height:76vh;border-radius:16px;box-shadow:0 40px 90px -30px rgba(0,0,0,.7);background:#e7e8ec;object-fit:contain}
 .mqlb-fig figcaption{color:#fff;font-weight:700;font-size:.95rem;letter-spacing:.01em}
 .mqlb-x{position:absolute;top:20px;right:24px;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;transition:background .2s}
 .mqlb-x:hover{background:rgba(255,255,255,.26)}
 .mqlb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:2rem;line-height:1;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}
 .mqlb-nav:hover{background:rgba(255,255,255,.28)}
 .mqlb-prev{left:20px}.mqlb-next{right:20px}
 @media(max-width:560px){.mqlb-nav{width:44px;height:44px;font-size:1.6rem}.mqlb-prev{left:8px}.mqlb-next{right:8px}}
 .mq-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}
 .mq-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#b4b6bd;text-align:center;padding:0 16px}
 .mq-ph svg{width:38px;height:38px;stroke:#c3c5cc;fill:none;stroke-width:1.5}
 .mq-ph span{font-size:.82rem;font-weight:700;letter-spacing:.01em}
 @keyframes mqscroll{to{transform:translateX(calc(-50% - 10px))}}
 @media(prefers-reduced-motion:reduce){.mq-track{animation:none}}
 @media(max-width:560px){.mq-item{width:248px;height:176px}}
 /* imagen transparente sobre la órbita animada (bloque Fidelización) */
 .idstage .fid-hero-img{position:relative;z-index:2;max-height:452px;width:auto;max-width:92%;filter:drop-shadow(0 26px 46px rgba(0,0,0,.42))}
 @media(max-width:560px){.idstage .fid-hero-img{max-height:360px}}
 .idstage .id-gif{position:relative;z-index:2;max-height:480px;width:auto;max-width:94%;filter:drop-shadow(0 26px 46px rgba(0,0,0,.32))}
 @media(max-width:560px){.idstage .id-gif{max-height:380px}}
 @media(max-width:900px){.id-hero-grid{grid-template-columns:1fr;gap:40px}.id-big{grid-template-columns:1fr}}
 /* Texto de párrafos a 17.6px en toda la página (los cierres con tamaño propio se respetan) */
 main .lead{font-size:17.6px}
 /* Mockups reales con crossfade */
 .mockslide{position:relative;width:300px;max-width:84vw;margin:0 auto}
 .mockslide::before{content:"";display:block;padding-top:181.5%}
 .mockslide img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .85s ease}
 .mockslide img.on{opacity:1}
 .id-duo .mockslide{width:232px;max-width:47%;margin:0}
 @media(max-width:560px){.id-duo .mockslide{width:210px;max-width:72%}}
 @media(prefers-reduced-motion:reduce){.mockslide img{transition:none}}
 /* Escenario: teléfono sobre anillos orbitando + globos pequeños (estilo home) */
 .page-hero .id-hero-grid{grid-template-columns:1fr 400px}
 #revyoo .id-hero-grid{grid-template-columns:1fr 400px}
 @media(max-width:900px){.page-hero .id-hero-grid,#revyoo .id-hero-grid{grid-template-columns:1fr}}
 .idstage{position:relative;width:100%;max-width:400px;margin:0 auto;min-height:560px;display:grid;place-items:center;overflow:visible}
 .idstage::before{content:"";position:absolute;inset:50%;width:400px;height:400px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(215,25,32,.10),transparent 66%);z-index:0}
 .idorbit{position:absolute;inset:50%;width:400px;height:400px;transform:translate(-50%,-50%);border:1px solid rgba(215,25,32,.18);border-radius:50%;animation:spin 42s linear infinite;z-index:0}
 .idorbit::before,.idorbit::after{content:"";position:absolute;border:1px solid rgba(215,25,32,.12);border-radius:50%;inset:52px}
 .idorbit::after{inset:114px}
 .idorbit .node{position:absolute;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(215,25,32,.14)}
 .idorbit .n1{width:11px;height:11px;top:-6px;left:50%;margin-left:-6px}
 .idorbit .n2{width:8px;height:8px;top:50%;right:-4px;margin-top:-4px}
 .idstage .mockslide{position:relative;z-index:2;margin:0}
 .idchip{position:absolute;z-index:3;background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px 11px;box-shadow:var(--shadow-sm);font-size:.75rem;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;animation:bob 5s ease-in-out infinite}
 .idchip .dot{width:7px;height:7px;border-radius:50%;background:var(--red);flex:0 0 auto}
 .idchip.c1{top:8%;left:-4%;animation-delay:0s}
 .idchip.c2{top:41%;left:-10%;animation-delay:-1.6s}
 .idchip.c3{bottom:15%;left:-5%;animation-delay:-2.8s}
 .idchip.c4{top:5%;right:-6%;animation-delay:-1s}
 .idchip.c5{top:47%;right:-10%;animation-delay:-2.2s}
 .idchip.c6{bottom:19%;right:-4%;animation-delay:-3.4s}
 @media(prefers-reduced-motion:reduce){.idorbit,.idchip{animation:none}}
 @media(max-width:900px){
   .idchip{font-size:.7rem;padding:6px 9px}
   .idchip.c2,.idchip.c5{display:none}
   .idchip.c1{left:2%}.idchip.c3{left:2%}.idchip.c4{right:2%}.idchip.c6{right:2%}
 }
 @media(max-width:560px){
   .idstage{max-width:340px;min-height:500px}
   .idstage::before,.idorbit{width:330px;height:330px}
   .idorbit::before{inset:42px}.idorbit::after{inset:94px}
 }

/* — tarjeta de fidelización (flip) — */
/* Tarjeta de fidelización — réplica EXACTA del flip card del panel /cuenta (.loycard/.lc-*) */
  .fz-cards{position:absolute;left:50%;bottom:0;transform:translate(-50%,32%);z-index:6;display:flex;align-items:flex-end;pointer-events:none;--lc-a:#2b2b31;--lc-d:#050505}
  .fzc{width:214px;aspect-ratio:1.586;border-radius:18px;padding:17px 19px;display:flex;flex-direction:column;color:#fff;background:linear-gradient(135deg,var(--lc-a),var(--lc-d));border:1px solid rgba(255,255,255,.2);box-shadow:0 22px 46px -14px rgba(0,0,0,.55);overflow:hidden;position:relative}
  .fzc-back{transform:rotate(-8deg) translateX(30px);z-index:1;text-align:center;padding-bottom:22px}
  .fzc-back::before{content:"";position:absolute;left:-46px;bottom:-46px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.05)}
  .fzc-front{transform:rotate(7deg) translateX(-30px);z-index:2}
  .fzc-front::after{content:"";position:absolute;right:-46px;top:-46px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.08)}
  .fzc>*{position:relative;z-index:1}
  /* frente */
  .fzc .lc-iso{position:absolute;top:15px;right:16px;width:22px;height:22px;object-fit:contain;z-index:2;opacity:.92;filter:brightness(0) invert(1)}
  .fzc .lc-biz{font-size:16px;font-weight:850;letter-spacing:-.2px}
  .fzc .lc-prog{font-size:12px;opacity:.85;margin-top:1px}
  .fzc .lc-mid{margin-top:auto}
  .fzc .lc-lbl{font-size:10px;letter-spacing:.18em;opacity:.72;font-weight:700}
  .fzc .lc-num{font-size:20px;font-weight:800;letter-spacing:.06em;font-variant-numeric:tabular-nums}
  .fzc .lc-bot{display:flex;align-items:center;gap:8px;margin-top:12px}
  .fzc .lc-link{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.2);color:#fff;border-radius:9px;padding:6px 10px;font-size:11.5px;font-weight:700}
  .fzc .lc-link svg{width:13px;height:13px}
  .fzc .lc-sw{margin-left:auto;position:relative;display:inline-block;width:40px;height:23px;flex:none}
  .fzc .lc-sw span{position:absolute;inset:0;background:rgba(255,255,255,.6);border-radius:99px}
  .fzc .lc-sw span::before{content:"";position:absolute;height:17px;width:17px;right:3px;top:3px;background:#fff;border-radius:50%}
  .fzc .lc-flip{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:10px;opacity:.6;display:flex;align-items:center;justify-content:center;gap:4px;z-index:0}
  .fzc .lc-flip svg{width:12px;height:12px}
  /* reverso */
  .fzc-back .lc-bhead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;text-align:left}
  .fzc-back .lc-bpts{flex:none;text-align:right;line-height:1;white-space:nowrap}
  .fzc-back .lc-bpts b{font-size:20px;font-weight:850}
  .fzc-back .lc-tierdot{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;background:rgba(255,255,255,.18);border-radius:99px;padding:1px 7px;margin-left:4px;vertical-align:2px}
  .fzc-back .lc-tierdot svg{width:9px;height:9px}
  .fzc-back .lc-stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;width:100%;max-width:158px;margin:14px auto 0}
  .fzc-back .lc-st{width:100%;aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);display:grid;place-items:center;font-size:11px;line-height:1;color:transparent}
  .fzc-back .lc-st.on{background:#fff;border-color:#fff;color:var(--lc-a)}
  .fzc-back .lc-sub{font-size:11px;opacity:.82;margin-top:11px}
  @media(max-width:900px){.fz-cards{transform:translate(-50%,40%) scale(.9)}}
  @media(max-width:560px){.fz-cards{position:relative;left:auto;bottom:auto;transform:scale(.92);margin-top:8px;justify-content:center}}