/* DITEN home hero/showcase CSS extracted from home_hero_showcase.html. Version 20260622p2. */

/* Extracted inline style block 1 */
.diten-test-showcase{width:100%;max-width:1200px;height:460px;margin:0 auto;display:grid;grid-template-columns:minmax(238px,270px) minmax(0,1fr);gap:18px;align-items:stretch}.diten-test-category-menu{height:460px;min-height:0;position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#060b14 0%,#07111d 52%,#041b18 100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 38px rgba(7,17,29,.16),inset 0 1px 0 rgba(255,255,255,.08);padding:16px;isolation:isolate}.diten-test-category-menu:before{content:"";position:absolute;inset:10px;border-radius:18px;border:1px solid rgba(96,247,214,.16);pointer-events:none}.diten-test-category-menu:after{content:"";position:absolute;right:-75px;bottom:-85px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(0,214,159,.25) 0%,rgba(0,168,132,.10) 46%,transparent 72%);pointer-events:none}.diten-test-category-menu__head{position:relative;z-index:1;margin-bottom:12px;padding:4px 4px 10px;border-bottom:1px solid rgba(255,255,255,.10)}.diten-test-category-menu__head span{display:inline-flex;margin-bottom:6px;padding:5px 9px;border-radius:999px;background:rgba(0,168,132,.14);border:1px solid rgba(96,247,214,.24);color:#b7fff0;font-size:.68rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.diten-test-category-menu__head strong{display:block;font-family:"Space Grotesk",Inter,system-ui,sans-serif;color:#fff;font-size:1.12rem;line-height:1.1;letter-spacing:-.02em}.diten-test-category-menu__list{position:relative;z-index:1;display:grid;gap:7px}.diten-test-category-menu__list a{display:flex;align-items:center;gap:10px;min-height:34px;padding:8px 10px;border-radius:14px;text-decoration:none;color:rgba(255,255,255,.86)!important;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);font-size:.92rem;font-weight:760;line-height:1.15;transition:transform .18s,background .18s,border-color .18s,color .18s}.diten-test-category-menu__list a i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:11px;color:#07110e;background:linear-gradient(135deg,#00a884,#00d69f);box-shadow:0 8px 18px rgba(0,168,132,.18);font-size:.92rem}.diten-test-category-menu__list a:hover{transform:translateX(3px);background:rgba(0,168,132,.16);border-color:rgba(96,247,214,.32);color:#fff!important}.diten-test-showcase .diten-test-slider{max-width:none;margin:0;min-width:0;width:100%;height:460px}@media (max-width:991px){.diten-test-showcase{height:auto;display:flex;flex-direction:column;gap:14px}.diten-test-category-menu{height:auto;max-height:none}.diten-test-category-menu__list{grid-template-columns:repeat(2,minmax(0,1fr))}.diten-test-showcase .diten-test-slider{height:430px}}@media (max-width:575px){.diten-test-category-menu{border-radius:18px;padding:14px}.diten-test-category-menu__list{grid-template-columns:1fr}.diten-test-category-menu__list a{min-height:38px}.diten-test-showcase .diten-test-slider{height:430px}}
.diten-test-slider-page{padding:24px 0 34px;background:linear-gradient(180deg,#f5f7fb 0%,#eef3f8 100%);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.diten-test-slider{--diten-navy:#07111d;--diten-ink:#101214;--diten-green:#00a884;--diten-mint:#00d69f;--diten-cyan:#60f7d6;position:relative;width:100%;max-width:1200px;height:460px;margin:0 auto;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#060b14 0%,#07111d 46%,#041b18 100%);box-shadow:0 18px 42px rgba(7,17,29,.20),inset 0 1px 0 rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);isolation:isolate}.diten-test-slider:before{content:"";position:absolute;inset:12px;border-radius:18px;border:1px solid rgba(96,247,214,.18);pointer-events:none;z-index:4}.diten-test-slider:after{content:none!important;display:none!important}.diten-test-slider__track{display:flex;height:100%;transition:transform .58s cubic-bezier(.22,.61,.36,1);will-change:transform}.diten-test-slide{min-width:100%;height:100%;position:relative;background:#07111d}.diten-test-slide:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,11,20,.96) 0%,rgba(7,17,29,.82) 36%,rgba(7,17,29,.34) 68%,rgba(0,168,132,.18) 100%)}.diten-test-slide:after{content:"";position:absolute;inset:auto -80px -150px auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(0,214,159,.34) 0%,rgba(0,168,132,.12) 44%,transparent 70%);z-index:2;filter:none}.diten-test-slide img{width:100%;height:100%;object-fit:cover;opacity:.46;display:block;filter:none}.diten-test-slide__content{position:absolute;top:50%;left:7.2%;transform:translateY(-50%);color:#fff;max-width:610px;z-index:5}.diten-test-slide__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:8px 13px;border-radius:999px;background:rgba(0,168,132,.14);border:1px solid rgba(96,247,214,.34);color:#b7fff0;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.diten-test-slide__eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--diten-green),var(--diten-mint));box-shadow:0 0 0 5px rgba(0,214,159,.13)}.diten-test-slide__content h2{font-family:"Space Grotesk",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:clamp(2.35rem,5vw,4.45rem);line-height:.98;margin:0 0 16px;font-weight:800;letter-spacing:-.045em;color:#fff!important;text-shadow:0 16px 42px rgba(0,0,0,.42);text-transform:none}.diten-test-slide__content p{font-size:1.12rem;max-width:560px;margin:0 0 28px;line-height:1.62;color:rgba(255,255,255,.88);text-shadow:0 8px 24px rgba(0,0,0,.32)}.diten-test-slide__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.diten-test-slider__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 26px;background:linear-gradient(135deg,var(--diten-green),var(--diten-mint));color:#07110e!important;border:none;border-radius:999px;font-size:1rem;font-weight:850;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 14px 30px rgba(0,168,132,.27),inset 0 1px 0 rgba(255,255,255,.32)}.diten-test-slider__btn:hover{color:#07110e!important;transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 18px 38px rgba(0,168,132,.34),inset 0 1px 0 rgba(255,255,255,.36)}.diten-test-slider__link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff!important;text-decoration:none;font-weight:750;backdrop-filter:blur(10px);transition:background .2s,border-color .2s,transform .2s}.diten-test-slider__link:hover{background:rgba(255,255,255,.14);border-color:rgba(96,247,214,.48);transform:translateY(-2px)}.diten-test-slider__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(7,17,29,.72);color:#fff;border:1px solid rgba(255,255,255,.16);width:48px;height:48px;border-radius:999px;font-size:1.18rem;cursor:pointer;transition:all .2s;z-index:10;box-shadow:0 12px 26px rgba(0,0,0,.25);backdrop-filter:blur(10px)}.diten-test-slider__nav:hover{background:linear-gradient(135deg,var(--diten-green),var(--diten-mint));color:#07110e;border-color:transparent;transform:translateY(-50%) scale(1.04)}.diten-test-slider__nav--prev{left:22px}.diten-test-slider__nav--next{right:22px}.diten-test-slider__dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:9px;z-index:10;padding:8px 10px;border-radius:999px;background:rgba(7,17,29,.52);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}.diten-test-slider__dot{width:9px;height:9px;background:rgba(255,255,255,.48);border-radius:999px;cursor:pointer;transition:all .28s;border:0;padding:0}.diten-test-slider__dot.active{width:30px;background:linear-gradient(135deg,var(--diten-green),var(--diten-mint));box-shadow:0 0 0 4px rgba(0,214,159,.13)}@media (max-width:768px){.diten-test-slider-page{padding:12px 0 24px}.diten-test-slider{height:430px;border-radius:18px}.diten-test-slider:before{inset:8px;border-radius:14px}.diten-test-slider:after{font-size:4rem;right:18px;bottom:70px}.diten-test-slide:before{background:linear-gradient(180deg,rgba(6,11,20,.9) 0%,rgba(7,17,29,.78) 55%,rgba(4,27,24,.88) 100%)}.diten-test-slide__content{left:6%;right:6%;top:48%;text-align:left;max-width:none}.diten-test-slide__content h2{font-size:2.25rem}.diten-test-slide__content p{font-size:1rem;line-height:1.52}.diten-test-slide__actions{gap:10px}.diten-test-slider__btn,.diten-test-slider__link{width:100%}.diten-test-slider__nav{width:42px;height:42px}.diten-test-slider__nav--prev{left:12px}.diten-test-slider__nav--next{right:12px}}

/* Compacta el menú lateral para que sus 9 categorías quepan dentro de la misma altura del slider. */
.diten-test-category-menu{padding:12px!important}.diten-test-category-menu__head{margin-bottom:8px!important;padding:2px 3px 7px!important}.diten-test-category-menu__head span{font-size:.62rem!important;padding:4px 8px!important;margin-bottom:4px!important}.diten-test-category-menu__head strong{font-size:1rem!important}.diten-test-category-menu__list{gap:4px!important}.diten-test-category-menu__list a{min-height:35px!important;padding:5px 8px!important;border-radius:12px!important;font-size:.84rem!important;gap:8px!important}.diten-test-category-menu__list a i{flex-basis:25px!important;width:25px!important;height:25px!important;border-radius:9px!important;font-size:.8rem!important}

/* En móvil se oculta el menú lateral: el slider queda solo a ancho completo. */
@media (max-width:991px){.diten-test-category-menu{display:none!important}.diten-test-showcase{display:block!important;height:auto!important}.diten-test-showcase .diten-test-slider{width:100%!important;max-width:100%!important}}

/* SEO/performance: texto accesible sin impacto visual y menor coste de render. */
.diten-test-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.diten-test-slider,.diten-test-category-menu{content-visibility:auto;contain-intrinsic-size:460px}.diten-test-slide img{aspect-ratio:4/3}.diten-test-slider__nav,.diten-test-slider__dot{touch-action:manipulation}

/* Full-bleed preview: que el menú lateral y el slider ocupen toda la caja blanca */
#information-information .diten-test-category-menu{border-radius:24px 0 0 24px!important;box-shadow:none!important}

/* DITEN home campaign image banners from uploaded ZIP, 2026-06-09 */
.diten-test-slider--campaign .diten-test-slide--image-banner:before,.diten-test-slider--campaign .diten-test-slide--image-banner:after{content:none!important;display:none!important}
.diten-test-slider--campaign .diten-test-slide__image-link{display:block;width:100%;height:100%;text-decoration:none!important;cursor:pointer}
.diten-test-slider--campaign .diten-test-slide__image-link:focus-visible{outline:3px solid #00d69f;outline-offset:-8px;border-radius:18px}
.diten-test-slider--campaign .diten-test-slide--image-banner img{width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important;filter:none!important;display:block!important;aspect-ratio:1221/643}
.diten-test-slider--campaign:after{content:none!important;display:none!important}
@media(max-width:575.98px){#common-home .diten-test-showcase .diten-test-slider--campaign{height:auto!important;aspect-ratio:1221/643!important;min-height:0!important}.diten-test-slider--campaign .diten-test-slider__nav{width:34px!important;height:34px!important;font-size:.9rem!important}.diten-test-slider--campaign .diten-test-slider__dots{bottom:10px!important;padding:6px 8px!important}}


/* DITEN home hero: full-width campaign banner without side category menu */
@media(min-width:992px){
  #common-home .diten-test-category-menu{display:none!important;}
  #common-home .diten-test-showcase{display:block!important;grid-template-columns:1fr!important;width:calc(100vw - 74px)!important;max-width:1296px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;height:460px!important;}
  #common-home .diten-test-showcase .diten-test-slider{width:100%!important;max-width:100%!important;height:460px!important;}
  #common-home .diten-test-showcase .diten-test-slider--campaign{width:100%!important;max-width:100%!important;}
}

/* Compact home slider indicators after adding 2026 banners */
#common-home .diten-test-slider__dots{
  gap:8px!important;
  padding:6px 10px!important;
  bottom:20px!important;
  border-radius:999px!important;
  background:rgba(7,17,29,.48)!important;
}
#common-home .diten-test-slider__dot{
  min-width:9px!important;
  min-height:9px!important;
  width:9px!important;
  height:9px!important;
  padding:0!important;
  display:inline-block!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.62)!important;
  box-shadow:none!important;
  border:0!important;
}
#common-home .diten-test-slider__dot.active{
  width:26px!important;
  min-width:26px!important;
  height:9px!important;
  min-height:9px!important;
  background:linear-gradient(135deg,#00a884,#00d69f)!important;
  box-shadow:0 0 0 3px rgba(0,214,159,.13)!important;
}
#common-home .diten-test-slider__dot::before,
#common-home .diten-test-slider__dot::after{content:none!important;display:none!important;}
@media(max-width:575.98px){
  #common-home .diten-test-slider__dots{gap:7px!important;padding:5px 8px!important;bottom:8px!important;}
  #common-home .diten-test-slider__dot{min-width:7px!important;min-height:7px!important;width:7px!important;height:7px!important;}
  #common-home .diten-test-slider__dot.active{width:20px!important;min-width:20px!important;height:7px!important;min-height:7px!important;}
}
/* Main home banner slide without click action */
#common-home .diten-test-slider--campaign .diten-test-slide--no-action .diten-test-slide__image-link{
  cursor:default!important;
  pointer-events:none!important;
}


/* Mobile carousel for AMD / Entrega inmediata side banners */
@media(max-width:575.98px){
  #common-home .diten-home-side-banners{
    display:flex!important;
    grid-template-columns:none!important;
    width:calc(100% - 20px)!important;
    margin:10px auto 0!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0 10px 10px 0!important;
    height:auto!important;
    min-height:0!important;
  }
  #common-home .diten-home-side-banners::-webkit-scrollbar{height:6px!important}
  #common-home .diten-home-side-banners::-webkit-scrollbar-thumb{background:rgba(7,94,84,.28)!important;border-radius:999px!important}
  #common-home .diten-home-side-banners::-webkit-scrollbar-track{background:rgba(255,255,255,.54)!important;border-radius:999px!important}
  #common-home .diten-home-side-banner{
    flex:0 0 86%!important;
    width:86%!important;
    min-width:86%!important;
    aspect-ratio:820/431!important;
    min-height:0!important;
    scroll-snap-align:start!important;
    border-radius:20px!important;
  }
  #common-home .diten-home-side-banner__content{padding:15px 15px 16px!important}
  #common-home .diten-home-side-banner--amd strong{font-size:clamp(2rem,13vw,3.1rem)!important}
  #common-home .diten-home-side-banner--express strong{font-size:clamp(1.35rem,8vw,2.05rem)!important}
}


/* DITEN mobile banner visibility hardening: never show empty lazy slides. */
@media(max-width:575.98px){
  #common-home .diten-test-slider--campaign .diten-test-slide--image-banner img{display:block!important;visibility:visible!important;opacity:1!important;filter:none!important;background:#07111d!important;}
}


/* DITEN mobile slider restore: functional carousel with preloaded visible images. */
@media(max-width:575.98px){
  #common-home .diten-test-slider--campaign .diten-test-slider__track{display:flex!important;transition:transform .58s cubic-bezier(.22,.61,.36,1)!important;}
  #common-home .diten-test-slider--campaign .diten-test-slide{display:block!important;min-width:100%!important;width:100%!important;height:100%!important;}
  #common-home .diten-test-slider--campaign .diten-test-slide--image-banner img{display:block!important;visibility:visible!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;object-fit:contain!important;background:#07111d!important;}
  #common-home .diten-test-slider--campaign .diten-test-slider__nav{display:flex!important;visibility:visible!important;pointer-events:auto!important;align-items:center!important;justify-content:center!important;}
  #common-home .diten-test-slider--campaign .diten-test-slider__dots{display:flex!important;visibility:visible!important;pointer-events:auto!important;}
  #common-home .diten-test-slider--campaign .diten-test-slider__dot{pointer-events:auto!important;}
}

/* DITEN mobile slider visual fallback: slide background mirrors banner image while carousel remains active. */
@media(max-width:575.98px){
  #common-home .diten-test-slider--campaign .diten-test-slide--image-banner{background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important;}
}

/* DITEN mobile: single-image rotator avoids black transformed slides while still changing banners. */
@media(max-width:575.98px){
  #common-home .diten-test-slider--campaign[data-mobile-rotator="1"] .diten-test-slider__track{display:block!important;transform:none!important;transition:none!important;height:100%!important;}
  #common-home .diten-test-slider--campaign[data-mobile-rotator="1"] .diten-test-slide{display:none!important;width:100%!important;height:100%!important;}
  #common-home .diten-test-slider--campaign[data-mobile-rotator="1"] .diten-test-slide:first-child{display:block!important;}
  #common-home .diten-test-slider--campaign[data-mobile-rotator="1"] .diten-test-slide:first-child img{display:block!important;visibility:visible!important;opacity:1!important;filter:none!important;object-fit:contain!important;background:#07111d!important;}
}


/* DITEN 2026-06-19: accessible slider dots without visual bulk.
   Keep the compact visual dots, but expose >=24px touch targets for Lighthouse/mobile users. */
#common-home .diten-test-slider__dots{
  gap:0!important;
  padding:3px 7px!important;
  bottom:9px!important;
  align-items:center!important;
}
#common-home .diten-test-slider__dot,
#common-home .diten-test-slider__dot.active{
  min-width:24px!important;
  width:24px!important;
  min-height:24px!important;
  height:24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:999px!important;
  cursor:pointer!important;
}
#common-home .diten-test-slider__dot::before,
#common-home .diten-test-slider__dot::after{
  content:""!important;
  display:block!important;
}
#common-home .diten-test-slider__dot::before{
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.68)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;
  transition:all .22s ease!important;
}
#common-home .diten-test-slider__dot::after{display:none!important;}
#common-home .diten-test-slider__dot.active::before{
  width:20px!important;
  background:linear-gradient(135deg,#00a884,#00d69f)!important;
  box-shadow:0 0 0 3px rgba(0,214,159,.13)!important;
}
@media(max-width:575.98px){
  #common-home .diten-test-slider__dots{bottom:7px!important;padding:2px 5px!important;}
  #common-home .diten-test-slider__dot,
  #common-home .diten-test-slider__dot.active{min-width:24px!important;width:24px!important;min-height:24px!important;height:24px!important;}
  #common-home .diten-test-slider__dot::before{width:7px!important;height:7px!important;}
  #common-home .diten-test-slider__dot.active::before{width:18px!important;}
}

/* Extracted inline style block 2 */
#common-home .diten-test-slider-page{padding:22px 0 18px;background:linear-gradient(180deg,#f5f7fb 0%,#edf3f8 100%)}
#common-home .diten-test-showcase{width:100%;max-width:1140px;padding-left:12px;padding-right:12px;box-sizing:border-box}
@media(min-width:576px){#common-home .diten-test-showcase{max-width:540px}}
@media(min-width:768px){#common-home .diten-test-showcase{max-width:720px}}
@media(min-width:992px){#common-home .diten-test-showcase{max-width:960px}}
@media(min-width:1200px){#common-home .diten-test-showcase{max-width:1140px}}
#common-home .diten-pro-strip{margin-top:0;position:relative;z-index:3}
#common-home .diten-pro-strip .container{margin-top:0}
/* Caja desktop amplia tipo ejemplo: nav, hero y tarjetas comparten ancho casi completo. */
@media(min-width:992px){
  #common-home .diten-pro-strip .container,
  #common-home .diten-test-showcase{width:calc(100vw - 74px)!important;max-width:1296px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}
  #common-home .diten-test-slider-page{padding-top:38px!important}
  #common-home .diten-pro-strip-grid{gap:.9rem!important}
}
/* Menú de categorías restaurado en vertical junto al slider. */
/* Alinea menú y banner con la grilla de las 4 tarjetas de confianza: menú = 1 tarjeta; banner = 3 tarjetas. */
#common-home .diten-test-showcase{display:grid!important;grid-template-columns:minmax(0,calc((100% - 2.7rem)/4)) minmax(0,calc(((100% - 2.7rem)/4)*3 + 1.8rem))!important;gap:.9rem!important;height:460px!important}
#common-home .diten-test-category-menu{display:block!important;width:auto!important;height:460px!important;min-height:0!important;margin:0!important;padding:12px!important;border-radius:24px!important;overflow:hidden!important;box-sizing:border-box}
#common-home .diten-test-category-menu:before{inset:10px!important;border-radius:18px!important}
#common-home .diten-test-category-menu__head{display:block!important;margin-bottom:8px!important;padding:2px 3px 7px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
#common-home .diten-test-category-menu__head span{font-size:.62rem!important;padding:4px 8px!important;margin-bottom:4px!important}
#common-home .diten-test-category-menu__head strong{font-size:1rem!important;line-height:1.1!important}
#common-home .diten-test-category-menu__list{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
#common-home .diten-test-category-menu__list a{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;min-height:35px!important;padding:5px 8px!important;border-radius:12px!important;font-size:.84rem!important;gap:8px!important;line-height:1.15!important}
#common-home .diten-test-category-menu__list a i{flex:0 0 25px!important;width:25px!important;height:25px!important;border-radius:9px!important;font-size:.8rem!important}
#common-home .diten-test-showcase .diten-test-slider{width:100%!important;max-width:100%!important;height:460px!important}
@media(max-width:991px){#common-home .diten-test-category-menu{display:none!important}#common-home .diten-test-showcase{display:block!important;height:auto!important}#common-home .diten-test-showcase .diten-test-slider{width:100%!important;max-width:100%!important}}
@media(max-width:575.98px){#common-home .diten-test-slider-page{padding:12px 0 14px}}

/* DITEN mobile UX first pass: compact hero, 2x2 trust grid, clearer horizontal rails. */
@media(max-width:575.98px){
  #common-home .diten-test-slider-page{padding:10px 0 12px!important;background:linear-gradient(180deg,#f5f7fb 0%,#edf3f8 100%)!important}
  #common-home .diten-test-showcase{width:calc(100% - 20px)!important;max-width:none!important;padding:0!important;margin-left:auto!important;margin-right:auto!important}
  #common-home .diten-test-showcase .diten-test-slider{height:360px!important;border-radius:18px!important;box-shadow:0 14px 32px rgba(7,17,29,.17)!important}
  #common-home .diten-test-slider:before{inset:8px!important;border-radius:14px!important}
  #common-home .diten-test-slide img{opacity:.40!important}
  #common-home .diten-test-slide__content{left:5.5%!important;right:5.5%!important;top:45%!important;max-width:none!important}
  #common-home .diten-test-slide__eyebrow{font-size:.62rem!important;letter-spacing:.08em!important;margin-bottom:10px!important;padding:6px 10px!important}
  #common-home .diten-test-slide__content h2{font-size:2rem!important;line-height:1!important;margin-bottom:10px!important;letter-spacing:-.04em!important}
  #common-home .diten-test-slide__content p{font-size:.92rem!important;line-height:1.42!important;margin-bottom:14px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  #common-home .diten-test-slide__actions{gap:8px!important}
  #common-home .diten-test-slider__btn,#common-home .diten-test-slider__link{min-height:40px!important;padding:10px 14px!important;font-size:.9rem!important;width:auto!important;max-width:100%!important}
  #common-home .diten-test-slider__nav{width:34px!important;height:34px!important;font-size:.9rem!important;opacity:.82!important}
  #common-home .diten-test-slider__nav--prev{left:8px!important}#common-home .diten-test-slider__nav--next{right:8px!important}
  #common-home .diten-test-slider__dots{bottom:12px!important;padding:6px 8px!important;gap:7px!important}
  #common-home .diten-test-slider__dot{width:7px!important;height:7px!important}#common-home .diten-test-slider__dot.active{width:22px!important}

  #common-home .diten-pro-strip .container{width:100%!important;max-width:none!important;padding-left:10px!important;padding-right:10px!important}
  #common-home .diten-pro-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important;padding-top:.55rem!important}
  #common-home .diten-pro-strip-grid>div{grid-template-columns:28px 1fr!important;gap:.32rem .5rem!important;align-items:center!important;min-height:82px!important;padding:.68rem!important;border-radius:16px!important}
  #common-home .diten-pro-strip-grid i{font-size:1rem!important}
  #common-home .diten-pro-strip-grid strong{font-size:.78rem!important;line-height:1.12!important}
  #common-home .diten-pro-strip-grid span{font-size:.69rem!important;line-height:1.25!important;color:#c8d9df!important}

  #common-home .diten-section{padding:1.25rem 0!important}
  #common-home .diten-section-heading{margin-bottom:.9rem!important}
  #common-home .diten-section-heading h2{font-size:1.42rem!important;line-height:1.08!important;letter-spacing:-.035em!important;margin-bottom:.45rem!important}
  #common-home .diten-section-heading p{font-size:.88rem!important;line-height:1.45!important}
  #common-home .diten-kicker{font-size:.64rem!important;letter-spacing:.075em!important}
  #common-home .diten-pro-category-panel{padding:1rem!important;border-radius:18px!important}
  #common-home .diten-pro-category-panel p{min-height:0!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  #common-home .diten-pro-category-panel ul{margin:.65rem 0 .85rem!important}

  #common-home .diten-product-rail,#common-home .diten-product-grid,#common-home .diten-cpu-products.diten-product-rail{gap:.75rem!important;padding:.15rem 1.35rem .75rem .05rem!important;scroll-snap-type:x mandatory!important;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 91%,transparent 100%)!important;mask-image:linear-gradient(90deg,#000 0,#000 91%,transparent 100%)!important}
  #common-home .diten-product-rail .diten-product-card,#common-home .diten-product-grid .diten-product-card,#common-home .diten-cpu-products.diten-product-rail .diten-product-card{flex:0 0 min(74vw,286px)!important;max-width:min(74vw,286px)!important;min-width:min(74vw,286px)!important;border-radius:18px!important;scroll-snap-align:start!important}
  #common-home .diten-product-image{min-height:150px!important;padding:.65rem .65rem 1.8rem!important}
  #common-home .diten-product-image>img{max-height:136px!important;object-fit:contain!important}
  #common-home .diten-product-body{padding:.82rem!important;gap:.26rem!important}
  #common-home .diten-product-model{font-size:.68rem!important;line-height:1.1!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #common-home .diten-product-body h3{font-size:.84rem!important;line-height:1.22!important;min-height:0!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  #common-home .diten-product-price{font-size:1rem!important;line-height:1.15!important;margin-top:.08rem!important}
  #common-home .diten-price-ex-tax{display:none!important}
  #common-home .diten-card-trust{font-size:.68rem!important;line-height:1.2!important;min-height:0!important;color:#607080!important}
  #common-home .diten-product-cta{min-height:40px!important;font-size:.84rem!important;border-radius:999px!important}
  #common-home .diten-tech-badges-home{transform:scale(.86)!important;transform-origin:left bottom!important}

  #common-home .diten-advisor-band{padding-top:.45rem!important}
  #common-home .diten-advisor-card{padding:1rem!important;border-radius:20px!important;gap:.85rem!important}
  #common-home .diten-advisor-card h2{font-size:1.35rem!important;line-height:1.08!important}
  #common-home .diten-advisor-card p{font-size:.88rem!important;line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  #common-home .diten-advisor-actions{gap:.5rem!important;width:100%!important}
  #common-home .diten-advisor-actions .btn{width:100%!important;min-height:40px!important;padding:.62rem .85rem!important}
}


/* DITEN mobile UX refinement: hide intrusive slider arrows and reduce ugly product-card cuts. */
@media(max-width:575.98px){
  #common-home .diten-test-slider__nav{display:none!important}
  #common-home .diten-product-rail .diten-product-card,
  #common-home .diten-product-grid .diten-product-card,
  #common-home .diten-cpu-products.diten-product-rail .diten-product-card{flex-basis:min(82vw,318px)!important;max-width:min(82vw,318px)!important;min-width:min(82vw,318px)!important}
  #common-home .diten-product-rail,#common-home .diten-product-grid,#common-home .diten-cpu-products.diten-product-rail{padding-right:.9rem!important;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 94%,transparent 100%)!important;mask-image:linear-gradient(90deg,#000 0,#000 94%,transparent 100%)!important}
}


/* DITEN mobile: ocultar sección Atajos de compra solo en móvil. */
@media(max-width:575.98px){
  #common-home .diten-commerce-hub{display:none!important}
}


/* DITEN mobile: Compra por procesador opción 3 — 2 productos full-width + CTA de marca. */
@media(max-width:575.98px){
  #common-home .diten-cpu-blocks{display:grid!important;gap:1rem!important}
  #common-home .diten-cpu-block{display:block!important;padding:1rem!important;border-radius:22px!important;overflow:hidden!important}
  #common-home .diten-cpu-brand-panel{padding:1rem!important;border-radius:18px!important;margin-bottom:.8rem!important;text-align:left!important}
  #common-home .diten-cpu-brand-panel img{width:min(168px,70%)!important;height:auto!important;max-height:98px!important;margin:.35rem 0 .65rem!important;object-fit:contain!important}
  #common-home .diten-cpu-brand-panel h3{font-size:1.18rem!important;line-height:1.12!important;margin:.35rem 0!important}
  #common-home .diten-cpu-brand-panel p{font-size:.86rem!important;line-height:1.42!important;margin-bottom:.75rem!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  #common-home .diten-cpu-brand-panel .diten-cpu-link{display:flex!important;width:100%!important;min-height:40px!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;margin-top:.55rem!important}

  #common-home .diten-cpu-products.diten-product-rail{display:grid!important;grid-template-columns:1fr!important;gap:.75rem!important;overflow:visible!important;padding:0!important;-webkit-mask-image:none!important;mask-image:none!important;scroll-snap-type:none!important}
  #common-home .diten-cpu-products.diten-product-rail .diten-product-card{display:flex!important;flex-direction:row!important;gap:.75rem!important;width:100%!important;max-width:none!important;min-width:0!important;flex:initial!important;border-radius:18px!important;padding:.65rem!important;min-height:0!important;scroll-snap-align:none!important}
  #common-home .diten-cpu-products.diten-product-rail .diten-product-card:nth-of-type(n+3){display:none!important}
  #common-home .diten-cpu-products.diten-product-rail .diten-product-image{flex:0 0 108px!important;width:108px!important;min-height:108px!important;height:108px!important;padding:.45rem!important;border-radius:14px!important}
  #common-home .diten-cpu-products.diten-product-rail .diten-product-image>img{max-width:100%!important;max-height:96px!important;object-fit:contain!important}
  #common-home .diten-cpu-products.diten-product-rail .diten-tech-badges-home{display:none!important}
  #common-home .diten-cpu-products.diten-product-rail .diten-product-body{flex:1 1 auto!important;min-width:0!important;padding:.1rem 0!important;gap:.25rem!important}
  #common-home .diten-cpu-products.diten-product-rail .diten-product-model{font-size:.64rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #common-home .diten-cpu-products.diten-product-rail .diten-product-body h3{font-size:.82rem!important;line-height:1.22!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0!important}
  #common-home .diten-cpu-products.diten-product-rail .diten-product-price{font-size:.96rem!important;line-height:1.12!important;margin-top:.05rem!important}
  #common-home .diten-cpu-products.diten-product-rail .diten-card-trust{font-size:.66rem!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-height:0!important}
  #common-home .diten-cpu-products.diten-product-rail .diten-product-cta{min-height:34px!important;font-size:.78rem!important;margin-top:.15rem!important;width:100%!important}
}


/* DITEN campaign banners final mobile aspect override, 2026-06-09 */
@media(max-width:575.98px){
  #common-home .diten-test-showcase .diten-test-slider.diten-test-slider--campaign{height:auto!important;aspect-ratio:1221/643!important;min-height:0!important;border-radius:16px!important}
  #common-home .diten-test-slider--campaign .diten-test-slider__track,
  #common-home .diten-test-slider--campaign .diten-test-slide,
  #common-home .diten-test-slider--campaign .diten-test-slide__image-link{height:100%!important}
  #common-home .diten-test-slider--campaign .diten-test-slide--image-banner img{object-fit:contain!important;background:#07111d!important}
}


/* DITEN mobile slider manual controls: swipe + visible tappable arrows/dots. */
@media(max-width:575.98px){
  #common-home .diten-test-slider--campaign{touch-action:pan-y pinch-zoom!important;user-select:none!important;-webkit-user-select:none!important}
  #common-home .diten-test-slider--campaign.is-dragging .diten-test-slider__track{cursor:grabbing!important}
  #common-home .diten-test-slider--campaign .diten-test-slider__nav{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;opacity:.88!important;background:rgba(7,17,29,.66)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 10px 22px rgba(0,0,0,.20)!important;backdrop-filter:blur(8px)!important}
  #common-home .diten-test-slider--campaign .diten-test-slider__nav--prev{left:8px!important}
  #common-home .diten-test-slider--campaign .diten-test-slider__nav--next{right:8px!important}
  #common-home .diten-test-slider--campaign .diten-test-slider__dots{bottom:8px!important;gap:8px!important;padding:7px 10px!important}
  #common-home .diten-test-slider--campaign .diten-test-slider__dot{width:10px!important;height:10px!important;min-width:10px!important;min-height:10px!important}
  #common-home .diten-test-slider--campaign .diten-test-slider__dot.active{width:28px!important}
}


/* DITEN mobile: quitar overlay/marco visual del slider de banners. */
@media(max-width:575.98px){
  #common-home .diten-test-slider--campaign:before,
  #common-home .diten-test-slider--campaign:after,
  #common-home .diten-test-slider--campaign .diten-test-slide--image-banner:before,
  #common-home .diten-test-slider--campaign .diten-test-slide--image-banner:after{content:none!important;display:none!important}
  #common-home .diten-test-slider--campaign .diten-test-slide--image-banner img{opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
}



/* DITEN home hero FINAL override: banner spans full CTA width */
@media(min-width:992px){
  #common-home .diten-test-category-menu{display:none!important;width:0!important;min-width:0!important;flex:0 0 0!important;}
  #common-home .diten-test-showcase{display:block!important;grid-template-columns:none!important;width:calc(100vw - 74px)!important;max-width:1296px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;height:460px!important;}
  #common-home .diten-test-showcase .diten-test-slider{display:block!important;width:100%!important;max-width:100%!important;height:460px!important;margin:0!important;}
  #common-home .diten-test-showcase .diten-test-slider--campaign{width:100%!important;max-width:100%!important;}
}
/* Compact home slider indicators after adding 2026 banners */
#common-home .diten-test-slider__dots{
  gap:8px!important;
  padding:6px 10px!important;
  bottom:20px!important;
  border-radius:999px!important;
  background:rgba(7,17,29,.48)!important;
}
#common-home .diten-test-slider__dot{
  min-width:9px!important;
  min-height:9px!important;
  width:9px!important;
  height:9px!important;
  padding:0!important;
  display:inline-block!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.62)!important;
  box-shadow:none!important;
  border:0!important;
}
#common-home .diten-test-slider__dot.active{
  width:26px!important;
  min-width:26px!important;
  height:9px!important;
  min-height:9px!important;
  background:linear-gradient(135deg,#00a884,#00d69f)!important;
  box-shadow:0 0 0 3px rgba(0,214,159,.13)!important;
}
#common-home .diten-test-slider__dot::before,
#common-home .diten-test-slider__dot::after{content:none!important;display:none!important;}
@media(max-width:575.98px){
  #common-home .diten-test-slider__dots{gap:7px!important;padding:5px 8px!important;bottom:8px!important;}
  #common-home .diten-test-slider__dot{min-width:7px!important;min-height:7px!important;width:7px!important;height:7px!important;}
  #common-home .diten-test-slider__dot.active{width:20px!important;min-width:20px!important;height:7px!important;min-height:7px!important;}
}
/* Main home banner slide without click action */
#common-home .diten-test-slider--campaign .diten-test-slide--no-action .diten-test-slide__image-link{
  cursor:default!important;
  pointer-events:none!important;
}

/* Extracted inline style block 3 */
/* DITEN home hero side promo banners: main campaign + two right cards */
@media(min-width:992px){
  #common-home .diten-test-showcase{
    display:grid!important;
    grid-template-columns:minmax(0,3fr) minmax(230px,1fr)!important;
    gap:14px!important;
    width:calc(100vw - 74px)!important;
    max-width:1296px!important;
    height:460px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    align-items:stretch!important;
  }
  #common-home .diten-test-category-menu{display:none!important}
  #common-home .diten-test-showcase .diten-test-slider{
    grid-column:1!important;
    width:100%!important;
    max-width:100%!important;
    height:460px!important;
    margin:0!important;
  }
  #common-home .diten-home-side-banners{
    grid-column:2!important;
    display:grid!important;
    grid-template-rows:1fr 1fr!important;
    gap:14px!important;
    min-width:0!important;
    height:460px!important;
  }
}
#common-home .diten-home-side-banner{
  position:relative;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  min-height:0;
  overflow:hidden;
  border-radius:20px;
  padding:24px 22px;
  text-decoration:none!important;
  box-shadow:0 16px 36px rgba(7,17,29,.16), inset 0 1px 0 rgba(255,255,255,.22);
  isolation:isolate;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
#common-home .diten-home-side-banner:before{
  content:"";position:absolute;inset:12px;border-radius:16px;border:1px solid rgba(255,255,255,.34);opacity:.55;z-index:-1;
}
#common-home .diten-home-side-banner:after{
  content:"";position:absolute;right:-48px;bottom:-60px;width:156px;height:156px;border-radius:50%;background:rgba(255,255,255,.20);z-index:-1;
}
#common-home .diten-home-side-banner:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(7,17,29,.20);filter:saturate(1.05)}
#common-home .diten-home-side-banner__kicker{
  display:inline-flex;align-self:flex-start;margin-bottom:12px;padding:6px 10px;border-radius:999px;background:rgba(7,17,29,.14);color:#fff;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;
}
#common-home .diten-home-side-banner strong{
  display:block;margin:0;color:#07111d;font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-size:clamp(1.55rem,2.1vw,2.2rem);line-height:1.02;font-weight:900;letter-spacing:-.035em;
}
#common-home .diten-home-side-banner span:not(.diten-home-side-banner__kicker){
  display:block;margin-top:9px;color:rgba(7,17,29,.76);font-size:.98rem;line-height:1.32;font-weight:760;
}
#common-home .diten-home-side-banner--amd{background:linear-gradient(135deg,#ff7a1a 0%,#ff5f1f 58%,#f14b19 100%)}
#common-home .diten-home-side-banner--amd strong{font-size:clamp(2.1rem,3vw,3.15rem);letter-spacing:-.055em}
#common-home .diten-home-side-banner--express{background:linear-gradient(135deg,#00d6b7 0%,#00b894 48%,#00a884 100%)}
#common-home .diten-home-side-banner--express strong{font-style:italic}
@media(max-width:991.98px){
  #common-home .diten-home-side-banners{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:10px auto 0}
  #common-home .diten-home-side-banner{min-height:128px;border-radius:16px;padding:18px 16px}
  #common-home .diten-home-side-banner strong{font-size:1.35rem}
  #common-home .diten-home-side-banner--amd strong{font-size:1.75rem}
  #common-home .diten-home-side-banner span:not(.diten-home-side-banner__kicker){font-size:.86rem}
}
@media(max-width:575.98px){
  #common-home .diten-home-side-banners{width:calc(100% - 20px);grid-template-columns:1fr;margin-top:10px}
  #common-home .diten-home-side-banner{min-height:112px}
}


/* DITEN home mini-banner image artwork from supplied ZIP */
#common-home .diten-home-side-banner{background:#07111d!important;color:#fff!important;padding:0!important;justify-content:flex-end!important}
#common-home .diten-home-side-banner>img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;z-index:-2;transition:transform .25s ease;filter:saturate(1.05)}
#common-home .diten-home-side-banner:hover>img{transform:scale(1.035)}
#common-home .diten-home-side-banner:before{inset:0!important;border:0!important;border-radius:inherit!important;opacity:1!important;background:linear-gradient(180deg,rgba(7,17,29,.06) 0%,rgba(7,17,29,.20) 44%,rgba(7,17,29,.82) 100%)!important;z-index:-1!important}
#common-home .diten-home-side-banner:after{background:radial-gradient(circle,rgba(255,255,255,.28),transparent 66%)!important;z-index:-1!important}
#common-home .diten-home-side-banner__content{display:block!important;position:relative;z-index:1;width:100%;margin:0!important;padding:18px 18px 17px;color:#fff!important;background:linear-gradient(180deg,transparent 0%,rgba(7,17,29,.52) 100%)}
#common-home .diten-home-side-banner__content span:not(.diten-home-side-banner__kicker),#common-home .diten-home-side-banner__content strong{color:#fff!important;text-shadow:0 8px 22px rgba(0,0,0,.42)}
#common-home .diten-home-side-banner__content span:not(.diten-home-side-banner__kicker){font-size:.92rem!important;line-height:1.25!important;font-weight:780!important;color:rgba(255,255,255,.90)!important}
#common-home .diten-home-side-banner__kicker{background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.28)!important;backdrop-filter:blur(8px);color:#fff!important;margin-bottom:8px!important}
#common-home .diten-home-side-banner--amd strong{font-size:clamp(1.95rem,2.7vw,2.85rem)!important;color:#fff!important}
#common-home .diten-home-side-banner--express strong{font-size:clamp(1.35rem,1.8vw,1.88rem)!important;color:#fff!important}
@media(max-width:991.98px){#common-home .diten-home-side-banner__content{padding:16px 15px}#common-home .diten-home-side-banner>img{object-position:center center!important}}
/* Compact home slider indicators after adding 2026 banners */
#common-home .diten-test-slider__dots{
  gap:8px!important;
  padding:6px 10px!important;
  bottom:20px!important;
  border-radius:999px!important;
  background:rgba(7,17,29,.48)!important;
}
#common-home .diten-test-slider__dot{
  min-width:9px!important;
  min-height:9px!important;
  width:9px!important;
  height:9px!important;
  padding:0!important;
  display:inline-block!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.62)!important;
  box-shadow:none!important;
  border:0!important;
}
#common-home .diten-test-slider__dot.active{
  width:26px!important;
  min-width:26px!important;
  height:9px!important;
  min-height:9px!important;
  background:linear-gradient(135deg,#00a884,#00d69f)!important;
  box-shadow:0 0 0 3px rgba(0,214,159,.13)!important;
}
#common-home .diten-test-slider__dot::before,
#common-home .diten-test-slider__dot::after{content:none!important;display:none!important;}
@media(max-width:575.98px){
  #common-home .diten-test-slider__dots{gap:7px!important;padding:5px 8px!important;bottom:8px!important;}
  #common-home .diten-test-slider__dot{min-width:7px!important;min-height:7px!important;width:7px!important;height:7px!important;}
  #common-home .diten-test-slider__dot.active{width:20px!important;min-width:20px!important;height:7px!important;min-height:7px!important;}
}
/* Main home banner slide without click action */
#common-home .diten-test-slider--campaign .diten-test-slide--no-action .diten-test-slide__image-link{
  cursor:default!important;
  pointer-events:none!important;
}

/* Extracted inline style block 4 */
#common-home .diten-test-slider__dots{gap:12px!important}
#common-home .diten-test-slider__dot{min-width:32px!important;min-height:32px!important;width:32px!important;height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;background:transparent!important;box-shadow:none!important}
#common-home .diten-test-slider__dot::before{content:;width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.55);display:block}
#common-home .diten-test-slider__dot.active{width:40px!important;min-width:40px!important;background:transparent!important;box-shadow:none!important}
#common-home .diten-test-slider__dot.active::before{width:28px;background:linear-gradient(135deg,#00a884,#00d69f);box-shadow:0 0 0 4px rgba(0,214,159,.13)}
/* Compact home slider indicators after adding 2026 banners */
#common-home .diten-test-slider__dots{
  gap:8px!important;
  padding:6px 10px!important;
  bottom:20px!important;
  border-radius:999px!important;
  background:rgba(7,17,29,.48)!important;
}
#common-home .diten-test-slider__dot{
  min-width:9px!important;
  min-height:9px!important;
  width:9px!important;
  height:9px!important;
  padding:0!important;
  display:inline-block!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.62)!important;
  box-shadow:none!important;
  border:0!important;
}
#common-home .diten-test-slider__dot.active{
  width:26px!important;
  min-width:26px!important;
  height:9px!important;
  min-height:9px!important;
  background:linear-gradient(135deg,#00a884,#00d69f)!important;
  box-shadow:0 0 0 3px rgba(0,214,159,.13)!important;
}
#common-home .diten-test-slider__dot::before,
#common-home .diten-test-slider__dot::after{content:none!important;display:none!important;}
@media(max-width:575.98px){
  #common-home .diten-test-slider__dots{gap:7px!important;padding:5px 8px!important;bottom:8px!important;}
  #common-home .diten-test-slider__dot{min-width:7px!important;min-height:7px!important;width:7px!important;height:7px!important;}
  #common-home .diten-test-slider__dot.active{width:20px!important;min-width:20px!important;height:7px!important;min-height:7px!important;}
}
/* Main home banner slide without click action */
#common-home .diten-test-slider--campaign .diten-test-slide--no-action .diten-test-slide__image-link{
  cursor:default!important;
  pointer-events:none!important;
}

/* Extracted inline style block 5 */
#common-home .diten-test-slider__dots{gap:14px!important;padding:8px 14px!important;}
#common-home .diten-test-slider__dot{min-width:32px!important;min-height:32px!important;width:32px!important;height:32px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;background:transparent!important;box-shadow:none!important;border:0!important;}
#common-home .diten-test-slider__dot::before{content:none!important;display:none!important;}
#common-home .diten-test-slider__dot.active{width:42px!important;min-width:42px!important;background:transparent!important;box-shadow:none!important;}
#common-home .diten-test-slider__dot.active::before{content:none!important;display:none!important;}
@media(max-width:575.98px){#common-home .diten-test-slider__dots{gap:12px!important;padding:8px 12px!important}#common-home .diten-test-slider__dot{min-width:32px!important;min-height:32px!important;width:32px!important;height:32px!important}#common-home .diten-test-slider__dot.active{width:40px!important;min-width:40px!important}}
/* Compact home slider indicators after adding 2026 banners */
#common-home .diten-test-slider__dots{
  gap:8px!important;
  padding:6px 10px!important;
  bottom:20px!important;
  border-radius:999px!important;
  background:rgba(7,17,29,.48)!important;
}
#common-home .diten-test-slider__dot{
  min-width:9px!important;
  min-height:9px!important;
  width:9px!important;
  height:9px!important;
  padding:0!important;
  display:inline-block!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.62)!important;
  box-shadow:none!important;
  border:0!important;
}
#common-home .diten-test-slider__dot.active{
  width:26px!important;
  min-width:26px!important;
  height:9px!important;
  min-height:9px!important;
  background:linear-gradient(135deg,#00a884,#00d69f)!important;
  box-shadow:0 0 0 3px rgba(0,214,159,.13)!important;
}
#common-home .diten-test-slider__dot::before,
#common-home .diten-test-slider__dot::after{content:none!important;display:none!important;}
@media(max-width:575.98px){
  #common-home .diten-test-slider__dots{gap:7px!important;padding:5px 8px!important;bottom:8px!important;}
  #common-home .diten-test-slider__dot{min-width:7px!important;min-height:7px!important;width:7px!important;height:7px!important;}
  #common-home .diten-test-slider__dot.active{width:20px!important;min-width:20px!important;height:7px!important;min-height:7px!important;}
}
/* Main home banner slide without click action */
#common-home .diten-test-slider--campaign .diten-test-slide--no-action .diten-test-slide__image-link{
  cursor:default!important;
  pointer-events:none!important;
}

/* Extracted inline style block 6 */
#common-home .diten-test-slider__dots{gap:16px!important;padding:8px 16px!important;}
#common-home .diten-test-slider__dot{min-width:32px!important;min-height:32px!important;width:32px!important;height:32px!important;padding:0!important;display:inline-block!important;border-radius:999px!important;background:rgba(255,255,255,.65)!important;box-shadow:none!important;border:0!important;}
#common-home .diten-test-slider__dot.active{width:42px!important;min-width:42px!important;background:linear-gradient(135deg,#00a884,#00d69f)!important;box-shadow:0 0 0 4px rgba(0,214,159,.13)!important;}
#common-home .diten-test-slider__dot::before,#common-home .diten-test-slider__dot::after{content:none!important;display:none!important;}
@media(max-width:575.98px){#common-home .diten-test-slider__dots{gap:14px!important;padding:8px 14px!important}#common-home .diten-test-slider__dot{min-width:32px!important;min-height:32px!important;width:32px!important;height:32px!important}#common-home .diten-test-slider__dot.active{width:42px!important;min-width:42px!important}}
/* Compact home slider indicators after adding 2026 banners */
#common-home .diten-test-slider__dots{
  gap:8px!important;
  padding:6px 10px!important;
  bottom:20px!important;
  border-radius:999px!important;
  background:rgba(7,17,29,.48)!important;
}
#common-home .diten-test-slider__dot{
  min-width:9px!important;
  min-height:9px!important;
  width:9px!important;
  height:9px!important;
  padding:0!important;
  display:inline-block!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.62)!important;
  box-shadow:none!important;
  border:0!important;
}
#common-home .diten-test-slider__dot.active{
  width:26px!important;
  min-width:26px!important;
  height:9px!important;
  min-height:9px!important;
  background:linear-gradient(135deg,#00a884,#00d69f)!important;
  box-shadow:0 0 0 3px rgba(0,214,159,.13)!important;
}
#common-home .diten-test-slider__dot::before,
#common-home .diten-test-slider__dot::after{content:none!important;display:none!important;}
@media(max-width:575.98px){
  #common-home .diten-test-slider__dots{gap:7px!important;padding:5px 8px!important;bottom:8px!important;}
  #common-home .diten-test-slider__dot{min-width:7px!important;min-height:7px!important;width:7px!important;height:7px!important;}
  #common-home .diten-test-slider__dot.active{width:20px!important;min-width:20px!important;height:7px!important;min-height:7px!important;}
}
/* Main home banner slide without click action */
#common-home .diten-test-slider--campaign .diten-test-slide--no-action .diten-test-slide__image-link{
  cursor:default!important;
  pointer-events:none!important;
}

/* Extracted inline style block 7 */
@media(max-width:575.98px){
  #common-home .diten-test-showcase .diten-home-side-banners{
    display:flex!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    margin:10px auto 0!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0 10px 10px 0!important;
  }
  #common-home .diten-test-showcase .diten-home-side-banners::-webkit-scrollbar{height:6px!important}
  #common-home .diten-test-showcase .diten-home-side-banners::-webkit-scrollbar-thumb{background:rgba(7,94,84,.28)!important;border-radius:999px!important}
  #common-home .diten-test-showcase .diten-home-side-banners::-webkit-scrollbar-track{background:rgba(255,255,255,.54)!important;border-radius:999px!important}
  #common-home .diten-test-showcase .diten-home-side-banner{
    flex:0 0 86%!important;
    width:86%!important;
    min-width:86%!important;
    aspect-ratio:820/431!important;
    min-height:0!important;
    scroll-snap-align:start!important;
    border-radius:20px!important;
  }
}

/* Extracted inline style block 8 */
@media(max-width:575.98px){
  #common-home .diten-home-side-banners{
    display:block!important;
    width:calc(100% - 20px)!important;
    max-width:none!important;
    margin:10px auto 0!important;
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
  }
  #common-home .diten-home-side-banner{
    display:flex!important;
    width:100%!important;
    min-height:124px!important;
    margin:0 0 10px!important;
    border-radius:16px!important;
  }
  #common-home .diten-home-side-banner picture{position:absolute!important;inset:0!important;z-index:-2!important;display:block!important;}
  #common-home .diten-home-side-banner picture img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
  #common-home .diten-pro-strip-grid>div{
    min-height:104px!important;
    align-content:center!important;
    overflow:visible!important;
  }
  #common-home .diten-pro-strip-grid strong{
    font-size:.76rem!important;
    line-height:1.08!important;
  }
  #common-home .diten-pro-strip-grid span{
    display:block!important;
    overflow:visible!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    max-height:none!important;
    font-size:.66rem!important;
    line-height:1.22!important;
  }
}

/* Extracted inline style block 9 */
@media(max-width:991.98px){
  #common-home .diten-test-showcase{display:block!important;height:auto!important;width:100%!important;max-width:100%!important;}
  #common-home .diten-home-side-banners{
    display:block!important;
    width:calc(100% - 20px)!important;
    max-width:420px!important;
    height:auto!important;
    min-height:0!important;
    margin:10px auto 0!important;
    overflow:visible!important;
  }
  #common-home .diten-home-side-banners .diten-home-side-banner{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    height:124px!important;
    min-height:124px!important;
    margin:0 0 10px!important;
    transform:none!important;
  }
  #common-home .diten-home-side-banners .diten-home-side-banner picture{position:absolute!important;inset:0!important;z-index:-2!important;display:block!important;}
  #common-home .diten-home-side-banners .diten-home-side-banner picture img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
}

/* Extracted inline style block 10 */
@media(max-width:991.98px){
  #common-home .diten-test-showcase .diten-home-side-banners{
    display:block!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    width:calc(100% - 20px)!important;
    max-width:420px!important;
    height:auto!important;
    min-height:0!important;
    margin:10px auto 0!important;
    overflow:visible!important;
    padding:0!important;
    scroll-snap-type:none!important;
  }
  #common-home .diten-test-showcase .diten-home-side-banners .diten-home-side-banner{
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    height:124px!important;
    min-height:124px!important;
    aspect-ratio:auto!important;
    margin:0 0 10px!important;
    scroll-snap-align:none!important;
  }
}

/* Extracted inline style block 11 */
/* Final loaded override: keep slider dots visually compact but make their actual touch box accessible. */
#common-home .diten-test-slider--campaign .diten-test-slider__dots,
#common-home .diten-test-slider__dots{gap:0!important;padding:3px 7px!important;bottom:9px!important;align-items:center!important;}
#common-home .diten-test-slider--campaign .diten-test-slider__dot,
#common-home .diten-test-slider--campaign .diten-test-slider__dot.active,
#common-home .diten-test-slider__dot,
#common-home .diten-test-slider__dot.active{box-sizing:border-box!important;min-width:24px!important;width:24px!important;min-height:24px!important;height:24px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:inline-grid!important;place-items:center!important;border-radius:999px!important;line-height:1!important;}
#common-home .diten-test-slider--campaign .diten-test-slider__dot::before,
#common-home .diten-test-slider__dot::before{content:""!important;display:block!important;width:8px!important;height:8px!important;border-radius:999px!important;background:rgba(255,255,255,.68)!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;}
#common-home .diten-test-slider--campaign .diten-test-slider__dot.active::before,
#common-home .diten-test-slider__dot.active::before{width:20px!important;background:linear-gradient(135deg,#00a884,#00d69f)!important;box-shadow:0 0 0 3px rgba(0,214,159,.13)!important;}
#common-home .diten-test-slider--campaign .diten-test-slider__dot::after,
#common-home .diten-test-slider__dot::after{content:none!important;display:none!important;}
@media(max-width:575.98px){
  #common-home .diten-test-slider--campaign .diten-test-slider__dots,#common-home .diten-test-slider__dots{bottom:7px!important;padding:2px 5px!important;}
  #common-home .diten-test-slider--campaign .diten-test-slider__dot,#common-home .diten-test-slider--campaign .diten-test-slider__dot.active,#common-home .diten-test-slider__dot,#common-home .diten-test-slider__dot.active{min-width:24px!important;width:24px!important;min-height:24px!important;height:24px!important;}
  #common-home .diten-test-slider--campaign .diten-test-slider__dot::before,#common-home .diten-test-slider__dot::before{width:7px!important;height:7px!important;}
  #common-home .diten-test-slider--campaign .diten-test-slider__dot.active::before,#common-home .diten-test-slider__dot.active::before{width:18px!important;}
  #common-home .diten-test-showcase .diten-home-side-banners{min-height:258px!important;contain:layout paint style!important;}
  #common-home .diten-test-showcase .diten-home-side-banner{min-height:124px!important;aspect-ratio:820/210!important;}
  #common-home .diten-test-showcase .diten-home-side-banner picture,
  #common-home .diten-test-showcase .diten-home-side-banner img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
}



/* DITEN side banner visual fix 20260622: show more of the banner artwork and reduce the heavy dark crop. */
#common-home .diten-home-side-banner:before{
  background:linear-gradient(180deg,rgba(7,17,29,.02) 0%,rgba(7,17,29,.10) 48%,rgba(7,17,29,.56) 100%)!important;
}
#common-home .diten-home-side-banner__content{
  background:linear-gradient(180deg,transparent 0%,rgba(7,17,29,.26) 100%)!important;
}
#common-home .diten-home-side-banner picture img,
#common-home .diten-home-side-banner>img{
  object-fit:cover!important;
  filter:saturate(1.08) contrast(1.03)!important;
}
#common-home .diten-home-side-banner--amd picture img,
#common-home .diten-home-side-banner--amd>img{object-position:center 42%!important;}
#common-home .diten-home-side-banner--express picture img,
#common-home .diten-home-side-banner--express>img{object-position:center 38%!important;}
@media(max-width:991.98px){
  #common-home .diten-test-showcase .diten-home-side-banners .diten-home-side-banner,
  #common-home .diten-home-side-banners .diten-home-side-banner,
  #common-home .diten-home-side-banner{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:820/431!important;
  }
  #common-home .diten-home-side-banner__content{padding:16px 16px 15px!important;}
}
@media(max-width:575.98px){
  #common-home .diten-test-showcase .diten-home-side-banners{min-height:0!important;}
  #common-home .diten-test-showcase .diten-home-side-banner{height:auto!important;min-height:0!important;aspect-ratio:820/431!important;}
  #common-home .diten-home-side-banner__content{padding:15px 15px 14px!important;}
  #common-home .diten-home-side-banner--amd strong{font-size:clamp(2rem,12vw,2.75rem)!important;}
  #common-home .diten-home-side-banner--express strong{font-size:clamp(1.45rem,8.5vw,2rem)!important;}
}