/* Domus Production — v3 (exact implementation of "Domus Production - Standalone.html")
   Values below are transcribed literally from the reference export; tokens from
   ../../../styles.css are used wherever the source value matches a system token exactly. */

*{box-sizing:border-box}

/* ---------- retro terminal palette (scoped override) ----------
   Reuses the existing token names (--void, --bone, --dim, --redline,
   --ember, --hairline*) so every rule below that already reads them
   picks up the new values automatically — midnight black chassis,
   phosphor-green signal, cognac as the warm secondary accent. */
body.domus-v3{
  --void:#0A0A0D;
  --surface:#14161C;
  --bone:#F1ECE0;
  --dim:#8B9186;
  --redline:#3CFF7E;
  --ember:#6E4423;
  --cognac:#C6813F;
  --hairline:rgba(198,129,63,.10);
  --hairline-strong:rgba(198,129,63,.22);
  --glow-green:0 0 6px rgba(60,255,126,.9),0 0 18px rgba(60,255,126,.65),0 0 40px rgba(60,255,126,.35);
  --glow-green-btn-hover:0 0 14px rgba(60,255,126,.4);

  background:var(--void);
  color:var(--bone);
  font-family:var(--font-body);
  min-height:100vh;
  margin:0;
  position:relative;
}
.domus-v3 ::selection{background:var(--redline);color:var(--void)}

/* CRT scanlines + vignette */
body.domus-v3::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:2000;
  background-image:repeating-linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 2px,rgba(0,0,0,.25) 3px,rgba(0,0,0,0) 4px);
  mix-blend-mode:multiply;
}
body.domus-v3::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:2001;
  background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.5) 100%);
}
@media(prefers-reduced-motion:reduce){body.domus-v3::before{display:none}}

.wrap{padding-left:clamp(20px,4vw,72px);padding-right:clamp(20px,4vw,72px)}

/* ---------- nav ---------- */
.nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:22px clamp(20px,4vw,72px);
  border-bottom:1px solid var(--hairline-strong);
  position:sticky;top:0;background:rgba(10,10,11,.92);backdrop-filter:blur(10px);
  z-index:10;
}
.nav-word{display:flex;flex-direction:column;gap:3px}
.nav-word span:first-child{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;font-size:21px;line-height:1}
.nav-word span:last-child{font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;color:var(--dim)}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-link{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);
  text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:color 160ms var(--ease-cut);
}
.nav-link::before{
  content:'';width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.25;
  transition:opacity 160ms var(--ease-cut),box-shadow 160ms var(--ease-cut);
}
.nav-link:hover{color:var(--redline)!important;text-shadow:0 0 8px currentColor}
.nav-link.active{color:var(--redline)!important;text-shadow:0 0 8px currentColor}
.nav-link.active::before{opacity:1;box-shadow:0 0 3px 1px rgba(60,255,126,.95),0 0 10px 2px rgba(60,255,126,.6)}
.btn-primary{
  font-family:var(--font-mono);font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  background:var(--redline);color:var(--void);border-radius:var(--radius-max);text-decoration:none;
  display:inline-block;
  transition:box-shadow 200ms var(--ease-cut),background 160ms var(--ease-cut),transform 120ms var(--ease-cut);
}
.btn-primary:hover{background:#5CFFA0!important;box-shadow:var(--glow-green-btn-hover)!important}
.btn-primary:active{box-shadow:0 0 6px rgba(60,255,126,.3)!important}
.nav .btn-primary{font-size:11px;padding:13px 24px}

/* ---------- hero ---------- */
.hero{
  padding:clamp(70px,9vw,130px) clamp(20px,4vw,72px) clamp(50px,6vw,90px);
  position:relative;overflow:hidden;
}
.hero-video{
  position:absolute;top:50%;right:-6%;transform:translateY(-50%);
  width:min(58%,760px);height:auto;object-fit:cover;mix-blend-mode:screen;opacity:.5;
  pointer-events:none;
}
.hero-glow{
  position:absolute;top:-30%;right:-15%;width:800px;height:800px;
  background:radial-gradient(circle,var(--ember),transparent 68%);opacity:.5;pointer-events:none;
}
.hero-coords{
  position:absolute;bottom:clamp(30px,4vw,60px);right:clamp(20px,4vw,72px);
  display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none;z-index:3;
}
.hero-coords .lat{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--dim)}
.hero-coords .trust{font-family:var(--font-mono);font-size:9px;letter-spacing:.24em;color:var(--redline);text-shadow:0 0 8px currentColor}
.hero-label{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);
  display:flex;align-items:center;gap:12px;position:relative;
}
.hero-label .dot{width:7px;height:7px;background:var(--redline);display:inline-block;box-shadow:0 0 4px 1px rgba(60,255,126,1),0 0 14px 3px rgba(60,255,126,.65),0 0 28px 6px rgba(60,255,126,.3);animation:ledPulse 2.4s ease-in-out infinite}
@keyframes ledPulse{0%,100%{opacity:1}50%{opacity:.5}}
@media(prefers-reduced-motion:reduce){.hero-label .dot{animation:none}}
.hero h1{
  font-family:var(--font-display);font-weight:800;font-size:clamp(3.2rem,9.5vw,9rem);
  letter-spacing:-.03em;line-height:.92;margin:34px 0 0;max-width:12ch;position:relative;
}
.hero-sub-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-top:44px;position:relative}
.hero-sub{font-size:var(--text-body);line-height:1.5;color:var(--dim);max-width:44ch;margin:0}
.term-cursor{
  display:inline-block;width:.5em;height:1em;margin-left:2px;background:var(--redline);opacity:1;
  vertical-align:text-bottom;box-shadow:0 0 4px 1px rgba(60,255,126,1),0 0 14px 3px rgba(60,255,126,.6);
}
.term-cursor.blinking{animation:cursorBlink 1.1s step-end infinite}
@keyframes cursorBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.term-cursor.blinking{animation:none}}
.hero-ctas{display:flex;align-items:center;gap:26px}
.hero-ctas .btn-primary{font-size:12px;padding:16px 30px}
.link-underline{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--dim);text-decoration:none}
.link-underline:hover{color:var(--redline)!important;text-shadow:0 0 8px currentColor}

/* ---------- corrector ---------- */
.corrector{
  border-top:1px solid var(--hairline-strong);border-bottom:1px solid var(--hairline-strong);
  display:grid;grid-template-columns:minmax(180px,1fr) 3fr;
}
.corrector-side{
  padding:34px clamp(20px,4vw,72px);border-right:1px solid var(--hairline);
  display:flex;flex-direction:column;justify-content:space-between;gap:24px;
}
.corrector-side .label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--dim);text-transform:uppercase;line-height:2}
.repeat-btn{
  font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--dim);
  background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px;
  text-align:left;padding:0;
}
.repeat-btn:hover{color:var(--redline)!important;text-shadow:0 0 8px currentColor}
.corrector-body{padding:34px clamp(20px,4vw,72px) 34px 40px;display:flex;flex-direction:column;gap:18px;min-height:230px}
.corrector-text{font-size:17px;line-height:1.65;margin:0;max-width:70ch}
.corrector-text.state-plain{color:var(--bone);text-decoration:none}
.corrector-text.state-audit{color:var(--dim);text-decoration:line-through}
.corrector-text.state-corrected{color:var(--bone);text-decoration:none}
.corrector-text.state-resolved{color:var(--bone);text-decoration:line-through;text-decoration-color:var(--redline)}
.corrector-notes{display:flex;flex-direction:column;gap:10px}
.corrector-note{display:flex;gap:10px;align-items:flex-start}
.corrector-note .tick{width:13px;height:13px;border-left:1px solid var(--redline);border-bottom:1px solid var(--redline);margin-top:4px;flex-shrink:0}
.corrector-note span.txt{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--redline);text-transform:uppercase;line-height:1.5}
.stamp{
  display:inline-flex;align-items:center;gap:10px;border:1px solid var(--redline);border-radius:var(--radius-sm);
  padding:8px 14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--redline);
  text-transform:uppercase;width:fit-content;box-shadow:var(--glow-green);text-shadow:0 0 6px currentColor;
}
.stamp .dot{width:6px;height:6px;background:var(--redline);border-radius:50%;box-shadow:0 0 4px 1px rgba(60,255,126,1),0 0 12px 2px rgba(60,255,126,.65)}

/* ---------- ruler bar ---------- */
.ruler{position:relative;height:34px;overflow:hidden}
.ruler.top{border-bottom:1px solid var(--hairline-strong)}
.ruler.bottom{border-top:1px solid var(--hairline-strong)}
.ruler .ticks-fine{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(198,129,63,.18) 0,rgba(198,129,63,.18) 1px,transparent 1px,transparent 13px)}
.ruler .ticks-bold{position:absolute;left:0;right:0;top:0;height:9px;background-image:repeating-linear-gradient(90deg,rgba(198,129,63,.4) 0,rgba(198,129,63,.4) 1px,transparent 1px,transparent 54px)}
.ruler .ruler-label{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:9px}
.ruler .ruler-label.left{left:clamp(20px,4vw,72px);letter-spacing:.2em;color:var(--dim)}
.ruler .ruler-label.right{right:clamp(20px,4vw,72px);letter-spacing:.24em}
.ruler .ruler-label.right.accent{color:var(--redline);text-shadow:0 0 8px currentColor}
.ruler .ruler-label.right.dim{color:var(--dim)}

/* ---------- marquee ---------- */
.marquee{border-top:1px solid var(--hairline-strong);border-bottom:1px solid var(--hairline-strong);overflow:hidden;padding:16px 0;position:relative;background:var(--void)}
.marquee .track{display:flex;gap:0;width:max-content;animation:mq 38s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.marquee .it{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);white-space:nowrap;padding:0 28px;border-right:1px solid var(--hairline)}
.marquee .it b{color:var(--cognac);font-weight:400}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marquee .track{animation:none}}

/* ---------- generic numbered section ---------- */
.section{padding:clamp(80px,10vw,140px) clamp(20px,4vw,72px)}
.section.bordered{border-top:1px solid var(--hairline-strong)}
.section-grid{display:grid;grid-template-columns:minmax(120px,1fr) 4fr;gap:40px}
.roman{
  font-family:var(--font-display);font-weight:800;font-size:clamp(3rem,6vw,5.5rem);
  letter-spacing:-.03em;line-height:1;color:transparent;-webkit-text-stroke:1px var(--cognac);
}
.roman .ref{margin-top:18px;font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;color:var(--dim);-webkit-text-stroke:0;line-height:1.9}
.roman .ref svg{display:block;margin-top:7px}
.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.eyebrow.mb-22{margin-bottom:22px}
.eyebrow.mb-40{margin-bottom:40px}
.h2{font-family:var(--font-display);font-weight:800;font-size:var(--text-h2);letter-spacing:-.03em;line-height:.98;margin:0 0 22px}
.h2.mb-52{margin-bottom:52px}
.body-copy{font-size:var(--text-body);line-height:1.5;color:var(--dim);margin:0}

/* ---------- costo escondido ---------- */
.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hairline-strong)}
.metric{padding:32px 28px 32px 0;border-right:1px solid var(--hairline)}
.metric-value{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,4.2vw,4rem);letter-spacing:-.03em;line-height:1}
.metric-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--dim);text-transform:uppercase;margin-top:14px;max-width:26ch;line-height:1.7}

/* ---------- como funciona ---------- */
.step-row{
  display:grid;grid-template-columns:110px 1fr 1.4fr;gap:32px;align-items:baseline;
  padding:34px 0;border-top:1px solid var(--hairline-strong);transition:background 160ms var(--ease-cut);
}
.step-row:hover{background:rgba(60,255,126,.05)!important}
.step-num{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--redline)}
.step-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.25rem,1.8vw,1.6rem);letter-spacing:-.02em}
.step-desc{font-size:15px;line-height:1.55;color:var(--dim)}

/* ---------- que producimos ---------- */
.offerings-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hairline-strong)}
.offering-row{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:26px 24px 26px 0;border-bottom:1px solid var(--hairline);transition:background 160ms var(--ease-cut);
}
.offering-row:hover{background:rgba(60,255,126,.05)!important}
.offering-main{display:flex;align-items:baseline;gap:18px}
.offering-ref{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--dim)}
.offering-name{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.02em}
.offering-arrow{color:var(--cognac);font-size:15px}

/* ---------- por que podemos ---------- */
.founders-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.founders-list{border-left:1px solid var(--hairline-strong);padding-left:40px}
.founders-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--dim);text-transform:uppercase;margin-bottom:18px}
.founders-list p{font-size:15px;line-height:1.8;margin:0}

/* ---------- casos ---------- */
.casos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.caso-card{border:1px solid var(--hairline-strong);border-radius:var(--radius-max);overflow:hidden;transition:border-color 160ms var(--ease-cut)}
.caso-card:hover{border-color:var(--redline);box-shadow:0 0 8px rgba(60,255,126,.4),0 0 26px rgba(60,255,126,.28)}
.caso-viewer{position:relative;overflow:hidden;background:var(--surface)}
.caso-track{display:flex;touch-action:pan-y}
.caso-track.animate{transition:transform 300ms var(--ease-cut)}
.caso-track img{display:block;width:100%;height:auto;flex:0 0 100%;-webkit-user-drag:none;user-select:none}
.caso-nav{
  position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;
  background:rgba(10,10,13,.6);border:1px solid rgba(198,129,63,.35);color:var(--bone);
  font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity 160ms var(--ease-cut),border-color 160ms var(--ease-cut);padding:0;
}
.caso-viewer:hover .caso-nav{opacity:1}
.caso-nav:hover{border-color:var(--redline)}
.caso-nav.prev{left:10px}
.caso-nav.next{right:10px}
.caso-counter{
  position:absolute;top:10px;right:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;
  color:var(--bone);background:rgba(10,10,11,.55);padding:4px 8px;border-radius:2px;pointer-events:none;
}
@media(pointer:coarse){.caso-nav{opacity:1}}
.caso-meta{padding:18px}
.caso-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--dim);text-transform:uppercase}
.caso-title{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.01em;line-height:1.35;margin-top:10px}

/* ---------- verticales ---------- */
.verticals-section{position:relative;overflow:hidden}
.domus-radar{position:absolute;top:50%;right:-5%;transform:translateY(-50%);opacity:.4;pointer-events:none}
@keyframes domusSpin{to{transform:rotate(360deg)}}
.domus-spin{animation:domusSpin 64s linear infinite;transform-origin:200px 200px}
@media(max-width:900px){.domus-radar{display:none}}
@media(prefers-reduced-motion:reduce){.domus-spin{animation:none}}
.tag-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.tag-active{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:8px 14px;border:1px solid var(--redline);border-radius:var(--radius-sm);color:var(--redline);box-shadow:var(--glow-green);text-shadow:0 0 6px currentColor}
.tag-pending-group{display:inline-flex;align-items:center;gap:10px}
.tag-pending{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:8px 14px;
  border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);color:var(--dim);
  transition:border-color 160ms var(--ease-cut);
}
.tag-pending:hover{border-color:var(--cognac)!important;color:var(--cognac)!important}
.tag-pending-note{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--dim)}

/* ---------- precios ---------- */
.pricing-list{border-top:1px solid var(--hairline-strong)}
.price-row{
  display:grid;grid-template-columns:1fr 1fr 2fr;gap:20px;padding:24px 0;
  border-bottom:1px solid var(--hairline);font-family:var(--font-mono);font-size:12px;
  letter-spacing:.06em;text-transform:uppercase;transition:background 160ms var(--ease-cut);
}
.price-row:hover{background:rgba(60,255,126,.05)!important}
.price-value{color:var(--redline);text-shadow:0 0 6px currentColor}
.price-detail{color:var(--dim);text-transform:none;font-family:var(--font-body);font-size:14px;letter-spacing:0}

/* ---------- CTA final ---------- */
.cta-final{padding:clamp(110px,14vw,190px) clamp(20px,4vw,72px);position:relative;overflow:hidden}
.cta-glow{position:absolute;bottom:-35%;right:-12%;width:820px;height:820px;background:radial-gradient(circle,var(--ember),transparent 68%);opacity:.45;pointer-events:none}
.cta-final h2{
  font-family:var(--font-display);font-weight:800;font-size:clamp(3rem,8.5vw,8.5rem);letter-spacing:-.03em;
  line-height:.93;margin:0 0 48px;max-width:15ch;position:relative;
}
.cta-final .btn-primary{font-size:14px;font-weight:600;padding:20px 38px;position:relative}

/* ---------- footer ---------- */
.footer{border-top:1px solid var(--hairline-strong);padding:44px clamp(20px,4vw,72px)}
.footer-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--dim);text-transform:uppercase}
.footer-note{margin-top:16px;font-family:var(--font-mono);font-size:10px;color:var(--dim);opacity:.7}
.footer-bottom{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:26px;padding-top:22px;border-top:1px solid var(--hairline);color:var(--dim)}
.footer-social{display:flex;align-items:center;gap:16px}
.footer-asset{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em}
.footer-verificatum{margin-left:auto;font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;color:var(--redline);text-shadow:0 0 8px currentColor}

/* ---------- interactive: power-on reveal ---------- */
.reveal-init{opacity:0;transform:translateY(10px)}
.reveal-init.reveal-visible{
  opacity:1;transform:translateY(0);
  transition:opacity 420ms var(--ease-cut),transform 420ms var(--ease-cut);
}
.reveal-init.reveal-visible.reveal-flash{animation:revealFlash 700ms var(--ease-cut)}
@keyframes revealFlash{
  0%{box-shadow:inset 3px 0 0 0 rgba(60,255,126,0)}
  15%{box-shadow:inset 3px 0 0 0 rgba(60,255,126,.9)}
  100%{box-shadow:inset 3px 0 0 0 rgba(60,255,126,0)}
}
@media(prefers-reduced-motion:reduce){
  .reveal-init{opacity:1;transform:none}
  .reveal-init.reveal-visible.reveal-flash{animation:none}
}

/* ---------- interactive: tactile press ---------- */
.btn-primary,.caso-nav,.repeat-btn,.tag-pending,.tag-active,.nav-link{-webkit-tap-highlight-color:transparent}
.btn-primary:active{transform:scale(.96)}
.caso-nav:active{transform:translateY(-50%) scale(.88)}
.tag-pending:active,.tag-active:active{transform:scale(.97)}

/* ---------- interactive: metric scramble ---------- */
.metric-value{transition:text-shadow 300ms var(--ease-cut),color 300ms var(--ease-cut)}
.metric-value.is-scrambling{color:var(--dim)}
.metric-value.is-settled{text-shadow:0 0 10px rgba(60,255,126,.6)}

/* ---------- interactive: caso tape counter ---------- */
.caso-segments{
  position:absolute;left:10px;bottom:10px;display:flex;gap:3px;
  padding:5px 7px;background:rgba(10,10,13,.6);border-radius:2px;pointer-events:none;
}
.caso-segments .seg{width:8px;height:4px;background:rgba(198,129,63,.3);transition:background 160ms var(--ease-cut),box-shadow 160ms var(--ease-cut)}
.caso-segments .seg.on{background:var(--redline);box-shadow:0 0 3px rgba(60,255,126,1),0 0 8px 1px rgba(60,255,126,.65)}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .nav-links{gap:16px}
  .nav-link{display:none}

  .hero-coords{display:none}

  .corrector{grid-template-columns:1fr}
  .corrector-side{border-right:none;border-bottom:1px solid var(--hairline);flex-direction:row;align-items:center}
  .corrector-body{padding-left:clamp(20px,4vw,72px)}

  .section-grid{grid-template-columns:1fr;gap:20px}
  .roman{font-size:2.25rem}
  .roman .ref{display:flex;align-items:center;gap:12px;margin-top:10px}
  .roman .ref svg{display:inline-block;margin-top:0}

  .metrics-grid{grid-template-columns:1fr}
  .metric{border-right:none;border-bottom:1px solid var(--hairline);padding:24px 0}
  .metric:last-child{border-bottom:none}

  .step-row{grid-template-columns:1fr;gap:10px;padding:26px 0}

  .offerings-grid{grid-template-columns:1fr}

  .founders-grid{grid-template-columns:1fr;gap:32px}
  .founders-list{border-left:none;border-top:1px solid var(--hairline-strong);padding-left:0;padding-top:24px}

  .casos-grid{grid-template-columns:1fr;gap:32px}

  .price-row{grid-template-columns:1fr;gap:6px;padding:20px 0}
}

@media(max-width:560px){
  .nav{padding:18px 20px}
  .hero-ctas{flex-wrap:wrap;gap:16px}
  .hero-sub-row{align-items:flex-start}
  .footer-bottom{gap:16px}
  .footer-verificatum{margin-left:0}
}