/* Maqtrans Expomin – child de Twenty Twenty-Five. Mobile-first. */
:root {
	--mq-black: #000;
	--mq-orange: #f6a500;
	--mq-red: #e52634;
	--mq-yellow: #ffeb00;
	--mq-green: #04403b;
	--mq-white: #fff;
}

body { background: var(--mq-black); color: var(--mq-white); }
.mq-main { margin: 0; }
.wp-site-blocks > * + *, .mq-main > * + * { margin-block-start: 0; }
.mq-main > * { margin-block: 0; }

/* ---------- Hero (negro) ---------- */
.mq-hero { background: var(--mq-black); padding: clamp(1.25rem, 3vw, 2.5rem) clamp(1rem, 4vw, 4.5rem); }
.mq-hero__inner { display: grid; grid-template-columns: 1fr; gap: 1.25rem; align-items: center; justify-items: center; text-align: center; }
.mq-hero__logo { margin: 0; width: min(78vw, 360px); }
.mq-hero__logo img { width: 100%; height: auto; display: block; }
.mq-hero__title {
	margin: 0; font-weight: 700; line-height: 1.12; text-transform: uppercase;
	font-size: clamp(1.35rem, 5.6vw, 2.9rem); letter-spacing: -.005em;
}
.mq-hero__title .mq-l { display: block; }
.mq-orange, .mq-l--orange { color: var(--mq-orange); }
.mq-white { color: var(--mq-white); }
.mq-l--red { color: var(--mq-red); }

@media (min-width: 900px) {
	.mq-hero__inner { grid-template-columns: minmax(280px, 34%) 1fr; justify-items: stretch; text-align: right; gap: 2rem; }
	.mq-hero__logo { width: 100%; max-width: 380px; }
	.mq-hero__title { font-size: clamp(1.9rem, 3.35vw, 3.3rem); }
}

/* ---------- Banda Expomin (verde) ---------- */
.mq-expo { background: var(--mq-green); padding: clamp(2rem, 6vw, 5rem) 1.25rem; text-align: center; }
.mq-expo__logo { margin: 0 auto; max-width: min(88%, 980px); }
.mq-expo__logo img { width: 100%; height: auto; display: block; }
.mq-expo__lead { max-width: 46rem; margin: clamp(1.5rem, 3vw, 2.5rem) auto 1.25rem; font-size: clamp(1rem, 2.2vw, 1.2rem); color: #e6f2f0; }
.mq-expo__lead strong { color: var(--mq-yellow); }

.mq-countdown { display: grid; grid-template-columns: repeat(4, minmax(0, 5.2rem)); justify-content: center; gap: clamp(.4rem, 2vw, 1.25rem); margin: 0 auto 1.75rem; }
.mq-countdown > div { background: rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.18); border-radius: 8px; padding: .65rem .25rem; }
.mq-countdown b { display: block; font-size: clamp(1.5rem, 5vw, 2.3rem); line-height: 1; color: var(--mq-white); font-variant-numeric: tabular-nums; }
.mq-countdown span { font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: var(--mq-orange); }

.mq-cta .wp-block-button__link { background: var(--mq-orange); color: var(--mq-black); padding: .95rem 1.8rem; text-transform: uppercase; font-weight: 700; letter-spacing: .02em; }
.mq-cta .wp-block-button__link:hover, .mq-cta .wp-block-button__link:focus-visible { background: var(--mq-white); color: var(--mq-black); }

/* ---------- Barra de marcas ---------- */
.mq-brands { display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 0; max-width: none; }
.mq-brands__cell { display: flex; align-items: center; justify-content: center; padding: clamp(1.1rem, 3vw, 2.2rem) 1rem; min-height: clamp(84px, 13vw, 200px); }
.mq-brands__cell--turchi { background: var(--mq-red); }
.mq-brands__cell--cianca { background: var(--mq-yellow); }
.mq-brands__cell figure { margin: 0; }
.mq-brands__cell--turchi img { width: clamp(120px, 22vw, 360px); height: auto; display: block; }
.mq-brands__cell--cianca img { width: clamp(130px, 24vw, 400px); height: auto; display: block; }
@media (max-width: 420px) {
	.mq-brands { grid-template-columns: 1fr; }
	.mq-brands__cell--turchi img { width: 200px; }
	.mq-brands__cell--cianca img { width: 260px; }
}

/* ---------- Contacto ---------- */
.mq-contact { background: #0b0b0b; padding: clamp(2.5rem, 6vw, 5rem) 1.25rem; scroll-margin-top: 1rem; }
.mq-contact__title { color: var(--mq-orange); text-transform: uppercase; font-size: clamp(1.4rem, 3.4vw, 2.2rem); margin: 0 0 clamp(1.5rem, 3vw, 2.5rem); }
.mq-offices { display: grid; grid-template-columns: 1fr; gap: 1.25rem; max-width: 960px; margin: 0 auto; }
@media (min-width: 720px) { .mq-offices { grid-template-columns: 1fr 1fr; } }
.mq-office { background: #151515; border: 1px solid #2a2a2a; border-top: 4px solid var(--mq-orange); border-radius: 8px; padding: 1.5rem; }
.mq-office:nth-child(2) { border-top-color: var(--mq-red); }
.mq-office__name { margin: 0 0 .6rem; font-size: 1.3rem; color: var(--mq-white); }
.mq-office__addr { font-style: normal; color: #cfcfcf; margin-bottom: 1rem; line-height: 1.5; }
.mq-office__list { list-style: none; margin: 0 0 1.1rem; padding: 0; display: grid; gap: .35rem; }
.mq-office__list li { display: flex; gap: .6rem; flex-wrap: wrap; overflow-wrap: anywhere; }
.mq-office__list span { min-width: 3.6rem; color: #8d8d8d; font-size: .85rem; text-transform: uppercase; letter-spacing: .05em; padding-top: .15rem; }
.mq-office a { color: var(--mq-white); text-decoration-color: var(--mq-orange); text-underline-offset: 3px; }
.mq-office a:hover { color: var(--mq-orange); }
.mq-btn { display: inline-block; padding: .65rem 1.2rem; border-radius: 4px; font-weight: 700; text-decoration: none !important; background: #25d366; color: #04210f !important; }
.mq-btn:hover { background: var(--mq-white); }

/* ---------- Cabecera interna (páginas que no son la landing) ---------- */
.mq-topbar { background: var(--mq-black); padding: .9rem clamp(1rem, 4vw, 3rem); align-items: center; border-bottom: 3px solid var(--mq-orange); }
.mq-topbar__logo { margin: 0; width: 150px; }
.mq-topbar__logo img { width: 100%; height: auto; display: block; }
.mq-nav a { color: var(--mq-white); font-weight: 700; text-transform: uppercase; font-size: .85rem; }
.mq-nav a:hover { color: var(--mq-orange); }

/* ---------- Pie ---------- */
.mq-footer { background: var(--mq-black); border-top: 1px solid #222; padding: 2rem 1.25rem; }
.mq-footer__countries { display: flex; flex-wrap: wrap; gap: .5rem 1rem; justify-content: center; align-items: center; margin-bottom: 1rem; font-size: .9rem; }
.mq-footer__countries span { color: #8d8d8d; }
.mq-footer__countries ul { display: flex; flex-wrap: wrap; gap: .5rem 1rem; list-style: none; margin: 0; padding: 0; }
.mq-footer__countries a { color: var(--mq-white); text-decoration: none; padding: .2rem .55rem; border-radius: 4px; border: 1px solid #333; }
.mq-footer__countries a:hover { border-color: var(--mq-orange); color: var(--mq-orange); }
.mq-footer__countries a.is-current { background: var(--mq-orange); border-color: var(--mq-orange); color: var(--mq-black); font-weight: 700; }
.mq-footer__copy { margin: 0; font-size: .82rem; color: #8d8d8d; }
.mq-footer__copy a { color: #cfcfcf; }

@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }