/*
 * VDM · El Mago Julian Promociones 1.0.2
 * Identidad visual: negro, dorado, textura tipo mármol y acentos amatista.
 */

.vdm-mj-shell,
.vdm-mj-public-page,
.vdm-mj-public{
  --mj-black:#030303;
  --mj-black-2:#090806;
  --mj-panel:#0d0b08;
  --mj-panel-2:#151008;
  --mj-gold:#c58a2a;
  --mj-gold-2:#e2b55a;
  --mj-gold-3:#8f5d16;
  --mj-cream:#ead9b7;
  --mj-text:#f3e9d6;
  --mj-muted:#baa98d;
  --mj-border:rgba(203,145,45,.58);
  --mj-purple:#7e5790;
  --mj-success:#57a66a;
  --mj-danger:#d16b72;
  --mj-warning:#d6aa4b;
  --mj-shadow:0 22px 60px rgba(0,0,0,.45);
  box-sizing:border-box;
  color:var(--mj-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.vdm-mj-shell *,
.vdm-mj-public-page *,
.vdm-mj-public *{box-sizing:border-box}

/* Corrección de fondo: solo se aplica en páginas que contienen los shortcodes. */
body.vdm-mj-promotions-page,
body.vdm-mj-promotions-page #page,
body.vdm-mj-promotions-page .site,
body.vdm-mj-promotions-page .site-content,
body.vdm-mj-promotions-page .content-area,
body.vdm-mj-promotions-page main,
body.vdm-mj-promotions-page .wp-site-blocks{
  background-color:#030303!important;
}
body.vdm-mj-promotions-page .site-content,
body.vdm-mj-promotions-page .content-area,
body.vdm-mj-promotions-page main,
body.vdm-mj-promotions-page .wp-site-blocks{
  background-image:
    radial-gradient(circle at 16% 15%,rgba(166,104,26,.08),transparent 24%),
    radial-gradient(circle at 82% 34%,rgba(98,50,114,.07),transparent 23%),
    linear-gradient(127deg,transparent 0 33%,rgba(174,116,35,.025) 33.3%,transparent 34% 69%,rgba(174,116,35,.02) 69.3%,transparent 70%)!important;
}

.vdm-mj-shell{
  position:relative;
  width:min(1080px,100%);
  margin:22px auto;
  padding:0 14px 34px;
}
.vdm-mj-shell:before,
.vdm-mj-public-page:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.55;
  background:
    linear-gradient(118deg,transparent 0 24%,rgba(194,130,34,.05) 24.2%,transparent 24.5% 56%,rgba(194,130,34,.035) 56.2%,transparent 56.5%),
    linear-gradient(64deg,transparent 0 72%,rgba(194,130,34,.035) 72.2%,transparent 72.5%);
}

/* Hero */
.vdm-mj-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:278px;
  border:1px solid var(--mj-gold);
  border-radius:30px;
  padding:40px 42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  background:
    radial-gradient(circle at 25% 32%,rgba(147,88,20,.17),transparent 29%),
    radial-gradient(circle at 82% 28%,rgba(110,67,127,.12),transparent 23%),
    linear-gradient(145deg,#030303 0%,#090704 51%,#030303 100%);
  box-shadow:var(--mj-shadow),inset 0 0 0 1px rgba(255,214,126,.08);
}
.vdm-mj-hero:before{
  content:"";
  position:absolute;
  inset:12px;
  z-index:-1;
  border:1px solid rgba(217,162,65,.24);
  border-radius:22px;
  pointer-events:none;
}
.vdm-mj-hero:after{
  content:"✦";
  position:absolute;
  right:38%;
  top:20px;
  color:rgba(226,181,90,.23);
  font-size:58px;
  line-height:1;
  transform:rotate(15deg);
  text-shadow:100px 52px 0 rgba(226,181,90,.08),-150px 155px 0 rgba(226,181,90,.08);
  pointer-events:none;
}
.vdm-mj-hero__brand{position:relative;z-index:2;display:flex;gap:20px;align-items:flex-start;max-width:780px}
.vdm-mj-hero__icon{
  display:grid;place-items:center;
  width:94px;height:94px;min-width:94px;
  border-radius:50%;
  background:radial-gradient(circle,#15100a 0%,#050403 72%);
  border:1px solid var(--mj-gold-2);
  box-shadow:0 0 0 7px rgba(197,138,42,.07),0 18px 35px rgba(0,0,0,.5);
}
.vdm-mj-brandmark{width:78px;height:78px;overflow:visible}
.vdm-mj-brandmark .ring{fill:none;stroke:var(--mj-gold);stroke-width:2}
.vdm-mj-brandmark .orbit{fill:none;stroke:rgba(226,181,90,.52);stroke-width:1.5}
.vdm-mj-brandmark .eye{fill:none;stroke:var(--mj-gold-2);stroke-width:2.3}
.vdm-mj-brandmark .pupil{fill:var(--mj-gold-2);filter:drop-shadow(0 0 7px rgba(226,181,90,.6))}
.vdm-mj-brandmark .star{fill:var(--mj-gold-2)}
.vdm-mj-brandmark .drop{fill:var(--mj-gold);opacity:.88}
.vdm-mj-kicker{
  display:inline-flex;
  margin:0 0 10px;
  padding:6px 11px;
  border:1px solid rgba(203,145,45,.42);
  border-radius:999px;
  color:var(--mj-gold-2);
  background:rgba(197,138,42,.06);
  font-size:11px;font-weight:900;letter-spacing:.18em;
}
.vdm-mj-hero h2{
  margin:0;
  color:var(--mj-cream);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(38px,5.2vw,64px);
  line-height:.96;
  font-weight:500;
  letter-spacing:.03em;
  text-shadow:0 5px 20px rgba(0,0,0,.5);
}
.vdm-mj-hero h2 em{
  display:block;
  width:max-content;max-width:100%;
  margin-top:12px;
  color:var(--mj-gold-2);
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  font-size:.25em;
  font-style:normal;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.vdm-mj-hero p{max-width:690px;margin:18px 0 0;color:#c9b89a;font-size:15px;line-height:1.65;font-weight:520}
.vdm-mj-hero__orb{position:relative;z-index:2;width:154px;height:154px;min-width:154px;display:grid;place-items:center}
.vdm-mj-hero__orb:before{
  content:"";
  width:116px;height:116px;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,235,189,.88) 0 2%,rgba(255,218,136,.2) 4%,transparent 13%),
    radial-gradient(circle at 50% 62%,rgba(198,130,34,.54),transparent 20%),
    radial-gradient(circle at 52% 48%,#24150a 0%,#090706 52%,#020202 80%);
  border:1px solid var(--mj-gold-2);
  box-shadow:inset -12px -14px 28px rgba(0,0,0,.8),inset 8px 8px 25px rgba(255,190,78,.12),0 0 30px rgba(201,137,35,.22);
}
.vdm-mj-hero__orb:after{content:"";position:absolute;bottom:12px;width:114px;height:22px;border-radius:50%;background:#171009;border:1px solid var(--mj-gold);box-shadow:0 8px 20px rgba(0,0,0,.5)}
.vdm-mj-hero__orb span{position:absolute;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid rgba(226,181,90,.38);box-shadow:0 0 22px rgba(117,73,132,.28)}
.vdm-mj-hero__orb i{position:absolute;z-index:3;width:6px;height:6px;border-radius:50%;background:var(--mj-gold-2);box-shadow:22px -18px 0 -1px rgba(226,181,90,.55),-27px 20px 0 -1px rgba(226,181,90,.42),18px 28px 0 -2px rgba(226,181,90,.4)}

/* Estado */
.vdm-mj-status-row{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:9px;margin:15px 4px 0}
.vdm-mj-connection{padding:10px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:9px;font-size:12px;background:#0b0907;border:1px solid rgba(203,145,45,.24);color:#bcae96}
.vdm-mj-connection.on{border-color:rgba(87,166,106,.5);color:#9fd2aa;background:rgba(56,108,67,.12)}
.vdm-mj-connection.warn{border-color:rgba(214,170,75,.5);color:#d9bd78;background:rgba(120,87,20,.12)}
.vdm-mj-connection.off{border-color:rgba(209,107,114,.5);color:#e0a0a5;background:rgba(118,44,50,.12)}
.vdm-mj-dot{width:8px;height:8px;border-radius:50%;background:#85745a;box-shadow:0 0 0 4px rgba(133,116,90,.08)}
.vdm-mj-connection.on .vdm-mj-dot{background:var(--mj-success);box-shadow:0 0 0 4px rgba(87,166,106,.11)}
.vdm-mj-connection.warn .vdm-mj-dot{background:var(--mj-warning)}
.vdm-mj-connection.off .vdm-mj-dot{background:var(--mj-danger)}

.vdm-mj-alert{position:relative;z-index:2;margin:16px 0;padding:14px 16px;border-radius:14px;font-weight:700;border:1px solid transparent;background:#0b0907}
.vdm-mj-alert.ok{color:#a7d8b0;border-color:rgba(87,166,106,.48);background:rgba(46,96,56,.13)}
.vdm-mj-alert.bad{color:#e2a1a7;border-color:rgba(209,107,114,.48);background:rgba(104,43,49,.14)}

/* Tabs */
.vdm-mj-tabs{position:relative;z-index:2;margin:22px 0 16px;display:flex;gap:6px;padding:5px;border-radius:15px;background:#090806;border:1px solid rgba(203,145,45,.26);width:max-content;max-width:100%}
.vdm-mj-tabs a{padding:10px 17px;border-radius:11px;text-decoration:none!important;color:#ad9c80!important;font-weight:800;font-size:13px;white-space:nowrap;transition:.2s ease}
.vdm-mj-tabs a:hover{color:var(--mj-gold-2)!important;background:rgba(197,138,42,.06)}
.vdm-mj-tabs a.active{color:#0a0703!important;background:linear-gradient(135deg,var(--mj-gold-2),var(--mj-gold));box-shadow:0 7px 17px rgba(0,0,0,.3)}

/* Formulario */
.vdm-mj-card{position:relative;z-index:2;overflow:hidden;background:linear-gradient(145deg,#0d0b08,#080705);border:1px solid var(--mj-border);border-radius:24px;padding:30px;box-shadow:var(--mj-shadow)}
.vdm-mj-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--mj-gold-2),transparent)}
.vdm-mj-card:after{content:"";position:absolute;right:-100px;top:-115px;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(118,75,132,.13),transparent 65%);pointer-events:none}
.vdm-mj-eyebrow{display:block;color:var(--mj-gold-2);font-weight:900;font-size:11px;letter-spacing:.18em;margin:2px 0 6px}
.vdm-mj-card h3{margin:0 0 24px;font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:500;letter-spacing:.02em;color:var(--mj-cream)}
.vdm-mj-form{display:grid;gap:17px;position:relative;z-index:1}
.vdm-mj-form label>span{display:block;margin-bottom:7px;font-size:13px;font-weight:800;color:#d1bf9f}
.vdm-mj-form input[type="text"],
.vdm-mj-form input[type="url"],
.vdm-mj-form input[type="datetime-local"],
.vdm-mj-form textarea{
  width:100%;
  border:1px solid rgba(203,145,45,.28)!important;
  background:#050403!important;
  border-radius:12px!important;
  padding:12px 14px!important;
  color:#f2e6d0!important;
  -webkit-text-fill-color:#f2e6d0;
  font:inherit!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
  outline:none;
  transition:border-color .2s,box-shadow .2s;
  color-scheme:dark;
}
.vdm-mj-form input::placeholder,.vdm-mj-form textarea::placeholder{color:#746752;opacity:1;-webkit-text-fill-color:#746752}
.vdm-mj-form textarea{resize:vertical;min-height:100px}
.vdm-mj-form input:focus,.vdm-mj-form textarea:focus{border-color:var(--mj-gold)!important;box-shadow:0 0 0 3px rgba(197,138,42,.12)!important}
.vdm-mj-form small{display:block;margin-top:6px;color:#96866f;font-size:12px;line-height:1.5}
.vdm-mj-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}

.vdm-mj-promo-type{display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid rgba(203,145,45,.28);border-radius:16px;background:linear-gradient(135deg,rgba(197,138,42,.08),rgba(118,75,132,.05))}
.vdm-mj-promo-type__icon{display:grid;place-items:center;width:48px;height:48px;min-width:48px;border-radius:50%;border:1px solid var(--mj-gold);background:#080604;color:var(--mj-gold-2);font-size:23px;box-shadow:0 0 18px rgba(197,138,42,.13)}
.vdm-mj-promo-type strong{display:block;color:var(--mj-cream);font-size:15px}
.vdm-mj-promo-type small{margin:2px 0 0;color:#9f8f76}

/* Selector wp.media */
.vdm-mj-upload{display:block;padding:18px;border:1px dashed rgba(203,145,45,.5);border-radius:17px;background:linear-gradient(145deg,rgba(197,138,42,.055),rgba(118,75,132,.035));cursor:default}
.vdm-mj-upload>span{display:block;margin-bottom:8px;font-size:13px;font-weight:800;color:#d1bf9f}
.vdm-mj-upload input{display:block;width:100%;margin:9px 0}
.vdm-mj-upload b{display:inline-block;color:var(--mj-gold-2);font-size:13px}
.vdm-mj-upload-actions{display:flex;gap:9px;flex-wrap:wrap;margin:9px 0 10px}
.vdm-mj-media-button,.vdm-mj-media-remove{appearance:none;border-radius:11px!important;padding:10px 14px!important;font:inherit!important;font-size:13px!important;font-weight:850!important;cursor:pointer;line-height:1.2!important}
.vdm-mj-media-button{border:1px solid var(--mj-gold)!important;background:linear-gradient(135deg,var(--mj-gold-2),var(--mj-gold))!important;color:#0b0702!important;box-shadow:0 8px 18px rgba(0,0,0,.28)}
.vdm-mj-media-button:hover{filter:brightness(1.06)}
.vdm-mj-media-remove{border:1px solid rgba(209,107,114,.46)!important;background:rgba(105,42,48,.13)!important;color:#e4a3a8!important}
.vdm-mj-media-remove.hidden,.vdm-mj-media-remove[hidden]{display:none!important}
.vdm-mj-upload-preview{border-radius:15px;overflow:hidden;border:1px solid rgba(203,145,45,.3);background:#030303;padding:8px;margin:0 0 10px}
.vdm-mj-upload-preview[hidden]{display:none!important}
.vdm-mj-upload-preview img{display:block;width:100%;max-height:360px;object-fit:cover;border-radius:10px}

/* Notificaciones */
.vdm-mj-notification-box{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:flex-start;padding:16px;border:1px solid rgba(203,145,45,.27);border-radius:16px;background:rgba(197,138,42,.045)}
.vdm-mj-notification-box__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--mj-gold);background:#080604;color:transparent;font-size:0;box-shadow:0 7px 16px rgba(0,0,0,.3);position:relative}
.vdm-mj-notification-box__icon:before{content:"";width:16px;height:17px;border-radius:9px 9px 6px 6px;background:var(--mj-gold-2);position:absolute;top:10px;left:13px}
.vdm-mj-notification-box__icon:after{content:"";width:7px;height:3px;border-radius:999px;background:var(--mj-gold-2);position:absolute;left:18px;bottom:9px;box-shadow:0 -3px 0 2px #080604}
.vdm-mj-notification-box__body>strong{display:block;margin:0 0 8px;color:var(--mj-cream);font-size:15px}
.vdm-mj-notification-toggle{display:flex!important;align-items:flex-start;gap:9px;margin:0!important;cursor:pointer}
.vdm-mj-notification-toggle input{margin-top:3px;accent-color:var(--mj-gold)}
.vdm-mj-notification-toggle>span{display:block!important;margin:0!important;color:#cfbea0!important;font-size:13px!important;font-weight:800!important}
.vdm-mj-notification-box.disabled{opacity:.55;filter:saturate(.75)}
.vdm-mj-notification-warning{color:#d8b766!important;font-weight:700}

.vdm-mj-primary{border:1px solid var(--mj-gold-2)!important;border-radius:13px!important;min-height:54px;padding:12px 18px!important;background:linear-gradient(135deg,var(--mj-gold-2),var(--mj-gold))!important;color:#0b0702!important;font:inherit!important;font-weight:950!important;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 12px 24px rgba(0,0,0,.33);transition:transform .18s,filter .18s}
.vdm-mj-primary:hover{transform:translateY(-1px);filter:brightness(1.05)}
.vdm-mj-primary b{font-size:22px;font-weight:400}

/* Administrar */
.vdm-mj-list{display:grid;gap:13px}
.vdm-mj-list-item{display:grid;grid-template-columns:118px 1fr;gap:16px;padding:12px;border:1px solid rgba(203,145,45,.25);border-radius:17px;background:#080705}
.vdm-mj-list-item__media{height:104px;border-radius:13px;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(126,87,144,.25),transparent 34%),linear-gradient(145deg,#161008,#030303);display:grid;place-items:center;color:var(--mj-gold-2);font-size:38px;font-weight:900;border:1px solid rgba(203,145,45,.2)}
.vdm-mj-list-item__media img{width:100%;height:100%;object-fit:cover}
.vdm-mj-list-item__body{min-width:0;padding:4px 4px 4px 0}
.vdm-mj-list-item h4{margin:6px 0 4px;font-family:Georgia,"Times New Roman",serif;font-size:19px;font-weight:500;color:var(--mj-cream);overflow-wrap:anywhere}
.vdm-mj-tag,.vdm-mj-public-card__tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(197,138,42,.08);color:var(--mj-gold-2);border:1px solid rgba(203,145,45,.34);font-size:10px;font-weight:900;letter-spacing:.11em}
.vdm-mj-sync{display:block;margin:5px 0 4px;color:#867962}
.vdm-mj-sync.ok{color:#78b886}
.vdm-mj-sync.pending{color:#c2a25d}
.vdm-mj-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.vdm-mj-actions form{margin:0}
.vdm-mj-actions a,.vdm-mj-actions button{appearance:none;border:1px solid rgba(203,145,45,.32)!important;background:rgba(197,138,42,.06)!important;color:#d9b466!important;border-radius:10px!important;padding:8px 12px!important;font:inherit!important;font-size:12px!important;font-weight:820!important;text-decoration:none!important;cursor:pointer}
.vdm-mj-actions .notify{border-color:rgba(126,87,144,.48)!important;background:rgba(126,87,144,.09)!important;color:#c1a3cf!important}
.vdm-mj-actions .danger{border-color:rgba(209,107,114,.42)!important;background:rgba(108,44,50,.12)!important;color:#e1a1a6!important}
.vdm-mj-actions button:disabled{opacity:.45!important;cursor:not-allowed!important;transform:none!important}
.vdm-mj-empty{padding:28px;text-align:center;border:1px dashed rgba(203,145,45,.36);border-radius:17px;background:#080705;color:#9e8f77}
.vdm-mj-symbol-fallback{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1px solid rgba(226,181,90,.55);color:var(--mj-gold-2);filter:drop-shadow(0 0 8px rgba(197,138,42,.22))}

/* Página pública: full bleed para evitar franjas/fondos del tema. */
.vdm-mj-public-page{
  position:relative;
  isolation:isolate;
  width:100vw;
  max-width:none!important;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:44px max(18px,calc((100vw - 1180px)/2)) 54px;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%,rgba(171,109,29,.12),transparent 27%),
    radial-gradient(circle at 88% 30%,rgba(112,67,128,.09),transparent 25%),
    linear-gradient(135deg,#020202 0%,#080604 50%,#020202 100%);
}
.vdm-mj-public-page:after{content:"";position:absolute;inset:14px;z-index:-1;border:1px solid rgba(197,138,42,.14);border-radius:26px;pointer-events:none}
.vdm-mj-public{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--vdm-mj-cols,3),minmax(0,1fr));gap:18px;width:min(1180px,100%);margin:0 auto}
.vdm-mj-public-card{position:relative;overflow:hidden;border:1px solid rgba(203,145,45,.47);border-radius:22px;background:linear-gradient(155deg,#0d0b08,#050403);box-shadow:0 18px 36px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,214,126,.03);transition:transform .2s,box-shadow .2s}
.vdm-mj-public-card:hover{transform:translateY(-3px);box-shadow:0 22px 42px rgba(0,0,0,.55),0 0 28px rgba(197,138,42,.06)}
.vdm-mj-public-card__media{display:grid;place-items:center;height:230px;background:radial-gradient(circle at 50% 42%,rgba(126,87,144,.28),transparent 28%),linear-gradient(145deg,#171008,#030303);text-decoration:none;color:var(--mj-gold-2);font-size:52px;font-weight:900;position:relative;overflow:hidden;border-bottom:1px solid rgba(203,145,45,.25)}
.vdm-mj-public-card__media:before{content:"";position:absolute;inset:12px;border:1px solid rgba(226,181,90,.12);border-radius:14px;z-index:1;pointer-events:none}
.vdm-mj-public-card__media:after{content:"✦";position:absolute;right:18px;top:14px;color:rgba(226,181,90,.32);font-size:24px;z-index:3;text-shadow:-160px 165px 0 rgba(226,181,90,.12)}
.vdm-mj-public-card__media img{display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:2}
.vdm-mj-public-card__body{position:relative;padding:20px}
.vdm-mj-public-card__body:before{content:"";position:absolute;height:2px;left:20px;right:20px;top:0;background:linear-gradient(90deg,transparent,var(--mj-gold),transparent)}
.vdm-mj-public-card__body:after{content:"";position:absolute;width:55px;height:35px;right:-6px;bottom:-7px;background:radial-gradient(ellipse at bottom right,rgba(126,87,144,.27),transparent 68%);pointer-events:none}
.vdm-mj-public-card h3{margin:10px 0 8px;color:var(--mj-cream);font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:500;letter-spacing:.01em}
.vdm-mj-public-card p{margin:0 0 14px;color:#b9aa91;line-height:1.58;font-size:14px}
.vdm-mj-public-card__details{display:grid;gap:6px;margin:0 0 15px;font-size:12px;color:#9f8f77}
.vdm-mj-public-card__button{display:flex;align-items:center;justify-content:space-between;text-decoration:none!important;color:#0a0703!important;background:linear-gradient(135deg,var(--mj-gold-2),var(--mj-gold));border:1px solid var(--mj-gold-2);border-radius:11px;padding:11px 13px;font-weight:900;font-size:13px;box-shadow:0 8px 18px rgba(0,0,0,.28)}
.vdm-mj-public-card__button:hover{filter:brightness(1.05)}

@media (max-width:900px){
  .vdm-mj-hero{padding:34px 28px;min-height:250px}
  .vdm-mj-hero__orb{width:125px;height:125px;min-width:125px}
  .vdm-mj-hero__orb:before{width:96px;height:96px}
  .vdm-mj-hero__orb:after{width:94px}
  .vdm-mj-hero__icon{width:78px;height:78px;min-width:78px}
  .vdm-mj-brandmark{width:65px;height:65px}
  .vdm-mj-public{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:620px){
  .vdm-mj-shell{padding:0 9px 24px;margin-top:10px}
  .vdm-mj-hero{padding:24px 20px 28px;border-radius:22px;min-height:auto}
  .vdm-mj-hero__brand{gap:12px}
  .vdm-mj-hero__icon{width:60px;height:60px;min-width:60px}
  .vdm-mj-brandmark{width:49px;height:49px}
  .vdm-mj-hero h2{font-size:36px}
  .vdm-mj-hero h2 em{font-size:.28em;line-height:1.45;letter-spacing:.12em}
  .vdm-mj-hero p{font-size:13px}
  .vdm-mj-hero__orb{display:none}
  .vdm-mj-card{padding:20px;border-radius:20px}
  .vdm-mj-card h3{font-size:26px}
  .vdm-mj-tabs{width:100%;overflow:auto}
  .vdm-mj-tabs a{flex:1;text-align:center}
  .vdm-mj-cols{grid-template-columns:1fr}
  .vdm-mj-list-item{grid-template-columns:84px 1fr}
  .vdm-mj-list-item__media{height:84px}
  .vdm-mj-public-page{padding:28px 12px 38px}
  .vdm-mj-public{grid-template-columns:1fr!important;gap:14px}
  .vdm-mj-public-card__media{height:215px}
  .vdm-mj-status-row{display:grid;grid-template-columns:1fr;margin-left:0;margin-right:0}
  .vdm-mj-status-row .vdm-mj-connection{width:100%;border-radius:14px;align-items:flex-start}
  .vdm-mj-notification-box{grid-template-columns:40px 1fr;padding:14px}
  .vdm-mj-notification-box__icon{width:40px;height:40px}
  .vdm-mj-notification-box__icon:before{left:11px;top:8px}
  .vdm-mj-notification-box__icon:after{left:16px;bottom:7px}
  .vdm-mj-upload-actions{display:grid;grid-template-columns:1fr}
  .vdm-mj-media-button,.vdm-mj-media-remove{width:100%}
}