/* qma-child/css/paginas/p-92094f1e46.css: CSS que vivía en el contenido. Páginas: ver la opción qma_css_paginas. 23-oct-2026 */
/* ============================================================
   QMA HERO SLIDER — sin RevSlider, sin dependencias
   WPCode > HTML Snippet > Homepage only
   ============================================================ */

:root {
  --qma-g: #a3e635;
  --qma-c: #38bdf8;
  --qma-dark: #050f1c;
  --slide-duration: 6000ms;
}

html { overflow-x: hidden; }

#qma-hero {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
  background: var(--qma-dark);
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
}

/* ── Slides ── */
.qhs {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1.1s cubic-bezier(0.4,0,0.2,1);
  background-size: cover;
  background-position: center right;
  will-change: opacity;
  isolation: isolate;
}
.qhs.active { opacity: 1; z-index: 2; }

.qhs::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    100deg,
    rgba(5,15,28,0.65) 0%,
    rgba(5,15,28,0.55) 35%,
    rgba(5,15,28,0.25) 65%,
    rgba(5,15,28,0.05) 100%
  );
  z-index: 1;
}

/* ── Contenedor centrado 1140px ── */
.qhs-inner {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: center;
}

.qhs-body {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

.qhs-content {
  max-width: 660px;
}

/* ── Título ── */
.qhs-title {
  font-size: clamp(2.8rem, 5.5vw, 5.5rem);
  font-weight: 300;
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin: 0 0 22px;
  color: #fff;
  word-break: keep-all;
  hyphens: none;
}
.qhs-title .g { color: var(--qma-g); }
.qhs-title .c { color: var(--qma-c); }

/* ── Subtítulo ── */
.qhs-sub {
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
  font-weight: 300;
  color: rgba(255,255,255,0.85);
  line-height: 1.6;
  margin: 0 0 34px;
  max-width: 46ch;
}

/* ── CTA ── */
.qhs-cta {
  display: inline-block;
  padding: 11px 26px;
  border: 1.5px solid rgba(255,255,255,0.6);
  border-radius: 100px;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-decoration: none;
  transition: background 0.25s, border-color 0.25s, transform 0.2s;
}
.qhs-cta:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.9);
  color: #fff;
  text-decoration: none;
  transform: translateY(-1px);
}

/* ── Animación de entrada ── */
.qhs .qhs-title,
.qhs .qhs-sub,
.qhs .qhs-cta {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 0.65s ease, transform 0.65s cubic-bezier(0.22,1,0.36,1);
}
.qhs.active .qhs-title { opacity:1; transform:translateY(0); transition-delay:0.25s; }
.qhs.active .qhs-sub   { opacity:1; transform:translateY(0); transition-delay:0.48s; }
.qhs.active .qhs-cta   { opacity:1; transform:translateY(0); transition-delay:0.66s; }

/* ── Navegación lateral — alineada al grid 1140px ── */
#qhs-nav {
  position: absolute;
  right: calc((100vw - 1140px) / 2 + 24px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#qhs-nav li {
  display: flex;
  align-items: center;
  gap: 9px;
  cursor: pointer;
  opacity: 0.38;
  transition: opacity 0.35s;
  user-select: none;
}
#qhs-nav li:hover  { opacity: 0.65; }
#qhs-nav li.active { opacity: 1; }

.qn-num {
  font-size: 0.72rem;
  color: #fff;
  font-weight: 700;
  min-width: 12px;
  text-align: right;
}
.qn-line {
  height: 1px;
  background: rgba(255,255,255,0.75);
  width: 22px;
  transition: width 0.35s ease;
  flex-shrink: 0;
}
#qhs-nav li.active .qn-line { width: 38px; }

.qn-label {
  font-size: 0.68rem;
  color: rgba(255,255,255,0.9);
  font-weight: 500;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

/* ── Scroll hint ── */
#qhs-scroll {
  position: fixed;
  bottom: 32px;
  left: calc((100vw - 1140px) / 2 + 24px);
  z-index: 200;
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(255,255,255,0.6);
  font-size: 0.82rem;
  font-style: italic;
  font-weight: 600;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.4s ease;
}
#qhs-scroll.hidden { opacity: 0; }
#qhs-scroll svg {
  animation: qhs-bounce 2s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes qhs-bounce {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(6px); }
}

/* ── Barra de progreso ── */
#qhs-bar {
  position: absolute;
  bottom: 0; left: 0;
  height: 2px; width: 0%;
  background: linear-gradient(90deg, var(--qma-g), var(--qma-c));
  z-index: 20;
  transition: width var(--slide-duration) linear;
}

/* ── Responsive ── */
@media (max-width: 768px) {
  #qma-hero { height: 100vh; min-height: 100vh; }
  .qhs-inner { align-items: flex-end; padding-bottom: 100px; }
  .qhs-body  { padding: 0 5%; }
  .qhs-content { max-width: 100%; }
  #qhs-nav   { display: none; }
  #qhs-scroll { left: 5%; }
}
@media (max-width: 480px) {
  .qhs-title { font-size: 2rem; }
  .qhs-sub   { font-size: 0.95rem; }
}

.qma-reel-sec{max-width:1240px;margin:0 auto;padding:72px 24px 24px;box-sizing:border-box}
.qma-kick{color:var(--ast-global-color-1);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px}
.qma-reel-sec h2{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.2;margin:0 0 6px}
.qma-reel-sec .qma-lead{margin:0 0 26px;max-width:62ch}
.qma-reel{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.qma-pista{display:flex;gap:18px;padding-right:18px;width:max-content;animation:qmaCorre 48s linear infinite}
.qma-reel:hover .qma-pista,.qma-reel:focus-within .qma-pista{animation-play-state:paused}
@keyframes qmaCorre{to{transform:translateX(-50%)}}
.qma-t{position:relative;display:block;flex:0 0 auto;width:280px;aspect-ratio:4/5;border-radius:16px;overflow:hidden;border:1px solid var(--ast-global-color-7);background:var(--ast-global-color-4);color:var(--ast-global-color-3);text-decoration:none;transition:transform .25s,border-color .25s}
.qma-t:hover,.qma-t:focus-visible{transform:translateY(-6px);border-color:var(--ast-global-color-1);color:var(--ast-global-color-3);text-decoration:none}
.qma-t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.qma-t:hover img{transform:scale(1.06)}
.qma-t::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,24,.05) 15%,rgba(10,14,24,.88) 52%,rgba(10,14,24,.98) 80%)}
.qma-t .qma-t-c{position:absolute;left:18px;right:18px;bottom:18px;z-index:2}
.qma-chip{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:rgba(202,219,42,.16);color:#CADB2A;margin:0 0 10px}
.qma-chip.rojo{background:rgba(225,29,46,.2);color:#FF7A86}.qma-chip.vio{background:rgba(166,127,255,.2);color:#A67FFF}.qma-chip.cian{background:rgba(56,189,248,.18);color:#38BDF8}
.qma-t h3{color:var(--ast-global-color-2);font-size:1.15rem;line-height:1.25;margin:0 0 6px}
.qma-t p{font-size:.86rem;line-height:1.45;margin:0 0 10px}
.qma-t .qma-ver{font-size:.85rem;font-weight:600;color:#CADB2A}
.qma-franja27{position:relative;width:100vw;margin:64px 0 0 calc(50% - 50vw);min-height:520px;display:flex;align-items:center;overflow:hidden;background:var(--ast-global-color-5)}
.qma-franja27 > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:qmaKb27 30s ease-in-out infinite alternate}
@keyframes qmaKb27{from{transform:scale(1)}to{transform:scale(1.07) translate(1%,-1%)}}
.qma-franja27::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,14,24,.95) 0%,rgba(10,14,24,.78) 45%,rgba(10,14,24,.3) 100%)}
.qma-franja27::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:2;background:linear-gradient(90deg,#CADB2A,#38BDF8,#A67FFF)}
.qma-franja27 .qma-f-in{position:relative;z-index:2;max-width:1140px;margin:0 auto;padding:60px 24px;width:100%;box-sizing:border-box}
.qma-franja27 h2{font-size:clamp(2rem,4.2vw,3.6rem);font-weight:600;line-height:1.1;margin:0 0 14px;width:fit-content;max-width:100%;
  background:linear-gradient(90deg,#CADB2A 0%,#38BDF8 50%,#A67FFF 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:qmaGrad27 9s ease-in-out infinite alternate}
@keyframes qmaGrad27{from{background-position:0% 50%}to{background-position:100% 50%}}
.qma-franja27 p{max-width:54ch;color:var(--ast-global-color-2);opacity:.88;margin:0 0 22px}
.qma-franja27 .qma-f-nota{font-size:13px;opacity:.65;margin:-8px 0 22px}
.qma-cuenta{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 26px}
.qma-cuenta div{background:rgba(18,26,43,.8);border:1px solid var(--ast-global-color-7);border-radius:12px;padding:12px 16px;min-width:92px;text-align:center}
.qma-cuenta b{display:block;color:#CADB2A;font-size:2rem;line-height:1}
.qma-cuenta span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ast-global-color-3)}
.qma-f-cta{display:inline-block;padding:13px 24px;border-radius:999px;background:var(--ast-global-color-1);color:var(--ast-global-color-5);font-weight:700;margin:0 12px 10px 0;text-decoration:none}
.qma-f-cta:hover,.qma-f-cta:focus-visible{filter:brightness(1.12);color:var(--ast-global-color-5);text-decoration:none}
.qma-f-cta2{display:inline-block;padding:12px 22px;border-radius:999px;border:1.5px solid var(--ast-global-color-2);color:var(--ast-global-color-2);font-weight:600;text-decoration:none}
.qma-f-cta2:hover,.qma-f-cta2:focus-visible{border-color:var(--ast-global-color-1);color:var(--ast-global-color-2);text-decoration:none}
@media (max-width:760px){.qma-cuenta div{min-width:70px}.qma-t{width:240px}.qma-franja27{min-height:0}}
@media (prefers-reduced-motion:reduce){.qma-pista{animation:none}.qma-reel{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.qma-franja27 > img,.qma-franja27 h2{animation:none}}

@media (max-width: 768px) {
  #contacto-grid-qma { grid-template-columns: 1fr !important; }
  .qma-mssp-hero h1 { font-size: 32px !important; }
  .qma-sec h2 { font-size: 24px !important; }
}

/* 23-oct-2026: Presupuesto 2027 y War Room, mitad y mitad */
.qma-duo27{width:100vw;margin:64px 0 0 calc(50% - 50vw);display:grid;grid-template-columns:1fr 1fr}
.qma-duo27 .qma-franja27{width:auto;margin:0;min-height:560px}
.qma-duo27 .qma-franja27 .qma-f-in{max-width:620px;margin:0;padding:56px 40px}
.qma-duo27 .qma-franja27:first-child .qma-f-in{margin-left:auto}
.qma-duo27 .qma-franja27 h2{font-size:clamp(1.8rem,2.6vw,2.6rem)}
.qma-duo27 .qma-wr27{border-left:1px solid rgba(56,189,248,.25)}
.qma-duo27 .qma-wr27 .qma-kick{color:#38BDF8}
@media (max-width:900px){.qma-duo27{grid-template-columns:1fr}.qma-duo27 .qma-franja27{min-height:0}.qma-duo27 .qma-franja27 .qma-f-in{max-width:none;padding:48px 24px}.qma-duo27 .qma-wr27{border-left:0;border-top:1px solid rgba(56,189,248,.25)}}