/* ZDV PROFESSIONAL 2026 — full-site theme refinement. Loaded after legacy styles. */
:root{--zdv-aqua:#54caff;--zdv-royal:#225dc7;--zdv-glass:#0a1b35;--zdv-orange:#ffab3d;--zdv-border:rgba(91,184,255,.36)}
.zdv-site{background:#050d1c;color:#f3f7ff}
/* Navigation and dropdown, including real Bootstrap states */
.zdv-site .zdv-header .zdv-nav{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:19px!important}
.zdv-site .zdv-nav .zdv-dropdown,.zdv-site .zdv-nav .dropdown-menu.show{background:linear-gradient(145deg,rgba(9,26,52,.985),rgba(4,13,28,.99))!important;border:1px solid var(--zdv-border)!important;border-radius:16px!important;padding:9px!important;box-shadow:0 20px 50px rgba(0,5,20,.8),0 0 25px #178aff19!important}
.zdv-site .zdv-nav .dropdown-menu .dropdown-item{color:#d5e9ff!important;border-radius:9px;padding:11px 13px;transition:background .18s ease,transform .18s ease}
.zdv-site .zdv-nav .dropdown-menu .dropdown-item:hover,.zdv-site .zdv-nav .dropdown-menu .dropdown-item:focus-visible{color:#fff!important;background:linear-gradient(105deg,#104779,#18305b)!important;transform:translateX(2px)}
.zdv-site .zdv-nav .nav-link[aria-expanded="true"]{box-shadow:inset 0 0 0 1px #58befe69,0 0 20px #2086fe33;background:linear-gradient(135deg,#0d3059,#071b34)}
/* Hero: preserve legibility on darker left side; commercial imagery on right. */
.zdv-site.zdv-home-page .zf-hero{background:radial-gradient(circle at 73% 39%,#1857a635,transparent 48%),linear-gradient(90deg,#041020f2 0%,#081c36d6 58%,#081b3766),url('/recursos/zdv2026/workspace-hero.webp') center/cover!important}
.zdv-site.zdv-home-page .zf-hero h1{letter-spacing:-.047em;line-height:1.09!important;max-width:750px}
.zdv-site.zdv-home-page .zf-specialties{background:linear-gradient(120deg,#061429e8,#061a32e5),url('/recursos/zdv2026/web-hero.webp') right center/cover!important}
.zdv-site.zdv-home-page .zf-projects{background:linear-gradient(105deg,#051124f5,#0c1c37e5),url('/recursos/zdv2026/workspace-hero.webp') center/cover!important}
.zdv-site.zdv-home-page .zf-about{background:linear-gradient(110deg,#051225f6,#112b4be0),url('/recursos/zdv2026/workspace-hero.webp') center/cover!important}
.zdv-site .wc-home-feature{background:linear-gradient(115deg,#061428ec,#092846dc),url('/recursos/zdv2026/web-hero.webp') right center/cover!important}
.zdv-site .zdv-catalog-header{background:linear-gradient(100deg,#041324f2,#0a2541d2),url('/recursos/zdv2026/web-hero.webp') center/cover!important}
/* Inner web pages: keep text readable and align to business purpose. */
.zdv-site .wc-hero,.zdv-site .wc-hero-education,.zdv-site .wc-marketing-hero{background-image:linear-gradient(95deg,#061324f8 0%,#0a2241e9 54%,#0a284b9c 100%),url('/recursos/zdv2026/web-hero.webp')!important;background-position:center,right center!important;background-size:cover!important}
.zdv-site .wc-hero-education{background-image:linear-gradient(95deg,#061324f8 0%,#0a2241ed 64%,#0a284bc2),url('/recursos/zdv2026/web-hero.webp')!important}
.zdv-site .wc-hero-copy,.zdv-site .zs-hero-copy{position:relative;z-index:1}
.zdv-site .wc-section,.zdv-site .wc-site,.zdv-site .zs-site{background-color:#07172c}
/* Systems distinct from websites. */
.zdv-site .zs-hero,.zdv-site .zs-page-hero{background-image:linear-gradient(95deg,#061020f6 0%,#091d37df 60%,#0a284b80),url('/recursos/zdv2026/systems-hero.webp')!important;background-position:center,right center!important;background-size:cover!important}
/* Games page: no seasonal buildings. Game itself remains an independent functional minigame. */
.zdv-site .zgame-home-hero,.zdv-site .zgame-hero,.zdv-site .zgame-section{background-image:linear-gradient(110deg,#061124ef,#0b2141d6),url('/recursos/zdv2026/games-hero.webp')!important;background-position:center,right center!important;background-size:cover!important}
.zdv-site .zgame-home-hero .zgame-hero-copy{position:relative;z-index:2}
/* 3D-like brand buttons, without decorative text arrows. */
.zdv-site :is(.zf-btn,.wc-btn,.zdv-btn,.zp-button,.zs-btn,.zgame-cta,.zdv-catalog-card button){border-radius:13px!important;transition:transform .18s,box-shadow .18s,border-color .18s!important;box-shadow:inset 0 1px 0 #fff3,0 9px 24px #0006!important}
.zdv-site :is(.zf-btn,.wc-btn,.zdv-btn,.zp-button,.zs-btn,.zgame-cta,.zdv-catalog-card button):hover{transform:translateY(-2px);filter:brightness(1.09);box-shadow:inset 0 1px 0 #fffa,0 13px 34px #078cfc32!important}
.zdv-site :is(a,button,input,textarea,select):focus-visible{outline:2px solid #8bdcff!important;outline-offset:3px}
/* Owner and Profile: cohesive dark-glass panels, retaining all functional controls. */
.zdv-site.zp-page{background:linear-gradient(150deg,#050d1c,#0b1c37)}
.zdv-site.zp-page .zp-card,.zdv-site.zp-page .zp-login,.zdv-site.zp-page .zp-admin details{background:linear-gradient(145deg,#0c2340f7,#091629f9)!important;border:1px solid #448dc66e!important;border-radius:20px!important;box-shadow:inset 0 1px #a4d9ff14,0 20px 50px #0005}
.zdv-site.zp-page :is(input,textarea,select){background:#07162b;color:#f2f8ff;border:1px solid #427aaa;border-radius:11px;min-height:42px;padding:10px 13px}
.zdv-site.zp-page :is(input,textarea,select):focus{border-color:#65ceff;box-shadow:0 0 0 3px #0caaff26;outline:none}
.zdv-site.zp-page .zp-admin-heading{border-radius:20px;padding:22px;background:linear-gradient(115deg,#102846,#06192e);border:1px solid #4281b761}
.zdv-site .zp-button{background:linear-gradient(135deg,#ffc059,#f28f2a)!important;color:#0a1730!important;font-weight:800}
.zdv-site .zp-button-outline{background:linear-gradient(135deg,#153453,#0a1c34)!important;color:#e5f3ff!important}
/* Footer is always a 4-column grid with scoped icons. Prevent giant inherited SVG. */
.zdv-site .zdv-footer-2026{background:linear-gradient(130deg,#061020f8,#081a30e8),url('/recursos/zdv2026/workspace-hero.webp') center/cover!important;border-top:1px solid #4ca7e35c}
.zdv-site .zdv-footer-2026-inner{max-width:1400px;margin:auto}
.zdv-site .zdv-footer-2026-col svg{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;flex:0 0 16px;fill:currentColor}
.zdv-site .zdv-footer-2026-col a{display:flex;align-items:center;gap:9px;text-decoration:none;color:#c5d9ef!important;line-height:1.6}
.zdv-site .zdv-footer-2026-col a:hover{color:#fff!important;text-shadow:0 0 12px #3aaeff55}
/* Floating widgets are independent in size and position. */
.zdv-site .zdv-radio-launcher{right:120px!important;bottom:18px!important;min-width:95px!important;z-index:1085!important}
.zdv-site .zdv-ai-launcher{right:18px!important;bottom:18px!important;min-width:82px!important;z-index:1085!important}
.zdv-site .zdv-radio-panel{right:120px;bottom:83px;z-index:1086}
.zdv-site .zdv-ai-panel{right:18px;bottom:83px;z-index:1086}
.zdv-site :is(.zdv-radio-launcher,.zdv-ai-launcher){box-shadow:0 12px 32px #000b,inset 0 1px #fff3,0 0 19px #2379fe25!important}
/* Small devices: launcher sizes stay separate and panels move inside viewport. */
@media(max-width:900px){.zdv-site .wc-hero,.zdv-site .zs-hero{background-position:66% center!important}}
@media(max-width:700px){.zdv-site .zdv-radio-launcher{right:111px!important;bottom:12px!important;min-width:89px!important}.zdv-site .zdv-ai-launcher{right:12px!important;bottom:12px!important;min-width:82px!important}.zdv-site .zdv-radio-panel,.zdv-site .zdv-ai-panel{right:12px!important;bottom:72px!important;max-width:calc(100vw - 24px)}.zdv-site .zf-hero-copy{width:100%!important}.zdv-site .zdv-footer-2026-top{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px!important}}
@media(max-width:470px){.zdv-site .zdv-footer-2026-top{grid-template-columns:1fr!important}.zdv-site .zdv-radio-launcher,.zdv-site .zdv-ai-launcher{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.zdv-site *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Credly: credencial verificable integrada al perfil publico */
.zp-credly-card { text-align: center; }
.zp-credly-card h2 { margin: .55rem 0 .8rem; font-size: 1.1rem; line-height: 1.4; }
.zp-credly-card .zp-body, .zp-credly-card .zp-help { text-align: left; }
.zp-credly-embed { display: flex; justify-content: center; align-items: center; min-height: 280px; margin: .75rem auto 1rem; max-width: 100%; overflow: hidden; }
.zp-credly-embed iframe { max-width: 100%; }
.zp-credly-link { display: inline-flex; width: 100%; justify-content: center; text-align: center; line-height: 1.35; }
