/* ==========================================================
   DURATECFRANCE · contact
   Colores, contacto y movimiento reducido
   ========================================================== */

/* COLORS */
.colors{background:var(--band);padding-block:clamp(44px,6vw,84px)}
.colors h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:10px}
.colors .lead{color:var(--muted);max-width:60ch;margin-bottom:28px;font-size:.95rem}
.sw{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0}
.sw div{background:var(--paper)}
.sw i{display:block;height:54px}
.sw b{display:block;padding:12px 14px 2px;font-family:var(--f-display);font-size:1rem}
.sw span{display:block;padding:0 14px 14px;font-size:.78rem;color:var(--muted);line-height:1.45}

/* CONTACT */
.mx{display:grid;grid-template-columns:1fr 1.6fr;gap:28px;margin-bottom:28px;padding:28px;background:var(--band);border-left:6px solid var(--gold)}
.mx h3{font-size:1.5rem}
.mx p{margin:0 0 10px;font-size:.95rem;line-height:1.55}
@media(max-width:820px){.mx{grid-template-columns:1fr}}
.contact{padding-block:clamp(48px,7vw,96px)}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);margin-top:10px}
.card{position:relative;padding:30px 28px;color:#0B0C0E;background:#fff}
.card:nth-child(2){background:var(--gold);color:#0B0C0E}
.card h3{font-size:1.5rem}
.card .role{font-size:.84rem;opacity:.8;margin:4px 0 16px}
.card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:.92rem}
.card dt{font-family:var(--f-mono);font-size:.72rem;opacity:.75;padding-top:3px}
.card dd{margin:0;overflow-wrap:anywhere}
@media(max-width:700px){.cgrid{grid-template-columns:1fr}}
footer{background:#15171C;color:#8A8D92;padding-block:28px;font-size:.84rem;text-align:center}
footer a{color:#E08A3C;text-decoration:none}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.block{transform:none!important}}