/* CARIPVCARD 22.0 · barra de contacto, showcases reales y microinteracciones */

/* Barra superior comercial */
.landing-contact-bar{background:#101526;color:#dce3f5;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px;position:relative;z-index:40}
.landing-contact-inner{max-width:1220px;margin:0 auto;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.landing-contact-items{display:flex;align-items:center;gap:22px;min-width:0}.landing-contact-items>a,.landing-contact-items>span{display:flex;align-items:center;gap:8px;color:#dce3f5;text-decoration:none;min-width:0}.landing-contact-items i{color:#9c88ff}.landing-contact-items span span,.landing-contact-items a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-contact-items a:hover{color:#fff}.landing-social-follow{display:flex;align-items:center;gap:9px;white-space:nowrap}.landing-social-follow>span{color:#aeb7cf}.landing-social-follow a,.social-placeholder{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.08);transition:.22s ease}.landing-social-follow a:hover{background:#1877f2;transform:translateY(-2px)}
.site-header{top:0}

/* NFC: perfil real + tarjeta física coherente */
.v22-real-showcase{overflow:hidden}.v22-nfc-live{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;perspective:1200px}.v22-physical-card{position:absolute;left:0;top:50%;width:330px;height:205px;transform:translateY(-50%) rotate(-8deg);border-radius:24px;padding:24px;background:linear-gradient(135deg,var(--card-accent),var(--card-accent-2));box-shadow:0 28px 70px rgba(15,23,42,.28);color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;z-index:1}.v22-physical-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 15%,rgba(255,255,255,.24),transparent 32%),linear-gradient(110deg,transparent 25%,rgba(255,255,255,.09) 45%,transparent 63%)}.v22-card-top,.v22-card-person,.v22-card-url{position:relative;z-index:2}.v22-card-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;letter-spacing:.3px}.v22-card-top i{font-size:20px}.v22-card-person{display:flex;align-items:center;gap:13px}.v22-card-person img,.v22-card-person>span{width:54px;height:54px;border-radius:16px;object-fit:cover;background:rgba(255,255,255,.94);color:#261d58;display:grid;place-items:center;font-weight:900;border:3px solid rgba(255,255,255,.6)}.v22-card-person strong{display:block;font-size:17px}.v22-card-person small{display:block;opacity:.8;margin-top:3px}.v22-card-url{font-size:10px;opacity:.83;letter-spacing:.2px}
.v22-real-phone{position:relative;margin-left:250px;width:272px;height:540px;border-radius:38px;background:#111522;padding:10px;box-shadow:0 34px 80px rgba(15,23,42,.30);transform:rotate(3deg);z-index:2;overflow:hidden}.v22-real-phone:before{content:"";position:absolute;inset:7px;border-radius:32px;border:1px solid rgba(255,255,255,.12);pointer-events:none;z-index:3}.v22-phone-notch{position:absolute;z-index:4;top:15px;left:50%;transform:translateX(-50%);width:72px;height:18px;border-radius:999px;background:#111522}.v22-phone-screen{width:252px;height:520px;border-radius:30px;overflow:hidden;background:#fff;position:relative}.v22-phone-screen iframe{position:absolute;top:0;left:50%;width:430px;height:860px;border:0;transform:translateX(-50%) scale(.605);transform-origin:top center;pointer-events:none;background:#fff}

/* Empresa: perfiles reales de colaboradores */
.v22-company-section{overflow:hidden;align-items:center}.v22-company-live{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center;gap:0;perspective:1100px}.v22-company-phone{width:225px;height:440px;background:#101426;border-radius:34px;padding:8px;box-shadow:0 30px 70px rgba(8,12,33,.34);position:relative;overflow:visible}.v22-company-phone.phone-0{transform:translateX(24px) rotate(-6deg);z-index:1}.v22-company-phone.phone-1{transform:translateX(-24px) translateY(18px) rotate(6deg);z-index:2}.v22-company-phone-screen{width:209px;height:424px;border-radius:27px;overflow:hidden;background:#fff;position:relative}.v22-company-phone-screen iframe{position:absolute;left:50%;top:0;width:430px;height:860px;border:0;transform:translateX(-50%) scale(.493);transform-origin:top center;pointer-events:none}.v22-company-label{position:absolute;left:50%;bottom:-55px;transform:translateX(-50%);min-width:180px;text-align:center;color:#fff}.v22-company-label strong{display:block;font-size:11px}.v22-company-label span{display:block;font-size:9px;opacity:.72;margin-top:3px}

/* Profesiones: más dinamismo */
.audience-grid article{position:relative;overflow:hidden;transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s ease,border-color .26s ease,background .26s ease;cursor:default}.audience-grid article:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(117,89,245,.18),transparent 68%);right:-28px;top:-34px;opacity:0;transform:scale(.4);transition:.3s ease}.audience-grid article i{transition:transform .28s cubic-bezier(.2,.8,.2,1),color .25s ease}.audience-grid article span{position:relative;z-index:1;transition:transform .25s ease;color:#111827}.audience-grid article:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(68,53,150,.14);border-color:#b8aaff;background:linear-gradient(145deg,#fff,#f8f6ff)}.audience-grid article:hover:before{opacity:1;transform:scale(1)}.audience-grid article:hover i{transform:scale(1.15) rotate(-7deg);color:#6c4ef2}.audience-grid article:hover span{transform:translateX(3px)}

/* Footer */
.v22-footer-address{display:flex;align-items:flex-start;gap:10px;color:#b7c0d6;font-size:12px;line-height:1.55}.v22-footer-address i{color:#9e88ff;margin-top:2px;flex:0 0 auto}

@media(max-width:1100px){.landing-contact-items{gap:14px}.landing-contact-items>span:nth-child(2){max-width:280px}.v22-nfc-live{min-height:470px}.v22-physical-card{width:285px;height:180px;left:4%}.v22-real-phone{margin-left:230px;width:248px;height:500px}.v22-phone-screen{width:228px;height:480px}.v22-phone-screen iframe{transform:translateX(-50%) scale(.558)}.v22-company-phone{width:205px;height:405px}.v22-company-phone-screen{width:189px;height:389px}.v22-company-phone-screen iframe{transform:translateX(-50%) scale(.445)}}
@media(max-width:860px){.landing-contact-inner{padding:7px 14px}.landing-contact-items{overflow-x:auto;scrollbar-width:none;gap:18px}.landing-contact-items::-webkit-scrollbar{display:none}.landing-contact-items>span:nth-child(2){max-width:none}.landing-social-follow>span{display:none}.v22-nfc-live{min-height:560px;margin-top:10px}.v22-physical-card{left:50%;top:72%;transform:translate(-78%,-50%) rotate(-7deg)}.v22-real-phone{margin-left:110px}.v22-company-live{min-height:500px}.audience-grid article:hover{transform:translateY(-4px)}}
@media(max-width:640px){.landing-contact-bar{font-size:10px}.landing-contact-inner{gap:8px}.landing-contact-items{gap:14px}.landing-contact-items>span:nth-child(2){display:none}.landing-social-follow{flex:0 0 auto}.v22-nfc-live{min-height:520px;transform:scale(.88);transform-origin:center}.v22-physical-card{width:260px;height:165px;left:48%;top:72%}.v22-real-phone{width:230px;height:465px;margin-left:72px}.v22-phone-screen{width:210px;height:445px}.v22-phone-screen iframe{transform:translateX(-50%) scale(.518)}.v22-company-live{min-height:455px;transform:scale(.9);transform-origin:center}.v22-company-phone{width:190px;height:380px}.v22-company-phone-screen{width:174px;height:364px}.v22-company-phone-screen iframe{transform:translateX(-50%) scale(.41)}.v22-company-label{bottom:-48px}.audience-grid article{min-height:78px}}