/* Independent surfaces for navigation, hero, catalogue and sidebar. */
body.smc-design-nuevo{--dv-box-radius:14px;--dv-box-border:color-mix(in srgb,var(--c-text) 12%,transparent);--dv-box-shadow:0 6px 24px #18213108;background:color-mix(in srgb,var(--c-body) 94%,#64748b 6%)}
html.s-dark body.smc-design-nuevo{--dv-box-shadow:0 6px 24px #0002;background:#202226}
body.smc-design-nuevo .smc-site-header,body.smc-design-nuevo .smc-home-hero,body.smc-design-nuevo .main-footer{width:calc(100% - 40px);max-width:var(--dv-width);margin-inline:auto;border-radius:var(--dv-box-radius);box-shadow:var(--dv-box-shadow)}
body.smc-design-nuevo .smc-site-header{margin-top:22px;margin-bottom:22px;min-height:0;border:1px solid var(--dv-box-border);background:var(--c-body)}
body.smc-design-nuevo .smc-top-strip{border-radius:13px 13px 0 0}
body.smc-design-nuevo .smc-main-nav{border-radius:0 0 13px 13px;border-bottom:0;box-shadow:none}
body.smc-design-nuevo .smc-header-container{width:100%;max-width:none;padding-inline:22px}
body.smc-design-nuevo .smc-home-hero{border:1px solid var(--dv-box-border);margin-bottom:22px}
body.smc-design-nuevo .smc-home-hero__inner{width:100%;max-width:none;padding:34px 28px 28px}
body.smc-design-nuevo .dv-layout{padding-top:0;padding-bottom:0;margin-bottom:28px;align-items:start}
body.smc-design-nuevo .dv-layout>.main-content,body.smc-design-nuevo .dv-layout>.main-sidebar{background:var(--c-body);border:1px solid var(--dv-box-border);border-radius:var(--dv-box-radius);box-shadow:var(--dv-box-shadow);padding:22px;min-width:0}
body.smc-design-nuevo .main-sidebar{border-left:1px solid var(--dv-box-border)}
body.smc-design-nuevo .main-sidebar>.widget:last-child{margin-bottom:0}
body.smc-design-nuevo .main-sidebar .widget-title{border-radius:6px}
body.smc-design-nuevo .main-footer{margin-top:0;margin-bottom:24px;padding-inline:24px;border:1px solid var(--dv-box-border)}
body.smc-design-nuevo .main-footer>.main-wrap{width:100%;max-width:none}
@media(min-width:901px) and (max-width:1100px){body.smc-design-nuevo .dv-layout>.main-content,body.smc-design-nuevo .dv-layout>.main-sidebar{padding:16px}}
@media(max-width:900px){body.smc-design-nuevo .smc-header-container{padding-inline:16px}body.smc-design-nuevo .smc-home-hero__inner{padding:26px 20px}body.smc-design-nuevo .dv-layout{gap:20px}}
@media(max-width:767px){body.smc-design-nuevo{--dv-box-radius:11px}body.smc-design-nuevo .smc-site-header,body.smc-design-nuevo .smc-home-hero,body.smc-design-nuevo .main-footer,body.smc-design-nuevo .dv-layout{width:calc(100% - 24px)}body.smc-design-nuevo .smc-site-header{margin-top:12px;margin-bottom:14px}body.smc-design-nuevo .smc-home-hero{margin-bottom:14px}body.smc-design-nuevo .smc-home-hero__inner{padding:24px 16px}body.smc-design-nuevo .dv-layout>.main-content,body.smc-design-nuevo .dv-layout>.main-sidebar{padding:14px}body.smc-design-nuevo .smc-top-strip{border-radius:10px 10px 0 0}body.smc-design-nuevo .smc-main-nav{border-radius:0 0 10px 10px}body.smc-design-nuevo .smc-header-container{padding-inline:12px}body.smc-design-nuevo .main-footer{padding-inline:16px}}
/* Full-width navigation and copyright; content keeps its boxed surfaces. */
body.smc-design-nuevo .smc-site-header{width:100%;max-width:none;margin:0 0 22px;border:0;border-radius:0;box-shadow:none}
body.smc-design-nuevo .smc-top-strip,body.smc-design-nuevo .smc-main-nav{border-radius:0}
body.smc-design-nuevo .smc-header-container{width:calc(100% - 40px);max-width:var(--dv-width);padding-inline:0}
body.smc-design-nuevo .main-footer{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
body.smc-design-nuevo .main-footer>.main-wrap{width:calc(100% - 40px);max-width:var(--dv-width);padding-inline:24px;background:var(--dv-footer-bg,#111318);border:1px solid var(--dv-box-border);border-radius:var(--dv-box-radius);margin-bottom:24px}
body.smc-design-nuevo .main-footer .lower-footer{background:var(--dv-footer-bg,#111318);border-top:1px solid #ffffff15;width:100%}
body.smc-design-nuevo .main-footer .lower-footer>.main-wrap{width:calc(100% - 40px);max-width:var(--dv-width)}
@media(max-width:767px){body.smc-design-nuevo .smc-site-header{width:100%;margin:0 0 14px}body.smc-design-nuevo .smc-header-container{width:calc(100% - 24px)}body.smc-design-nuevo .main-footer{width:100%;padding:0;margin:0}body.smc-design-nuevo .main-footer>.main-wrap{width:calc(100% - 24px);padding-inline:16px}body.smc-design-nuevo .main-footer .lower-footer>.main-wrap{width:calc(100% - 24px)}}
/* Compact spacing and an independent surface for each sidebar widget. */
body.smc-design-nuevo .smc-site-header,body.smc-design-nuevo .smc-home-hero{margin-bottom:12px}
body.smc-design-nuevo .dv-layout:has(>.main-sidebar){gap:12px}
body.smc-design-nuevo .dv-layout{margin-bottom:12px}
body.smc-design-nuevo .dv-layout>.main-sidebar{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}
body.smc-design-nuevo .main-sidebar>.widget{padding:18px;margin:0 0 12px;background:var(--c-body);border:1px solid var(--dv-box-border);border-radius:var(--dv-box-radius);box-shadow:var(--dv-box-shadow)}
body.smc-design-nuevo .main-sidebar>.widget:last-child{margin-bottom:0}
body.smc-design-nuevo .main-footer>.main-wrap{margin-bottom:12px}
@media(max-width:767px){body.smc-design-nuevo .smc-site-header,body.smc-design-nuevo .smc-home-hero{margin-bottom:10px}body.smc-design-nuevo .dv-layout:has(>.main-sidebar){gap:10px}body.smc-design-nuevo .main-sidebar>.widget{padding:14px;margin-bottom:10px}}
body.smc-design-nuevo .dv-social-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
body.smc-design-nuevo .dv-social-links .dv-social-link{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:11px;margin:0;border-radius:10px;flex:0 0 46px;line-height:1;text-decoration:none;transition:transform .15s ease,filter .15s ease}
body.smc-design-nuevo .dv-social-links .dv-social-icon{width:24px;height:24px;display:block}
body.smc-design-nuevo .dv-social-links .dv-social-link:hover{transform:translateY(-2px);filter:brightness(1.15)}
body.smc-design-nuevo .dv-social-links .dv-social-facebook{background:#1877f2;color:#fff;border-color:#1877f2}
body.smc-design-nuevo .dv-social-links .dv-social-twitter{background:#080808;color:#fff;border-color:#414141}
body.smc-design-nuevo .dv-social-links .dv-social-youtube{background:#f00000;color:#fff;border-color:#f00000}
body.smc-design-nuevo .dv-social-links .dv-social-telegram{background:#229ed9;color:#fff;border-color:#229ed9}
/* Optical sizing: brand silhouettes have different internal whitespace. */
body.smc-design-nuevo .dv-social-links .dv-social-icon{width:22px;height:22px;flex-shrink:0}
body.smc-design-nuevo .dv-social-links .dv-social-twitter .dv-social-icon{width:21px;height:21px}
body.smc-design-nuevo .dv-social-links .dv-social-youtube .dv-social-icon{width:27px;height:27px}
/* The icon indicates the mode the button will activate. */
.dv-scheme-toggle .dv-theme-moon,.dv-scheme-toggle .dv-theme-sun{align-items:center;justify-content:center;width:22px;height:22px}
.dv-scheme-toggle .dv-theme-moon{display:flex}.dv-scheme-toggle .dv-theme-sun{display:none}
html.s-dark .dv-scheme-toggle .dv-theme-moon{display:none}html.s-dark .dv-scheme-toggle .dv-theme-sun{display:flex}
.dv-scheme-toggle .dv-icon{width:21px;height:21px}
body.smc-design-nuevo .smc-hero-button{transition:transform .18s ease!important}
body.smc-design-nuevo .smc-hero-button--secondary:hover{filter:none}
html.dv-skin-changing *,html.dv-skin-changing *::before,html.dv-skin-changing *::after{transition:none!important}
/* Warm sunlight and cool moonlight on the scheme control. */
body.smc-design-nuevo .dv-scheme-toggle .dv-theme-sun{color:#ffc44d;filter:drop-shadow(0 0 5px #ffb52e66)}
body.smc-design-nuevo .dv-scheme-toggle .dv-theme-moon{color:#bdd6ff;filter:drop-shadow(0 0 4px #8cb9ff44)}
body.smc-design-nuevo .dv-scheme-toggle:hover .dv-theme-sun{color:#ffd779}
body.smc-design-nuevo .dv-scheme-toggle:hover .dv-theme-moon{color:#e0ebff}
/* Scheme lens (as in S4): the new snapshot is revealed by a circle growing from the toggle over the old one. */
html::view-transition-group(root),html::view-transition-old(root),html::view-transition-new(root){animation:none;mix-blend-mode:normal}
html::view-transition-image-pair(root){isolation:isolate}
html::view-transition-old(root){z-index:1}html::view-transition-new(root){z-index:2;clip-path:circle(0px);will-change:clip-path}
/* Primary menu: icons, submenu chevron and bubble dropdowns. */
.smc-primary-menu li{--dv-tint:#94a3b8}
.smc-primary-menu .dv-menu-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--dv-tint)}
.smc-primary-menu .dv-menu-icon svg{width:100%;height:100%;display:block}
.smc-primary-menu>li>a{gap:8px}
.smc-primary-menu>li>a>.dv-menu-icon{width:17px;height:17px;color:#9aa3ad;transition:color .16s ease,transform .16s ease}
.smc-primary-menu>li>a:hover>.dv-menu-icon,.smc-primary-menu>li.is-open>a>.dv-menu-icon{color:var(--dv-accent);transform:translateY(-1px)}
.dv-menu-chevron{display:inline-flex;width:13px;height:13px;margin-left:-2px;opacity:.7;transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .16s ease}
.dv-menu-chevron svg{width:100%;height:100%}
.smc-primary-menu>li>a[aria-expanded=true] .dv-menu-chevron{transform:rotate(180deg);opacity:1}
.smc-primary-menu>li.is-open>a{color:var(--dv-accent)!important;background:#151515}
.smc-primary-menu .dv-tint-windows{--dv-tint:#3b9cff}.smc-primary-menu .dv-tint-laptop{--dv-tint:#cbd5e1}.smc-primary-menu .dv-tint-grid{--dv-tint:var(--dv-accent)}.smc-primary-menu .dv-tint-film{--dv-tint:#fb923c}
.smc-primary-menu .dv-tint-tv{--dv-tint:#22d3ee}.smc-primary-menu .dv-tint-sparkles{--dv-tint:#c084fc}.smc-primary-menu .dv-tint-crown{--dv-tint:#facc15}.smc-primary-menu .dv-tint-help{--dv-tint:#4ade80}
.smc-primary-menu .dv-tint-key{--dv-tint:#f5b83d}.smc-primary-menu .dv-tint-pen{--dv-tint:#ff5a5f}.smc-primary-menu .dv-tint-music{--dv-tint:#a78bfa}.smc-primary-menu .dv-tint-cube{--dv-tint:#2dd4bf}
.smc-primary-menu .dv-tint-chip{--dv-tint:#60a5fa}.smc-primary-menu .dv-tint-palette{--dv-tint:#f472b6}.smc-primary-menu .dv-tint-gamepad{--dv-tint:#34d399}.smc-primary-menu .dv-tint-file{--dv-tint:#f87171}
.smc-primary-menu .dv-tint-briefcase{--dv-tint:#fdba74}.smc-primary-menu .dv-tint-wrench{--dv-tint:#38bdf8}.smc-primary-menu .dv-tint-monitor{--dv-tint:#818cf8}.smc-primary-menu .dv-tint-folder{--dv-tint:#94a3b8}
/* Labels come in sentence case from PHP. */
.smc-primary-menu a,.smc-nav-toggle{text-transform:none!important}
.smc-primary-menu>li>a{font-size:14px;letter-spacing:0}
.smc-primary-menu .sub-menu>li>a{display:flex;align-items:center;gap:11px;padding:6px 12px 6px 6px;border:1px solid transparent;border-radius:12px;background:transparent;font-size:13.5px;font-weight:600;line-height:1.25;color:#e3e6ea!important;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s ease,background-color .16s ease}
.smc-primary-menu .sub-menu .dv-menu-icon{width:32px;height:32px;padding:7px;border-radius:10px;background:color-mix(in srgb,var(--dv-tint) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dv-tint) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.08);transition:background-color .16s ease,transform .16s cubic-bezier(.2,.8,.2,1)}
.smc-primary-menu .sub-menu>li>a:hover,.smc-primary-menu .sub-menu>li>a:focus-visible{border-color:color-mix(in srgb,var(--dv-tint) 35%,transparent);background:color-mix(in srgb,var(--dv-tint) 8%,#1b1e23);color:#fff!important}
.smc-primary-menu .sub-menu>li>a:hover .dv-menu-icon{background:color-mix(in srgb,var(--dv-tint) 26%,transparent);transform:scale(1.06)}
.smc-primary-menu .sub-menu>li>a[aria-current=page]{background:#1b1e23}
@media(min-width:901px){
/* One panel holds the options; the ::before strip keeps hover alive across the gap. */
.smc-primary-menu .sub-menu{display:grid!important;grid-template-columns:minmax(210px,1fr);gap:4px;top:calc(100% + 8px);min-width:230px;padding:8px;border:1px solid #272b31;border-radius:16px;background:linear-gradient(180deg,#17191d,#111316);box-shadow:0 22px 48px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);transform-origin:20% 0;transition:opacity .14s ease .06s,transform .18s ease .06s,visibility 0s linear .24s;z-index:60}
.smc-primary-menu .sub-menu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.smc-primary-menu .sub-menu:has(>li:nth-child(7)){grid-template-columns:repeat(2,minmax(200px,1fr));width:452px}
.smc-primary-menu .sub-menu>li{opacity:0;transform:translateY(5px);transition:opacity .15s ease,transform .2s cubic-bezier(.2,.9,.3,1.15)}
.smc-primary-menu li:hover>.sub-menu,.smc-primary-menu li:focus-within>.sub-menu,.smc-primary-menu li.is-open>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .14s ease,transform .2s cubic-bezier(.2,.8,.2,1),visibility 0s}
.smc-primary-menu li:hover>.sub-menu>li,.smc-primary-menu li:focus-within>.sub-menu>li,.smc-primary-menu li.is-open>.sub-menu>li{opacity:1;transform:none;transition-delay:calc(var(--dv-i,0)*12ms + 30ms)}
.smc-primary-menu li.dv-menu-closed>.sub-menu{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.smc-primary-menu>li:hover>a .dv-menu-chevron{transform:rotate(180deg);opacity:1}
.dv-mobile-home{display:none!important}
}
@media(max-width:900px){
/* Accordion: closed until the parent is tapped. */
.smc-nav-home{display:none!important}
.smc-primary-menu .sub-menu,.smc-primary-menu li:focus-within>.sub-menu,.smc-primary-menu li:hover>.sub-menu{display:none!important}
.smc-primary-menu li.is-open>.sub-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:2px 8px 10px;padding:6px;border:1px solid #23272c;border-radius:14px;background:#111316;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);animation:dvAccordion .2s cubic-bezier(.2,.8,.2,1)}
.smc-primary-menu .sub-menu>li>a{padding:5px 8px 5px 5px;font-size:13px}
.smc-primary-menu .sub-menu .dv-menu-icon{width:28px;height:28px;padding:6px}
.smc-primary-menu>li>a{min-height:46px;border-radius:10px}
.smc-primary-menu>li.menu-item-has-children>a .dv-menu-chevron{box-sizing:content-box;margin:0 -8px 0 auto;width:16px;height:16px;padding:14px}
.smc-primary-menu>li.is-open>a .dv-menu-chevron{transform:rotate(180deg);opacity:1}
.smc-primary-menu .dv-mobile-search{order:-2;padding:8px 6px 6px}
.smc-primary-menu .dv-mobile-home{order:-1}
.smc-primary-menu .dv-mobile-search .search-form{position:relative;display:flex;align-items:center;border-radius:25px;background:linear-gradient(180deg,#121417,#1a1d21);box-shadow:inset 0 2px 5px rgba(0,0,0,.5),inset 0 -1px 0 rgba(255,255,255,.05)}
.smc-primary-menu .dv-mobile-search input[type=search]{width:100%;height:44px;padding:0 50px 0 18px;border:0;border-radius:25px;background:transparent;color:#e5e7eb;font-size:14px}
.smc-primary-menu .dv-mobile-search input[type=search]::placeholder{color:#7f858d}
.smc-primary-menu .dv-mobile-search .search-button{position:absolute;right:2px;top:0;bottom:0;width:44px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--dv-on-accent);isolation:isolate}
.smc-primary-menu .dv-mobile-search .search-button::before{content:"";position:absolute;z-index:-1;inset:50% auto auto 50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:linear-gradient(180deg,var(--dv-accent-hi),var(--dv-accent-lo));box-shadow:0 4px 10px color-mix(in srgb,var(--dv-accent) 38%,transparent),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -2px 0 rgba(0,0,0,.18)}
.smc-primary-menu .dv-mobile-search .search-button .dv-icon{width:15px;height:15px}
}
@keyframes dvAccordion{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* Raised hamburger that folds into an X when open. */
.smc-nav-toggle{gap:9px!important;height:42px;padding:0 14px 0 12px!important;border:1px solid #2c3037!important;border-radius:12px!important;background:linear-gradient(180deg,#24272d,#17191d)!important;color:#eef0f3!important;font-size:13px!important;letter-spacing:.01em;box-shadow:0 6px 14px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.09),inset 0 -2px 3px rgba(0,0,0,.35);transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease}
.smc-nav-toggle:hover{transform:translateY(-1px)}
.smc-nav-toggle:active,.smc-nav-toggle[aria-expanded=true]{transform:translateY(1px);background:linear-gradient(180deg,#15171a,#1d2025)!important;box-shadow:0 1px 3px rgba(0,0,0,.4),inset 0 2px 5px rgba(0,0,0,.5)}
.smc-nav-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
.dv-burger{position:relative;display:inline-block;width:18px;height:14px}
.dv-burger>span{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:var(--dv-accent);box-shadow:0 1px 2px rgba(0,0,0,.4);transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .15s ease,top .22s cubic-bezier(.2,.8,.2,1)}
.dv-burger>span:nth-child(1){top:0}.dv-burger>span:nth-child(2){top:6px}.dv-burger>span:nth-child(3){top:12px}
.smc-nav-toggle[aria-expanded=true] .dv-burger>span:nth-child(1){top:6px;transform:rotate(45deg)}
.smc-nav-toggle[aria-expanded=true] .dv-burger>span:nth-child(2){opacity:0;transform:scaleX(.3)}
.smc-nav-toggle[aria-expanded=true] .dv-burger>span:nth-child(3){top:6px;transform:rotate(-45deg)}
@media(prefers-reduced-motion:reduce){.smc-primary-menu .sub-menu,.smc-primary-menu .sub-menu>li,.smc-primary-menu .sub-menu>li>a,.dv-menu-chevron,.dv-burger>span,.smc-nav-toggle{transition:none!important;animation:none!important}}
/* Raised search and scheme buttons. */
body.smc-design-nuevo .smc-native-search .search-form{background:linear-gradient(180deg,#121417,#1a1d21);box-shadow:inset 0 2px 5px rgba(0,0,0,.5),inset 0 -1px 0 rgba(255,255,255,.05),0 1px 0 rgba(255,255,255,.03)}
body.smc-design-nuevo .smc-native-search .search-button{top:0;bottom:0;right:0;height:auto;display:flex;align-items:center;justify-content:center;color:var(--dv-on-accent);isolation:isolate}
body.smc-design-nuevo .smc-native-search .search-button::before{content:"";position:absolute;z-index:-1;inset:50% auto auto 50%;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;background:linear-gradient(180deg,var(--dv-accent-hi),var(--dv-accent-lo));box-shadow:0 4px 10px color-mix(in srgb,var(--dv-accent) 38%,transparent),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -2px 0 rgba(0,0,0,.18);transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,filter .16s ease}
body.smc-design-nuevo .smc-native-search .search-button .dv-icon{width:15px;height:15px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));transition:transform .16s cubic-bezier(.2,.8,.2,1)}
body.smc-design-nuevo .smc-native-search .search-button:hover::before{transform:translateY(-1px) scale(1.05);filter:brightness(1.07);box-shadow:0 7px 14px color-mix(in srgb,var(--dv-accent) 45%,transparent),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -2px 0 rgba(0,0,0,.18)}
body.smc-design-nuevo .smc-native-search .search-button:hover .dv-icon{transform:translateY(-1px)}
body.smc-design-nuevo .smc-native-search .search-button:active::before{transform:translateY(1px) scale(.97);box-shadow:0 2px 5px color-mix(in srgb,var(--dv-accent) 30%,transparent),inset 0 2px 3px rgba(0,0,0,.2)}
body.smc-design-nuevo .smc-native-search .search-button:focus-visible{outline:none}
body.smc-design-nuevo .smc-native-search .search-button:focus-visible::before{box-shadow:0 0 0 2px #101215,0 0 0 4px #fff}
body.smc-design-nuevo .smc-native-controls .dv-scheme-toggle{width:40px;height:40px;min-width:40px;min-height:40px;flex:0 0 40px;border:1px solid #2c3037!important;border-radius:50%!important;background:radial-gradient(circle at 35% 28%,#2c3038,#16181c 72%)!important;box-shadow:0 6px 14px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.09),inset 0 -3px 5px rgba(0,0,0,.4)!important;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,border-color .16s ease}
body.smc-design-nuevo .smc-native-controls .dv-scheme-toggle:hover{transform:translateY(-1px);border-color:#3a3f48!important;box-shadow:0 9px 18px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -3px 5px rgba(0,0,0,.4)!important}
body.smc-design-nuevo .smc-native-controls .dv-scheme-toggle:active{transform:translateY(1px);box-shadow:0 2px 6px rgba(0,0,0,.45),inset 0 2px 4px rgba(0,0,0,.45)!important}
body.smc-design-nuevo .smc-native-controls .dv-scheme-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* Footer: one dark panel with a search call to action, link columns and a bottom bar. */
.dv-footer{width:100%;padding:8px 0 0;color:var(--dv-footer-text,#cbd5e1)}
.dv-footer__panel{position:relative;width:calc(100% - 40px);max-width:var(--dv-width,1200px);margin:0 auto;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:radial-gradient(700px 200px at 50% 0,color-mix(in srgb,var(--dv-accent) 10%,transparent),transparent 70%),radial-gradient(520px 240px at 100% 100%,rgba(148,163,184,.05),transparent 70%),var(--dv-footer-bg,#111318);box-shadow:0 18px 40px rgba(15,23,42,.18)}
.dv-footer__panel::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--dv-accent) 60%,transparent) 18%,var(--dv-accent-hi) 50%,color-mix(in srgb,var(--dv-accent) 60%,transparent) 82%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--dv-accent) 40%,transparent)}
.dv-footer a{color:inherit;text-decoration:none}
.dv-footer__cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 32px;border-bottom:1px solid rgba(255,255,255,.06)}
.dv-footer__cta-text{display:flex;align-items:center;gap:16px;min-width:0}
.dv-footer__cta-icon{display:flex;flex:0 0 48px;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(180deg,var(--dv-accent-hi),var(--dv-accent-lo));color:var(--dv-on-accent);box-shadow:0 8px 18px color-mix(in srgb,var(--dv-accent) 32%,transparent),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.18)}
.dv-footer__cta-icon svg{width:24px;height:24px}
.dv-footer__cta-title{margin:0;color:#fff;font-size:18px;font-weight:800;line-height:1.3}
.dv-footer__cta-sub{margin:2px 0 0;color:color-mix(in srgb,var(--dv-footer-text,#cbd5e1) 70%,transparent);font-size:13.5px;line-height:1.5}
.dv-footer__search{flex:0 1 420px;min-width:0}
.dv-footer .search-form{position:relative;display:flex;align-items:center;width:100%;margin:0;border-radius:999px;background:linear-gradient(180deg,#0d0f12,#16191d);box-shadow:inset 0 2px 5px rgba(0,0,0,.55),inset 0 -1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(255,255,255,.05)}
.dv-footer .search-form input[type=search]{width:100%;height:48px;padding:0 56px 0 20px;border:0;border-radius:999px;background:transparent;color:#e5e7eb;font-size:14px;outline:none}
.dv-footer .search-form input[type=search]::placeholder{color:#7a838e}
.dv-footer .search-form:focus-within{box-shadow:inset 0 2px 5px rgba(0,0,0,.55),0 0 0 2px color-mix(in srgb,var(--dv-accent) 55%,transparent)}
.dv-footer .search-button{position:absolute;top:0;right:4px;bottom:0;width:44px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--dv-on-accent);isolation:isolate;cursor:pointer}
.dv-footer .search-button::before{content:"";position:absolute;z-index:-1;inset:50% auto auto 50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:linear-gradient(180deg,var(--dv-accent-hi),var(--dv-accent-lo));box-shadow:0 4px 10px color-mix(in srgb,var(--dv-accent) 38%,transparent),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -2px 0 rgba(0,0,0,.18);transition:transform .16s cubic-bezier(.2,.8,.2,1)}
.dv-footer .search-button:hover::before{transform:translateY(-1px) scale(1.05)}
.dv-footer .search-button:active::before{transform:translateY(1px) scale(.97)}
.dv-footer .search-button .dv-icon{width:16px;height:16px}
.dv-footer__grid{display:grid;grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,1fr));gap:36px;padding:32px}
.dv-footer .widget{margin:0;padding:0;border:0;background:none}
.dv-footer .widget-title{position:relative;margin:0 0 16px;padding:0 0 10px;border:0;background:none;color:#fff;font-size:15px;font-weight:800;letter-spacing:.01em;text-transform:none}
.dv-footer .widget-title::after{content:"";position:absolute;left:0;bottom:0;width:22px;height:3px;border-radius:3px;background:var(--dv-accent)}
.dv-footer .widget ul,.dv-footer .enlaces-interes{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.dv-footer .widget li,.dv-footer .enlaces-interes li{margin:0;padding:0;border:0;list-style:none}
.dv-footer .widget li a,.dv-footer .enlaces-interes a{display:inline-flex;align-items:center;gap:10px;padding:5px 0;color:color-mix(in srgb,var(--dv-footer-text,#cbd5e1) 85%,transparent);font-size:14px;line-height:1.4;text-align:left;transition:color .16s ease,transform .16s cubic-bezier(.2,.8,.2,1)}
.dv-footer .widget li a::before,.dv-footer .enlaces-interes a::before{content:"";flex:0 0 6px;width:6px;height:6px;margin:0;border-radius:50%;background:#3a414b;transition:background-color .16s ease,box-shadow .16s ease}
.dv-footer .widget li a:hover,.dv-footer .widget li a:focus-visible{color:#fff;transform:translateX(3px)}
.dv-footer .widget li a:hover::before,.dv-footer .widget li a:focus-visible::before{background:var(--dv-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dv-accent) 18%,transparent)}
/* First widget is the brand column; its saved HTML carries inline styles. */
.dv-footer__grid>.widget:first-child .textwidget>div{margin:0 0 14px!important;text-align:left!important}
.dv-footer__grid>.widget:first-child img{display:block;width:auto;max-width:230px;height:auto}
.dv-footer__grid>.widget:first-child p{margin:0;color:color-mix(in srgb,var(--dv-footer-text,#cbd5e1) 75%,transparent);font-size:14px;line-height:1.7}
.dv-footer__grid>.widget:first-child p br{display:none}
.dv-footer__grid>.widget:first-child strong{color:#fff}
.dv-footer__grid>.widget:first-child p a{display:inline!important;padding:0!important;border-radius:0!important;background:none!important;color:var(--dv-accent)!important;font-weight:700!important;text-decoration:underline!important;text-decoration-color:color-mix(in srgb,var(--dv-accent) 40%,transparent)!important;text-underline-offset:3px}
.dv-footer__grid>.widget:first-child p a:hover{color:var(--dv-accent-hi)!important}
/* Copyright bar spans the full page below the panel. */
.dv-footer__bottom{width:100%;margin-top:24px;border-top:1px solid rgba(255,255,255,.06);background:var(--dv-footer-bg,#111318);font-size:13px;color:color-mix(in srgb,var(--dv-footer-text,#cbd5e1) 65%,transparent)}
.dv-footer__bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;width:calc(100% - 40px);max-width:var(--dv-width,1200px);margin:0 auto;padding:16px 0}
.dv-footer__copy{margin:0}.dv-footer__copy a,.dv-footer__copy strong{color:#e5e7eb}
.dv-footer__actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.dv-footer__explore{padding:8px 14px;border:1px solid #2c3037;border-radius:999px;background:linear-gradient(180deg,#22252b,#17191d);color:#e5e7eb!important;font-size:13px;font-weight:700;box-shadow:0 4px 10px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07);transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s ease}
.dv-footer__explore:hover{transform:translateY(-1px);border-color:var(--dv-accent)}
.dv-footer a:focus-visible,.dv-footer .search-button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:1000px){.dv-footer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dv-footer__grid>.widget:first-child{grid-column:1/-1;max-width:560px}}
@media(max-width:760px){.dv-footer__panel{width:calc(100% - 24px);border-radius:16px}.dv-footer__cta{flex-direction:column;align-items:stretch;padding:22px 18px}.dv-footer__search{flex:auto}.dv-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;padding:24px 18px}.dv-footer__bottom{margin-top:16px}.dv-footer__bottom-inner{flex-direction:column;align-items:flex-start;width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){.dv-footer *{transition:none!important}}

/* Legacy header colours follow the accent too. */
body .smc-nav-home{background:var(--dv-accent);color:var(--dv-on-accent)!important}
body .smc-primary-menu>li>a:hover{color:var(--dv-accent)!important}
/* Hero divider light follows the accent. */
.smc-home-hero::after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--dv-accent) 30%,transparent) 22%,var(--dv-accent) 50%,color-mix(in srgb,var(--dv-accent) 30%,transparent) 78%,transparent);box-shadow:0 1px 8px color-mix(in srgb,var(--dv-accent) 35%,transparent)}
html:not(.s-dark) .smc-home-hero::after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--dv-accent) 25%,#e2e8f0) 22%,var(--dv-accent) 50%,color-mix(in srgb,var(--dv-accent) 25%,#e2e8f0) 78%,transparent);box-shadow:none}
/* Top strip: near-black like the nav, separated by an accent line and a soft accent glow. */
body .smc-top-strip{position:relative;background:radial-gradient(420px 90px at 12% 0,color-mix(in srgb,var(--dv-accent) 16%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--dv-header-bg,#121418) 92%,#fff),var(--dv-header-bg,#121418))!important;color:#e5e7eb;box-shadow:inset 0 -1px 0 rgba(255,255,255,.04)}
body .smc-top-strip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--dv-accent) 55%,transparent) 20%,color-mix(in srgb,var(--dv-accent) 55%,transparent) 80%,transparent);pointer-events:none}
body .smc-top-strip__brand .smc-top-strip__badge,body .smc-top-strip__badge{background:var(--dv-accent)!important;color:var(--dv-on-accent)!important;box-shadow:0 2px 8px color-mix(in srgb,var(--dv-accent) 35%,transparent),inset 0 1px 0 rgba(255,255,255,.3)}
body .smc-top-strip__action{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 10px!important;border:1px solid #2c3037;border-radius:9px!important;font-size:12px!important;background:linear-gradient(180deg,#24272d,#17191d)!important;color:#e5e7eb!important;font-weight:700;box-shadow:0 4px 10px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s ease}
body .smc-top-strip__action-icon{display:inline-flex;width:16px;height:16px;color:var(--dv-accent);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--dv-accent) 45%,transparent));transition:transform .3s cubic-bezier(.2,.8,.2,1)}
body .smc-top-strip__action-icon svg{width:100%;height:100%}
body .smc-top-strip__action:hover .smc-top-strip__action-icon{transform:rotate(45deg)}
body .smc-top-strip__action:hover{transform:translateY(-1px);border-color:var(--dv-accent);color:#fff!important}
body .smc-top-strip__action:active{transform:translateY(1px)}
body .smc-top-strip__notice{color:#9aa3ad}

/* Native back-to-top: raised dark circle with an accent chevron, shown after scrolling. */
body .dv-back-top{position:fixed;right:20px;bottom:20px;z-index:99;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:1px solid #2c3037;border-radius:50%;background:radial-gradient(circle at 35% 28%,#2c3038,#16181c 72%);color:var(--dv-accent)!important;box-shadow:0 8px 20px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.09),inset 0 -3px 5px rgba(0,0,0,.4);text-decoration:none!important;transition:opacity .2s ease,transform .2s cubic-bezier(.2,.8,.2,1),visibility 0s,border-color .16s ease}
body .dv-back-top svg{width:20px;height:20px}
body .dv-back-top:hover{transform:translateY(-2px);border-color:var(--dv-accent)}
body .dv-back-top:active{transform:translateY(1px)}
body .dv-back-top:focus-visible{outline:2px solid #fff;outline-offset:3px}
body .dv-back-top[data-hidden]{opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
@media(prefers-reduced-motion:reduce){body .dv-back-top{transition:none}}
/* Pagination: raised number tiles, accent current page, icon prev/next. */
.dv-pagination{display:flex;flex-direction:column;align-items:center;gap:12px;margin:30px 0 6px}
.dv-pagination__info{margin:0;color:color-mix(in srgb,var(--c-text) 72%,transparent);font-size:12.5px;letter-spacing:.02em}
.dv-pagination__info strong{color:var(--c-text)}
.dv-pagination .nav-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:6px;border:1px solid var(--dv-box-border,#ffffff14);border-radius:16px;background:color-mix(in srgb,var(--c-text) 4%,transparent);box-shadow:inset 0 1px 2px rgba(0,0,0,.12)}
.dv-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;height:40px;padding:0 12px;border:1px solid color-mix(in srgb,var(--c-text) 12%,transparent);border-radius:11px;background:linear-gradient(180deg,color-mix(in srgb,var(--c-body) 92%,#fff 8%),var(--c-body));color:var(--c-text)!important;font-size:14px;font-weight:700;line-height:1;text-decoration:none!important;box-shadow:0 2px 5px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.06);transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s ease,box-shadow .16s ease,color .16s ease}
.dv-pagination a.page-numbers:hover,.dv-pagination a.page-numbers:focus-visible{transform:translateY(-2px);border-color:var(--dv-accent);color:var(--dv-accent)!important;box-shadow:0 6px 14px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08)}
.dv-pagination a.page-numbers:active{transform:translateY(1px)}
.dv-pagination a.page-numbers:focus-visible{outline:2px solid var(--dv-accent);outline-offset:2px}
.dv-pagination .page-numbers.current{border-color:transparent;background:linear-gradient(180deg,var(--dv-accent-hi),var(--dv-accent));color:var(--dv-on-accent)!important;box-shadow:0 6px 16px color-mix(in srgb,var(--dv-accent) 40%,transparent),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.15)}
.dv-pagination .page-numbers.dots{min-width:24px;padding:0 2px;border:0;background:none;box-shadow:none;color:color-mix(in srgb,var(--c-text) 45%,transparent)!important;letter-spacing:.1em}
.dv-pagination .prev,.dv-pagination .next{padding:0 14px}
.dv-pagination .page-numbers svg{width:16px;height:16px;flex:0 0 16px}
.dv-pagination .page-numbers.is-loading{pointer-events:none;color:transparent!important;position:relative}
.dv-pagination .page-numbers.is-loading::after{content:"";position:absolute;width:16px;height:16px;border:2px solid color-mix(in srgb,var(--dv-accent) 30%,transparent);border-top-color:var(--dv-accent);border-radius:50%;animation:dvSpin .6s linear infinite}
.dv-catalogue.is-loading{opacity:.45;pointer-events:none;transition:opacity .15s ease}
.dv-catalogue.is-entering>*{animation:dvCardIn .32s cubic-bezier(.2,.8,.2,1) both}
.dv-catalogue.is-entering>*:nth-child(2){animation-delay:20ms}.dv-catalogue.is-entering>*:nth-child(3){animation-delay:40ms}.dv-catalogue.is-entering>*:nth-child(4){animation-delay:60ms}.dv-catalogue.is-entering>*:nth-child(n+5){animation-delay:80ms}
@keyframes dvSpin{to{transform:rotate(360deg)}}
@keyframes dvCardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:600px){.dv-pagination .dv-page-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dv-pagination .nav-links{gap:4px;padding:5px;flex-wrap:nowrap}.dv-pagination .page-numbers{min-width:32px;height:34px;padding:0 6px;font-size:13px;border-radius:9px}.dv-pagination .prev,.dv-pagination .next{padding:0 8px}.dv-pagination .page-numbers.dots{min-width:18px}
/* Narrow screens keep one row: numbers two steps from the current page hide unless they are the first or last. */
.dv-pagination a.page-numbers:not(.prev):not(.next):not(:nth-child(2)):not(:nth-last-child(2)):has(+ * + .current),.dv-pagination .current + * + a.page-numbers:not(.prev):not(.next):not(:nth-child(2)):not(:nth-last-child(2)){display:none}}
@media(prefers-reduced-motion:reduce){.dv-pagination .page-numbers,.dv-catalogue.is-entering>*{transition:none;animation:none}}
/* Menu depth: a lit bar casting a shadow, keycap hover behind each item, raised home button. */
body.dv-menu-depth .smc-main-nav{position:relative;z-index:5;background:linear-gradient(180deg,color-mix(in srgb,var(--dv-nav-bg,#080a0b) 88%,#fff) 0%,color-mix(in srgb,var(--dv-nav-bg,#080a0b) 94%,#fff) 55%,var(--dv-nav-bg,#080a0b) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.65),0 14px 26px -14px rgba(0,0,0,.6)}
body.dv-menu-depth .smc-primary-menu>li>a{position:relative;isolation:isolate;background:transparent!important;text-shadow:0 1px 0 rgba(0,0,0,.6)}
body.dv-menu-depth .smc-primary-menu>li>a::before{content:"";position:absolute;z-index:-1;inset:10px 3px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:linear-gradient(180deg,#262930,#17191d);box-shadow:0 6px 14px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.09),inset 0 -2px 3px rgba(0,0,0,.35);opacity:0;transform:translateY(3px) scale(.94);transition:opacity .16s ease,transform .2s cubic-bezier(.2,.8,.2,1)}
body.dv-menu-depth .smc-primary-menu>li>a::after{content:"";position:absolute;left:50%;bottom:6px;width:18px;height:3px;margin-left:-9px;border-radius:3px;background:var(--dv-accent);box-shadow:0 0 8px color-mix(in srgb,var(--dv-accent) 60%,transparent);opacity:0;transform:scaleX(.3);transition:opacity .16s ease,transform .2s cubic-bezier(.2,.8,.2,1)}
body.dv-menu-depth .smc-primary-menu>li>a:hover::before,body.dv-menu-depth .smc-primary-menu>li>a:focus-visible::before,body.dv-menu-depth .smc-primary-menu>li.is-open>a::before,body.dv-menu-depth .smc-primary-menu>li:hover>a::before,body.dv-menu-depth .smc-primary-menu>li.current-menu-item>a::before,body.dv-menu-depth .smc-primary-menu>li.current-menu-ancestor>a::before{opacity:1;transform:none}
body.dv-menu-depth .smc-primary-menu>li.current-menu-item>a::after,body.dv-menu-depth .smc-primary-menu>li.current-menu-ancestor>a::after{opacity:1;transform:none}
body.dv-menu-depth .smc-primary-menu>li.current-menu-item>a,body.dv-menu-depth .smc-primary-menu>li.current-menu-ancestor>a{color:#fff!important}
body.dv-menu-depth .smc-primary-menu>li.current-menu-item>a::before,body.dv-menu-depth .smc-primary-menu>li.current-menu-ancestor>a::before{background:linear-gradient(180deg,#15171a,#1e2126);box-shadow:inset 0 2px 5px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.05)}
body.dv-menu-depth .smc-primary-menu>li.current-menu-item>a>.dv-menu-icon,body.dv-menu-depth .smc-primary-menu>li.current-menu-ancestor>a>.dv-menu-icon{color:var(--dv-accent)}
body.dv-menu-depth .smc-primary-menu>li>a:active::before{transform:translateY(1px) scale(.98);box-shadow:0 2px 5px rgba(0,0,0,.45),inset 0 2px 4px rgba(0,0,0,.45)}
body.dv-menu-depth .smc-primary-menu>li>a>.dv-menu-icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}
body.dv-menu-depth .smc-nav-home{border:1px solid color-mix(in srgb,var(--dv-accent) 70%,#000);background:linear-gradient(180deg,var(--dv-accent-hi),var(--dv-accent) 55%,var(--dv-accent-lo))!important;box-shadow:0 6px 14px color-mix(in srgb,var(--dv-accent) 35%,transparent),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,0,0,.18);transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease}
body.dv-menu-depth .smc-nav-home svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
body.dv-menu-depth .smc-nav-home:hover{transform:translateY(-1px);box-shadow:0 9px 18px color-mix(in srgb,var(--dv-accent) 45%,transparent),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(0,0,0,.18)}
body.dv-menu-depth .smc-nav-home:active{transform:translateY(1px);box-shadow:0 2px 5px color-mix(in srgb,var(--dv-accent) 30%,transparent),inset 0 2px 4px rgba(0,0,0,.25)}
@media(max-width:900px){body.dv-menu-depth .smc-primary-menu>li>a{padding-left:18px!important}body.dv-menu-depth .smc-primary-menu>li>a::before{inset:3px 0}body.dv-menu-depth .smc-primary-menu>li>a::after{right:auto;bottom:auto;top:50%;left:6px;width:3px;height:18px;margin:-9px 0 0}}
@media(prefers-reduced-motion:reduce){.smc-primary-menu>li>a::before,.smc-primary-menu>li>a::after,body .smc-nav-home{transition:none}}
/* Header search: a lighter raised field with a visible edge, so it reads against the dark nav. */
body.smc-design-nuevo .smc-native-search .search-form{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#24272d,#1a1c21);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 4px 12px rgba(0,0,0,.35);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
body.smc-design-nuevo .smc-native-search .search-form:hover{border-color:rgba(255,255,255,.18)}
body.smc-design-nuevo .smc-native-search .search-form:focus-within{border-color:var(--dv-accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 3px color-mix(in srgb,var(--dv-accent) 22%,transparent),0 4px 12px rgba(0,0,0,.35)}
body.smc-design-nuevo .smc-native-search .search-form input[type=search]{background:transparent!important;color:#f1f3f5!important;font-size:13px}
body.smc-design-nuevo .smc-native-search .search-form input[type=search]::placeholder{color:#a3abb6;opacity:1}
body.smc-design-nuevo .smc-native-search .search-form input[type=search]:focus{outline:none}
/* The top-strip button keeps its own height instead of stretching to the bar. */
body .smc-top-strip__action{align-self:center;height:auto;min-height:0;line-height:1.2}
/* Header search with softer corners; the button follows as a rounded square. */
body.smc-design-nuevo .smc-native-search .search-form,body.smc-design-nuevo .smc-native-search .search-form input[type=search]{border-radius:10px!important}
body.smc-design-nuevo .smc-native-search .search-button::before{border-radius:8px}
/* Cards: ratio from the panel, one platform chip (rotating labels share it) and a soft scrim under the title. */
body .custom-software-card .software-card-inner{aspect-ratio:var(--dv-card-ratio,3/4)!important}
body .custom-software-card .software-card-top{position:relative;isolation:isolate;padding-top:var(--dv-chip-top,12px)!important}
body .custom-software-card .software-card-top::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.22) 100%);pointer-events:none}
body .custom-software-card .platform-bar{display:inline-grid;align-self:flex-start;align-items:center;justify-items:start;width:auto;max-width:calc(100% - 70px);height:24px;min-height:0;margin:0 0 6px;padding:0 9px 0 7px;border:1px solid rgba(255,255,255,.24);border-radius:7px;background:rgba(12,14,18,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);opacity:1;font-size:12px;font-weight:700;line-height:1}
body .custom-software-card .platform-bar .smc-platform-item,body .custom-software-card .platform-bar[data-smc-platform-rotator] .smc-platform-item{grid-area:1/1;position:static;inset:auto;gap:5px;padding:0;border:0;background:none;box-shadow:none;color:#fff;font-size:12px;font-weight:700;letter-spacing:.01em;line-height:1;text-shadow:none;white-space:nowrap}
body .custom-software-card .platform-bar .smc-platform-svg{width:13px;height:13px}
/* NUEVO / UPDATE sits on the chip's line with the same height. */
body .custom-software-card .smart-badge{top:var(--dv-chip-top,12px);right:11px;display:flex;align-items:center;height:24px;padding:0 9px;border-radius:7px;font-size:10.5px;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.25)}
body .custom-software-card .software-title-main{text-shadow:0 1px 2px rgba(0,0,0,.28)}
/* Card icon depth: a shape-following shadow, a soft floor shadow and a lift on hover. */
body .custom-software-card .software-logo{position:relative;isolation:isolate}
body .custom-software-card .software-logo::after{content:"";position:absolute;z-index:-1;left:18%;right:18%;bottom:-7%;height:12%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.38),transparent);transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .25s ease;pointer-events:none}
body .custom-software-card .software-logo img{image-rendering:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.22)) drop-shadow(0 8px 12px rgba(0,0,0,.24));transform:translateZ(0);transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s ease}
body .custom-software-card:hover .software-logo img{transform:translateY(-5px) scale(1.05);filter:drop-shadow(0 3px 3px rgba(0,0,0,.2)) drop-shadow(0 14px 18px rgba(0,0,0,.3))}
body .custom-software-card:hover .software-logo::after{transform:scaleX(.82);opacity:.7}
@media(prefers-reduced-motion:reduce){body .custom-software-card .software-logo img,body .custom-software-card .software-logo::after{transition:none}}

/* Widget cards (sidebar and footer lists): their own compact scale, independent from the main grid. */
body .dv-widget-cards{--dv-chip-top:8px;gap:10px}
body .dv-widget-cards .software-card-top{padding:8px 8px 10px!important}
body .dv-widget-cards .platform-bar{max-width:calc(100% - 52px);height:20px;margin-bottom:4px;padding:0 7px 0 6px;border-radius:6px}
body .dv-widget-cards .platform-bar .smc-platform-item,body .dv-widget-cards .platform-bar[data-smc-platform-rotator] .smc-platform-item{gap:4px;font-size:10.5px}
body .dv-widget-cards .platform-bar .smc-platform-svg{width:11px;height:11px}
body .dv-widget-cards .smart-badge{right:8px;height:20px;padding:0 6px;border-radius:6px;font-size:9px}
body .dv-widget-cards .software-logo{width:48%!important;max-width:84px!important}
body .dv-widget-cards .software-logo::after{bottom:-6%}
body .dv-widget-cards .software-logo img{filter:drop-shadow(0 1px 1px rgba(0,0,0,.2)) drop-shadow(0 5px 8px rgba(0,0,0,.22))}
body .dv-widget-cards .custom-software-card:hover .software-logo img{transform:translateY(-3px) scale(1.04);filter:drop-shadow(0 2px 2px rgba(0,0,0,.2)) drop-shadow(0 9px 12px rgba(0,0,0,.28))}
body .dv-widget-cards .software-title-main{margin-top:6px;font-size:12.5px;line-height:1.25}
/* Home blocks: header with title and view switch, card grid or list rows. */
.dv-home-widget+.dv-home-widget{margin-top:34px}
.dv-block__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}
.dv-block__title{position:relative;margin:0;padding-left:14px;color:var(--c-headings,var(--c-text));font-size:20px;font-weight:800;line-height:1.25}
.dv-block__title::before{content:"";position:absolute;left:0;top:50%;width:5px;height:22px;margin-top:-11px;border-radius:3px;background:linear-gradient(180deg,var(--dv-accent-hi),var(--dv-accent));box-shadow:0 0 10px color-mix(in srgb,var(--dv-accent) 45%,transparent)}
.dv-block__tools{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.dv-block__more{color:var(--dv-accent)!important;font-size:13px;font-weight:700;text-decoration:none!important}
.dv-block__more:hover{text-decoration:underline!important}
.dv-view-toggle{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--dv-box-border,#0000001a);border-radius:11px;background:color-mix(in srgb,var(--c-text) 5%,transparent);box-shadow:inset 0 1px 2px rgba(0,0,0,.12)}
.dv-view-toggle button{display:flex;align-items:center;justify-content:center;width:34px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:color-mix(in srgb,var(--c-text) 72%,transparent);cursor:pointer;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}
.dv-view-toggle button svg{width:16px;height:16px}
.dv-view-toggle button:hover{color:var(--c-text)}
.dv-view-toggle button[aria-pressed=true]{background:linear-gradient(180deg,var(--dv-accent-hi),var(--dv-accent));color:var(--dv-on-accent);box-shadow:0 3px 8px color-mix(in srgb,var(--dv-accent) 35%,transparent),inset 0 1px 0 rgba(255,255,255,.3)}
.dv-view-toggle button:focus-visible{outline:2px solid var(--dv-accent);outline-offset:2px}
.dv-block.is-list .dv-block__cards,.dv-block.is-cards .dv-block__list{display:none!important}
.dv-block__list{margin:0;padding:6px;list-style:none;border:1px solid var(--dv-box-border,#0000001a);border-radius:16px;background:color-mix(in srgb,var(--c-text) 3%,var(--c-body));box-shadow:0 6px 18px rgba(15,23,42,.06)}
.dv-row+.dv-row{border-top:1px solid color-mix(in srgb,var(--c-text) 8%,transparent)}
.dv-row__link{position:relative;display:flex;align-items:center;gap:12px;min-height:54px;padding:8px 12px;border-radius:11px;color:var(--c-text)!important;text-decoration:none!important;transition:background-color .16s ease}
.dv-row__link::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--dv-accent);opacity:0;transform:scaleY(.4);transition:opacity .16s ease,transform .2s cubic-bezier(.2,.8,.2,1)}
.dv-row__link:hover,.dv-row__link:focus-visible{background:color-mix(in srgb,var(--dv-accent) 7%,transparent)}
.dv-row__link:hover::before,.dv-row__link:focus-visible::before{opacity:1;transform:none}
.dv-row__link:focus-visible{outline:2px solid var(--dv-accent);outline-offset:-2px}
.dv-row__icon{display:flex;flex:0 0 34px;align-items:center;justify-content:center;width:34px;height:34px}
.dv-row__icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18)) drop-shadow(0 3px 5px rgba(0,0,0,.16));transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.dv-row__link:hover .dv-row__icon img{transform:translateY(-2px) scale(1.06)}
.dv-row__title{flex:1 1 auto;min-width:0;overflow:hidden;font-size:14px;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.dv-row__meta{display:flex;flex:0 0 auto;align-items:center;gap:6px}
.dv-chip{display:inline-flex;align-items:center;height:26px;padding:0 10px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}
.dv-chip--version{max-width:150px;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(180deg,var(--dv-accent-hi),var(--dv-accent));color:var(--dv-on-accent);box-shadow:0 2px 6px color-mix(in srgb,var(--dv-accent) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.3)}
.dv-chip--updated{border-color:color-mix(in srgb,#16a34a 35%,transparent);background:color-mix(in srgb,#16a34a 14%,transparent);color:#166534}
.dv-chip--new{border-color:color-mix(in srgb,#e11d48 35%,transparent);background:color-mix(in srgb,#e11d48 13%,transparent);color:#be123c}
.dv-chip--date{border-color:color-mix(in srgb,var(--c-text) 14%,transparent);background:transparent;color:color-mix(in srgb,var(--c-text) 70%,transparent);font-weight:700;font-variant-numeric:tabular-nums}
html.s-dark .dv-chip--updated{color:#4ade80}html.s-dark .dv-chip--new{color:#fb7185}
html.s-dark .dv-block__list{box-shadow:0 6px 18px rgba(0,0,0,.3)}
@media(max-width:700px){.dv-block__title{font-size:18px}.dv-row__link{flex-wrap:wrap;gap:6px 10px;padding:9px 10px}.dv-row__title{flex-basis:calc(100% - 46px);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dv-row__meta{flex-basis:100%;padding-left:44px;flex-wrap:wrap}.dv-chip{height:24px;padding:0 8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.dv-row__link,.dv-row__link::before,.dv-row__icon img,.dv-view-toggle button{transition:none}}
/* The list sits straight on the content surface: no second box, only row dividers. */
.dv-block__list{padding:0;border:0;border-radius:0;background:none;box-shadow:none!important;border-top:1px solid color-mix(in srgb,var(--c-text) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--c-text) 8%,transparent)}
.dv-row__link{margin:0 -8px;padding-inline:14px}
/* Home blocks are separate surfaces, like the sidebar widgets; the column itself stops being a box. */
body.smc-design-nuevo .dv-layout>.main-content:has(>.dv-block,>.dv-home-widget,>.dv-archive-head,>.dv-post-box,>.dv-breadcrumbs){padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
body.smc-design-nuevo .main-content>:is(.dv-block,.dv-home-widget,.dv-archive-head,.dv-archive-empty,.dv-post-box,.dv-comments-box,.dv-related){margin:0;padding:22px;border:1px solid var(--dv-box-border);border-radius:var(--dv-box-radius);background:var(--c-body);box-shadow:var(--dv-box-shadow)}
body.smc-design-nuevo .main-content>:is(.dv-block,.dv-home-widget,.dv-archive-head,.dv-archive-empty,.dv-post-box,.dv-comments-box,.dv-related)+:is(.dv-block,.dv-home-widget,.dv-archive-head,.dv-archive-empty,.dv-post-box,.dv-comments-box,.dv-related){margin-top:20px}
@media(min-width:901px) and (max-width:1100px){body.smc-design-nuevo .main-content>:is(.dv-block,.dv-home-widget,.dv-archive-head,.dv-archive-empty,.dv-post-box,.dv-comments-box,.dv-related){padding:16px}}
@media(max-width:767px){body.smc-design-nuevo .main-content>:is(.dv-block,.dv-home-widget,.dv-archive-head,.dv-archive-empty,.dv-post-box,.dv-comments-box,.dv-related){padding:14px}body.smc-design-nuevo .main-content>:is(.dv-block,.dv-home-widget,.dv-archive-head,.dv-archive-empty,.dv-post-box,.dv-comments-box,.dv-related)+:is(.dv-block,.dv-home-widget,.dv-archive-head,.dv-archive-empty,.dv-post-box,.dv-comments-box,.dv-related){margin-top:14px}}
/* Sidebar list widget: compact rows straight on the widget surface, optional ranking. */
.dv-side-list{margin:0;padding:0;list-style:none;counter-reset:none}
.dv-side-item+.dv-side-item{border-top:1px solid color-mix(in srgb,var(--c-text) 8%,transparent)}
.dv-side-item__link{position:relative;display:flex;align-items:center;gap:11px;margin:0 -8px;padding:9px 8px;border-radius:11px;color:var(--c-text)!important;text-decoration:none!important;transition:background-color .16s ease}
.dv-side-item__link::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--dv-accent);opacity:0;transform:scaleY(.4);transition:opacity .16s ease,transform .2s cubic-bezier(.2,.8,.2,1)}
.dv-side-item__link:hover,.dv-side-item__link:focus-visible{background:color-mix(in srgb,var(--dv-accent) 7%,transparent)}
.dv-side-item__link:hover::before,.dv-side-item__link:focus-visible::before{opacity:1;transform:none}
.dv-side-item__link:focus-visible{outline:2px solid var(--dv-accent);outline-offset:-2px}
.dv-side-item__rank{display:flex;flex:0 0 24px;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:color-mix(in srgb,var(--c-text) 8%,transparent);color:color-mix(in srgb,var(--c-text) 70%,transparent);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.dv-side-item:nth-child(-n+3) .dv-side-item__rank{background:linear-gradient(180deg,var(--dv-accent-hi),var(--dv-accent));color:var(--dv-on-accent);box-shadow:0 3px 8px color-mix(in srgb,var(--dv-accent) 35%,transparent),inset 0 1px 0 rgba(255,255,255,.3)}
.dv-side-item__icon{display:flex;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;padding:5px;border:1px solid color-mix(in srgb,var(--c-text) 9%,transparent);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--c-body) 88%,#fff),color-mix(in srgb,var(--c-text) 4%,var(--c-body)));box-shadow:0 4px 10px rgba(15,23,42,.1),inset 0 1px 0 rgba(255,255,255,.5)}
html.s-dark .dv-side-item__icon{background:linear-gradient(180deg,#22252b,#17191d);box-shadow:0 4px 10px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)}
.dv-side-item__icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.dv-side-item__link:hover .dv-side-item__icon img{transform:translateY(-2px) scale(1.06)}
.dv-side-item__body{display:flex;flex-direction:column;gap:5px;min-width:0}
.dv-side-item__title{display:-webkit-box;overflow:hidden;font-size:13.5px;font-weight:700;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dv-side-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:color-mix(in srgb,var(--c-text) 72%,transparent);font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums}
.dv-side-item__version{max-width:120px;overflow:hidden;padding:2px 7px;border-radius:6px;background:color-mix(in srgb,var(--dv-accent) 15%,transparent);color:color-mix(in srgb,var(--dv-accent) 75%,var(--c-text));font-weight:800;text-overflow:ellipsis;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.dv-side-item__link,.dv-side-item__link::before,.dv-side-item__icon img{transition:none}}
/* Blocks placed in the sidebar or footer: compact switch under the widget title. */
.dv-block--compact .dv-block__bar{display:flex;justify-content:flex-end;margin:-4px 0 10px}
.dv-block--compact .dv-view-toggle{padding:2px;border-radius:9px}
.dv-block--compact .dv-view-toggle button{width:30px;height:26px;border-radius:7px}
.dv-block--compact .dv-view-toggle button svg{width:14px;height:14px}
.dv-block__more--compact{display:block;margin-top:10px;text-align:right}
/* Boxed header option: the bar and menu sit in a rounded box as wide as the content. */
body.dv-header-boxed .smc-site-header{width:calc(100% - 40px);max-width:var(--dv-width);margin:18px auto 22px;border:1px solid var(--dv-box-border);border-radius:var(--dv-box-radius);box-shadow:0 10px 28px rgba(15,23,42,.14)}
body.dv-header-boxed .smc-top-strip{border-radius:var(--dv-box-radius) var(--dv-box-radius) 0 0}
body.dv-header-boxed .smc-main-nav{border-radius:0 0 var(--dv-box-radius) var(--dv-box-radius)}
body.dv-header-boxed .smc-header-container{width:calc(100% - 36px)}
body.dv-header-boxed .smc-top-strip::after{left:12px;right:12px}
@media(max-width:767px){body.dv-header-boxed .smc-site-header{width:calc(100% - 24px);margin:10px auto 14px}body.dv-header-boxed .smc-header-container{width:calc(100% - 24px)}}
/* Only one of the two bars boxed: that bar becomes its own rounded box, the other stays full width. */
body:is(.dv-top-boxed,.dv-nav-boxed) .smc-site-header{background:transparent}
body.dv-top-boxed .smc-top-strip,body.dv-nav-boxed .smc-main-nav{width:calc(100% - 40px);max-width:var(--dv-width);margin-inline:auto;border:1px solid var(--dv-box-border);border-radius:var(--dv-box-radius)!important;box-shadow:0 10px 28px rgba(15,23,42,.14)}
body.dv-top-boxed .smc-top-strip{margin-top:14px;margin-bottom:12px}
body.dv-nav-boxed .smc-main-nav{margin-top:12px}
body:is(.dv-top-boxed,.dv-nav-boxed) :is(.smc-top-strip,.smc-main-nav) .smc-header-container{width:calc(100% - 36px)}
body.dv-top-boxed .smc-main-nav .smc-header-container,body.dv-nav-boxed .smc-top-strip .smc-header-container{width:min(var(--dv-width),calc(100% - 40px))}
body.dv-top-boxed .smc-top-strip::after{left:12px;right:12px}
@media(max-width:767px){body.dv-top-boxed .smc-top-strip,body.dv-nav-boxed .smc-main-nav{width:calc(100% - 24px)}body.dv-top-boxed .smc-top-strip{margin-top:10px;margin-bottom:10px}body.dv-nav-boxed .smc-main-nav{margin-top:10px}body:is(.dv-top-boxed,.dv-nav-boxed) :is(.smc-top-strip,.smc-main-nav) .smc-header-container{width:calc(100% - 24px)}}
/* Hero depth: lit surface with an accent glow, tilted device on a floor shadow, raised icons, buttons and counters. */
body .smc-home-hero{box-shadow:0 18px 40px rgba(15,23,42,.1),inset 0 1px 0 rgba(255,255,255,.75)}
html.s-dark body .smc-home-hero{box-shadow:0 18px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05)}
body .smc-home-hero__glow{background:radial-gradient(520px 320px at 72% 46%,color-mix(in srgb,var(--dv-accent) 16%,transparent),transparent 70%),radial-gradient(460px 280px at 6% 0,rgba(59,130,246,.09),transparent 70%)!important}
body .smc-home-hero__glow::after{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--c-text) 14%,transparent) 1px,transparent 1.3px);background-size:18px 18px;-webkit-mask-image:radial-gradient(ellipse 55% 70% at 72% 50%,#000,transparent 70%);mask-image:radial-gradient(ellipse 55% 70% at 72% 50%,#000,transparent 70%);opacity:.7;pointer-events:none}
body .smc-home-hero h1{text-shadow:0 1px 0 rgba(255,255,255,.7),0 10px 24px rgba(15,23,42,.08)}
html.s-dark body .smc-home-hero h1{text-shadow:0 2px 14px rgba(0,0,0,.45)}
body .smc-home-hero__badge{box-shadow:0 4px 12px color-mix(in srgb,var(--dv-accent) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.6)}
/* Device */
body .smc-home-hero__visual::after{content:"";position:absolute;z-index:0;left:50%;bottom:4%;width:62%;height:26px;margin-left:-31%;border-radius:50%;background:radial-gradient(closest-side,rgba(15,23,42,.32),transparent);filter:blur(2px);pointer-events:none}
html.s-dark body .smc-home-hero__visual::after{background:radial-gradient(closest-side,rgba(0,0,0,.7),transparent)}
body .smc-hero-device{z-index:1;transform:perspective(900px) rotateY(-14deg) rotateX(5deg)}
body .smc-hero-device__screen{border-color:#30363f #222830 #161a20 #2a3038;box-shadow:0 34px 60px -14px rgba(15,23,42,.45),0 14px 26px rgba(15,23,42,.22),inset 0 0 0 1px rgba(255,255,255,.06)}
html.s-dark body .smc-hero-device__screen{box-shadow:0 34px 60px -14px rgba(0,0,0,.85),0 14px 26px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.06)}
/* Floating app icons keep their float animation; depth comes from shadows and a gloss layer. */
body .smc-hero-floating{z-index:2;overflow:hidden;box-shadow:0 18px 28px -8px rgba(15,23,42,.45),0 6px 10px rgba(15,23,42,.2),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.18)}
html.s-dark body .smc-hero-floating{box-shadow:0 18px 28px -8px rgba(0,0,0,.8),0 6px 10px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -3px 0 rgba(0,0,0,.25)}
body .smc-hero-floating::after{content:"";position:absolute;inset:0 0 55% 0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent);pointer-events:none}
/* Buttons */
body .smc-hero-button{transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,filter .18s ease}
body .smc-hero-button--primary{border:1px solid color-mix(in srgb,var(--dv-accent) 70%,#000);background:linear-gradient(180deg,var(--dv-accent-hi),var(--dv-accent) 55%,var(--dv-accent-lo))!important;box-shadow:0 12px 22px -8px color-mix(in srgb,var(--dv-accent) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,0,0,.15)}
body .smc-hero-button--primary:hover{filter:none;box-shadow:0 16px 28px -8px color-mix(in srgb,var(--dv-accent) 75%,transparent),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(0,0,0,.15)}
body .smc-hero-button--secondary{border:1px solid #d3dbe6;background:linear-gradient(180deg,#f7f9fc,#e3e9f1)!important;box-shadow:0 8px 18px -8px rgba(15,23,42,.25),inset 0 1px 0 #fff,inset 0 -2px 0 rgba(15,23,42,.06)}
html.s-dark body .smc-hero-button--secondary{border-color:#30353c;background:linear-gradient(180deg,#2b2f36,#1d2025)!important;box-shadow:0 8px 18px -8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.07),inset 0 -2px 0 rgba(0,0,0,.3)}
body .smc-hero-button:active{transform:translateY(1px)!important;box-shadow:0 3px 8px -4px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.2)}
/* Counters */
body .smc-home-hero__stats>div{background:linear-gradient(180deg,#fff,#f6f8fb)!important;border:1px solid #dde4ee!important;box-shadow:0 10px 22px -10px rgba(25,43,70,.28),0 2px 4px rgba(25,43,70,.05),inset 0 1px 0 #fff!important;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease}
html.s-dark body .smc-home-hero__stats>div{background:linear-gradient(180deg,#1b1e23,#111316)!important;border-color:#262a31!important;box-shadow:0 12px 24px -10px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05)!important}
body .smc-home-hero__stats>div:hover{transform:translateY(-3px)}
body .smc-home-hero__stats i{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 8px -3px rgba(15,23,42,.25)}
@media(max-width:900px){body .smc-hero-device{transform:perspective(700px) rotateY(-10deg) rotateX(4deg)}}
@media(prefers-reduced-motion:reduce){body .smc-hero-button,body .smc-home-hero__stats>div{transition:none}}
/* Collapsible footer panel: grid rows animate the height; the copyright bar keeps the toggle. */
.dv-footer__collapse{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1),opacity .3s ease}
.dv-footer__collapse.is-collapsed{grid-template-rows:0fr;opacity:0}
.dv-footer__collapse-inner{min-height:0;overflow:hidden;padding-bottom:24px;transition:padding-bottom .45s cubic-bezier(.2,.8,.2,1)}
.dv-footer__collapse.is-collapsed .dv-footer__collapse-inner{padding-bottom:0}
.dv-footer__collapse.is-collapsed .dv-footer__collapse-inner{visibility:hidden;transition:visibility 0s linear .45s}
.dv-footer__collapse+.dv-footer__bottom{margin-top:0}
.dv-footer__fold{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid #2c3037;border-radius:9px;background:linear-gradient(180deg,#22252b,#17191d);color:#e5e7eb;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07);transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s ease}
.dv-footer__fold svg{width:15px;height:15px;color:var(--dv-accent);transform:rotate(180deg);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.dv-footer__fold[aria-expanded=false] svg{transform:none}
.dv-footer__fold:hover{transform:translateY(-1px);border-color:var(--dv-accent)}
.dv-footer__fold:active{transform:translateY(1px)}
.dv-footer__fold:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.dv-footer__collapse,.dv-footer__fold svg{transition:none}}
/* Breadcrumbs */
.dv-breadcrumbs{margin:0 0 14px;font-size:12.5px}
.dv-post-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.dv-post-toolbar:empty{display:none}
.dv-post-toolbar>.dv-breadcrumbs{min-width:0;margin-bottom:0}
.dv-post-toolbar>.dv-post-actions{flex:none;margin:0 0 0 auto}
@media(max-width:640px){.dv-post-toolbar{gap:8px}.dv-post-toolbar .dv-breadcrumbs [aria-current]{max-width:24ch;white-space:normal;overflow-wrap:anywhere}}
.dv-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:0;padding:0;list-style:none}
.dv-breadcrumbs li{display:inline-flex;align-items:center;color:color-mix(in srgb,var(--c-text) 72%,transparent)}
.dv-breadcrumbs li+li::before{content:"";width:6px;height:6px;margin:0 10px 0 8px;border-top:1.6px solid currentColor;border-right:1.6px solid currentColor;opacity:.5;transform:rotate(45deg)}
.dv-breadcrumbs a{color:color-mix(in srgb,var(--c-text) 70%,transparent)!important;text-decoration:none!important;transition:color .16s ease}
.dv-breadcrumbs a:hover{color:var(--dv-accent)!important}
.dv-breadcrumbs [aria-current]{max-width:42ch;overflow:hidden;color:var(--c-text);font-weight:700;text-overflow:ellipsis;white-space:nowrap}
/* Archive and search header card */
.dv-archive-head{position:relative;overflow:hidden;isolation:isolate}
.dv-archive-head::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(420px 200px at 100% 0,color-mix(in srgb,var(--dv-accent) 12%,transparent),transparent 70%);pointer-events:none}
.dv-archive-head__top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.dv-archive-head__eyebrow{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:8px;background:color-mix(in srgb,var(--dv-accent) 14%,transparent);color:color-mix(in srgb,var(--dv-accent) 80%,var(--c-text));font-size:12px;font-weight:800;letter-spacing:.02em}
.dv-archive-head__eyebrow svg{width:14px;height:14px}
.dv-archive-head__count{display:inline-flex;align-items:center;height:26px;padding:0 10px;border:1px solid color-mix(in srgb,var(--c-text) 12%,transparent);border-radius:8px;color:color-mix(in srgb,var(--c-text) 70%,transparent);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.dv-archive-head__title{margin:0;color:var(--c-headings,var(--c-text));font-size:30px;font-weight:800;line-height:1.15;letter-spacing:-.5px}
.dv-archive-head__desc{position:relative;max-height:5.1em;margin-top:12px;overflow:hidden;color:color-mix(in srgb,var(--c-text) 80%,transparent);font-size:14.5px;line-height:1.7;transition:max-height .4s cubic-bezier(.2,.8,.2,1)}
.dv-archive-head__desc .entry-content{font-size:inherit;line-height:inherit}
.dv-archive-head__desc .entry-content>*:first-child{margin-top:0}
.dv-archive-head__desc .entry-content h2,.dv-archive-head__desc .entry-content h3{font-size:16px;margin:0 0 6px}
.dv-archive-head__desc.is-clamped::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.2em;background:linear-gradient(transparent,var(--c-body));pointer-events:none}
.dv-archive-head__desc.is-open{max-height:var(--dv-desc-full,2000px)}
.dv-archive-head__desc.is-open::after{display:none}
.dv-archive-head__more{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:0;border:0;background:none;color:var(--dv-accent);font-size:13px;font-weight:800;cursor:pointer}
.dv-archive-head__more svg{width:14px;height:14px;transition:transform .25s ease}
.dv-archive-head__more[aria-expanded=true] svg{transform:rotate(180deg)}
.dv-archive-head__more:focus-visible{outline:2px solid var(--dv-accent);outline-offset:3px;border-radius:4px}
.dv-archive-head__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.dv-archive-head__chips a{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 6px 0 12px;border:1px solid color-mix(in srgb,var(--c-text) 12%,transparent);border-radius:9px;background:linear-gradient(180deg,color-mix(in srgb,var(--c-body) 90%,#fff),color-mix(in srgb,var(--c-text) 3%,var(--c-body)));color:var(--c-text)!important;font-size:13px;font-weight:700;text-decoration:none!important;box-shadow:0 2px 6px rgba(15,23,42,.06);transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s ease}
.dv-archive-head__chips a span{min-width:22px;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,var(--c-text) 8%,transparent);font-size:11px;text-align:center}
.dv-archive-head__chips a:hover{transform:translateY(-1px);border-color:var(--dv-accent)}
.dv-archive-head__search{max-width:520px;margin-top:14px}
.dv-archive-head__search .search-form,.dv-archive-empty .search-form{position:relative;display:flex;align-items:center;border:1px solid color-mix(in srgb,var(--c-text) 14%,transparent);border-radius:10px;background:var(--c-body);box-shadow:inset 0 1px 2px rgba(0,0,0,.06)}
.dv-archive-head__search input[type=search],.dv-archive-empty input[type=search]{width:100%;height:44px;padding:0 52px 0 14px;border:0;border-radius:10px;background:transparent;color:var(--c-text);font-size:14px;outline:none}
.dv-archive-head__search .search-form:focus-within,.dv-archive-empty .search-form:focus-within{border-color:var(--dv-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dv-accent) 20%,transparent)}
.dv-archive-head__search .search-button,.dv-archive-empty .search-button{position:absolute;right:4px;top:4px;bottom:4px;width:40px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:linear-gradient(180deg,var(--dv-accent-hi),var(--dv-accent));color:var(--dv-on-accent);cursor:pointer}
.dv-archive-head__search .search-button .dv-icon,.dv-archive-empty .search-button .dv-icon{width:16px;height:16px}
/* Empty results */
.dv-archive-empty{text-align:center}
.dv-archive-empty__icon{display:inline-flex;width:56px;height:56px;align-items:center;justify-content:center;margin-bottom:10px;border-radius:16px;background:color-mix(in srgb,var(--dv-accent) 14%,transparent);color:var(--dv-accent)}
.dv-archive-empty__icon svg{width:26px;height:26px}
.dv-archive-empty h2{margin:0 0 6px;font-size:20px}
.dv-archive-empty p{max-width:460px;margin:0 auto 14px;color:color-mix(in srgb,var(--c-text) 72%,transparent)}
.dv-archive-empty .search-form{max-width:460px;margin:0 auto 14px}
.dv-archive-empty__home{color:var(--dv-accent)!important;font-weight:800;text-decoration:none!important}
/* Static pages */
.dv-page__head{margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--c-text) 9%,transparent)}
.dv-page__title{margin:0;color:var(--c-headings,var(--c-text));font-size:30px;font-weight:800;line-height:1.2;letter-spacing:-.4px}
.dv-page__meta{margin:8px 0 0;color:color-mix(in srgb,var(--c-text) 72%,transparent);font-size:13px}
@media(max-width:767px){.dv-archive-head__title,.dv-page__title{font-size:24px}.dv-breadcrumbs [aria-current]{max-width:24ch}}
@media(prefers-reduced-motion:reduce){.dv-archive-head__desc,.dv-archive-head__more svg,.dv-archive-head__chips a{transition:none}}
.dv-archive-head__lead{display:block;margin-bottom:2px;color:color-mix(in srgb,var(--c-text) 72%,transparent);font-size:14px;font-weight:700;letter-spacing:0}
/* Related posts: compact cards four per row, block-style heading. */
.dv-related{margin:34px 0 8px}
.dv-related .dv-related__grid.dv-widget-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media(max-width:1100px){.dv-related .dv-related__grid.dv-widget-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.dv-related .dv-related__grid.dv-widget-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Share buttons: raised chips with network icons; the brand colour fills them on hover. */
.dv-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:26px 0 0;padding:14px 0;border-top:1px solid color-mix(in srgb,var(--c-text) 9%,transparent);border-bottom:1px solid color-mix(in srgb,var(--c-text) 9%,transparent)}
.dv-share__label{color:var(--c-text);font-size:13px;font-weight:800}
.dv-share__list{display:flex;flex-wrap:wrap;gap:8px}
.dv-share__btn{--dv-brand:var(--dv-accent);display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px 0 11px;border:1px solid color-mix(in srgb,var(--c-text) 12%,transparent);border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--c-body) 90%,#fff),color-mix(in srgb,var(--c-text) 4%,var(--c-body)));color:var(--c-text)!important;font-size:13px;font-weight:700;text-decoration:none!important;cursor:pointer;box-shadow:0 3px 8px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .16s cubic-bezier(.2,.8,.2,1),background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}
html.s-dark .dv-share__btn{background:linear-gradient(180deg,#24272d,#17191d);box-shadow:0 3px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)}
.dv-share__btn svg{width:17px;height:17px;flex:0 0 17px;color:var(--dv-brand);transition:color .16s ease}
.dv-share__btn--whatsapp{--dv-brand:#25d366}.dv-share__btn--telegram{--dv-brand:#229ed9}.dv-share__btn--facebook{--dv-brand:#1877f2}.dv-share__btn--x{--dv-brand:#6b7280}.dv-share__btn--email{--dv-brand:#ea580c}.dv-share__btn--copy{--dv-brand:var(--dv-accent)}
html.s-dark .dv-share__btn--x{--dv-brand:#e5e7eb}
.dv-share__btn:hover,.dv-share__btn:focus-visible{transform:translateY(-2px);border-color:transparent;background:var(--dv-brand)!important;color:#fff!important;box-shadow:0 8px 16px -6px var(--dv-brand)}
.dv-share__btn:hover svg,.dv-share__btn:focus-visible svg{color:#fff}
.dv-share__btn--x:hover,.dv-share__btn--x:focus-visible{background:#111!important}
.dv-share__btn:active{transform:translateY(1px)}
.dv-share__btn:focus-visible{outline:2px solid var(--dv-brand);outline-offset:2px}
.dv-share__btn.is-copied{border-color:transparent;background:#16a34a!important;color:#fff!important}
.dv-share__btn.is-copied svg{color:#fff}
@media(max-width:600px){.dv-share__btn{height:40px;padding:0 11px}.dv-share__btn:not(.dv-share__btn--copy) span{display:none}}
@media(prefers-reduced-motion:reduce){.dv-share__btn,.dv-share__btn svg{transition:none}}
/* Single post: article and comments as separate surfaces. */
.dv-post-box>.dv-related:last-child{margin-bottom:0}
.dv-comments-box #comments,.dv-comments-box #wpdcom{margin-top:0!important}
.dv-comments-box__count{display:inline-flex;align-items:center;height:26px;padding:0 10px;border:1px solid color-mix(in srgb,var(--c-text) 12%,transparent);border-radius:8px;color:color-mix(in srgb,var(--c-text) 70%,transparent);font-size:12px;font-weight:700}
/* Related content as its own surface below the article. */
body.smc-design-nuevo .main-content>.dv-related{margin-bottom:0}
.dv-post-box>.dv-share:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
/* Breadcrumbs as a soft raised capsule with a home icon and an accented current step. */
.dv-breadcrumbs{margin:0 0 16px}
.dv-breadcrumbs ol{display:inline-flex;max-width:100%;gap:2px 0;padding:6px 12px 6px 8px;border:1px solid color-mix(in srgb,var(--c-text) 10%,transparent);border-radius:11px;background:linear-gradient(180deg,color-mix(in srgb,var(--c-body) 92%,#fff),color-mix(in srgb,var(--c-text) 3%,var(--c-body)));box-shadow:0 2px 6px rgba(15,23,42,.05),inset 0 1px 0 rgba(255,255,255,.6)}
html.s-dark .dv-breadcrumbs ol{background:linear-gradient(180deg,#1c1f24,#15171b);box-shadow:0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)}
.dv-breadcrumbs li{min-width:0}
.dv-breadcrumbs li+li::before{width:5px;height:5px;margin:0 9px 0 7px;opacity:.4}
.dv-breadcrumbs a{display:inline-flex;align-items:center;gap:6px;padding:3px 6px;border-radius:7px;transition:color .16s ease,background-color .16s ease}
.dv-breadcrumbs a:hover{background:color-mix(in srgb,var(--dv-accent) 10%,transparent)}
.dv-breadcrumbs__home svg{width:14px;height:14px;color:var(--dv-accent)}
.dv-breadcrumbs [aria-current]{position:relative;padding:3px 0 3px 12px;color:var(--c-text);font-weight:800}
.dv-breadcrumbs [aria-current]::before{content:"";position:absolute;left:2px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--dv-accent);box-shadow:0 0 6px color-mix(in srgb,var(--dv-accent) 70%,transparent)}
.dv-breadcrumbs li+li:has([aria-current])::before{display:none}
@media(max-width:600px){.dv-breadcrumbs__home a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.dv-breadcrumbs ol{padding:5px 10px 5px 6px}}
/* Breadcrumbs sit on their own above the content surfaces. */
body.smc-design-nuevo .main-content>.dv-breadcrumbs{margin:0 0 14px}
/* Optical alignment: the house glyph sits low in its box, so it is nudged up to meet the text. */
.dv-breadcrumbs a{line-height:1.2}
.dv-breadcrumbs__home svg{display:block;flex:0 0 13px;width:13px;height:13px;transform:translateY(-.5px)}
/* Post card: same chip, icon depth and title legibility as the listing cards, at its larger scale. */
body .dv-single-card{position:relative;isolation:isolate;overflow:hidden}
body .dv-single-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.24) 100%);pointer-events:none}
body .dv-single-card .platform-bar{display:inline-grid;align-self:flex-start;align-items:center;justify-items:start;width:auto;max-width:100%;height:34px;margin:0 0 22px;padding:0 13px 0 10px;border:1px solid rgba(255,255,255,.26);border-radius:10px;background:rgba(12,14,18,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 12px rgba(0,0,0,.15);font-size:16px;line-height:1}
body .dv-single-card .platform-bar .smc-platform-item,body .dv-single-card .platform-bar[data-smc-platform-rotator] .smc-platform-item{grid-area:1/1;position:static;inset:auto;gap:7px;color:#fff;font-size:16px;font-weight:800;letter-spacing:.01em;line-height:1;text-shadow:none;white-space:nowrap}
body .dv-single-card .platform-bar .smc-platform-svg,body .smc-single-card-row .dv-single-card .smc-platform-svg{width:18px;height:18px}
body .dv-single-card .software-logo{position:relative;isolation:isolate}
body .dv-single-card .software-logo::after{content:"";position:absolute;z-index:-1;left:16%;right:16%;bottom:-8%;height:11%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.4),transparent);pointer-events:none}
body .dv-single-card .software-logo img,body .smc-single-card-row .smc-card-image{image-rendering:auto;filter:drop-shadow(0 3px 3px rgba(0,0,0,.22)) drop-shadow(0 14px 20px rgba(0,0,0,.28));animation:dvCardFloat 6s ease-in-out infinite}
body .dv-single-card .software-title-main{text-shadow:0 1px 2px rgba(0,0,0,.3)}
@keyframes dvCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){body .dv-single-card .software-logo img,body .smc-single-card-row .smc-card-image{animation:none}}
/* Compact post card. */
body .smc-single-card-row{max-width:270px;margin-bottom:28px;gap:10px}
body .dv-single-card{aspect-ratio:4/5;padding:16px 18px 22px;border-radius:14px}
body .dv-single-card .platform-bar{height:30px;margin-bottom:12px;padding:0 11px 0 9px;border-radius:9px}
body .dv-single-card .platform-bar .smc-platform-item,body .dv-single-card .platform-bar[data-smc-platform-rotator] .smc-platform-item{gap:6px;font-size:14px}
body .dv-single-card .platform-bar .smc-platform-svg,body .smc-single-card-row .dv-single-card .smc-platform-svg{width:16px;height:16px}
body .dv-single-card .software-logo{width:52%;max-width:136px}
body .dv-single-card .software-title-main{font-size:21px;line-height:1.2}
body .smc-single-card-row .btn-descarga{padding:11px 16px}
/* Ficha técnica: own section above the downloads heading (inc/ficha.php). Compact two-column list, no extra box. */
.dv-ficha{margin:28px 0}
.dv-ficha__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;margin:0}
.dv-ficha__item{display:grid;grid-template-columns:18px minmax(90px,38%) 1fr;align-items:start;column-gap:8px;padding:8px 2px;border-bottom:1px solid var(--dv-box-border,color-mix(in srgb,var(--c-text) 10%,transparent));font-size:14.5px;line-height:1.4}
.dv-ficha__item svg{width:15px;height:15px;margin-top:3px;fill:var(--dv-accent)}
.dv-ficha__item dt{margin:0;color:color-mix(in srgb,var(--c-text) 72%,transparent)}
.dv-ficha__item dd{margin:0;font-weight:700;color:var(--c-text);overflow-wrap:anywhere}
.dv-ficha__notes{margin:10px 0 0;padding-left:20px;font-size:14px}
@media (max-width:640px){.dv-ficha__grid{grid-template-columns:1fr}}
/* Movie / series card: full-bleed poster, no short name (template-parts/single-card.php) */
body .dv-single-card.is-poster{aspect-ratio:2/3;padding:0;background:var(--card-color)}
body .dv-single-card.is-poster::after{z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.35) 0,transparent 22%,transparent 78%,rgba(0,0,0,.25) 100%)}
body .dv-single-card.is-poster .platform-bar{position:absolute;top:14px;left:14px;z-index:2;margin:0;background:rgba(15,23,42,.55);backdrop-filter:blur(6px)}
body .dv-single-card.is-poster .software-logo,body .smc-single-card-row .dv-single-card.is-poster .software-logo{position:absolute;inset:0;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important}
body .dv-single-card.is-poster .software-logo::after{display:none}
body .dv-single-card.is-poster .software-logo img,body .smc-single-card-row .dv-single-card.is-poster .smc-card-image{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;filter:none;animation:none;border-radius:0}
/* 404: a lit surface with a big code whose middle digit is a raised search tile, then popular entries. */
body.smc-design-nuevo .dv-layout>.main-content:has(>.dv-404){padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.main-content>:is(.dv-404,.dv-404-more){margin:0;padding:22px;border:1px solid var(--dv-box-border,var(--c-separator));border-radius:var(--dv-box-radius,14px);background:var(--c-body);box-shadow:var(--dv-box-shadow)}
.main-content>.dv-404+.dv-404-more{margin-top:12px}
.dv-404{position:relative;overflow:hidden;isolation:isolate;padding:40px 22px 30px!important;text-align:center}
.dv-404::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(520px 260px at 50% 0,color-mix(in srgb,var(--dv-accent) 16%,transparent),transparent 70%);pointer-events:none}
.dv-404::after{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--c-text) 14%,transparent) 1px,transparent 1.3px);background-size:18px 18px;-webkit-mask-image:radial-gradient(ellipse 50% 60% at 50% 18%,#000,transparent 70%);mask-image:radial-gradient(ellipse 50% 60% at 50% 18%,#000,transparent 70%);opacity:.6;pointer-events:none}
.dv-404__code{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px;font-size:118px;font-weight:900;line-height:1;letter-spacing:-4px}
.dv-404__code>span:not(.dv-404__tile){background:linear-gradient(180deg,var(--c-text),color-mix(in srgb,var(--c-text) 45%,var(--dv-accent)));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 18px color-mix(in srgb,var(--dv-accent) 22%,transparent))}
.dv-404__tile{position:relative;display:flex;align-items:center;justify-content:center;width:104px;height:104px;overflow:hidden;border:1px solid color-mix(in srgb,var(--dv-accent) 70%,#000);border-radius:28px;background:linear-gradient(180deg,var(--dv-accent-hi),var(--dv-accent) 55%,var(--dv-accent-lo));color:var(--dv-on-accent);box-shadow:0 18px 30px -10px color-mix(in srgb,var(--dv-accent) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.18);transform:rotate(-6deg);animation:dv-404-float 4s ease-in-out infinite}
.dv-404__tile::after{content:"";position:absolute;inset:0 0 55% 0;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent);pointer-events:none}
.dv-404__tile svg{width:50px;height:50px}
@keyframes dv-404-float{50%{transform:rotate(4deg) translateY(-8px)}}
.dv-404__title{max-width:620px;margin:12px auto 10px;color:var(--c-headings,var(--c-text));font-size:30px;font-weight:800;line-height:1.15;letter-spacing:-.5px}
.dv-404__desc{max-width:520px;margin:0 auto 18px;color:color-mix(in srgb,var(--c-text) 72%,transparent);font-size:15px;line-height:1.6}
.dv-404__search{max-width:520px;margin:0 auto 16px!important;text-align:left}
.dv-404__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.dv-404__chips{justify-content:center;max-width:760px;margin:22px auto 0!important;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--c-text) 8%,transparent)}
.dv-404-more .dv-block__title{margin:0 0 12px}
.dv-404-more__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.dv-404-more__list .dv-side-item:nth-child(2){border-top:0}
@media(max-width:767px){.dv-404{padding:28px 14px 22px!important}.dv-404__code{gap:10px;font-size:78px;letter-spacing:-3px}.dv-404__tile{width:70px;height:70px;border-radius:20px}.dv-404__tile svg{width:34px;height:34px}.dv-404__title{font-size:23px}.dv-404__actions .smc-hero-button{flex:1 1 200px;justify-content:center}.dv-404-more__list{grid-template-columns:1fr}.dv-404-more__list .dv-side-item:nth-child(2){border-top:1px solid color-mix(in srgb,var(--c-text) 8%,transparent)}.main-content>:is(.dv-404,.dv-404-more){padding:14px}.main-content>.dv-404+.dv-404-more{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.dv-404__tile{animation:none}}
/* Accesibilidad: foco visible en botones no nativos y zonas táctiles de 44px sin mover el diseño */
[role=button]:focus-visible,summary:focus-visible{outline:2px solid var(--dv-accent);outline-offset:3px}
.dv-fest-bar__icon,.smc-top-strip__brand-link,.dv-block__more{position:relative}
.dv-fest-bar__icon::after,.smc-top-strip__brand-link::after,.dv-block__more::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
.dv-footer__copy a{display:inline-block;padding:14px 0;margin:-14px 0}

/* Catalogue posters: full artwork for movies/series, with an accessible link name. */
body .custom-software-card.is-poster-card .software-card-inner{aspect-ratio:2/3!important}
body .custom-software-card.is-poster-card .software-card-top{padding:0!important;overflow:hidden;background-image:none!important}
body .custom-software-card.is-poster-card .software-card-top::after{display:none}
body .custom-software-card.is-poster-card .platform-bar{position:absolute;top:var(--dv-chip-top,12px);left:10px;z-index:3;margin:0}
body .custom-software-card.is-poster-card .software-logo{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;border-radius:0}
body .custom-software-card.is-poster-card .software-logo::after{display:none}
body .custom-software-card.is-poster-card .software-logo img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:0;filter:none;transform:none;animation:none}
body .custom-software-card.is-poster-card .software-title-main,body .custom-software-card.is-poster-card .software-card-bottom{display:none!important}

/* Sidebar mixed cards share the widget ratio; content cannot resize their grid cells. */
body .main-sidebar .dv-widget-cards{align-items:start}
body .main-sidebar .dv-widget-cards article.custom-software-card{position:relative;width:100%!important;max-width:100%!important;min-width:0;margin:0!important;aspect-ratio:var(--dv-card-ratio,4/5);content-visibility:visible;contain-intrinsic-size:none;align-self:start}
body .main-sidebar .dv-widget-cards .custom-software-card .software-card-inner{position:absolute;inset:0;width:100%;max-width:100%;min-width:0;height:100%;aspect-ratio:auto!important}
body .main-sidebar .dv-widget-cards .software-card-link-wrapper,body .main-sidebar .dv-widget-cards .software-card-top{min-width:0;min-height:0}
body .main-sidebar .dv-widget-cards .software-title-main{width:100%;min-width:0;min-height:2.5em;flex-shrink:0;overflow-wrap:anywhere}
body .main-sidebar .dv-widget-cards .custom-software-card:not(.is-poster-card) .software-logo{flex-shrink:0}

/* Card grids (sidebar, related, blocks): the grid cell sets the size; mobile flex widths and fixed heights from cards.css do not apply inside it. */
body .dv-widget-cards{align-items:start}
body .dv-widget-cards>article.custom-software-card{position:relative;flex:none!important;width:100%!important;max-width:100%!important;min-width:0;margin:0!important;height:auto!important;aspect-ratio:var(--dv-card-ratio,4/5);content-visibility:visible;contain-intrinsic-size:none;align-self:start}
body .dv-widget-cards>article.custom-software-card .software-card-inner{position:absolute;inset:0;width:100%!important;max-width:100%;min-width:0;height:100%!important;aspect-ratio:auto!important}
body .dv-widget-cards .software-card-link-wrapper,body .dv-widget-cards .software-card-top{min-width:0;min-height:0}
