/* Account and profile only; UM owns visibility, validation and form submission. */












.varcelona-member-page .blog-over-page-header,












.varcelona-member-page .blog-over-page-header-container,












.varcelona-member-page .blog-over-page-header-wrapper { display:none!important; }












.varcelona-member-page #page.blog-over-site-content { width:100%;max-width:none;margin:0;padding:0;background:#070d18; }












.vc-member {












 --member-bg:#070d18;--member-panel:#101e30;--member-line:#2a3c52;--member-text:#f5f1e8;--member-muted:#afbdcd;--member-gold:#f2c544;--member-red:#c40049;












 color:var(--member-text);font-family:'Arsenal',Arial,sans-serif;line-height:1.55;












 background:radial-gradient(ellipse at 0 0,rgba(156,0,59,.13),transparent 45%),radial-gradient(ellipse at 100% 20%,rgba(24,70,128,.19),transparent 50%),var(--member-bg);












 min-height:65vh;












}












.vc-member * { box-sizing:border-box; }












.vc-member :is(h1,h2,h3,p,a,label,input,button,textarea,select,small,span) { font-family:'Arsenal',Arial,sans-serif; }












.vc-member a { text-decoration:none; }












.vc-member__shell { width:min(1160px,calc(100% - 64px));margin:0 auto;padding:48px 0 26px; }












.vc-member__header { display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 32px; }












.vc-member__eyebrow { display:flex;align-items:center;gap:12px;margin:0 0 16px!important;color:var(--member-muted);font-size:11px;letter-spacing:.16em;font-weight:700; }












.vc-member__eyebrow > span { width:32px;height:3px;background:var(--member-red);flex-shrink:0; }












.vc-member__header h1 { margin:0!important;color:var(--member-text)!important;font-size:clamp(32px,4vw,52px)!important;line-height:1.1!important;letter-spacing:-.025em; }












.vc-member__header h1 > span { color:var(--member-gold); }












.vc-member__intro { color:var(--member-muted);font-size:17px;margin:12px 0 0!important; }












.vc-member__links { display:flex;gap:12px;align-items:center;flex-wrap:wrap;flex-shrink:0; }












.vc-member__links a { color:var(--member-muted)!important;font-size:14px; }












.vc-member__links a:hover { color:var(--member-text)!important; }












.vc-member__links .vc-member__settings { padding:10px 15px;border:1px solid var(--member-line);border-radius:6px;color:var(--member-text)!important; }












.vc-member__surface { border:1px solid var(--member-line);border-radius:12px;background:linear-gradient(140deg,#142338,#0d1828);padding:32px;min-width:0; }












.vc-member__footer { display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid var(--member-line);color:var(--member-muted);font-size:10px;letter-spacing:.12em; }












.vc-member .um { max-width:none!important;width:100%!important;margin:0!important;color:var(--member-text)!important; }












.vc-member .um-form,.vc-member .um form { margin:0;padding:0;background:transparent;border:0;box-shadow:none; }












.vc-member .um a { color:var(--member-gold); }












.vc-member :is(a,button,input,select,textarea):focus-visible { outline:2px solid var(--member-gold)!important;outline-offset:3px; }

























/* Keep UM's existing sidebar links and tab handlers, including mobile. */












.vc-member .um-account > .um-form > form { display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;align-items:start; }












.vc-member .um-account-side { display:block!important;float:none!important;width:auto!important;padding:0!important;min-width:0; }












.vc-member .um-account-main { float:none!important;width:auto!important;min-width:0;padding:0 0 0 34px!important;border-left:1px solid var(--member-line); }












.vc-member .um-account > .um-form > form > .um-account-meta,












.vc-member .um-account > .um-form > form > .um-clear,












.vc-member .um-account-main .um-account-nav { display:none!important; }












.vc-member .um-account-side .um-account-meta { margin:0 0 24px!important;padding:0 0 22px;border-bottom:1px solid var(--member-line);text-align:left; }












.vc-member .um-account-side .um-account-meta-img { display:block!important; }












.vc-member .um-account-side .um-account-meta-img-b { display:none!important; }












.vc-member .um-account-side .um-account-meta img { width:76px;height:76px;border-radius:50%;border:2px solid var(--member-gold);padding:3px;background:var(--member-bg);object-fit:cover; }












.vc-member .um-account-side .um-account-name { display:block!important;padding:12px 0 0;overflow-wrap:anywhere; }












.vc-member .um-account-name > a { color:var(--member-text)!important;font-size:23px;font-weight:700;line-height:1.3; }












.vc-member .um-account-profile-link { margin-top:4px; }












.vc-member .um-account-profile-link a { font-size:14px;font-weight:400;color:var(--member-gold)!important; }












.vc-member .um-account-side ul,.vc-member .um-account-side li { margin:0!important;padding:0!important;list-style:none!important; }












.vc-member .um-account-side li { background:transparent!important;margin-bottom:6px!important;border:0!important; }












.vc-member .um-account-side a.um-account-link { display:flex!important;align-items:center;gap:11px;min-height:48px;height:auto!important;line-height:1.3!important;padding:12px 14px!important;border:1px solid transparent!important;border-radius:7px;background:transparent!important;color:var(--member-muted)!important;box-sizing:border-box; }












.vc-member .um-account-side .um-account-icon { display:inline-flex!important;align-items:center;justify-content:center;float:none;width:22px;flex:0 0 22px;font-size:20px;color:inherit;border:0!important;padding:0!important; }












.vc-member .um-account-side .um-account-icon i { color:inherit!important; }












.vc-member .um-account-side .um-account-title { display:block!important;float:none;font-size:16px;color:inherit;padding:0!important;margin:0!important; }












.vc-member .um-account-side .um-account-icontip,.vc-member .um-account-side .um-account-arrow { display:none!important; }












.vc-member .um-account-side a.um-account-link:hover { background:#182a40!important;color:var(--member-text)!important; }












.vc-member .um-account-side a.um-account-link.current { color:var(--member-gold)!important;background:rgba(242,197,68,.07)!important;border-color:rgba(242,197,68,.3)!important; }












.vc-member .um-account-side a[data-tab=delete] { color:#f4a4b4!important; }












.vc-member .um-account-side a[data-tab=delete].current { background:rgba(196,0,73,.13)!important;border-color:#b74b65!important; }












.vc-member .um-account-main .um-account-heading { display:flex!important;align-items:center;gap:10px;margin:0 0 25px!important;font-size:27px!important;line-height:1.25!important;color:var(--member-text)!important; }












.vc-member .um-account-tab { border-bottom:0!important; }












.vc-member .um-account-heading i { color:var(--member-gold);font-size:23px!important;top:0!important;margin:0!important; }












.vc-member .um-account-tab-delete .um-account-heading,.vc-member .um-account-tab-delete .um-account-heading i { color:#f4a4b4!important; }

























/* Form controls: hidden/disabled controls and inactive tabs remain plugin-owned. */












.vc-member .um .um-field { padding-top:0;margin-bottom:20px; }












.vc-member .um .um-field-label { margin:0 0 8px; }












.vc-member .um .um-field-label label { color:#e4eaf2!important;font-size:15px!important;font-weight:700;line-height:1.4; }












.vc-member .um .um-form :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url],input[type=number],textarea,select) {












 width:100%!important;max-width:100%;min-height:48px;height:auto;padding:12px 14px!important;border:1px solid #435870!important;border-radius:6px!important;background:#091423!important;color:var(--member-text)!important;box-shadow:none!important;font-family:inherit!important;font-size:16px!important;line-height:1.4!important;












}












.vc-member .um .um-form textarea { min-height:120px;resize:vertical; }












.vc-member .um .um-form input:disabled,.vc-member .um .um-form input[readonly] { color:#a9b5c4!important;background:#192535!important;border-style:dashed!important;cursor:not-allowed; }












.vc-member .um .um-form input::placeholder,.vc-member .um .um-form textarea::placeholder { color:#91a1b8;opacity:1; }












.vc-member .um .um-field-checkbox-option,.vc-member .um .um-field-radio-option,.vc-member .um .um-field-value,.vc-member .um .um-field-block { color:var(--member-text)!important; }












.vc-member .um .um-field-checkbox-state,.vc-member .um .um-field-radio-state { color:var(--member-gold)!important; }












.vc-member .um .um-field-area .um-field-value { overflow-wrap:anywhere; }












.vc-member .um .um-field-description { color:var(--member-muted)!important;font-size:14px; }












.vc-member .um .um-col-alt { margin:24px 0 0;padding:0; }












.vc-member .um .um-button,.vc-member .um input[type=submit].um-button {












 display:inline-flex;justify-content:center;align-items:center;min-height:48px;height:auto;max-width:100%;padding:12px 24px!important;background:var(--member-red)!important;border:1px solid var(--member-red)!important;border-radius:6px!important;color:#fff!important;box-shadow:none!important;font-size:16px!important;font-weight:700;line-height:1.4!important;text-decoration:none!important;white-space:normal;












}












.vc-member .um .um-button:hover { background:#e00054!important;border-color:#e00054!important; }












.vc-member .um .um-button.um-alt { background:transparent!important;border-color:#677b93!important;color:var(--member-text)!important; }












.vc-member .um .um-notice { border-radius:6px;padding:14px 18px!important;line-height:1.5; }












.vc-member .um .um-notice.success { background:#102f29!important;color:#b8ebd4!important;border:1px solid #3c7964; }












.vc-member .um .um-notice.err,.vc-member .um .um-field-error { background:#492030!important;color:#ffe3e8!important;border-radius:5px; }












.vc-member .um .um-field-error a { color:#fff!important;text-decoration:underline; }












.vc-member .um .select2-container .select2-selection { min-height:48px;background:#091423;border:1px solid #435870;color:var(--member-text); }












.vc-member .um .select2-selection__rendered { color:var(--member-text)!important; }

























/* Profile: retain original cover/photo controls, edit menu and content tabs. */












.vc-member[data-vc-member=user] .vc-member__surface { padding:0; }












.vc-member .um-profile .um-cover { border-radius:11px 11px 0 0;background:linear-gradient(115deg,#34132d,#0b223a 65%,#133b58); }












.vc-member .um-profile .um-header { padding-left:30px!important;padding-right:30px!important;border-bottom:0!important;color:var(--member-text); }












.vc-member .um-profile .um-profile-photo { margin-left:0; }












.vc-member .um-profile .um-cover-e { border-radius:11px 11px 0 0; }












.vc-member .um-profile .um-profile-photo a.um-profile-photo-img { border:4px solid #101e30!important;background:#101e30;border-radius:50%!important;box-shadow:0 0 0 1px rgba(242,197,68,.5); }












.vc-member .um-profile .um-profile-photo img { border-radius:50%; }












.vc-member .um-profile .um-name,.vc-member .um-profile .um-name a { color:var(--member-text)!important;font-size:30px!important;line-height:1.2!important;font-weight:700;overflow-wrap:anywhere; }












.vc-member .um-profile .um-meta-text { color:var(--member-muted)!important;line-height:1.6; }












.vc-member .um-profile .um-profile-edit a { color:var(--member-gold)!important; }












.vc-member .um-profile .um-profile-nav { margin:0!important;padding:0 24px!important;background:#0a1524!important;border-top:1px solid var(--member-line)!important;border-bottom:1px solid var(--member-line)!important; }












.vc-member .um-profile .um-profile-nav-item { margin:0!important; }












.vc-member .um-profile .um-profile-nav-item a { display:flex!important;align-items:center;gap:9px;padding:17px 18px!important;min-height:56px;line-height:1.3!important;background:transparent!important;border-bottom:3px solid transparent!important;border-radius:0!important;color:var(--member-muted)!important; }












.vc-member .um-profile .um-profile-nav-item a:hover { color:var(--member-text)!important;background:#152438!important; }












.vc-member .um-profile .um-profile-nav-item.active a { border-bottom-color:var(--member-gold)!important;color:var(--member-gold)!important;background:rgba(242,197,68,.04)!important; }












.vc-member .um-profile .um-profile-nav-item i { position:static;margin:0!important;color:inherit; }












.vc-member .um-profile .um-profile-nav-item .title { display:inline!important;font-size:15px; }












/* UM emits separate icon-only and labelled links. Show one labelled link per tab. */












.vc-member .um-profile .um-profile-nav-item:has(> a.uimob800-hide) > a.uimob800-show { display:none!important; }












.vc-member .um-profile .um-profile-nav { display:flex;flex-wrap:wrap; }












.vc-member .um-profile .um-profile-nav > .um-clear { display:none; }












.vc-member .um-profile .um-profile-nav-item { max-width:100%; }












.vc-member .um-profile .um-profile-nav-item a { float:none;margin:0!important;overflow-wrap:anywhere; }












.vc-member .um-profile.um-viewing .um-field-label { border-bottom:1px solid var(--member-line); }












.vc-member .um-profile .um-profile-body { width:100%!important;max-width:none!important;padding:30px!important;color:var(--member-text); }












.vc-member .um-profile .um-profile-body .um-row { margin-bottom:0!important; }












.vc-member .um-profile .um-profile-note { padding:28px 20px!important;border:1px dashed var(--member-line);border-radius:8px;color:var(--member-muted)!important;background:rgba(7,13,24,.3); }












.vc-member .um-profile .um-profile-note :is(span,i) { color:var(--member-muted)!important; }












.vc-member .um-profile .um-item { padding:20px 0!important;border-bottom:1px solid var(--member-line)!important;color:var(--member-text); }












.vc-member .um-profile .um-item :is(.um-item-meta,.um-item-meta span) { color:var(--member-muted)!important; }












.vc-member .um-profile .um-item-link a { color:var(--member-text)!important;font-size:20px; }












.vc-member .um-profile .um-item-link a:hover { color:var(--member-gold)!important; }












.vc-member .um-profile .um-dropdown { background:#fff;color:#172033;z-index:20; }












.vc-member .um-profile .um-dropdown a { color:#172033!important; }












.vc-member .um-profile .um-dropdown a:hover { color:#8f0037!important;background:#f2f4f7; }

























@media (max-width:900px) {












 .vc-member__header { align-items:flex-start;flex-direction:column;gap:18px; }












 .vc-member__surface { padding:24px; }












 .vc-member .um-account > .um-form > form { grid-template-columns:200px minmax(0,1fr);gap:24px; }












 .vc-member .um-account-main { padding-left:24px!important; }












}












@media (max-width:640px) {












 .vc-member__shell { width:calc(100% - 32px);padding-top:30px; }












 .vc-member__eyebrow { font-size:9px;letter-spacing:.1em;gap:9px; }












 .vc-member__header h1 { font-size:32px!important; }












 .vc-member__intro { font-size:16px; }












 .vc-member__surface { padding:20px; }












 .vc-member .um-account > .um-form > form { display:block; }












 .vc-member .um-account-side { margin-bottom:26px; }












 .vc-member .um-account-side .um-account-meta { display:flex;align-items:center;gap:16px; }












 .vc-member .um-account-side .um-account-name { padding:0; }












 .vc-member .um-account-side .um-account-meta-img { flex-shrink:0; }












 .vc-member .um-account-side .um-account-meta img { width:60px;height:60px; }












 .vc-member .um-account-side ul { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px; }












 .vc-member .um-account-side li { margin:0!important; }












 .vc-member .um-account-side a.um-account-link { padding:10px!important;gap:7px;height:100%!important; }












 .vc-member .um-account-side .um-account-title { font-size:14px;overflow-wrap:anywhere; }












 .vc-member .um-account-main { padding:24px 0 0!important;border-left:0;border-top:1px solid var(--member-line); }












 .vc-member .um-account-main .um-account-heading { font-size:24px!important; }












 .vc-member .um .um-col-alt .um-button { width:100%; }












 .vc-member .um-profile .um-header { padding-left:18px!important;padding-right:18px!important; }












 .vc-member .um-profile .um-profile-nav { padding:0 6px!important; }












 .vc-member .um-profile .um-profile-nav-item { flex:1 1 80px;min-width:0; }












 .vc-member .um-profile .um-profile-nav-item a { flex-direction:column;justify-content:center;gap:6px;padding:12px 6px!important; }












 .vc-member .um-profile .um-profile-nav-item .title { font-size:13px; }












 .vc-member .um-profile .um-profile-body { padding:22px 18px!important; }












 .vc-member .um-profile .um-name,.vc-member .um-profile .um-name a { font-size:26px!important; }












 .vc-member__footer { font-size:9px; }












}