*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#14213d;background:#f5f7fb}body{margin:0}.topbar{min-height:72px;padding:16px max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5eaf2}.topbar nav{display:flex;align-items:center;gap:18px}.topbar a{text-decoration:none;color:#14213d}.brand{font-size:1.25rem;font-weight:800}.container{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:48px 0}.narrow{width:min(560px,calc(100% - 32px))}.hero{min-height:calc(100vh - 72px);display:grid;align-items:center}.hero>div{max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:#a66f00}.lead{font-size:1.18rem;line-height:1.7;color:#475569}h1{font-size:clamp(2rem,6vw,4.4rem);line-height:1.04;margin:.35rem 0 1.2rem}h2{margin-top:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:13px 20px;background:#173b73;color:#fff!important;font-weight:750;text-decoration:none;cursor:pointer}.button.small{padding:9px 14px}.button.secondary{background:#fff;color:#173b73!important;border:1px solid #173b73}.button.full{width:100%;margin-top:18px}.button.disabled{opacity:.55;cursor:not-allowed}.card{background:#fff;border:1px solid #e3e9f2;border-radius:18px;padding:26px;box-shadow:0 12px 30px rgba(20,33,61,.06)}label{display:block;margin:17px 0 7px;font-weight:750}input,textarea,select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:13px 14px;font:inherit;background:#fff}input:focus,textarea:focus,select:focus{outline:3px solid rgba(23,59,115,.14);border-color:#173b73}small{display:block;margin-top:7px;color:#64748b}.alert{padding:14px 16px;border-radius:10px;margin:18px 0}.alert.error{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}.alert.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.alert ul{margin:0;padding-left:22px}.dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.dashboard-head h1{font-size:clamp(2rem,4vw,3.4rem)}.role{background:#f2e5b8;padding:8px 12px;border-radius:999px;text-transform:capitalize;font-weight:750}.stats,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:28px}.stat strong{font-size:2.4rem;display:block}.stat span{color:#64748b}@media(max-width:680px){.topbar{align-items:flex-start;gap:12px}.topbar nav{flex-wrap:wrap;justify-content:flex-end;font-size:.9rem}.container{padding-top:32px}.dashboard-head{display:block}.role{display:inline-block;margin-top:8px}}
/* ELIER IOS LIGHT FINAL OVERRIDES */
:root{
  color-scheme:light;
  --ios-bg:#f5f5f7;
  --ios-card:#ffffff;
  --ios-card-soft:#fafafc;
  --ios-border:#e5e5ea;
  --ios-text:#1d1d1f;
  --ios-muted:#6e6e73;
  --ios-accent-bg:#e8f6ef;
  --ios-accent:#315f4b;
  --ios-lilac:#f1edfb;
  --ios-lilac-text:#62577a;
  --ios-warning:#fff7e6;
  --ios-warning-text:#7a5b00;
  --ios-danger:#fff0f1;
  --ios-danger-text:#9b2c35;
  --ios-shadow:0 12px 34px rgba(0,0,0,.055);
}
html,body{background:var(--ios-bg)!important;color:var(--ios-text)!important}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",sans-serif!important}
h1,h2,h3,h4,h5,h6,strong,b,.brand,.community-brand{color:var(--ios-text)!important}
p,small,.lead,.community-help,.community-post-meta,.community-handle,.community-footer-note{color:var(--ios-muted)!important}
a{color:#4f7d6a!important}
.topbar,.community-topbar{background:rgba(255,255,255,.92)!important;border-color:var(--ios-border)!important;box-shadow:0 1px 12px rgba(0,0,0,.035)!important;backdrop-filter:saturate(180%) blur(18px)}
.card,.community-card,.legal-card,.tool-card,.panel,.modal-content,.face-privacy-dialog,.soft-modal-dialog{background:var(--ios-card)!important;border:1px solid var(--ios-border)!important;box-shadow:var(--ios-shadow)!important;color:var(--ios-text)!important}
.card,.community-card{border-radius:22px!important}
input,textarea,select{background:#fff!important;color:var(--ios-text)!important;border:1px solid #d2d2d7!important;border-radius:14px!important;box-shadow:none!important}
input:focus,textarea:focus,select:focus{outline:4px solid rgba(111,191,159,.18)!important;border-color:#91cbb4!important}
input[readonly]{background:#f2f2f7!important;color:#515154!important}
.button,.community-button,button[type="submit"],button[type="button"].button,.face-secondary-button,.face-danger-button{background:var(--ios-accent-bg)!important;color:var(--ios-accent)!important;border:1px solid #cce8da!important;border-radius:999px!important;box-shadow:none!important}
.button:hover,.community-button:hover,button[type="submit"]:hover{background:#ddf1e7!important;transform:none!important}
.button.secondary,.community-button.secondary,.face-secondary-button{background:#f2f2f7!important;color:#515154!important;border-color:#dedee3!important}
.button.danger,.community-button.danger,.face-danger-button,.soft-details.danger button{background:var(--ios-danger)!important;color:var(--ios-danger-text)!important;border-color:#f1c5ca!important}
.eyebrow{color:#799685!important}
.alert.success,.community-alert.success{background:#eaf8ef!important;color:#27653b!important;border-color:#c9e8d4!important}
.alert.error,.community-alert.error{background:var(--ios-danger)!important;color:var(--ios-danger-text)!important;border-color:#f1c5ca!important}
.role,.soft-badge,.face-badge,.community-category,.badge,.status-pill{background:var(--ios-lilac)!important;color:var(--ios-lilac-text)!important;border:1px solid #e0d8f2!important}
.community-shell,.community-layout,.community-main,.community-side{background:transparent!important}
.community-nav a,.community-menu a{color:#515154!important;background:transparent!important}
.community-nav a.active,.community-menu a.active{background:var(--ios-accent-bg)!important;color:var(--ios-accent)!important}
.community-avatar{background:#f0edf8!important;color:#62577a!important;border-color:#fff!important}
.community-cover,.community-cover-mini{background:linear-gradient(135deg,#f4f1fb,#edf8f2)!important}
.community-tool-card,.community-action,.community-file-label,.community-compose-actions,.community-event-info,.community-comment-content{background:var(--ios-card-soft)!important;color:#515154!important;border-color:var(--ios-border)!important}
.community-tool-icon{background:#f2f2f7!important;color:#62577a!important}
.community-action.active{background:var(--ios-accent-bg)!important;color:var(--ios-accent)!important}
.community-post-text,.community-comment p{color:#363638!important}
.community-menu-toggle span{background:#6e6e73!important}
.face-status,.identity-status,.two-factor-help,.two-factor-privacy,.two-factor-status,.secret-box,.soft-details,.notice-columns>div,.status-list>div{background:#f2f2f7!important;color:#515154!important;border-color:var(--ios-border)!important}
.face-status.success,.identity-status.success{background:#eaf8ef!important;color:#27653b!important}
.face-status.error,.identity-status.error{background:var(--ios-danger)!important;color:var(--ios-danger-text)!important}
.face-status.working,.identity-status.working{background:var(--ios-warning)!important;color:var(--ios-warning-text)!important}
.face-checks li,.identity-checks li{background:#f2f2f7!important;color:#6e6e73!important}
.face-checks li.passed,.identity-checks li.done{background:#eaf8ef!important;color:#27653b!important}
.soft-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}
.soft-modal[hidden]{display:none!important}
.soft-modal-backdrop{position:absolute;inset:0;background:rgba(60,60,67,.22);backdrop-filter:blur(10px)}
.soft-modal-dialog{position:relative;width:min(620px,100%);max-height:90vh;overflow:auto;padding:30px;border-radius:28px!important}
.soft-modal-dialog ul{padding-left:22px;color:#515154;line-height:1.65}
.consent-row{display:flex!important;align-items:flex-start;gap:12px;padding:14px;margin-top:16px;border-radius:16px;background:#f7f7fa;font-weight:500!important;line-height:1.5}
.consent-row input{width:20px!important;height:20px!important;margin:2px 0 0!important;flex:0 0 auto}
.verification-code{text-align:center!important;font-size:1.7rem!important;font-weight:750!important;letter-spacing:.28em!important}
.inline-form{margin-top:10px}.lead.compact{font-size:1.04rem!important;line-height:1.6}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
hr{border-color:var(--ios-border)!important}
@media(max-width:700px){.form-grid{grid-template-columns:1fr}.topbar{background:rgba(255,255,255,.96)!important}}
.community-message.mine .community-bubble{background:#e8f6ef!important;color:#315f4b!important;border-color:#cce8da!important}
.community-message.mine .community-bubble p,.community-message.mine .community-bubble time{color:#315f4b!important}
.wizard-sidebar{background:#ffffff!important;color:#1d1d1f!important;border:1px solid #e5e5ea!important;box-shadow:var(--ios-shadow)!important}
.wizard-sidebar *{color:inherit!important}.progress-ring::after{background:#e8f6ef!important}.face-camera-shell{background:#f2f2f7!important}
.community-tool-card.petition,.community-tool-card.tutela,.community-tool-card.habeas{background:#fafafc!important;border-color:#e5e5ea!important}
.community-tool-card.petition .community-tool-icon,.community-tool-card.tutela .community-tool-icon,.community-tool-card.habeas .community-tool-icon{background:#f1edfb!important;color:#62577a!important}


/* ZUWUN BRAND MARK — responsive and reusable */
.brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0;
  color:#1d1d1f!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",sans-serif!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
  line-height:1!important;
}
.brand::before{
  content:"";
  display:block;
  width:34px;
  height:34px;
  flex:0 0 34px;
  background-image:url('/assets/brand/elier-social-mark.png?v=20260806-carbon-rayo-v2');
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
@media(max-width:560px){
  .brand{gap:8px!important;font-size:1.05rem!important}
  .brand::before{width:31px;height:31px;flex-basis:31px}
}

/* ZUWUN — interfaz iPhone ligera, azul translúcido */
:root{
  --es-ios-bg:#f5f6f8;
  --es-ios-surface:rgba(255,255,255,.94);
  --es-ios-surface-soft:rgba(246,248,251,.88);
  --es-ios-line:rgba(60,60,67,.12);
  --es-ios-text:#202124;
  --es-ios-muted:#74777d;
  --es-ios-blue:#4d7399;
  --es-ios-blue-soft:rgba(102,166,230,.13);
  --es-ios-blue-soft-strong:rgba(102,166,230,.20);
  --es-ios-blue-line:rgba(84,145,207,.22);
  --es-ios-shadow:0 10px 30px rgba(31,38,51,.055);
  --es-ios-radius:22px;
  color-scheme:light;
}
@view-transition{navigation:auto}
html{background:var(--es-ios-bg)!important;scroll-behavior:smooth}
body{
  background:var(--es-ios-bg)!important;
  color:var(--es-ios-text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Inter,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:400!important;
  letter-spacing:-.008em!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
body,input,textarea,select,button{font-weight:400!important}
h1{font-weight:620!important;letter-spacing:-.044em!important}
h2,h3,h4,h5,h6{font-weight:600!important;letter-spacing:-.028em!important}
strong,b,.brand{font-weight:600!important}
label,.button,button,a.button{font-weight:550!important}
p,.lead,small{font-weight:400!important}
.topbar{
  background:rgba(255,255,255,.88)!important;
  border-bottom:1px solid var(--es-ios-line)!important;
  box-shadow:0 1px 10px rgba(31,38,51,.035)!important;
  backdrop-filter:saturate(180%) blur(20px)!important;
  -webkit-backdrop-filter:saturate(180%) blur(20px)!important;
}
.card,.panel,.legal-card,.tool-card,.soft-modal-dialog,.modal-content{
  background:var(--es-ios-surface)!important;
  border:1px solid var(--es-ios-line)!important;
  border-radius:var(--es-ios-radius)!important;
  box-shadow:var(--es-ios-shadow)!important;
}
input,textarea,select{
  background:rgba(248,249,251,.92)!important;
  border:1px solid var(--es-ios-line)!important;
  border-radius:16px!important;
  color:var(--es-ios-text)!important;
  box-shadow:none!important;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease!important;
}
input:focus,textarea:focus,select:focus{
  background:#fff!important;
  border-color:rgba(84,145,207,.46)!important;
  outline:4px solid rgba(102,166,230,.12)!important;
  box-shadow:none!important;
}
.button,button[type="submit"],button[type="button"].button,.face-secondary-button{
  background:var(--es-ios-blue-soft)!important;
  color:var(--es-ios-blue)!important;
  border:1px solid var(--es-ios-blue-line)!important;
  border-radius:999px!important;
  box-shadow:none!important;
  transition:background-color .16s ease,border-color .16s ease,transform .16s cubic-bezier(.22,1,.36,1),opacity .16s ease!important;
}
.button:hover,button[type="submit"]:hover,button[type="button"].button:hover{
  background:var(--es-ios-blue-soft-strong)!important;
  transform:translateY(-1px)!important;
}
.button:active,button[type="submit"]:active,button[type="button"].button:active{transform:scale(.985)!important}
.button.secondary,.face-secondary-button{background:rgba(118,118,128,.08)!important;color:#54565b!important;border-color:rgba(60,60,67,.12)!important}
.role,.soft-badge,.face-badge,.badge,.status-pill{
  background:rgba(102,166,230,.12)!important;
  color:#526f8c!important;
  border:1px solid rgba(84,145,207,.18)!important;
}
.face-status,.identity-status,.two-factor-help,.two-factor-privacy,.two-factor-status,.secret-box,.soft-details,.notice-columns>div,.status-list>div{
  background:rgba(102,166,230,.075)!important;
  color:#5d6670!important;
  border-color:rgba(84,145,207,.14)!important;
}
.wizard-sidebar{background:rgba(255,255,255,.94)!important;border-color:var(--es-ios-line)!important;box-shadow:var(--es-ios-shadow)!important}
.progress-ring::after{background:var(--es-ios-blue-soft)!important}
.community-message.mine .community-bubble{background:rgba(102,166,230,.16)!important;color:#385d80!important;border-color:rgba(84,145,207,.18)!important}
*{scrollbar-width:thin;scrollbar-color:rgba(60,60,67,.18) transparent}
a,button,.button,.card,input,textarea,select{ -webkit-tap-highlight-color:transparent }
@media(prefers-reduced-motion:no-preference){
  main,.container,.card,.panel{animation:esIosEnter .22s cubic-bezier(.22,1,.36,1) both}
  @keyframes esIosEnter{from{opacity:.01;transform:translateY(5px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* ZUWUN — tipografía global versátil */
html{font-size:clamp(15px,calc(14.45px + .10vw),16px)}
body,input,textarea,select,button{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Inter,Roboto,Arial,sans-serif!important;
  font-weight:400!important;
  letter-spacing:-.006em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
h1{font-weight:610!important;letter-spacing:-.04em!important}
h2,h3,h4,h5,h6{font-weight:580!important;letter-spacing:-.025em!important}
strong,b,label,.button{font-weight:560!important}
