.idf-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-gray-50);padding:var(--space-xl)}.idf-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:520px;width:100%;overflow:hidden}.idf-card__header{padding:var(--space-xl) var(--space-2xl);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-md)}.idf-card__header-icon{width:40px;height:40px;min-width:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#13215314;color:var(--wallet-navy)}.idf-card__header-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-navy)}.idf-card__body{padding:var(--space-2xl)}.idf-card__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-xl);line-height:1.6}.idf-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl)}.idf-btn{padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none}.idf-btn--cancel{background:transparent;color:var(--color-text-muted);border:1.5px solid var(--color-border)}.idf-btn--cancel:hover{border-color:var(--color-text-muted);color:var(--color-text)}.idf-btn--primary{background:var(--wallet-navy);color:var(--color-white)}.idf-btn--primary:hover{opacity:.9;color:var(--color-white)}.idf-btn--primary:disabled{opacity:.4;cursor:not-allowed}.idf-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-2xl) 0}.idf-loading__spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--wallet-navy);border-radius:50%;animation:idf-spin .8s linear infinite}.idf-loading__text{font-size:var(--font-size-sm);color:var(--color-text-muted)}@keyframes idf-spin{to{transform:rotate(360deg)}}.idf-success{text-align:center;padding:var(--space-xl) 0}.idf-success__icon{width:64px;height:64px;border-radius:50%;background:#00cc761a;color:var(--wallet-green);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);animation:idf-pop .4s ease}.idf-success__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--wallet-green);margin-bottom:var(--space-sm)}.idf-success__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-xl)}@keyframes idf-pop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.idf-phase{display:none}.idf-phase--active{display:block}.idf-cert-list{display:flex;flex-direction:column;gap:var(--space-md)}.idf-cert-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg)}.idf-cert-item:hover{border-color:var(--color-text-muted)}.idf-cert-item--selected{border-color:var(--wallet-navy);background:#13215308}.idf-cert-item__radio{width:20px;height:20px;min-width:20px;border:2px solid var(--color-border);border-radius:50%;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.idf-cert-item--selected .idf-cert-item__radio{border-color:var(--wallet-navy)}.idf-cert-item--selected .idf-cert-item__radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--wallet-navy)}.idf-cert-item__info{flex:1}.idf-cert-item__issuer{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-navy);margin-bottom:4px}.idf-cert-item__detail{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.6}.idf-cert-item__detail strong{color:var(--color-text);font-weight:var(--font-weight-medium)}.idf-clave-logo{text-align:center;margin-bottom:var(--space-xl)}.idf-clave-logo__text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#004494;letter-spacing:.02em}.idf-clave-logo__subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.idf-clave-tabs{display:flex;border-bottom:2px solid var(--color-border);margin-bottom:var(--space-xl)}.idf-clave-tab{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-align:center;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all var(--transition-fast)}.idf-clave-tab:hover{color:var(--color-text)}.idf-clave-tab--active{color:#004494;border-bottom-color:#004494}.idf-clave-panel{display:none}.idf-clave-panel--active{display:block}.idf-form-group{margin-bottom:var(--space-lg)}.idf-form-group__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-xs)}.idf-form-group__input{display:block;width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast)}.idf-form-group__input:focus{border-color:#004494;box-shadow:0 0 0 3px #0044941a}.idf-clave-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-xl) 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.idf-clave-divider:before,.idf-clave-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.idf-video-viewport{position:relative;width:100%;aspect-ratio:4 / 3;background:#1a1a2e;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-xl);display:flex;align-items:center;justify-content:center}.idf-video-viewport__guide{width:140px;height:180px;border:2px dashed rgba(255,255,255,.4);border-radius:50% 50% 45% 45%;position:relative}.idf-video-viewport__guide:after{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border:1px solid rgba(255,255,255,.15);border-radius:50% 50% 45% 45%}.idf-video-viewport__label{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);font-size:var(--font-size-xs);color:#ffffffb3;white-space:nowrap}.idf-video-status{text-align:center;padding:var(--space-md) 0}.idf-video-status__text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg);line-height:1.6}.idf-video-viewport__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);opacity:0;transition:opacity .3s ease}.idf-video-viewport__overlay--active{opacity:1}.idf-video-viewport__overlay-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:idf-spin .8s linear infinite}.idf-video-viewport__overlay-text{font-size:var(--font-size-sm);color:#fff;font-weight:var(--font-weight-medium)}html[data-theme=dark] .idf-page{background:var(--color-gray-100)}html[data-theme=dark] .idf-card{background:var(--color-gray-50);box-shadow:0 4px 24px #0000004d}html[data-theme=dark] .idf-card__header{border-bottom-color:var(--color-border)}html[data-theme=dark] .idf-cert-item{background:var(--color-gray-100);border-color:var(--color-border)}html[data-theme=dark] .idf-cert-item:hover{border-color:var(--color-text-muted)}html[data-theme=dark] .idf-cert-item--selected{border-color:var(--wallet-primary-light);background:#6da4ff0d}html[data-theme=dark] .idf-cert-item--selected .idf-cert-item__radio{border-color:var(--wallet-primary-light)}html[data-theme=dark] .idf-cert-item--selected .idf-cert-item__radio:after{background:var(--wallet-primary-light)}html[data-theme=dark] .idf-btn--primary{background:var(--wallet-primary-light);color:var(--color-gray-900)}html[data-theme=dark] .idf-clave-logo__text{color:var(--wallet-primary-light)}html[data-theme=dark] .idf-clave-tab--active{color:var(--wallet-primary-light);border-bottom-color:var(--wallet-primary-light)}html[data-theme=dark] .idf-form-group__input{background:var(--color-gray-100);border-color:var(--color-border);color:var(--color-text)}html[data-theme=dark] .idf-form-group__input:focus{border-color:var(--wallet-primary-light);box-shadow:0 0 0 3px #6da4ff26}@media(max-width:768px){.idf-page,.idf-card__header,.idf-card__body{padding:var(--space-lg)}.idf-cert-item{padding:var(--space-md)}}@media(max-width:480px){.idf-page{padding:var(--space-md);align-items:flex-start;padding-top:var(--space-xl)}.idf-card{border-radius:var(--radius-lg)}.idf-card__header,.idf-card__body{padding:var(--space-md)}.idf-actions{flex-direction:column-reverse}.idf-btn{width:100%;text-align:center}}