@font-face {
  font-family: "Inter";
  src: url("../fonts/inter.woff2") format("woff2");
  font-weight: 300 800;
  font-display: swap;
}

:root {
  --ink: #111111;
  --text: #33373d;
  --muted: #62676e;
  --paper: #ffffff;
  --mist: #f3f5f8;
  --graphite: #484848;
  --dark: #3f444b;
  --red: #ef172f;
  --accent: #3b6bb3;
  --accent-dark: #2e5693;
  --accent-soft: #e6eef9;
  --blue: #3b6bb3;
  --blue-light: #9dbbe6;
  --line: rgba(0, 0, 0, 0.14);
  --line-dark: rgba(255, 255, 255, 0.18);
  --wrap: 1200px;
  --gutter: clamp(20px, 4vw, 48px);
  --header: 72px;
  --photo: saturate(.72) contrast(1.02);
  --font: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header) + 16px); }
body {
  margin: 0;
  font-family: var(--font);
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--text);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: var(--blue); text-underline-offset: 3px; }
h1, h2, h3, h4 { color: var(--ink); line-height: 1.12; margin: 0; font-weight: 700; letter-spacing: -0.02em; }
h1 { font-size: clamp(2.6rem, 6.2vw, 5.4rem); letter-spacing: -0.03em; }
h2 { font-size: clamp(1.9rem, 3.6vw, 2.9rem); letter-spacing: -0.025em; }
h3 { font-size: 1.25rem; }
p { margin: 0 0 1em; }
:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.wrap { width: 100%; max-width: var(--wrap); margin: 0 auto; padding: 0 var(--gutter); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.skip { position: absolute; left: -999px; top: 8px; background: #fff; padding: 8px 12px; z-index: 100; }
.skip:focus { left: 8px; }

/* ---------- Botones ---------- */
.btn {
  display: inline-flex; align-items: center; gap: 10px;
  font: 600 1rem/1 var(--font);
  padding: 14px 26px; border-radius: 999px; border: 2px solid transparent;
  text-decoration: none; cursor: pointer; transition: background .2s, color .2s, border-color .2s;
}
.btn--red { background: var(--accent); color: #fff; }
.btn--red:hover { background: var(--accent-dark); }
.btn--line { border-color: var(--accent); color: var(--accent); background: transparent; }
.btn--line:hover { background: var(--accent); color: #fff; }
.btn--ink { background: var(--accent); color: #fff; }
.btn--ink:hover { background: var(--accent-dark); }

/* ---------- Header ---------- */
.site-header {
  position: sticky; top: 0; z-index: 50;
  height: var(--header); background: #35393f; color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.site-header .wrap { height: 100%; display: flex; align-items: center; gap: 32px; }
.brand img { height: 30px; width: auto; }
.nav { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.nav > a, .nav__drop > button {
  color: #fff; text-decoration: none; font: 500 0.98rem var(--font);
  padding: 10px 14px; background: none; border: 0; cursor: pointer;
  border-bottom: 2px solid transparent;
}
.nav > a:hover, .nav__drop > button:hover, .nav > a[aria-current="page"] { border-bottom-color: var(--blue-light); }
.nav__drop { position: relative; }
.nav__menu {
  position: absolute; top: 100%; left: 0; min-width: 280px;
  background: #fff; padding: 8px 0; box-shadow: 0 18px 40px rgba(0,0,0,.14); border: 1px solid var(--line);
  display: none;
}
.nav__drop:hover .nav__menu, .nav__drop:focus-within .nav__menu, .nav__drop.open .nav__menu { display: block; }
.nav__menu a { display: block; padding: 11px 20px; color: var(--ink); text-decoration: none; font-weight: 500; }
.nav__menu a:hover { background: var(--mist); box-shadow: inset 3px 0 0 var(--accent); }
.nav > a.btn { margin-left: 12px; padding: 10px 20px; background: var(--accent); border: 2px solid var(--accent); color: #fff; }
.nav > a.btn:hover { background: var(--accent-dark); border-color: var(--accent-dark); }
.menu-toggle { display: none; margin-left: auto; background: none; border: 0; color: #fff; font: 600 1rem var(--font); cursor: pointer; padding: 10px; }

@media (max-width: 960px) {
  .menu-toggle { display: block; }
  .nav {
    position: fixed; inset: var(--header) 0 0 0; background: #35393f;
    flex-direction: column; align-items: stretch; gap: 0; padding: 16px var(--gutter);
    display: none; overflow-y: auto;
  }
  .nav.open { display: flex; }
  .nav > a, .nav__drop > button { padding: 16px 0; font-size: 1.15rem; text-align: left; border-bottom: 1px solid rgba(255,255,255,.12); width: 100%; }
  .nav__menu { position: static; display: block; background: none; box-shadow: none; padding: 0 0 8px 16px; }
  .nav__menu a { color: #cfd3d8; }
  .nav__menu a:hover { background: none; }
  .nav .btn { margin: 20px 0 0; justify-content: center; }
}

/* ---------- Hero (texto sobre blanco, foto a sangre a la derecha) ---------- */
.hero {
  display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  min-height: min(calc(100vh - var(--header)), 780px); background: var(--graphite); color: #e3e5e8;
}
.hero h1 { color: #fff; }
.hero .btn--line { border-color: #fff; color: #fff; }
.hero .btn--line:hover { background: #fff; color: var(--ink); }
.hero__text { display: flex; align-items: center; padding: 72px var(--gutter) 80px max(var(--gutter), calc((100vw - var(--wrap)) / 2 + var(--gutter))); }
.hero__inner { max-width: 620px; }
.hero h1 { max-width: 14ch; font-size: clamp(2.5rem, 5vw, 4.5rem); }
.hero__lead { font-size: clamp(1.1rem, 1.5vw, 1.3rem); max-width: 52ch; margin: 26px 0 34px; color: #d3d6da; }
.hero__actions { display: flex; gap: 14px; flex-wrap: wrap; }
.hero__media { position: relative; overflow: hidden; background: #35393f; }
.hero__media::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--red); z-index: 1; }
.hero__img { position: absolute; inset: 0; background: center/cover no-repeat; filter: var(--photo); }
.hero--page { min-height: 500px; }
.hero--page h1 { max-width: 16ch; font-size: clamp(2.3rem, 4.4vw, 3.9rem); }
.hero__logo { height: 56px; width: auto; margin-bottom: 22px; }
.hero__crumb { font-size: .95rem; margin-bottom: 18px; color: #c3c7cc; }
.hero__crumb a { color: #fff; }
@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; min-height: 0; }
  .hero__media { order: -1; height: 46vh; min-height: 280px; }
  .hero__media::before { width: auto; height: 5px; top: auto; right: 0; }
  .hero__text { padding: 40px var(--gutter) 56px; }
}

@media (prefers-reduced-motion: no-preference) {
  .hero__inner > * { animation: rise .9s cubic-bezier(.2,.7,.2,1) both; }
  .hero__inner > *:nth-child(2) { animation-delay: .12s; }
  .hero__inner > *:nth-child(3) { animation-delay: .24s; }
  .hero__inner > *:nth-child(4) { animation-delay: .36s; }
  .hero__img { animation: settle 1.4s cubic-bezier(.2,.7,.2,1) both; }
}
@keyframes settle { from { transform: scale(1.06); } to { transform: none; } }
@keyframes rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

/* ---------- Secciones ---------- */
.section { padding: clamp(72px, 10vw, 128px) 0; }
.section--mist { background: var(--mist); }
.section--dark { background: var(--graphite); color: #e3e5e8; }
.section--dark h2, .section--dark h3 { color: #fff; }
.section__head { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 32px 64px; align-items: end; margin-bottom: clamp(40px, 6vw, 64px); }
.section__head p { margin: 0; font-size: 1.15rem; max-width: 60ch; color: var(--muted); }
.section--dark .section__head p { color: #cfd3d8; }
.section__head--solo { grid-template-columns: 1fr; }
@media (max-width: 800px) { .section__head { grid-template-columns: 1fr; } }

/* Puertas de servicios: el elemento distintivo */
.doors { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; perspective: 1800px; }
.door {
  position: relative; display: block; height: clamp(440px, 64vh, 580px); border-radius: 14px;
  background: var(--red); color: #fff; text-decoration: none;
}
.door__leaf {
  position: absolute; inset: 0; background: var(--graphite) center/cover no-repeat;
  transform-origin: left center; transition: transform .7s cubic-bezier(.2,.75,.25,1); border-radius: 14px;
  display: flex; flex-direction: column; justify-content: flex-end; padding: 28px 40px 32px 28px;
  overflow: hidden;
}
.door__leaf::before { content: ""; position: absolute; inset: 0; background: inherit; filter: var(--photo); z-index: 0; }
.door__leaf::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 22%, rgba(0,0,0,.62) 50%, rgba(0,0,0,.9) 100%); z-index: 0; }
.door h3, .door p { text-shadow: 0 1px 12px rgba(0,0,0,.45); }
.door__leaf > * { position: relative; z-index: 1; }
.door__handle { position: absolute; right: 16px; top: 30%; width: 6px; height: 60px; background: var(--red); border-radius: 3px; z-index: 2; }
.door h3 { color: #fff; font-size: 1.55rem; margin-bottom: 14px; }
.door p { color: #d5d7da; font-size: 0.98rem; margin-bottom: 20px; }
.door__more { font-weight: 600; border-bottom: 2px solid var(--accent); align-self: flex-start; padding-bottom: 2px; }
@media (prefers-reduced-motion: no-preference) {
  .door:hover .door__leaf, .door:focus-visible .door__leaf { transform: rotateY(-16deg); }
}
.door:focus-visible { outline-offset: 6px; }
@media (max-width: 1024px) { .doors { grid-template-columns: repeat(2, minmax(0, 1fr)); } .door { height: 440px; } }
@media (max-width: 600px) { .doors { grid-template-columns: 1fr; } .door { height: 380px; } }

/* Cifras y hub */
.stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line-dark); }
.stat { padding: 32px 24px 8px 0; }
.stat strong { display: block; font-size: clamp(2.6rem, 5vw, 4rem); color: #fff; font-weight: 700; letter-spacing: -0.03em; line-height: 1; }
.stat span { display: block; margin-top: 12px; color: #d3d6da; max-width: 20ch; }
@media (max-width: 800px) { .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.hub { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin-top: 80px; padding-top: 48px; border-top: 1px solid var(--line-dark); }
.hub img { height: 48px; max-width: 240px; width: auto; object-fit: contain; margin-bottom: 18px; }
.hub h3 { font-size: 1.1rem; margin-bottom: 8px; }
.hub p { color: #d3d6da; margin: 0; }
@media (max-width: 800px) { .hub { grid-template-columns: 1fr; } }

/* Clientes */
.clients { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
.client { background: #fff; aspect-ratio: 16 / 9; display: grid; place-items: center; padding: 22px 26px; position: relative; border: 1px solid var(--line); border-radius: 12px; }
.client img { max-height: 70px; width: auto; object-fit: contain; }
.client sup { position: absolute; top: 10px; right: 12px; color: var(--red); font-size: 1.1rem; font-weight: 700; }
.clients-note { margin-top: 18px; color: var(--muted); font-size: .95rem; }

/* Conócenos */
.split { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 6vw, 88px); align-items: center; }
.split img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; filter: var(--photo); border-radius: 14px; }
.split p { font-size: 1.15rem; max-width: 56ch; }
@media (max-width: 800px) { .split { grid-template-columns: 1fr; } .split img { aspect-ratio: 16 / 10; } }

/* Tarjetas (con regla superior, no cajas) */
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 44px 32px; }
.card { border-top: 2px solid var(--ink); padding-top: 22px; }
.section--dark .card { border-top-color: var(--blue-light); }
.card__note { font-size: .95rem; color: var(--blue); margin-bottom: 8px; font-weight: 500; }
.section--dark .card__note { color: var(--blue-light); }
.card h3 { margin-bottom: 12px; }
.card p { color: var(--muted); margin: 0 0 12px; }
.section--dark .card p { color: #d3d6da; }
.card__label { font-size: .9rem; font-weight: 600; color: var(--ink); margin: 16px 0 6px; }
.section--dark .card__label { color: #fff; }
.card__via { display: inline-block; font-size: .85rem; color: var(--red); font-weight: 600; margin-bottom: 8px; }

.ticks { list-style: none; margin: 0; padding: 0; }
.ticks li { position: relative; padding: 6px 0 6px 22px; }
.ticks li::before { content: ""; position: absolute; left: 0; top: 16px; width: 10px; height: 2px; background: var(--accent); }

.tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.tag { font-size: .88rem; padding: 5px 12px; border: 1px solid transparent; border-radius: 999px; color: var(--accent-dark); background: var(--accent-soft); }
.section--dark .tag { background: rgba(255,255,255,.1); color: #fff; border-color: transparent; }

/* Valores */
.values { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 40px; }
.value h3 { font-size: 1rem; font-weight: 600; color: var(--accent); margin-bottom: 16px; }
.section--dark .value h3 { color: var(--blue-light); }
.value ul { list-style: none; margin: 0; padding: 0; }
.value li { font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 600; color: var(--ink); line-height: 1.3; letter-spacing: -0.02em; }
.section--dark .value li { color: #fff; }
.value p { font-size: clamp(1.3rem, 2vw, 1.6rem); color: var(--ink); font-weight: 500; line-height: 1.3; margin: 0; }
.section--dark .value p { color: #fff; }

/* Pasos (secuencias reales) */
.steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0; counter-reset: step; }
.step { counter-increment: step; padding: 0 28px 8px 0; position: relative; }
.step::before {
  content: counter(step); display: grid; place-items: center;
  width: 44px; height: 44px; border-radius: 50%; background: var(--accent); color: #fff;
  font-weight: 700; margin-bottom: 22px; position: relative; z-index: 1;
}
.step::after { content: ""; position: absolute; top: 22px; left: 44px; right: 0; height: 2px; background: var(--line); }
.section--dark .step::after { background: var(--line-dark); }
.step:last-child::after { display: none; }
.step h3 { margin-bottom: 10px; }
.step p { color: var(--muted); }
.section--dark .step p, .section--dark .step li { color: #d3d6da; }
@media (max-width: 700px) { .steps { grid-template-columns: 1fr; gap: 32px; } .step::after { display: none; } }

/* Pestañas */
.tabs { display: grid; grid-template-columns: minmax(220px, 3fr) minmax(0, 8fr); gap: 48px; }
.tabs__list { display: flex; flex-direction: column; border-left: 1px solid var(--line); }
.section--dark .tabs__list { border-left-color: var(--line-dark); }
.tabs__list button {
  text-align: left; background: none; border: 0; font: 500 1.05rem var(--font); color: var(--muted);
  padding: 13px 18px; cursor: pointer; border-left: 3px solid transparent; margin-left: -2px;
}
.section--dark .tabs__list button { color: #c3c7cc; }
.tabs__list button[aria-selected="true"] { color: var(--ink); border-left-color: var(--accent); font-weight: 700; }
.section--dark .tabs__list button[aria-selected="true"] { color: #fff; }
.tabs__list button:hover { color: var(--ink); }
.section--dark .tabs__list button:hover { color: #fff; }
.tabs__panel h3 { font-size: clamp(1.5rem, 2.6vw, 2.1rem); margin-bottom: 16px; }
.tabs__panel > p { font-size: 1.1rem; max-width: 62ch; }
.tabs__panel img { width: 100%; border: 1px solid var(--line); margin-bottom: 28px; border-radius: 10px; }
.tabs__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 8px; }
@media (max-width: 900px) {
  .tabs { grid-template-columns: 1fr; gap: 24px; }
  .tabs__list { flex-direction: row; overflow-x: auto; border-left: 0; border-bottom: 1px solid var(--line); }
  .tabs__list button { white-space: nowrap; border-left: 0; border-bottom: 3px solid transparent; margin: 0; }
  .tabs__list button[aria-selected="true"] { border-bottom-color: var(--accent); }
  .tabs__cols { grid-template-columns: 1fr; }
}

/* Pares (analogía) */
.pairs { border-top: 1px solid var(--line); }
.pairs__head, .pair { display: grid; grid-template-columns: 1fr 60px 1fr; align-items: center; }
.pairs__head { padding: 18px 0; color: var(--accent); font-weight: 600; border-bottom: 1px solid var(--line); }
.pair { padding: 22px 0; border-bottom: 1px solid var(--line); font-size: clamp(1.2rem, 2.2vw, 1.7rem); font-weight: 600; color: var(--ink); }
.section--dark .pairs, .section--dark .pairs__head, .section--dark .pair { border-color: var(--line-dark); }
.section--dark .pair { color: #fff; }
.pair__arrow { width: 36px; height: 2px; background: var(--accent); position: relative; }
.pair__arrow::after { content: ""; position: absolute; right: -1px; top: -4px; border: 5px solid transparent; border-left: 8px solid var(--accent); border-right: 0; }

/* Ciclo de 16 pasos */
.loop { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
.loop h3 { font-size: 1.6rem; margin-bottom: 20px; padding-bottom: 14px; border-bottom: 2px solid var(--accent); }
.loop ol { list-style: none; margin: 0; padding: 0; }
.loop li { display: grid; grid-template-columns: 40px 1fr auto; gap: 12px; align-items: baseline; padding: 11px 0; border-bottom: 1px solid var(--line); color: var(--text); }
.loop li b { color: var(--muted); font-weight: 600; }
.section--dark .loop li { border-color: var(--line-dark); color: #e6e7e9; }
.badge { font-size: .78rem; font-weight: 700; color: #fff; background: var(--accent); padding: 2px 8px; border-radius: 999px; }
@media (max-width: 800px) { .loop { grid-template-columns: 1fr; } }

/* Texto */
.prose p { font-size: 1.15rem; max-width: 64ch; }

/* Otros servicios */
.more-services { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.more-services a { display: block; padding: 28px; background: #fff; border-radius: 14px; color: var(--ink); text-decoration: none; border: 1px solid var(--line); border-bottom: 4px solid var(--accent); min-height: 150px; transition: border-color .2s; }
.more-services a:hover { border-color: var(--ink); border-bottom-color: var(--accent); }
.more-services strong { display: block; font-size: 1.25rem; margin-bottom: 8px; }
.more-services span { color: var(--muted); font-size: .95rem; }
@media (max-width: 800px) { .more-services { grid-template-columns: 1fr; } }

/* Trabaja con nosotros */
.jobs { border-top: 1px solid var(--line); }
.job { border-bottom: 1px solid var(--line); }
.job summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: 1fr auto; gap: 16px; padding: 24px 0; }
.job summary::-webkit-details-marker { display: none; }
.job summary h3 { font-size: 1.35rem; }
.job__meta { color: var(--muted); font-size: .95rem; margin-top: 6px; }
.job__toggle { color: var(--accent); font-weight: 600; }
.job[open] .job__toggle::after { content: " (cerrar)"; color: var(--muted); font-weight: 400; }
.job__body { padding: 0 0 28px; max-width: 70ch; }
.empty { color: var(--muted); padding: 24px 0; }

/* Formularios */
.contact { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 88px); }
.contact__info h2 { margin-bottom: 16px; }
.contact__info dl { margin: 32px 0 0; }
.contact__info > p { color: var(--muted); }
.contact__info dt { font-size: .9rem; color: var(--muted); margin-top: 18px; }
.contact__info dd { margin: 2px 0 0; font-size: 1.1rem; color: var(--ink); }
.contact__info a { color: var(--ink); }
.form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 20px; }
.form .full { grid-column: 1 / -1; }
.field label { display: block; font-size: .92rem; font-weight: 600; margin-bottom: 6px; color: inherit; }
.section--dark .field label { color: #fff; }
.field input, .field select, .field textarea {
  width: 100%; font: 400 1rem var(--font); padding: 13px 14px; border-radius: 8px;
  border: 1px solid #b9bcc0; background: #fff; color: var(--ink);
}
.section--dark .field input, .section--dark .field select, .section--dark .field textarea { background: #15171a; border-color: #4a4f55; color: #fff; }
.field textarea { min-height: 140px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { outline: 2px solid var(--blue); outline-offset: 0; border-color: var(--blue); }
.field .err { color: #ff8a93; font-size: .88rem; margin-top: 4px; display: none; }
.field.invalid .err { display: block; }
.form__status { grid-column: 1 / -1; padding: 14px 16px; border-left: 3px solid var(--accent); background: rgba(255,255,255,.06); display: none; }
.form__status.show { display: block; }
.section:not(.section--dark) .form__status { background: var(--mist); }
.form__legal { grid-column: 1 / -1; font-size: .85rem; color: #8d9298; margin: 0; }
@media (max-width: 800px) { .contact, .form { grid-template-columns: 1fr; } }

/* Footer */
.site-footer { background: var(--dark); color: #c3c7cc; padding: 72px 0 32px; border-top: 6px solid var(--accent); }
.footer__grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1.4fr; gap: 40px; }
.footer__grid h4 { color: #fff; font-size: 1rem; margin-bottom: 14px; }
.footer__grid ul { list-style: none; margin: 0; padding: 0; }
.footer__grid li { padding: 4px 0; }
.site-footer a { color: #cfd2d6; text-decoration: none; }
.site-footer a:hover { color: #fff; text-decoration: underline; }
.footer__brand img { height: 28px; width: auto; margin-bottom: 18px; }
.footer__bottom { margin-top: 56px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.14); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; font-size: .9rem; }
@media (max-width: 800px) { .footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .footer__grid { grid-template-columns: 1fr; } }

.demo-banner { background: var(--accent); color: #fff; font-size: .9rem; text-align: center; padding: 6px 12px; }
.demo-banner a { color: #fff; font-weight: 600; }

.section--dark + .section--dark { border-top: 1px solid rgba(255,255,255,.12); }
.chips p { max-width: 64ch; }

/* Variantes sobre grafito */
.section--dark .contact__info > p { color: #d3d6da; }
.section--dark .contact__info dt { color: #b9bdc2; }
.section--dark .contact__info dd, .section--dark .contact__info a { color: #fff; }
.section--dark .field input, .section--dark .field select, .section--dark .field textarea { background: #3d4146; border-color: #62676e; color: #fff; }
.section--dark .form__legal { color: #b9bdc2; }
.section--dark .jobs, .section--dark .job { border-color: var(--line-dark); }
.section--dark .job__meta { color: #c3c7cc; }
.section--dark .job__toggle { color: var(--blue-light); }
.section--dark .ticks li::before { background: var(--blue-light); }
.section--dark .more-services a { border-color: transparent; border-bottom-color: var(--accent); }
.section--dark .clients-note { color: #c3c7cc; }
.section--dark .client { border-color: transparent; }
.section--dark .card__label { color: #fff; }
.section--dark .step::before { background: var(--accent); }
.section--dark a:not(.btn) { color: var(--blue-light); }
.section--dark .more-services a { color: var(--ink); }
.site-footer { background: #2f3338; }

/* ===== HOME V6 — editorial / photographic ===== */
body[data-page="home"]{background:#f4f2ed;color:#171717}.v6-hero{height:calc(100vh - var(--header));min-height:650px;position:relative;overflow:hidden;background:#111;color:#fff}.v6-hero__photo{position:absolute;inset:-5%;background-size:cover;background-position:center 45%;transform:scale(1.04);will-change:transform}.v6-hero__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,10,.82) 0%,rgba(7,8,10,.48) 48%,rgba(7,8,10,.08) 78%),linear-gradient(0deg,rgba(0,0,0,.3),transparent 50%)}.v6-hero__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.v6-kicker,.v6-eyebrow{font-size:.72rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase;color:#e51d38;margin-bottom:28px}.v6-eyebrow.light{color:#fff}.v6-hero h1{font-size:clamp(3.5rem,7.5vw,7.8rem);font-weight:450;letter-spacing:-.065em;line-height:.89;color:#fff;max-width:11ch}.v6-hero h1 em,.v6-cta h2 em{font-style:normal;color:#ef334b}.v6-hero p{font-size:clamp(1rem,1.4vw,1.25rem);max-width:54ch;line-height:1.55;color:#eee;margin:36px 0 32px}.v6-link{display:inline-flex;gap:30px;align-items:center;text-decoration:none;font-weight:650;border-bottom:1px solid currentColor;padding:0 0 8px}.v6-link.light{color:#fff}.v6-link span{font-size:1.4em;transition:transform .25s}.v6-link:hover span{transform:translate(5px,5px)}.v6-scroll{position:absolute;right:34px;bottom:34px;z-index:3;font-size:.62rem;letter-spacing:.2em;writing-mode:vertical-rl;display:flex;align-items:center;gap:12px}.v6-scroll i{height:60px;width:1px;background:#fff;display:block;animation:v6pulse 1.8s infinite}@keyframes v6pulse{0%,100%{opacity:.25;transform:scaleY(.5);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}
.v6-manifest{padding:clamp(100px,14vw,190px) 0}.v6-manifest p{font-size:clamp(2.2rem,4.5vw,5rem);line-height:1.06;letter-spacing:-.05em;color:#1b1b1b;max-width:20ch;margin:0}.v6-manifest p span{color:#9a9a96}.v6-manifest p strong{font-weight:600}
.v6-story{background:#fff}.v6-feature{min-height:760px;display:grid;grid-template-columns:58% 42%;overflow:hidden}.v6-feature--reverse{grid-template-columns:42% 58%}.v6-feature--reverse .v6-feature__media{order:2}.v6-feature__media{position:relative;overflow:hidden;min-height:620px;background:#ddd}.v6-feature__media>img:first-child{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.v6-feature:hover .v6-feature__media>img:first-child{transform:scale(1.035)}.v6-feature__copy{padding:clamp(55px,7vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.v6-feature__copy b{font-size:.68rem;letter-spacing:.17em;color:#e51d38;margin-bottom:32px}.v6-feature__copy h2{font-size:clamp(3rem,5vw,6.4rem);line-height:.9;font-weight:500;letter-spacing:-.06em;margin-bottom:32px}.v6-feature__copy p{font-size:1.12rem;max-width:38ch;color:#5b5b59}.v6-feature__copy a{margin-top:20px;color:#111;text-decoration:none;border-bottom:1px solid #111;padding-bottom:7px;font-weight:650}.v6-feature__copy a span{margin-left:20px}.v6-feature--dark{background:#121519;color:#fff}.v6-feature--dark h2{color:#fff}.v6-feature--dark .v6-feature__copy p{color:#c8ccd1}.v6-feature--dark .v6-feature__copy a{color:#fff;border-color:#fff}.v6-ae{background:#e9ebef}.v6-ae>img:first-child{object-fit:contain!important;padding:8%;filter:drop-shadow(0 25px 50px rgba(0,0,0,.18))}.v6-ae__float{position:absolute!important;right:3%;bottom:7%;width:54%!important;height:auto!important;inset:auto!important;object-fit:contain!important;box-shadow:0 24px 70px rgba(0,0,0,.25);z-index:2}.v6-aelogo{height:38px;width:auto;margin-bottom:22px}
.v6-numbers{position:relative;background:#111;color:#fff;padding:clamp(100px,12vw,160px) 0;overflow:hidden}.v6-number-photo{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.18;filter:grayscale(1)}.v6-numbers .wrap{position:relative}.v6-numbergrid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.v6-numbergrid>div{border-top:1px solid rgba(255,255,255,.45);padding:30px 12px 0 0}.v6-numbergrid strong{display:block;font-size:clamp(3rem,6vw,6.5rem);font-weight:450;letter-spacing:-.07em;color:#fff;line-height:1}.v6-numbergrid span{display:block;margin-top:16px;color:#c9c9c9}
.v6-method{padding:clamp(100px,13vw,170px) 0;background:#f4f2ed}.v6-method__head{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:end}.v6-method h2{font-size:clamp(3rem,5.5vw,6.5rem);font-weight:480;line-height:.93;letter-spacing:-.06em}.v6-method__head p{font-size:1.15rem;max-width:34ch}.v6-track{margin-top:90px;border-top:1px solid #aaa;display:grid;grid-template-columns:repeat(5,1fr);position:relative}.v6-track:before{content:"";position:absolute;left:0;top:-2px;height:3px;width:20%;background:#ef172f;transition:width 1s}.v6-track span{padding-top:20px;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.v6-track span:before{content:"";width:7px;height:7px;border-radius:50%;background:#111;display:block;position:absolute;top:-4px}.v6-clients{background:#fff;padding:90px 0;overflow:hidden}.v6-marquee{overflow:hidden;margin-top:45px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.v6-marquee__track{display:flex;width:max-content;gap:80px;align-items:center;animation:v6marquee 32s linear infinite}.v6-client{width:150px;height:65px;display:flex;align-items:center;justify-content:center;filter:grayscale(1);opacity:.65}.v6-client img{max-width:140px;max-height:54px}.v6-marquee:hover .v6-marquee__track{animation-play-state:paused}@keyframes v6marquee{to{transform:translateX(-50%)}}
.v6-human{display:grid;grid-template-columns:58% 42%;min-height:760px;background:#16191d}.v6-human__image{overflow:hidden}.v6-human__image img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.v6-human__copy{padding:clamp(55px,7vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff}.v6-human h2{font-size:clamp(3rem,5vw,5.8rem);line-height:.92;font-weight:480;letter-spacing:-.06em;color:#fff}.v6-human p{font-size:1.12rem;color:#cfd1d4;max-width:35ch;margin:32px 0}.v6-cta{padding:clamp(100px,14vw,190px) 0;background:#f4f2ed}.v6-cta h2{font-size:clamp(4rem,9vw,10rem);font-weight:450;letter-spacing:-.075em;line-height:.82;margin-bottom:60px}.v6-cta a{font-size:clamp(1.2rem,2vw,2rem);color:#111;text-decoration:none;border-bottom:1px solid #111;padding-bottom:10px}.v6-cta a span{color:#ef172f;margin-left:18px}
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.v6-hero h1{font-size:clamp(3.2rem,14vw,6rem)}.v6-feature,.v6-feature--reverse,.v6-human{grid-template-columns:1fr}.v6-feature--reverse .v6-feature__media{order:0}.v6-feature__media{min-height:58vw}.v6-feature__copy{padding:60px 28px}.v6-numbergrid{grid-template-columns:1fr 1fr;gap:45px 20px}.v6-method__head{grid-template-columns:1fr}.v6-track{grid-template-columns:1fr;gap:0;border-top:0;border-left:1px solid #aaa;margin-left:5px}.v6-track:before{width:3px;height:20%;left:-2px;top:0}.v6-track span{padding:14px 0 28px 25px}.v6-track span:before{left:-4px;top:auto;margin-top:6px}.v6-human__image{height:60vw;min-height:350px}.v6-hero__veil{background:linear-gradient(90deg,rgba(7,8,10,.78),rgba(7,8,10,.25))}}
@media(prefers-reduced-motion:reduce){.v6-marquee__track,.v6-scroll i{animation:none}.reveal{opacity:1;transform:none}}
/* V7 — Dark graphite editorial variant */
body[data-page="home"]{background:#17191c;color:#f1f1ef}
body[data-page="home"] .site-header{background:rgba(22,24,27,.94);backdrop-filter:blur(14px)}
body[data-page="home"] .v6-hero{background:#101214}
body[data-page="home"] .v6-hero__photo{filter:grayscale(.78) saturate(.45) brightness(.72) contrast(1.05)}
body[data-page="home"] .v6-hero__veil{background:linear-gradient(90deg,rgba(12,14,16,.9) 0%,rgba(12,14,16,.58) 48%,rgba(12,14,16,.18) 78%),linear-gradient(0deg,rgba(0,0,0,.42),transparent 55%)}
body[data-page="home"] .v6-manifest{background:#1b1e22}
body[data-page="home"] .v6-manifest p{color:#f0f0ed}
body[data-page="home"] .v6-manifest p span{color:#777d83}
body[data-page="home"] .v6-story{background:#1f2226}
body[data-page="home"] .v6-feature{background:#23262a;color:#f3f3f1;border-top:1px solid #34383d}
body[data-page="home"] .v6-feature--reverse{background:#191c1f}
body[data-page="home"] .v6-feature__media{background:#141619}
body[data-page="home"] .v6-feature__media>img:first-child{filter:grayscale(.7) saturate(.5) brightness(.78)}
body[data-page="home"] .v6-feature:hover .v6-feature__media>img:first-child{filter:grayscale(.45) saturate(.68) brightness(.85);transform:scale(1.035)}
body[data-page="home"] .v6-feature__copy h2{color:#f3f3f1}
body[data-page="home"] .v6-feature__copy p{color:#b4b8bd}
body[data-page="home"] .v6-feature__copy a{color:#f1f1ef;border-color:#70757b}
body[data-page="home"] .v6-feature--dark{background:#101214}
body[data-page="home"] .v6-ae{background:#292d32}
body[data-page="home"] .v6-ae>img:first-child{filter:grayscale(.22) saturate(.7) brightness(.88) drop-shadow(0 25px 50px rgba(0,0,0,.35))}
body[data-page="home"] .v6-ae__float{filter:grayscale(.15) saturate(.72) brightness(.9)!important}
body[data-page="home"] .v6-numbers{background:#0e1012}
body[data-page="home"] .v6-number-photo{opacity:.12;filter:grayscale(1) brightness(.7)}
body[data-page="home"] .v6-method{background:#202328;color:#f1f1ef}
body[data-page="home"] .v6-method h2{color:#f1f1ef}
body[data-page="home"] .v6-method__head p{color:#adb2b8}
body[data-page="home"] .v6-track{border-color:#555a60}
body[data-page="home"] .v6-track span{color:#c9ccd0}
body[data-page="home"] .v6-track span:before{background:#d7d9dc}
body[data-page="home"] .v6-clients{background:#181b1e;color:#f1f1ef;border-top:1px solid #30343a;border-bottom:1px solid #30343a}
body[data-page="home"] .v6-clients .v6-client{opacity:.55;filter:grayscale(1) brightness(1.55)}
body[data-page="home"] .v6-clients .v6-client:hover{opacity:.9}
body[data-page="home"] .v6-human{background:#111315}
body[data-page="home"] .v6-human__image img{filter:grayscale(.82) saturate(.35) brightness(.72)}
body[data-page="home"] .v6-cta{background:#25282c;color:#f3f3f1;border-top:1px solid #383c42}
body[data-page="home"] .v6-cta h2{color:#f3f3f1}
body[data-page="home"] .v6-cta a{color:#f3f3f1;border-color:#777c82}
body[data-page="home"] .site-footer{background:#0d0f11;border-top-color:#ef172f}

/* V7.1 — full-color photography and client brands */
body[data-page="home"] .v6-hero__photo{filter:brightness(.78) contrast(1.03)}
body[data-page="home"] .v6-feature__media>img:first-child{filter:brightness(.88) contrast(1.02)}
body[data-page="home"] .v6-feature:hover .v6-feature__media>img:first-child{filter:brightness(.94) contrast(1.02);transform:scale(1.035)}
body[data-page="home"] .v6-ae>img:first-child{filter:brightness(.94) contrast(1.02) drop-shadow(0 25px 50px rgba(0,0,0,.35))}
body[data-page="home"] .v6-ae__float{filter:brightness(.96) contrast(1.02)!important}
body[data-page="home"] .v6-number-photo{opacity:.16;filter:brightness(.72) contrast(1.03)}
body[data-page="home"] .v6-clients .v6-client{opacity:1;filter:none}
body[data-page="home"] .v6-client img{filter:none!important;opacity:1}
body[data-page="home"] .v6-human__image img{filter:brightness(.84) contrast(1.03)}

/* ===== V8 — sistema oscuro para páginas interiores ===== */
body:not([data-page="home"]){background:#17191c;color:#c9cdd1}
body:not([data-page="home"]) .site-header{background:rgba(17,19,21,.96);backdrop-filter:blur(14px)}
body:not([data-page="home"]) h1,body:not([data-page="home"]) h2,body:not([data-page="home"]) h3,body:not([data-page="home"]) h4{color:#f3f3f1}
body:not([data-page="home"]) .hero{background:#16191d;color:#d7dadd}
body:not([data-page="home"]) .hero__img{filter:brightness(.78) contrast(1.04)}
body:not([data-page="home"]) .hero__lead{color:#c5c9ce}
body:not([data-page="home"]) .section{background:#1b1e22;color:#c9cdd1;border-top:1px solid #30343a}
body:not([data-page="home"]) .section--mist{background:#202328}
body:not([data-page="home"]) .section--dark{background:#111315}
body:not([data-page="home"]) .section__head p,body:not([data-page="home"]) .card p,body:not([data-page="home"]) .step p,body:not([data-page="home"]) .prose p{color:#b3b8be}
body:not([data-page="home"]) .card{border-top-color:#555b62}
body:not([data-page="home"]) .card__note,body:not([data-page="home"]) .value h3{color:#ef5365}
body:not([data-page="home"]) .card__label{color:#eceeed}
body:not([data-page="home"]) .ticks li::before{background:#ef172f}
body:not([data-page="home"]) .tag{background:#30343a;color:#e8eaec;border:1px solid #444a51}
body:not([data-page="home"]) .value p,body:not([data-page="home"]) .value li{color:#f2f2ef}
body:not([data-page="home"]) .step::before{background:#ef172f}
body:not([data-page="home"]) .step::after{background:#444950}
body:not([data-page="home"]) .split img{filter:brightness(.9) contrast(1.03)}
body:not([data-page="home"]) .more-services a{background:#24282d;color:#f1f2f2;border-color:#3a3f45;border-bottom-color:#ef172f}
body:not([data-page="home"]) .more-services span{color:#aeb3b8}
body:not([data-page="home"]) .jobs,body:not([data-page="home"]) .job{border-color:#3b4046}
body:not([data-page="home"]) .job__meta,body:not([data-page="home"]) .empty{color:#aeb3b8}
body:not([data-page="home"]) .job__toggle{color:#ef5365}
body:not([data-page="home"]) .contact__info h2{color:#fff}
body:not([data-page="home"]) .contact__info>p{color:#b8bdc3}
body:not([data-page="home"]) .contact__info dt{color:#9299a1}
body:not([data-page="home"]) .contact__info dd,body:not([data-page="home"]) .contact__info a{color:#f3f3f1}
body:not([data-page="home"]) .field label{color:#f1f2f2}
body:not([data-page="home"]) .field input,body:not([data-page="home"]) .field select,body:not([data-page="home"]) .field textarea{background:#f7f7f5;color:#17191c;border-color:#d6d8da}
body:not([data-page="home"]) .form__legal{color:#969da5}
body:not([data-page="home"]) .form__status{background:#24282d;color:#fff;border-left-color:#ef172f}
body:not([data-page="home"]) .btn--red,body:not([data-page="home"]) .btn--ink{background:#ef172f;color:#fff}
body:not([data-page="home"]) .btn--red:hover,body:not([data-page="home"]) .btn--ink:hover{background:#cf1026}
body:not([data-page="home"]) .btn--line{border-color:#ef172f;color:#fff}
body:not([data-page="home"]) .btn--line:hover{background:#ef172f}
body:not([data-page="home"]) .site-footer{background:#0d0f11;border-top-color:#ef172f}
body:not([data-page="home"]) a:not(.btn){color:#f06a79}

/* Contacto V7.2 — contraste corregido también en home si se reutiliza */
.contact__info h2{color:#fff}.contact__info>p{color:#b8bdc3}.contact__info dt{color:#9299a1}.contact__info dd,.contact__info a{color:#f3f3f1}.field label{color:#f1f2f2}

/* V9 · Casos / experiencia */
.cases-grid{display:grid;gap:28px}.case-card{display:grid;grid-template-columns:minmax(280px,.85fr) 1.15fr;background:#202326;border:1px solid rgba(255,255,255,.08);overflow:hidden}.case-card__img{min-height:420px}.case-card__img img{width:100%;height:100%;object-fit:cover}.case-card__body{padding:46px;color:#cfd2d6}.case-card__body h2{color:#fff;font-size:clamp(2rem,4vw,3.4rem);margin:.4rem 0 1rem}.case-card__body h3{color:#fff;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin:1.5rem 0 .3rem}.case-client{color:#8f969d}.cases-empty{padding:64px;background:#202326;color:#cfd2d6}.cases-empty h2{color:#fff}@media(max-width:800px){.case-card{grid-template-columns:1fr}.case-card__img{min-height:260px}.case-card__body{padding:28px}}

/* V9.1 ajustes de marca y clientes */
.hero__logo,.v6-aelogo{background:transparent!important;box-shadow:none!important}
.v6-client{position:relative}
.v6-client--yagan{padding-right:14px}
.v6-client__tag{position:absolute;right:0;top:0;color:#ef172f;font-size:1.05rem;font-weight:800;line-height:1}
.v6-clients__note{margin-top:26px;color:#aeb4bc;font-size:.78rem;letter-spacing:.01em}
body[data-page="home"] .v6-clients__note{color:#aeb4bc}
@media(max-width:700px){.v6-clients__note{font-size:.72rem;line-height:1.45}}

/* V9.2 — AE360 brand consistency */
body[data-page="ae360"] .hero__logo{height:72px;max-width:min(360px,82vw);object-fit:contain;object-position:left center;margin-bottom:24px;background:transparent!important}
body[data-page="ae360"] .hero__media{background:#11161b}
body[data-page="ae360"] .hero__img{background-position:center center;filter:brightness(.76) contrast(1.07) saturate(.92)}
body[data-page="home"] .v6-aelogo{height:48px;max-width:290px;object-fit:contain;object-position:left center;background:transparent!important}
/* Logos del carrusel: menos aire visual, mayor presencia de marca */
body[data-page="home"] .v6-marquee__track{gap:54px}
body[data-page="home"] .v6-client{width:132px;height:58px}
body[data-page="home"] .v6-client img{max-width:128px;max-height:52px;object-fit:contain}
body[data-page="home"] .v6-client--yagan{padding-right:8px}
@media(max-width:700px){body[data-page="ae360"] .hero__logo{height:58px;max-width:280px}body[data-page="home"] .v6-marquee__track{gap:38px}}

/* V10 producción: correcciones móviles */
html,body{overflow-x:clip}
h1,h2,h3{hyphens:manual;overflow-wrap:normal;word-break:normal}
@media(max-width:700px){
  .v6-human__copy{padding:48px 20px}
  .v6-human h2{font-size:clamp(2.2rem,10vw,3rem)}
  .v6-cta h2{font-size:clamp(2.4rem,11vw,3.4rem)}
}
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form__status.error{border-left-color:#ef172f}

/* V10.1 Nuestro foco (frase e íconos de la presentación) */
body[data-page="home"] .v6-focus .v6-focus__text{font-size:clamp(1.7rem,3.2vw,3rem);line-height:1.22;letter-spacing:-.025em;font-weight:500;max-width:30ch;color:#f6b52e}
.v6-focus__intro{display:block;color:#fff;margin-bottom:.35em}
.v6-focus__text b{font-weight:500;color:#6fa4ef}
.v6-focus__icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:clamp(56px,7vw,96px);max-width:980px}
.v6-focus__item{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;color:#f0f0ed;text-decoration:none;font-size:1.15rem;line-height:1.25;padding:18px 8px;border-radius:12px;transition:background .25s,transform .25s}
.v6-focus__item:hover{background:rgba(255,255,255,.05);transform:translateY(-3px)}
.v6-focus__item img{width:88px;height:88px;object-fit:contain}
.v6-focus__item em{font-style:normal;color:#ef172f}
@media(max-width:700px){.v6-focus__icons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v6-focus__item img{width:68px;height:68px}.v6-focus__item{font-size:1rem}}

body[data-page="home"] .v6-focus .v6-focus__intro{color:#fff}

/* V10.2 ajustes */
body[data-page="home"] .v6-hero h1{font-size:clamp(2.6rem,6vw,6.4rem);max-width:13ch}
body[data-page="home"] .v6-hero__photo{inset:0;transform:none!important;background-position:center 62%;filter:brightness(.9) contrast(1.02)}
body[data-page="home"] .v6-hero__veil{background:linear-gradient(90deg,rgba(7,8,10,.78) 0%,rgba(7,8,10,.45) 42%,rgba(7,8,10,0) 72%)}
body[data-page="home"] .v6-focus .wrap{text-align:center}
body[data-page="home"] .v6-focus .v6-eyebrow{text-align:center}
body[data-page="home"] .v6-focus .v6-focus__text{margin:0 auto;max-width:34ch;font-size:clamp(1.5rem,2.6vw,2.5rem)}
.v6-focus__icons{margin:clamp(48px,6vw,80px) auto 0;max-width:820px;gap:16px}
.v6-focus__item{font-size:1rem;gap:12px}
.v6-focus__item img{width:60px;height:60px}
@media(max-width:700px){
  body[data-page="home"] .v6-hero h1{font-size:clamp(2.3rem,10.5vw,3.2rem)}
  .v6-focus__item img{width:52px;height:52px}
}
@media(max-width:700px){body[data-page="home"] .v6-hero__photo{background-position:72% 60%}}

/* V10.4 mensaje del formulario legible en todas las páginas */
body .form__status{background:#24282d!important;color:#fff!important;border-left:3px solid #3b6bb3;border-radius:6px;font-weight:500}
body .form__status.error{border-left-color:#ef172f}