
#site-hero-slider{position:relative;display:block;clear:both;width:100%;max-width:1150px;margin:0 auto;height:320px;overflow:hidden;background:#e6e9ef;color:#fff;isolation:isolate;box-sizing:border-box}
#site-hero-slider *{box-sizing:border-box}
#site-hero-slider .site-hero-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;opacity:0;animation:ximena-archive-fade 24s infinite}
#site-hero-slider .site-hero-image:first-child{opacity:1}
#site-hero-slider .site-hero-image:nth-child(2){animation-delay:8s}
#site-hero-slider .site-hero-image:nth-child(3){animation-delay:16s}
@keyframes ximena-archive-fade{0%,25%{opacity:1}35%,95%{opacity:0}100%{opacity:1}}
#site-hero-slider .site-hero-caption{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:90px;padding:12px 20px;background:rgba(0,0,0,.61);font-family:Arial,sans-serif;color:#fff}
#site-hero-slider .site-hero-logo{display:block;object-fit:contain;max-height:88px;max-width:280px;width:auto;height:auto}
#site-hero-slider .site-hero-text{margin-left:auto;text-align:right;color:#fff;text-shadow:0 1px 2px #000}
#site-hero-slider .site-hero-title{display:block;font-size:24px;font-weight:600;line-height:1.25;color:#fff}
#site-hero-slider .site-hero-subtitle{display:block;font-size:15px;font-weight:400;line-height:1.4;color:#fff}
/* The original Joomla slider has no safe JS in the static copy. Hide only its obsolete UI. */
body:has(#site-hero-slider) .djslider-loader,
body:has(#site-hero-slider) [id^="djslider-loader"],
body:has(#site-hero-slider) [id^="djslider"],
body:has(#site-hero-slider) .dj-slideshow,
body:has(#site-hero-slider) .djimageslider{display:none!important}
@media(max-width:700px){#site-hero-slider{height:180px}#site-hero-slider .site-hero-caption{min-height:65px;padding:8px 10px}#site-hero-slider .site-hero-logo{max-width:90px;max-height:50px}#site-hero-slider .site-hero-title{font-size:12px}#site-hero-slider .site-hero-subtitle{font-size:10px}}
@media(prefers-reduced-motion:reduce){#site-hero-slider .site-hero-image{animation:none;opacity:0}#site-hero-slider .site-hero-image:first-child{opacity:1}}
