/* Logo 02, light, and two-step entry. */
.coast-word,.flow-brand{display:inline-flex;align-items:baseline;gap:0;white-space:nowrap;color:#2C3426;line-height:1}
.brand-host{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400}
.brand-dot{font-family:'Instrument Serif',Georgia,serif;font-style:normal;color:#FE8A70}
.brand-you{font-family:'Instrument Sans',Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:-.055em;font-size:.82em}
.coast-word small{margin-left:10px}.flow-brand{font-size:42px}.coast .flow-dialog{overflow-x:hidden;max-height:calc(100svh - 32px)}
.coast .flow-dialog form{margin-top:0}.flow-dialog [hidden],.entry-loader[hidden]{display:none!important}
.coast .flow-dialog h2{margin-top:26px}.identity-back{font-size:12px;color:#696C64;padding:0;margin:14px 0 20px}.login-avatar{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#2C3426;color:#FAF9F5;font-size:25px;margin-top:4px;position:relative}.login-avatar:after{content:'';position:absolute;width:12px;height:12px;right:0;bottom:3px;background:#FE8A70;border:3px solid #FAF9F5;border-radius:50%}
.coast .flow-dialog .primary{min-height:48px}.login-step{min-width:0}.entry-loader{position:fixed;inset:0;z-index:100;background:#FAF9F5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;color:#696C64}.entry-loader p{font-size:13px}.entry-spinner{width:28px;height:28px;border:2px solid #d9ddd2;border-top-color:#2C3426;border-right-color:#FE8A70;border-radius:50%;animation:entry-spin .8s linear infinite}@keyframes entry-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.entry-spinner{animation:none}}

/* Larger, stronger logo; no endorsement. */
.coast .coast-word{font-size:clamp(42px,4.5vw,64px)}
.coast-word .brand-host,.flow-brand .brand-host{font-weight:600}
.coast-word .brand-you,.flow-brand .brand-you{font-weight:600}
.flow-brand{font-size:48px}
.login-avatar.avatar-adria,.login-avatar.avatar-monica{background-image:url('assets/equipo-wehost.png');background-size:auto 100px;background-repeat:no-repeat;background-color:#2C3426;font-size:0}
.login-avatar.avatar-adria{background-position:left top}.login-avatar.avatar-monica{background-position:right -22px}
@media(max-width:760px){.coast .coast-word{font-size:clamp(38px,8vw,50px)}}

.login-avatar.avatar-admin,.login-avatar.avatar-julio{background-size:cover;background-position:center;font-size:0}.login-avatar.avatar-admin{background-image:url('assets/avatar-admin.jpg')}.login-avatar.avatar-julio{background-image:url('assets/avatar-julio.jpg')}.rail .avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}

.login-avatar.avatar-adria,.login-avatar.avatar-monica,.login-avatar.avatar-julio,.login-avatar.avatar-pablo{background-size:cover;background-position:center;font-size:0}.login-avatar.avatar-adria{background-image:url('assets/avatar-adria.png')}.login-avatar.avatar-monica{background-image:url('assets/avatar-monica.png')}.login-avatar.avatar-julio{background-image:url('assets/avatar-julio.png')}.login-avatar.avatar-pablo{background-image:url('assets/avatar-pablo.png')}

.login-avatar.avatar-admin{background-image:url('assets/avatar-admin.png')}

/* Login avatar and secure connection footer. */
.coast .flow-dialog .login-avatar{width:102px;height:102px;margin:12px auto 26px;font-size:37px}
.coast .flow-dialog .login-avatar:after{width:16px;height:16px;right:2px;bottom:4px;border-width:3px}
.coast .flow-dialog .login-avatar[class*="avatar-"]{font-size:0}
.coast .login-security{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--soft);line-height:1.5}
.login-security svg{width:13px;height:13px;flex:0 0 13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* Increase the currently displayed 102px avatar by 50%. */
.coast .flow-dialog .login-avatar{width:153px;height:153px;margin:12px auto 26px;font-size:55px}
.coast .flow-dialog .login-avatar:after{width:21px;height:21px;right:4px;bottom:7px;border-width:4px}
.coast .flow-dialog .login-avatar[class*="avatar-"]{font-size:0}