/* Banner del panel: conserva el objeto, órbitas y movimiento de la portada aprobada.
   Las reglas quedan limitadas a esta cabecera; no afectan al editor ni al visor. */
.dashboard-hero { --mint:#b9dec9; --cream:#f1eee6; position:relative; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:center; gap:24px; min-height:max(680px,calc(100svh - 77px)); padding:70px clamp(22px,5vw,80px) 110px; overflow:hidden; color:var(--cream); background:radial-gradient(circle at 75% 48%,#30423b 0,#1b2420 30%,#141817 62%); }
.dashboard-hero::before { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent 24%,#ffffff08 24%,#ffffff08 calc(24% + 1px),transparent calc(24% + 1px)),linear-gradient(90deg,transparent 53%,#ffffff08 53%,#ffffff08 calc(53% + 1px),transparent calc(53% + 1px)); opacity:.35; }
.dashboard-hero-copy { position:relative; z-index:1; min-width:0; }
.dashboard-hero-eyebrow { font-size:10px; font-weight:700; letter-spacing:.13em; color:var(--mint); margin:0 0 28px; }
.dashboard-hero-eyebrow > span { color:#819187; margin-left:12px; }
.dashboard-hero h1 { font-size:clamp(45px,5.7vw,100px); line-height:1.04; font-weight:600; letter-spacing:-.075em; margin:0; }
.dashboard-hero h1 > span { display:block; }
.dashboard-hero-accent { color:var(--mint); }
.dashboard-hero-description { font-size:clamp(16px,1.25vw,20px); line-height:1.6; max-width:47ch; margin:30px 0 26px; color:#bfc9c1; }
.dashboard-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px 28px; }
.dashboard-hero-button { display:inline-flex; align-items:center; justify-content:space-between; gap:26px; min-height:54px; padding:15px 22px; border-radius:100px; background:var(--mint); color:#141817; text-decoration:none; font-weight:700; font-size:13px; }
.dashboard-hero-button:hover { background:#d2eadb; }
.dashboard-hero-text-link { color:var(--cream); display:inline-flex; gap:16px; padding:12px 0; min-height:44px; font-size:13px; border-bottom:1px solid #d9e0d759; text-decoration:none; }
.dashboard-hero-foot { position:absolute; bottom:30px; left:clamp(22px,5vw,80px); right:clamp(22px,5vw,80px); display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; font-size:9px; font-weight:700; letter-spacing:.13em; color:#87978b; }
.dashboard-hero-foot a { color:#c1d6c4; display:inline-flex; align-items:center; gap:18px; min-height:44px; text-decoration:none; }
.dashboard-hero-foot a:hover { text-decoration:underline; text-underline-offset:5px; }
.dashboard-hero a:focus-visible { outline:2px solid var(--mint); outline-offset:5px; }
.dashboard-hero .hero-art{position:relative;width:100%;aspect-ratio:1;max-width:650px;justify-self:end;transform:translateX(6%);animation:dashboard-art-in 1.25s .25s both}.dashboard-hero .art-grid{position:absolute;inset:8%;border:1px solid #ffffff18;border-radius:50%}.dashboard-hero .art-grid::before,.dashboard-hero .art-grid::after{content:'';position:absolute;background:#ffffff14}.dashboard-hero .art-grid::before{width:1px;top:-12%;bottom:-12%;left:50%}.dashboard-hero .art-grid::after{height:1px;left:-12%;right:-12%;top:50%}.dashboard-hero .art-halo{position:absolute;inset:22%;border-radius:50%;background:#a0d0b91a;filter:blur(40px);animation:dashboard-halo-breathe 5.2s ease-in-out infinite}.dashboard-hero .art-orbit{position:absolute;inset:13%;border:1px solid #add8bf4f;border-radius:50%;transform:rotateX(72deg) rotate(-24deg)}.dashboard-hero .art-orbit::after{content:"";position:absolute;width:8px;height:8px;top:50%;right:-4px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px #b9dec929,0 0 18px #b9dec980}.dashboard-hero .art-orbit-two::after{width:5px;height:5px;background:var(--cream);box-shadow:0 0 0 4px #f1eee626,0 0 12px #f1eee680}.dashboard-hero .art-orbit-one{animation:dashboard-orbit 14s linear infinite}.dashboard-hero .art-orbit-two{inset:24% 2%;border-color:#f7f0dd26;transform:rotateY(68deg) rotate(20deg);animation:dashboard-orbit-two 17s linear infinite}.dashboard-hero .art-shadow{position:absolute;left:22%;right:18%;bottom:14%;height:9%;border-radius:50%;background:#020908ab;filter:blur(19px);animation:dashboard-shadow-breathe 5.2s ease-in-out infinite}
.dashboard-hero .art-object{position:absolute;left:25%;top:15%;width:51%;height:68%;border-radius:49% 51% 47% 53%/38% 44% 56% 62%;background:radial-gradient(ellipse at 30% 24%,#f5f0e5 0,#e3e8d9 22%,#9bbca8 45%,#587063 67%,#263a31 90%);box-shadow:inset -25px -21px 35px #10251c80,inset 15px 12px 26px #ffffffb3,25px 22px 55px #0009;transform:rotate(-25deg);animation:dashboard-float 5.2s ease-in-out infinite}.dashboard-hero .art-object::before{content:'';position:absolute;inset:3%;border-radius:inherit;border:1px solid #fafff26b}.dashboard-hero .art-opening{position:absolute;inset:28% 17% 27%;border-radius:50%;background:radial-gradient(ellipse at 65% 20%,#4f6e60,#172820 55%,#0b1611 78%);box-shadow:inset 10px 10px 20px #0b140da9,0 0 1px 14px #e3e8d31f;border:4px solid #a7c6ae90}
.dashboard-hero .art-caption{position:absolute;color:#d8e6da;display:flex;align-items:center;gap:13px}.dashboard-hero .art-caption i{width:60px;height:1px;background:#a2cbb4}.dashboard-hero .art-caption-top{top:23%;right:0}.dashboard-hero .art-caption-bottom{bottom:21%;left:0}.dashboard-hero .art-coordinate{position:absolute;bottom:0;right:4%;color:#71877a;font-size:9px;white-space:nowrap}
@keyframes dashboard-float{0%,100%{transform:translate3d(0,0,0) rotate(-25deg)}50%{transform:translate3d(10px,-27px,0) rotate(-19deg)}}@keyframes dashboard-orbit{from{transform:rotateX(72deg) rotate(-24deg)}to{transform:rotateX(72deg) rotate(336deg)}}@keyframes dashboard-orbit-two{from{transform:rotateY(68deg) rotate(20deg)}to{transform:rotateY(68deg) rotate(380deg)}}@keyframes dashboard-halo-breathe{0%,100%{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.18)}}@keyframes dashboard-shadow-breathe{0%,100%{opacity:.7;transform:scale(.88)}50%{opacity:1;transform:translateX(8px) scale(1.08)}}

@keyframes dashboard-art-in { from { opacity:0; transform:translateY(35px) scale(.85); } to { opacity:1; transform:translateY(0) scale(1); } }
@media(max-width:850px) { .dashboard-hero { grid-template-columns:1fr; min-height:auto; padding-top:65px; gap:15px; } .dashboard-hero h1 { font-size:clamp(44px,8.5vw,72px); } .dashboard-hero .hero-art { width:min(450px,80%); justify-self:center; transform:none; } .dashboard-hero-description { max-width:54ch; } }
@media(max-width:500px) { .dashboard-hero { padding-top:46px; padding-bottom:85px; } .dashboard-hero h1 { font-size:clamp(36px,10.5vw,50px); } .dashboard-hero-eyebrow { font-size:8px; letter-spacing:.08em; } .dashboard-hero-eyebrow > span { display:none; } .dashboard-hero .hero-art { width:100%; margin-top:10px; } .dashboard-hero-foot > span { display:none; } .dashboard-hero-foot { bottom:20px; } }
@media(prefers-reduced-motion:reduce) { .dashboard-hero .hero-art,.dashboard-hero .art-object,.dashboard-hero .art-orbit,.dashboard-hero .art-halo,.dashboard-hero .art-shadow { animation:none!important; } }