/* CARIPVCARD 21.0 · identidad dinámica + perfiles destacados renderizados con su plantilla real */
.landing-brand{gap:10px;min-width:max-content}.landing-brand img{max-width:48px;max-height:48px;object-fit:contain}.landing-brand-name{display:flex;align-items:baseline;gap:0;font-weight:900;font-size:18px;letter-spacing:-.55px;color:#101828;white-space:nowrap}.landing-brand-name span{color:#7559f5}.v14-footer-brand .landing-brand-name{color:#fff}.v14-footer-brand .landing-brand-name span{color:#9f8cff}

/* Los perfiles destacados usan el perfil público real dentro de un viewport móvil. */
.featured-profile-grid.v21-real-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start;max-width:1280px!important}
.v21-profile-preview{position:relative;border:1px solid #e6e8f1;border-radius:28px;background:#fff;overflow:hidden;min-width:0;box-shadow:0 20px 55px rgba(16,24,40,.08);transition:transform .25s ease,box-shadow .25s ease}
.v21-profile-preview:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(16,24,40,.14)}
.v21-profile-viewport{height:560px;position:relative;overflow:hidden;background:linear-gradient(145deg,#f7f8ff,#eef2ff)}
.v21-profile-scale{position:absolute;left:50%;top:0;width:430px;height:860px;transform:translateX(-50%) scale(.64);transform-origin:top center;pointer-events:none}
.v21-profile-scale iframe{width:430px;height:860px;border:0;background:#fff;display:block}
.v21-profile-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-top:1px solid #eceef5;background:#fff}.v21-profile-footer div{min-width:0}.v21-profile-footer strong{display:block;font-size:13px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v21-profile-footer span{display:block;font-size:10px;color:#7b8294;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v21-profile-footer a{width:38px;height:38px;border-radius:12px;background:#f2efff;color:#6d4aff;display:grid;place-items:center;flex:0 0 auto;transition:.2s ease}.v21-profile-footer a:hover{transform:translateY(-2px);background:#6d4aff;color:#fff}
.v21-profile-preview-link{position:absolute;inset:0 0 63px;z-index:3;border:0;background:transparent;cursor:pointer;text-indent:-9999px}

/* Fallback elegante por si el navegador bloquea el iframe. */
.v21-profile-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;color:#667085}.v21-profile-fallback i{font-size:34px;color:#7559f5;margin-bottom:12px}.v21-profile-fallback strong{display:block;color:#101828;font-size:15px}.v21-profile-fallback span{font-size:11px}

@media(max-width:1180px){.featured-profile-grid.v21-real-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v21-profile-viewport{height:580px}.v21-profile-scale{transform:translateX(-50%) scale(.68)}}
@media(max-width:900px){.featured-profile-grid.v21-real-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v21-profile-viewport{height:610px}.v21-profile-scale{transform:translateX(-50%) scale(.72)}}
@media(max-width:640px){.landing-brand-name{font-size:16px}.landing-brand img{max-width:42px;max-height:42px}.featured-profile-grid.v21-real-grid{grid-template-columns:1fr}.v21-profile-preview{max-width:440px;margin:0 auto;width:100%}.v21-profile-viewport{height:690px}.v21-profile-scale{transform:translateX(-50%) scale(.80)}}