/* UAE 2026 · Primera versión / HTML + CSS + JavaScript sin framework */
:root {
  color-scheme: dark;
  --bg:#0b0d0d; --bg-2:#111515; --panel:#181b1b; --yellow:#f8b600;
  --yellow-2:#ffcb31; --text:#f1f2ef; --muted:#aeb2af; --dim:#7d8580;
  --line:rgba(255,255,255,.13); --max:1440px; --header:88px;
  --display:'Barlow Condensed','Arial Narrow','Impact',sans-serif;
  --body:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px)}
body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.7 var(--body);-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--yellow-2);outline-offset:4px}
::selection{background:var(--yellow);color:#080808}
.container{width:min(100% - 96px,var(--max));margin-inline:auto}
.skip-link{position:fixed;top:-65px;left:20px;z-index:10000;padding:9px 14px;background:var(--yellow);color:#111;font-weight:700}
.skip-link:focus{top:10px}
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;z-index:300;pointer-events:none}
/* Header */
.site-header{height:var(--header);position:sticky;top:0;z-index:100;background:rgba(6,8,8,.94);border-bottom:1px solid rgba(255,255,255,.10);backdrop-filter:blur(14px);transition:box-shadow .2s ease}
.site-header.is-scrolled{box-shadow:0 12px 28px rgba(0,0,0,.3)}
.header-inner{height:100%;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-width:0}
.brand img{width:67px;height:67px;object-fit:contain}
.brand-copy{display:grid;gap:0;line-height:1.06;white-space:nowrap}
.brand-copy strong{font:900 27px/.95 var(--display);letter-spacing:.025em;color:#fff}
.brand-copy>span{font:700 16px/1.12 var(--display);color:var(--yellow);margin-top:4px}
.brand-copy small{font:600 10px/1.4 var(--body);letter-spacing:.19em;color:#999f9a;margin-top:4px}
.primary-nav{display:flex;gap:clamp(9px,1.32vw,26px);align-items:center;justify-content:flex-end;min-width:0}
.nav-link{position:relative;font:700 14px/1 var(--display);letter-spacing:.055em;white-space:nowrap;padding:18px 0;transition:color .18s}
.nav-link::after{content:"";position:absolute;bottom:8px;left:0;height:2px;width:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .18s}
.nav-link:hover,.nav-link.is-current{color:var(--yellow)}
.nav-link.is-current::after,.nav-link:hover::after{transform:scaleX(1)}
.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:2px;padding:12px;width:47px;height:44px;flex-direction:column;justify-content:space-between}
.menu-toggle span{display:block;height:2px;width:100%;background:#f6f6f0}
/* Buttons */
.button{display:inline-flex;align-items:center;justify-content:center;gap:34px;min-height:51px;padding:0 24px;border:1px solid transparent;border-radius:2px;font:800 17px/1 var(--display);letter-spacing:.035em;text-align:center;transition:background .2s,border-color .2s,transform .2s}
.button>span{font:600 20px/1 var(--body);transition:transform .2s}
.button:hover>span{transform:translateX(4px)}
.button--yellow{background:var(--yellow);border-color:var(--yellow);color:#0c0c0b}
.button--yellow:hover{background:var(--yellow-2);border-color:var(--yellow-2)}
.button--outline{background:rgba(0,0,0,.20);border-color:var(--yellow);color:#fff}
.button--outline:hover{background:rgba(248,182,0,.10)}
.nav-cta{min-height:41px;padding:0 18px;font-size:15px;gap:15px;margin-left:10px}
.actions{display:flex;flex-wrap:wrap;gap:13px}
/* Hero */
.hero{position:relative;min-height:650px;background:#151818;isolation:isolate;overflow:hidden}
.hero-photo{position:absolute;inset:0;z-index:-3;background-image:url('../img/portada-arma3.webp');background-size:cover;background-position:center 43%}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,8,.99) 0%,rgba(6,8,8,.92) 21%,rgba(6,8,8,.75) 42%,rgba(6,8,8,.21) 76%,rgba(6,8,8,.44) 100%),linear-gradient(0deg,#070909 0%,transparent 29%,rgba(7,9,9,.1) 65%);z-index:-2}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.13) 4px);opacity:.18;pointer-events:none}
.hero-topline{position:absolute;inset:0 auto auto 0;width:32%;height:3px;background:linear-gradient(90deg,var(--yellow),transparent)}
.hero-layout{position:relative;min-height:650px;display:flex;align-items:center;justify-content:space-between;padding-block:72px 95px;gap:24px}
.hero-copy{width:min(740px,74%);padding-block:18px 12px}
.eyebrow,.section-overline{color:var(--yellow);font:700 12px/1.4 var(--body);letter-spacing:.18em;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:9px;color:#d5d5d0;font-size:11px;margin-bottom:24px}
.eyebrow-square{height:8px;width:8px;background:var(--yellow);display:inline-block}
.hero h1{font:900 clamp(65px,7vw,122px)/.82 var(--display);letter-spacing:-.009em;margin:0;text-transform:uppercase;white-space:nowrap;text-shadow:0 5px 20px rgba(0,0,0,.4)}
.hero h1>span{color:#fff}
.hero h1 small{display:block;white-space:normal;font:800 clamp(32px,3.7vw,60px)/1 var(--display);letter-spacing:0;color:var(--yellow);margin-top:16px}
.hero-copy>p{font-size:clamp(14px,1.2vw,17px);line-height:1.8;max-width:560px;margin:28px 0 29px;color:#e0e3dd}
.hero-kickers{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:59px}
.hero-kickers span{font:700 12px var(--display);letter-spacing:.075em;color:#c8cdca;padding-left:14px;border-left:2px solid var(--yellow)}
.hero-status{align-self:flex-end;margin:0 0 49px auto;width:245px;flex:0 0 245px;padding:24px;background:rgba(7,9,9,.76);border-left:2px solid var(--yellow);box-shadow:0 15px 40px #0009;backdrop-filter:blur(7px)}
.status-dot{width:7px;height:7px;background:var(--yellow);display:inline-block;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #f8b60022}
.hero-status-label{font:800 12px var(--display);letter-spacing:.16em;color:var(--yellow)}
.hero-status strong{display:block;font:700 25px/1.1 var(--display);margin:11px 0 7px}
.hero-status>span:nth-of-type(3){display:block;font:600 10px/1.5 var(--body);color:#c7d0ca;letter-spacing:.1em}
.hero-status a{border-top:1px solid #7776;margin-top:23px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;color:var(--yellow);font:700 12px/1.4 var(--display)}
.hero-footer{position:absolute;bottom:0;width:100%;height:42px;background:rgba(6,8,8,.88);border-top:1px solid var(--line)}
.hero-footer-inner{display:flex;height:100%;justify-content:space-between;align-items:center;font:600 10px var(--body);letter-spacing:.15em;color:#a0a8a2}
/* Tiles */
.tiles-section{background:#0b0d0d}
.tiles-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
.tile{position:relative;display:block;min-width:0;min-height:244px;overflow:hidden;background:#232727}
.tile img{position:absolute;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.7);transition:transform .55s ease,filter .4s}
.tile:hover img,.tile:focus-visible img{transform:scale(1.06);filter:grayscale(.2) brightness(.85)}
.tile-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,4,4,.98),rgba(2,4,4,.2) 85%)}
.tile-inner{position:absolute;inset:0;padding:18px 19px 21px;display:flex;flex-direction:column;justify-content:end}
.tile-number{font:700 10px var(--body);color:var(--yellow);letter-spacing:.13em;margin-bottom:auto;opacity:.9}
.tile h2{font:800 clamp(21px,2.2vw,31px)/1 var(--display);letter-spacing:.03em;margin:0 30px 6px 0}
.tile p{font:400 12px/1.5 var(--body);margin:0;max-width:170px;color:#d3d9d5}
.tile-arrow{position:absolute;bottom:16px;right:18px;color:var(--yellow);font:400 24px var(--body)}
.image-note{padding-block:12px;color:#707976;font-size:10px;line-height:1.5;text-align:right}
/* Sections */
.section{position:relative;scroll-margin-top:var(--header)}
.display-title{font:900 clamp(45px,5vw,80px)/.98 var(--display);letter-spacing:.01em;margin:15px 0 24px;text-transform:uppercase}
.display-title em{font-style:normal;color:var(--yellow)}
.section--unit{min-height:625px;background:linear-gradient(125deg,#111616,#0d1010);overflow:hidden}
.unit-visual{position:absolute;inset:0 0 0 49%;overflow:hidden}
.unit-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111616 0%,rgba(17,22,22,.2) 38%,rgba(0,0,0,.32) 100%)}
.unit-visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.65) brightness(.76)}
.vertical-tag{position:absolute;right:30px;bottom:35px;z-index:2;font:700 12px var(--display);writing-mode:vertical-rl;letter-spacing:.12em;color:#e3e3db}
.unit-container{position:relative;display:flex;align-items:center;min-height:625px;padding-block:80px}
.unit-content{max-width:650px;width:53%;z-index:2}
.unit-content .lead{font-size:16px;line-height:1.9;color:#e6e8e4}
.unit-content>p:not(.lead){max-width:570px;color:#aeb6b1}
.unit-details{display:grid;gap:0;margin:36px 0 30px}
.unit-details>div{display:grid;grid-template-columns:36px 130px 1fr;gap:14px;align-items:baseline;padding:10px 0;border-bottom:1px solid #ffffff19}
.unit-details .detail-marker{color:var(--yellow);font:700 15px var(--display)}
.unit-details strong{font:700 16px var(--display);letter-spacing:.025em}
.unit-details small{font:400 12px var(--body);color:#aeb8b1}
.text-link{font:800 15px var(--display);letter-spacing:.075em;color:var(--yellow);display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid var(--yellow);padding-bottom:6px;transition:gap .2s}
.text-link:hover{gap:32px}
/* Operations */
/* Terreno original de ARMAMILSIM.ES: textura de fondo para las zonas oscuras.
   Mantener los degradados: aseguran la legibilidad sobre el relieve de la imagen. */
.section--operations{
  background-color:#0b0d0d;
  background-image:
    linear-gradient(100deg,rgba(6,8,8,.30) 0%,rgba(6,8,8,.18) 52%,rgba(6,8,8,.34) 100%),
    url('../img/arma-bg.jpg');
  background-position:center,center 40%;
  background-size:cover;
  background-repeat:no-repeat;
  padding:95px 0 76px;
}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:31px}
.section-heading .display-title{margin-bottom:0}
.section-heading>p{max-width:350px;font-size:13px;line-height:1.7;color:#abb2ad;margin:0 0 3px}
.ops-feature{position:relative;min-height:470px;border:1px solid rgba(255,255,255,.15);background:#1e2221;overflow:hidden}
.ops-photo{position:absolute;inset:0}
.ops-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 57%;filter:brightness(.68) saturate(.72)}
.ops-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,5,.94) 0%,rgba(5,7,7,.73) 32%,transparent 77%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 50%)}
.image-disclaimer{position:absolute;bottom:12px;left:24px;z-index:2;color:#ddd7;font:600 10px var(--body);letter-spacing:.09em}
.ops-overlay{position:relative;z-index:2;padding:66px 44px;max-width:600px}
.ops-overlay h3{font:900 clamp(66px,8vw,114px)/.78 var(--display);letter-spacing:0;margin:19px 0 25px}
.ops-overlay p{max-width:380px;font-size:14px;color:#d6dbd7;line-height:1.8;margin:0 0 27px}
.gallery-tools{position:absolute;right:22px;top:22px;z-index:3;display:flex;flex-direction:column;gap:8px;align-items:center;background:#0b0c0b88;padding:7px}
.gallery-thumb{width:116px;height:69px;border:2px solid transparent;background:#171b1a;padding:0;opacity:.65;transition:border .2s,opacity .2s}
.gallery-thumb:hover,.gallery-thumb.is-selected{opacity:1;border-color:var(--yellow)}
.gallery-thumb img{height:100%;width:100%;object-fit:cover}
.gallery-count{color:#d9ddda;font:700 12px var(--display);letter-spacing:.15em;padding:8px}
.ops-bottom{display:flex;justify-content:space-between;color:#7f8982;font:600 10px var(--body);letter-spacing:.15em;margin-top:17px;gap:20px}
/* Training */
.section--training{background:#141817;padding:94px 0 105px;border-block:1px solid #ffffff13}
.training-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw}
.training-intro>p{max-width:440px;color:#bbc3bd;margin:0 0 29px}
.training-list{border-top:1px solid #ffffff2a}
.training-row{display:grid;grid-template-columns:49px 1fr;gap:23px;padding:21px 0 24px;border-bottom:1px solid #ffffff2a}
.training-row>span{font:700 25px var(--display);color:var(--yellow)}
.training-row h3{font:800 25px var(--display);letter-spacing:.02em;margin:2px 0 7px}
.training-row p{font-size:13px;color:#aeb8af;margin:0}
/* History */
.section--history{position:relative;background:#0a0d0d;padding:95px 0 94px;overflow:hidden;isolation:isolate}
.history-backdrop{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(90deg,#0a0d0d 0%,#0a0d0dee 65%,#0a0d0d88 100%),url('../img/simulacion-arma3.webp');background-size:cover;background-position:right center;filter:grayscale(.7)}
.section--history:after{content:"";position:absolute;inset:0;z-index:-1;background-image:repeating-linear-gradient(0deg,transparent,transparent 4px,#0004 5px);opacity:.12}
.history-inner>.display-title{margin-bottom:0}
.history-subtitle{font:700 17px var(--display);letter-spacing:.12em;color:#c9cec9;margin:10px 0 55px}
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--yellow)}
.timeline li{position:relative;padding:25px 18px 5px 0;min-width:0}
.timeline li:before{content:"";width:10px;height:10px;background:var(--yellow);position:absolute;top:-5px;left:0}
.timeline time{font:800 24px var(--display);color:var(--yellow);display:block;margin-bottom:14px}
.timeline strong{display:block;font:800 15px/1.25 var(--display);color:#fff;letter-spacing:.02em;margin-bottom:11px}
.timeline p{font:400 11px/1.65 var(--body);color:#abb3ad;margin:0}
.history-footnote{color:#9ca59c;max-width:760px;font-size:12px;margin:40px 0 0;border-left:2px solid var(--yellow);padding-left:19px}
/* Join */
.section--join{min-height:455px;background:#111616;isolation:isolate;overflow:hidden}
.join-photo{position:absolute;inset:0 49% 0 0;z-index:-2;background:url('../img/reconocimiento-arma3.webp') center/cover no-repeat;filter:saturate(.68) brightness(.62)}
.section--join:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 30%,#111616 53%,#111616 100%)}
.join-inner{min-height:455px;display:flex;justify-content:end;align-items:center;padding-block:62px}
.join-content{width:50%;padding-left:50px}
.join-content .display-title{margin-bottom:22px}
.join-content p{max-width:510px;color:#cbd2cb;font-size:14px;line-height:1.9;margin:0 0 28px}
.join-content .button{font-size:15px;gap:18px}
.join-disclaimer{display:block;margin-top:18px;color:#a4ada6;font-size:11px}
/* FAQ */
/* Último bloque informativo: misma textura, con una capa oscura más intensa. */
.faq-section{
  background-color:#111414;
  background-image:
    linear-gradient(110deg,rgba(8,10,10,.41) 0%,rgba(8,10,10,.28) 62%,rgba(8,10,10,.43) 100%),
    url('../img/arma-bg.jpg');
  background-position:center,center 65%;
  background-size:cover;
  background-repeat:no-repeat;
  padding:76px 0 92px;
  border-top:1px solid var(--line);
}
.faq-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}
.faq-layout>div:first-child>p{max-width:430px;color:#aeb7b1;font-size:13px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{font:800 21px/1.2 var(--display);letter-spacing:.03em;padding:19px 30px 18px 0;list-style:none;cursor:pointer;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';position:absolute;right:0;top:12px;color:var(--yellow);font:400 30px var(--display)}
.faq-list details[open] summary:after{content:'−'}
.faq-list details p{color:#b5beb6;font-size:13px;line-height:1.8;margin:-3px 20px 22px 0}
/* Footer */
/* Pie de página: continuidad cromática y textura suave, sin competir con el escudo. */
.footer{
  background-color:#070909;
  background-image:
    linear-gradient(90deg,rgba(3,5,5,.59),rgba(3,5,5,.48) 48%,rgba(3,5,5,.60)),
    url('../img/arma-bg.jpg');
  background-position:center,center bottom;
  background-size:cover;
  background-repeat:no-repeat;
  border-top:3px solid var(--yellow);
}
.footer-top{display:flex;justify-content:space-between;gap:45px;align-items:center;padding-block:43px}
.footer-brand{display:flex;align-items:center;gap:17px}
.footer-brand img{width:75px;height:75px;object-fit:contain}
.footer-brand div{display:grid;gap:3px}
.footer-brand strong{font:900 30px/1 var(--display)}
.footer-brand span{color:var(--yellow);font:700 18px/1 var(--display)}
.footer-brand small{font-size:11px;color:#929d94}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}
.footer-links a{font:700 13px var(--display)}
.footer-links a:hover,.footer-bottom a:hover{color:var(--yellow)}
.footer-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:21px;color:#8e9990;font-size:10px}
.footer-bottom span:nth-child(2){max-width:430px;text-align:center}
.footer-bottom a{white-space:nowrap}
@media (max-width:1310px){
  :root{--header:82px}
  .container{width:min(100% - 68px,var(--max))}
  .brand img{width:59px;height:59px}
  .brand-copy strong{font-size:24px}
  .brand-copy>span{font-size:14px}
  .nav-cta{margin-left:0}
}
@media (max-width:1160px){
  .menu-toggle{display:flex;z-index:102}
  .primary-nav{position:fixed;z-index:101;inset:var(--header) 0 auto;max-height:calc(100dvh - var(--header));overflow:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#0b0e0eed;border-bottom:2px solid var(--yellow);padding:12px 34px 27px;box-shadow:0 25px 45px #000a;transform:translateY(-15px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .2s,opacity .2s,visibility .2s}
  .primary-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
  .nav-link{font-size:23px;padding:17px 4px;border-bottom:1px solid var(--line)}
  .nav-link::after{bottom:0}
  .nav-cta{margin:22px 0 0;align-self:flex-start}
  .hero-status{display:none}
  .hero-copy{width:min(700px,85%)}
  .tiles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tile{min-height:260px}
  .tiles-grid>.tile:nth-child(n+4){min-height:220px}
}
@media (max-width:800px){
  .container{width:min(100% - 40px,var(--max))}
  .hero,.hero-layout{min-height:635px}
  .hero-layout{padding-block:95px 100px}
  .hero:before{background:linear-gradient(90deg,#090b0bed 0%,#090b0b99 58%,#090b0b66 100%),linear-gradient(0deg,#090b0b,transparent 65%)}
  .hero-photo{background-position:62% center}
  .hero-copy{width:100%}
  .hero h1{font-size:clamp(61px,11vw,91px)}
  .hero h1 small{font-size:clamp(29px,6vw,48px);max-width:650px}
  .hero-kickers{margin-top:48px}
  .tiles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tile{min-height:240px}
  .unit-visual{inset:0 0 0 30%;opacity:.33}
  .unit-container{padding-block:85px}
  .unit-content{width:100%;max-width:630px}
  .section--unit{min-height:unset}
  .unit-visual:after{background:linear-gradient(90deg,#111616,transparent)}
  .section-heading{align-items:start;flex-direction:column;gap:20px}
  .section--operations,.section--training,.section--history{padding-block:75px}
  .training-grid,.faq-layout{grid-template-columns:1fr;gap:40px}
  .timeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}
  .join-photo{inset:0;opacity:.25}
  .section--join:before{background:#0c1010aa}
  .join-inner{justify-content:start}
  .join-content{width:100%;padding:0}
  .footer-top,.footer-bottom{flex-wrap:wrap}
}
@media (max-width:540px){
  :root{--header:76px}
  .container{width:min(100% - 32px,var(--max))}
  .brand{gap:8px}
  .brand img{width:55px;height:55px}
  .brand-copy strong{font-size:21px}
  .brand-copy>span{font-size:11px;letter-spacing:0}
  .brand-copy small{font-size:9px;letter-spacing:.09em}
  .menu-toggle{width:41px;height:40px;padding:11px}
  .hero,.hero-layout{min-height:625px}
  .hero-layout{padding-block:64px 80px}
  .hero h1{font-size:clamp(53px,13.5vw,79px);white-space:normal;line-height:.9}
  .hero h1 small{font-size:clamp(29px,8vw,43px);line-height:1}
  .eyebrow{font-size:9px;line-height:1.7;margin-bottom:15px}
  .hero-copy>p{margin:25px 0;line-height:1.75;font-size:13px}
  .actions{gap:10px}
  .button{min-height:48px;padding:0 15px;font-size:15px;gap:14px}
  .hero-kickers{margin-top:36px;gap:10px 15px}
  .hero-kickers span{font-size:11px}
  .hero-footer-inner{font-size:8px;letter-spacing:.05em}
  .hero-footer-inner span:last-child{display:none}
  .tiles-grid{grid-template-columns:1fr 1fr;gap:2px}
  .tile{min-height:190px}
  .tile:last-child{grid-column:1/-1;min-height:165px}
  .tile-inner{padding:12px}
  .tile h2{font-size:21px;margin-right:16px}
  .tile p{font-size:10px}
  .tile-arrow{font-size:19px;right:12px;bottom:9px}
  .tile-number{font-size:9px}
  .image-note{font-size:9px}
  .display-title{font-size:clamp(46px,12vw,65px)}
  .unit-container{min-height:unset;padding-block:70px}
  .unit-content .lead{font-size:14px}
  .unit-content>p:not(.lead){font-size:13px}
  .unit-details>div{grid-template-columns:25px 90px 1fr;gap:7px}
  .unit-details strong{font-size:14px}
  .unit-details small{font-size:10px;line-height:1.5}
  .ops-feature{min-height:460px}
  .ops-photo img{object-position:54% center}
  .ops-photo:after{background:linear-gradient(90deg,#0a0b0bee,#0a0b0b66),linear-gradient(0deg,#0a0b0b44,transparent)}
  .ops-overlay{padding:43px 16px;max-width:100%}
  .ops-overlay h3{font-size:75px;max-width:300px}
  .ops-overlay p{max-width:270px;font-size:12px}
  .ops-overlay .button{font-size:12px}
  .gallery-tools{right:8px;top:8px;padding:3px;gap:4px}
  .gallery-thumb{width:67px;height:44px}
  .gallery-count{font-size:10px;padding:2px}
  .ops-bottom{font-size:9px;display:block}
  .ops-bottom span{display:block;margin-bottom:7px}
  .timeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  .timeline li{padding-right:10px}
  .timeline time{font-size:22px}
  .timeline strong{font-size:14px}
  .timeline p{font-size:11px}
  .history-subtitle{font-size:14px}
  .footer-top{padding-block:35px;gap:25px}
  .footer-links{gap:14px 20px}
  .footer-bottom{flex-direction:column;align-items:start}
  .footer-bottom span:nth-child(2){text-align:left}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ================================================================
   PRELOADER ARMAMILSIM.ES v1.2 — trasladado a UAE v1.1
   Mismo color original, dimensiones, keyframes y cadencia 1s.
   El JS replica el fundido secuencial 1000ms + 800ms.
   ================================================================ */
#preloader {
  position:fixed;
  display:flex;
  flex-flow:row wrap;
  justify-content:center;
  align-items:center;
  inset:0;
  background:#161616;
  z-index:9000;
  height:100vh;
  height:100dvh;
  width:100%;
  opacity:1;
}
.no-js #preloader, #preloader[hidden] { display:none; }
#loader {
  width:64px;
  height:64px;
  padding:0;
  background-color:hsla(37,95%,57%,1);
  border-radius:100%;
  -webkit-animation:sk-scaleout 1.0s infinite ease-in-out;
  animation:sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform:scale(0);transform:scale(0); }
  100% { -webkit-transform:scale(1);transform:scale(1);opacity:0; }
}
@keyframes sk-scaleout {
  0% { transform:scale(0); }
  100% { transform:scale(1);opacity:0; }
}
@media (prefers-reduced-motion:reduce) {
  #loader { -webkit-animation:none!important;animation:none!important;opacity:.75;transform:scale(.5); }
}

/* ================================================================
   V1.3 — FOOTER EDITORIAL SEO (CLAN ARMA 3 ESPAÑA)
   Estilos estrictamente limitados al nuevo contenido del pie.
   Conserva todas las secciones y la textura original de V1.2.
   ================================================================ */
.footer-discovery{padding:clamp(56px,7vw,100px) 0 32px;border-bottom:1px solid rgba(248,182,0,.28);background-color:#070909;background-image:linear-gradient(90deg,rgba(3,5,5,.59),rgba(3,5,5,.48) 48%,rgba(3,5,5,.60)),url('../img/arma-bg.jpg');background-position:center,center bottom;background-size:cover;background-repeat:no-repeat}
.footer-discovery-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.85fr);gap:clamp(36px,6vw,94px);align-items:start}
.footer-discovery-kicker{display:block;color:var(--yellow);font:700 12px/1.5 var(--display);letter-spacing:.14em;margin-bottom:19px}
.footer-discovery-intro h2{max-width:840px;margin:0 0 25px;font:800 clamp(41px,5.4vw,73px)/.98 var(--display);letter-spacing:.01em;text-wrap:balance;color:#f3f3f0}
.footer-discovery-intro h2 em{font-style:normal;color:var(--yellow)}
.footer-discovery-intro p{max-width:790px;margin:0 0 17px;color:#c5cec7;font:400 14px/1.9 var(--body)}
.footer-discovery-intro p strong{color:#f0f1eb;font-weight:600}
.footer-discovery-join{border:1px solid rgba(248,182,0,.42);background:linear-gradient(135deg,rgba(22,24,22,.94),rgba(6,9,8,.83));padding:clamp(24px,3vw,37px);box-shadow:0 24px 55px rgba(0,0,0,.23)}
.footer-discovery-card-eyebrow{font:700 11px/1.5 var(--display);letter-spacing:.14em;color:var(--yellow)}
.footer-discovery-join h3{font:800 clamp(33px,3.2vw,45px)/1.02 var(--display);color:#fff;margin:18px 0}
.footer-discovery-join h3 em{font-style:normal;color:var(--yellow)}
.footer-discovery-join p{color:#b9c1bb;font:400 13px/1.8 var(--body);margin:0 0 25px}
.footer-discovery-button{background:var(--yellow);color:#131410;min-height:53px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;gap:8px;text-decoration:none;font:800 18px/1 var(--display);transition:background-color .2s,transform .2s}
.footer-discovery-button:hover{background:#ffd052;color:#101010;transform:translateY(-2px)}
.footer-discovery-secondary{display:flex;justify-content:space-between;gap:10px;color:#e7e9e3;text-decoration:underline;text-decoration-color:#666; text-underline-offset:4px;font:600 13px/1.6 var(--body);margin-top:19px}
.footer-discovery-secondary:hover{color:var(--yellow)}
.footer-discovery-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,4vw,50px);margin-top:clamp(36px,5vw,63px);padding-block:30px;border-top:1px solid rgba(232,238,229,.19);border-bottom:1px solid rgba(232,238,229,.19)}
.footer-discovery-benefits>div{border-left:3px solid var(--yellow);padding-left:17px}
.footer-discovery-benefits h3{font:800 19px/1.15 var(--display);color:#f1f3ef;margin:0 0 9px}
.footer-discovery-benefits p{font:400 12px/1.75 var(--body);color:#abb5ad;margin:0;max-width:370px}
.footer-discovery-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:13px 26px;padding-top:27px}
.footer-discovery-navigation>span{font:800 12px var(--display);letter-spacing:.1em;color:var(--yellow);margin-right:10px}
.footer-discovery-navigation a{font:600 12px/1.6 var(--body);color:#dee4df;text-decoration:none}
.footer-discovery-navigation a:hover{color:var(--yellow)}
.footer-discovery-navigation a span{color:var(--yellow)}
.footer-discovery a:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
@media(max-width:900px){
  .footer-discovery-grid{grid-template-columns:1fr;gap:27px}
  .footer-discovery-join{max-width:600px}
  .footer-discovery-benefits{gap:20px}
}
@media(max-width:600px){
  .footer-discovery{padding-top:59px;padding-bottom:30px}
  .footer-discovery-intro h2{font-size:clamp(39px,10.3vw,60px)}
  .footer-discovery-intro p{font-size:13px;line-height:1.8}
  .footer-discovery-benefits{grid-template-columns:1fr;gap:23px;margin-top:35px}
  .footer-discovery-navigation{align-items:flex-start;gap:14px 22px}
  .footer-discovery-navigation>span{flex-basis:100%}
}

/* UAE V1.6 — Cinta continua de logotipos, sin tarjetas, cuadros ni títulos.
   Única sección modificada respecto a V1.5; no altera la web restante. */
.partners-section{
  --partners-period:32s;
  position:relative;
  padding:28px 0;
  overflow:hidden;
  isolation:isolate;
  border-top:1px solid rgba(255,255,255,.11);
  border-bottom:1px solid rgba(255,255,255,.11);
  background-color:#0c0f0f;
  background-image:linear-gradient(90deg,rgba(5,7,7,.78),rgba(5,7,7,.63) 50%,rgba(5,7,7,.78)),url('../img/arma-bg.jpg');
  background-position:center,center 46%;
  background-size:cover;
}
.partners-viewport{
  width:100%;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.partners-track{
  display:flex;
  width:max-content;
  align-items:center;
  animation:uae-logos-slide var(--partners-period) linear infinite;
  will-change:transform;
}
.partners-loop{
  display:flex;
  flex:0 0 max(100vw,1140px);
  width:max(100vw,1140px);
  align-items:center;
  justify-content:space-around;
  gap:24px;
  padding-inline:clamp(24px,3vw,72px);
}
.partner-logo{
  flex:0 0 180px;
  height:104px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:6px 14px;
  text-decoration:none;
  outline-offset:3px;
}
.partner-logo img{
  display:block;
  width:100%;
  height:78px;
  max-width:172px;
  object-fit:contain;
  filter:grayscale(1) brightness(0) invert(1);
  opacity:.76;
  transition:opacity .22s ease;
}
.partner-logo:hover img,.partner-logo:focus-visible img{opacity:1}
.partner-logo:focus-visible{outline:2px solid var(--yellow)}
.partner-logo--bohemia img{max-width:144px;height:68px}
.partner-logo--arma3 img{max-width:146px;height:82px}
.partner-logo--armaplatform img{max-width:160px}
.partner-logo--armahosts img{max-width:176px}
.partner-logo--teamspeak img{max-width:167px}
.partners-section:hover .partners-track,
.partners-section:focus-within .partners-track{animation-play-state:paused}
@keyframes uae-logos-slide{to{transform:translateX(-50%)}}
@media(max-width:640px){
  .partners-section{padding-block:18px;--partners-period:29s}
  .partners-loop{gap:18px}
  .partner-logo{height:80px;flex-basis:158px;padding-inline:9px}
  .partner-logo img{height:58px;max-width:142px}
  .partner-logo--bohemia img{height:51px;max-width:126px}
  .partner-logo--arma3 img{height:63px;max-width:130px}
}
@media(prefers-reduced-motion:reduce){
  .partners-viewport{overflow-x:auto;scrollbar-width:thin;mask-image:none;-webkit-mask-image:none}
  .partners-track{animation:none;will-change:auto;width:max-content}
  .partners-loop{flex:0 0 auto;width:max-content;justify-content:flex-start}
  .partners-loop[aria-hidden="true"]{display:none}
  .partner-logo img{transition:none;opacity:1}
}