:root{--tblr-primary:#3d4b24;--tblr-primary-rgb:61,75,36;--tblr-body-bg:#f6f7f5;--tblr-font-sans-serif:system-ui,-apple-system,"Segoe UI",sans-serif;--raiz-marron:#684421}
*{box-sizing:border-box}body{margin:0;color:#263125;background:var(--tblr-body-bg);font:15px/1.5 var(--tblr-font-sans-serif)}a{color:#3d4b24}button,input{font:inherit}button,a,input{outline-offset:4px}:focus-visible{outline:3px solid #84613b!important;outline-offset:3px}a:hover{color:#52371e}h1,h2{color:#28321f}h1{font-size:32px;letter-spacing:-.7px}h2{font-size:23px;letter-spacing:-.4px}
.saltar-contenido{position:absolute;left:16px;top:-60px;padding:12px;background:white;z-index:10}.saltar-contenido:focus{top:8px}.cabecera{background:white;border-bottom:1px solid #dce1d8;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 max(24px,calc((100vw - 1140px)/2));min-height:128px}.marca{display:flex;flex-shrink:0}.marca img{display:block;width:132px;height:132px;object-fit:contain}.navegacion{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:wrap}.navegacion a{text-decoration:none;font-size:14px}.navegacion a[aria-current=page]{font-weight:700;text-decoration:underline;text-underline-offset:6px}
main{max-width:1140px;margin:auto;padding:38px 24px 48px;min-height:calc(100vh - 200px)}.composicion{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.presentacion{padding:30px 0}.etiqueta{font-size:12px;text-transform:uppercase;letter-spacing:1.6px;color:var(--raiz-marron);font-weight:700}.presentacion h1{font-size:40px;line-height:1.15;letter-spacing:-1.3px;max-width:430px;margin:18px 0}.presentacion p{color:#5e685a;max-width:390px;font-size:16px}.plano{margin-top:35px;max-width:425px;width:100%;height:200px;background:#e9eee7;border-radius:8px}
.card{border:1px solid #d7ddd2;border-radius:8px;box-shadow:none;background:white}.card-body,.perfil-form{padding:30px}.card h2{margin:0 0 6px}.subtitulo{color:#5e685a;margin:0 0 25px;font-size:14px}.form-label{font-weight:600;font-size:13px;margin-bottom:7px}.form-control{min-height:43px;padding:10px 12px;border:1px solid #bbc6b5;border-radius:5px;color:#263125;background:white}.form-control:focus{border-color:#52623a;box-shadow:0 0 0 3px #3d4b2420}.form-control[readonly]{background:#f1f3ef;color:#58634f}.campo{margin-bottom:18px}.fila{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ayuda{display:block;font-size:12px;color:#596450;margin-top:6px}.btn{min-height:43px;font-weight:600;padding:10px 16px;border-radius:5px}.btn-primary{--tblr-btn-bg:#3d4b24;--tblr-btn-border-color:#3d4b24;--tblr-btn-hover-bg:#303b1c;--tblr-btn-hover-border-color:#303b1c;--tblr-btn-color:white;background:#3d4b24;border-color:#3d4b24;color:white}.btn-primary:hover{background:#303b1c;border-color:#303b1c;color:white}.btn:disabled{cursor:wait;opacity:.65}.ancho{width:100%}.pie-form{font-size:14px;text-align:center;margin:22px 0 0;color:#5e685a}.password{display:flex}.password input{border-radius:5px 0 0 5px;min-width:0;flex:1 1 0;width:0}.password button{border:1px solid #bbc6b5;border-left:0;border-radius:0 5px 5px 0;background:#f4f6f1;color:#3d4b24;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;padding:0;cursor:pointer}
[hidden]{display:none!important}.alerta{border:1px solid #c69287;background:#fff3f0;border-radius:5px;padding:12px 14px;color:#7b2920;margin:0 0 20px;font-size:14px;overflow-wrap:anywhere}.exito{background:#edf4e9;border-color:#a3b893;color:#304d20}.perfil-cabecera{margin-bottom:28px}.perfil-cabecera h1{margin:7px 0}.perfil-contenido{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.resumen{padding:26px;text-align:center;overflow-wrap:anywhere}.avatar-local{background:#e5eddf;color:#3d4b24;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;font-weight:700;font-size:22px;margin:0 auto 15px}.correo-resumen{font-size:13px;color:#5e685a;margin-top:5px}.roles{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;justify-content:center}.insignia{display:inline-block;background:#e5eddf;color:#344c22;padding:4px 10px;border-radius:5px;font-size:12px}.seccion{border-top:1px solid #e0e6db;margin-top:25px;padding-top:24px}.acciones{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:25px}.administracion{max-width:780px;margin:auto}.administracion .roles{justify-content:flex-start}.tarjeta-mensaje{max-width:640px;margin:36px auto}footer{text-align:center;padding:25px;color:#5e685a;font-size:12px}
@media(max-width:760px){main{padding:24px 18px}.composicion{grid-template-columns:1fr;gap:24px}.presentacion{padding:0}.presentacion h1{font-size:29px;margin:10px 0}.presentacion p{font-size:14px;margin-bottom:0}.plano{display:none}.card-body,.perfil-form{padding:23px}.perfil-contenido{grid-template-columns:1fr}.resumen{display:block;padding:18px}.resumen .avatar-local{display:none}.fila{grid-template-columns:1fr;gap:0}.cabecera{padding:0 18px;min-height:108px;gap:12px}.marca img{width:110px;height:110px}.navegacion{gap:12px;max-width:220px}.navegacion a{font-size:13px}.navegacion button{font-size:12px;padding:8px 10px}.acciones{flex-wrap:wrap;justify-content:stretch}.acciones .btn{flex:1}.presentacion h1,h1{font-size:28px}.perfil-cabecera{margin-bottom:20px}}
.reglas-clave{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;list-style:none;padding:0;margin:12px 0 0}.reglas-clave li{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow-wrap:anywhere;padding:5px 6px;border:1px solid #dce1d8;border-radius:20px;background:#f6f7f5;color:#596450;font-size:11px;line-height:1.3;transition:background-color .15s,border-color .15s,color .15s}.reglas-clave li.cumplida{background:#e9f1e2;border-color:#b8cba6;color:#344c22}.marca-regla{display:inline-flex;align-items:center;justify-content:center;width:13px;flex-shrink:0;font-weight:700}.estado-confirmacion{min-height:18px}.estado-confirmacion.coincide{color:#344c22;font-weight:600}
@media(max-width:760px){.reglas-clave{display:flex;flex-wrap:wrap;gap:6px}}

.password button .ojo-abierto{display:none}.password button[aria-pressed=true] .ojo-abierto{display:block}.password button[aria-pressed=true] .ojo-tachado{display:none}.password button:hover{background:#e9eee3}

.password{border-radius:5px}.password:focus-within{outline:3px solid #84613b;outline-offset:3px}.password input:focus,.password button:focus{outline:none!important;box-shadow:none}.password button:focus-visible{background:#e5eddf}