/* Tiqa · landing. Base (tokens, componentes y diseño) en @layer base; las clases x* vienen del diseño original y tienen prioridad. */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/plus-jakarta-sans-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/plus-jakarta-sans-600.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/plus-jakarta-sans-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer base{
:root{--tiqa-radius-sm:8px;--tiqa-radius:14px;--tiqa-radius-lg:20px;--tiqa-touch-min:48px;--tiqa-logo-min:96px;--tiqa-iso-min:24px;--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
/* Tiqa — generated from tokens.json */
:root, [data-theme="light"] {
  --tiqa-noche: #1f1714;
  --tiqa-terracota: #b4532f;
  --tiqa-terracota-vivo: #d0683f;
  --tiqa-ladrillo: #7c3520;
  --tiqa-ladrillo-noche: #93432a;
  --tiqa-arcilla: #e2bba6;
  --tiqa-arena: #f4eee8;
  --tiqa-superficie: #fbf8f5;
  --tiqa-tinta: #2b1d18;
  --tiqa-tinta-suave: #6b544a;
  --tiqa-petroleo: #17696e;
  --tiqa-petroleo-claro: #6ccfcb;
  --tiqa-petroleo-noche: #0f4f53;
  --tiqa-bg: var(--tiqa-arena);
  --tiqa-surface: var(--tiqa-superficie);
  --tiqa-text: var(--tiqa-tinta);
  --tiqa-text-muted: var(--tiqa-tinta-suave);
  --tiqa-primary: var(--tiqa-terracota);
  --tiqa-primary-text: #ffffff;
  --tiqa-accent: var(--tiqa-ladrillo);
  --tiqa-iq: var(--tiqa-petroleo);
  --tiqa-brick-1: var(--tiqa-terracota);
  --tiqa-brick-2: var(--tiqa-ladrillo);
}
[data-theme="dark"] {
  --tiqa-bg: var(--tiqa-noche);
  --tiqa-surface: #2a201c;
  --tiqa-text: #f6efe9;
  --tiqa-text-muted: #cdbfb7;
  --tiqa-primary: var(--tiqa-terracota-vivo);
  --tiqa-primary-text: var(--tiqa-noche);
  --tiqa-accent: var(--tiqa-terracota-vivo);
  --tiqa-iq: var(--tiqa-petroleo-claro);
  --tiqa-brick-1: var(--tiqa-terracota-vivo);
  --tiqa-brick-2: var(--tiqa-ladrillo-noche);
}
:root {
  --tiqa-radius-sm: 8px;
  --tiqa-radius: 14px;
  --tiqa-radius-lg: 20px;
  --tiqa-touch-min: 48px;
  --tiqa-logo-min: 96px;
  --tiqa-iso-min: 24px;
  --font-sans: "Plus Jakarta Sans", system-ui, sans-serif;
}
.titulo-pantalla { font-family: var(--font-sans); font-size: 32px; line-height: 1.2; font-weight: 700; }
.titulo-seccion { font-family: var(--font-sans); font-size: 24px; line-height: 1.25; font-weight: 700; }
.texto-landing { font-family: var(--font-sans); font-size: 18px; line-height: 1.55; font-weight: 400; }
.texto-app { font-family: var(--font-sans); font-size: 17px; line-height: 1.5; font-weight: 400; }
.boton { font-family: var(--font-sans); font-size: 18px; line-height: 1; font-weight: 600; }
.etiqueta { font-family: var(--font-sans); font-size: 15px; line-height: 1.3; font-weight: 600; }

600;700&display=swap");

body { margin: 0; background: var(--tiqa-bg); color: var(--tiqa-text); font-family: var(--font-sans); font-size: 17px; line-height: 1.5; }
.tq-row { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; padding: 16px; }
.tq-stack { display: flex; flex-direction: column; gap: 16px; padding: 16px; }

/* Logo */
.tq-logo { display: inline-flex; align-items: center; line-height: 1; }
.tq-iso { display: block; flex: none; }
.tq-iso-b1 { fill: var(--tiqa-brick-1); }
.tq-iso-b2 { fill: var(--tiqa-brick-2); }
.tq-iso-meet { fill: var(--tiqa-iq); }
.tq-wordmark { font-family: var(--font-sans); font-weight: 700; letter-spacing: -0.05em; line-height: 1; color: var(--tiqa-text); }
.tq-wordmark-iq { color: var(--tiqa-iq); }

/* Button */
.tq-btn { font: 600 18px/1 var(--font-sans); min-height: var(--tiqa-touch-min); min-width: var(--tiqa-touch-min); padding: 0 24px; border-radius: var(--tiqa-radius); border: 2px solid transparent; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.tq-btn-primary { background: var(--tiqa-primary); color: var(--tiqa-primary-text); }
.tq-btn-secondary { background: transparent; color: var(--tiqa-accent); border-color: var(--tiqa-accent); }
.tq-btn-block { width: 100%; }
.tq-btn:disabled { opacity: .5; cursor: not-allowed; }
.tq-btn:focus-visible, .tq-stepper-btn:focus-visible { outline: 3px solid var(--tiqa-accent); outline-offset: 2px; }

/* Stepper */
.tq-stepper { display: inline-flex; flex-direction: column; gap: 8px; }
.tq-stepper-label { font: 600 15px/1.3 var(--font-sans); color: var(--tiqa-text-muted); }
.tq-stepper-row { display: inline-flex; align-items: center; gap: 12px; }
.tq-stepper-btn { width: var(--tiqa-touch-min); height: var(--tiqa-touch-min); border-radius: var(--tiqa-radius); border: 2px solid var(--tiqa-accent); background: var(--tiqa-surface); color: var(--tiqa-accent); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
.tq-stepper-btn:disabled { opacity: .4; cursor: not-allowed; }
.tq-stepper-value { min-width: 64px; text-align: center; font: 700 24px/1.25 var(--font-sans); color: var(--tiqa-text); }
.tq-stepper-unit { font-weight: 400; font-size: 17px; color: var(--tiqa-text-muted); }

/* MatchBadge */
.tq-match { display: inline-flex; align-items: baseline; gap: 8px; color: var(--tiqa-iq); }
.tq-match-pct { font: 700 24px/1.25 var(--font-sans); }
.tq-match-label { font: 600 15px/1.3 var(--font-sans); }

/* AiTag */
.tq-ai { display: inline-flex; align-items: center; gap: 6px; font: 600 15px/1.3 var(--font-sans); color: var(--tiqa-iq); }

/* Card */
.tq-card { background: var(--tiqa-surface); color: var(--tiqa-text); border-radius: var(--tiqa-radius); padding: 20px; }
.tq-card-lg { border-radius: var(--tiqa-radius-lg); padding: 24px; }
.tq-card-title { margin: 0 0 8px; font: 700 24px/1.25 var(--font-sans); }


body{margin:0;background:#1F1714}
a{color:var(--tiqa-accent)}a:hover{color:var(--tiqa-text)}
.tq-lp a.tq-btn{text-decoration:none}
.tq-lp a:focus-visible,.tq-lp button:focus-visible,.tq-lp input:focus-visible,.tq-lp summary:focus-visible{outline:3px solid var(--tiqa-accent);outline-offset:2px}
.tq-lp input::placeholder{color:var(--tiqa-text-muted);opacity:1}
.tq-lp img{max-width:100%}
.tq-lp details summary{list-style:none;cursor:pointer}
.tq-lp details summary::-webkit-details-marker{display:none}
.tq-lp details[open] .faq-plus{transform:rotate(45deg)}
.tq-lp section[id],.tq-lp div[id],.tq-lp main[id]{scroll-margin-top:84px}
@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}
.tq-lp .tq-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tq-lp .tq-skip{position:absolute;left:16px;top:-120px;z-index:30;display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:var(--tiqa-radius);background:#F6EFE9;color:#2B1D18;font-weight:600;text-decoration:none}
.tq-lp .tq-skip:focus{top:12px}
/* Base: celular */
.tq-lp .tq-nav-desktop{display:none}
.tq-lp .tq-burger{display:inline-flex}
.tq-lp .tq-deco{display:none}
.tq-lp .tq-cmp-row{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.tq-lp .tq-cmp-head{display:none}
.tq-lp .tq-wall{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(160px,auto);gap:8px}
@keyframes tq-slide{from{transform:translate3d(0,0,0)}to{transform:translate3d(-33.3333%,0,0)}}
.tq-lp .tq-street{position:absolute;left:0;bottom:0;display:flex;width:max-content;will-change:transform}
.tq-lp .tq-street img{display:block;flex:none;width:auto;max-width:none}
@keyframes tq-ping{0%{transform:scale(1);opacity:.75}75%,100%{transform:scale(2.8);opacity:0}}
@keyframes tq-glow{0%,100%{transform:scale(2);opacity:0}50%{transform:scale(2);opacity:.4}}
@media (prefers-reduced-motion: reduce){.tq-lp .tq-street{animation-duration:120s !important}.tq-lp .tq-ping{animation:tq-glow 2.4s ease-in-out infinite !important}}
/* Tablet */
@media (min-width: 561px){.tq-lp .tq-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width: 721px){.tq-lp .tq-cmp-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tq-lp .tq-cmp-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (min-width: 901px){.tq-lp .tq-wall{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(190px,auto)}.tq-lp .tq-wall > .tq-b2{grid-column:span 2}.tq-lp .tq-wall > .tq-b1{grid-column:span 1}.tq-lp .tq-wall > .tq-deco{display:block}}
/* Desktop */
@media (min-width: 961px){
.tq-lp .tq-nav-desktop{display:flex}.tq-lp .tq-burger{display:none}.tq-lp .tq-nav-mobile{display:none !important}
.tq-lp .tq-hero{z-index:2;padding-bottom:240px !important}.tq-lp .tq-hero-row{align-items:flex-start !important}.tq-lp .tq-hero-phone{margin-top:40px !important;margin-bottom:-640px !important}.tq-lp .tq-after-hero{padding-top:calc(clamp(64px, 9vw, 120px) + 220px) !important}
.tq-lp .tq-before-care{padding-bottom:calc(clamp(64px, 9vw, 120px) + 48px) !important}.tq-lp .tq-care{position:relative;z-index:2;padding-top:48px !important;padding-bottom:48px !important}.tq-lp .tq-care-phone{margin-top:-180px !important;margin-bottom:-180px !important}.tq-lp .tq-after-care{padding-top:calc(clamp(64px, 9vw, 120px) + 48px) !important}
}

}
.x1{font-family: var(--font-sans); font-size: 18px; line-height: 1.55; color: var(--tiqa-text); background: var(--tiqa-bg); min-width: 0px}
.x2{position: sticky; top: 0px; z-index: 20; background: var(--tiqa-bg); color: var(--tiqa-text); border-bottom: 1px solid rgb(58, 44, 38); padding: 0px 24px}
.x3{max-width: 1200px; margin: 0px auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 76px}
.x4{display: inline-flex; text-decoration: none; padding: 8px 0px}
.x5{display: contents}
.x6{gap: 6px}
.x7{font-size: 32px}
.x8{align-items: center; gap: 4px}
.x9{display: inline-flex; align-items: center; min-height: 48px; padding: 0px 12px; color: var(--tiqa-text); text-decoration: none; font-weight: 600; font-size: 17px}
.xa{margin-left: 8px}
.xb{align-items: center; justify-content: center; width: 52px; height: 52px; padding: 0px; border-radius: var(--tiqa-radius); border: 2px solid var(--tiqa-text-muted); background: transparent; color: var(--tiqa-text); cursor: pointer}
.xc{position: relative; background: var(--tiqa-bg); color: var(--tiqa-text); padding: 16px 24px clamp(150px, 16vw, 220px)}
.xd{position: absolute; inset: 0px; overflow: hidden; pointer-events: none}
.xe{animation: 150s linear 0s infinite normal none running tq-slide}
.xf{height: clamp(150px, 17vw, 250px)}
.xg{animation: 70s linear 0s infinite normal none running tq-slide}
.xh{height: clamp(120px, 14vw, 200px)}
.xi{position: relative; max-width: 1200px; margin: 0px auto}
.xj{display: flex; flex-wrap: wrap; align-items: center; gap: clamp(40px, 6vw, 88px); padding-top: clamp(24px, 4vw, 48px)}
.xk{flex: 1 1 480px; min-width: 0px; display: flex; flex-direction: column; gap: 28px}
.xl{margin: 0px; display: flex; flex-direction: column; gap: 20px}
.xm{font-size: 17px; line-height: 1.4; font-weight: 600; letter-spacing: 0px; color: var(--tiqa-text-muted)}
.xn{font-size: clamp(42px, 6vw, 76px); line-height: 1.05; font-weight: 700; letter-spacing: -0.03em}
.xo{margin: 0px; font-size: clamp(19px, 1.8vw, 22px); line-height: 1.55; color: var(--tiqa-text-muted); max-width: 560px}
.xp{display: flex; flex-wrap: wrap; gap: 12px; align-items: center}
.xq{min-height: 56px; padding: 0px 28px}
.xr{flex: 0 1 380px; min-width: 0px; display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 0px auto}
.xs{display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%}
.xt{margin: 0px; font-size: 17px; font-weight: 600; color: var(--tiqa-text-muted)}
.xu{display: flex; flex-wrap: wrap; justify-content: center; gap: 8px}
.xv{display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0px 18px 0px 14px; border-radius: 999px; border: 2px solid var(--tiqa-text); background: var(--tiqa-text); color: var(--tiqa-bg); font: 600 17px/1 var(--font-sans); cursor: pointer}
.xw{display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0px 18px 0px 14px; border-radius: 999px; border: 2px solid var(--tiqa-text-muted); background: var(--tiqa-bg); color: var(--tiqa-text); font: 600 17px/1 var(--font-sans); cursor: pointer}
.xx{position: relative; width: 320px; max-width: 100%; height: 680px; flex: 0 0 auto}
.xy{position: absolute; left: -5px; top: 132px; width: 5px; height: 30px; border-radius: 3px 0px 0px 3px; background: rgb(90, 72, 64)}
.xz{position: absolute; left: -5px; top: 184px; width: 5px; height: 58px; border-radius: 3px 0px 0px 3px; background: rgb(90, 72, 64)}
.x10{position: absolute; left: -5px; top: 254px; width: 5px; height: 58px; border-radius: 3px 0px 0px 3px; background: rgb(90, 72, 64)}
.x11{position: absolute; right: -5px; top: 206px; width: 5px; height: 92px; border-radius: 0px 3px 3px 0px; background: rgb(90, 72, 64)}
.x12{margin: 0px; position: relative; height: 100%; box-sizing: border-box; padding: 12px; border-radius: 56px; background: rgb(14, 10, 9); border: 2px solid rgb(90, 72, 64)}
.x13{position: relative; height: 100%; border-radius: 44px; overflow: hidden; background: var(--tiqa-bg); color: var(--tiqa-text); display: flex; flex-direction: column}
.x14{position: absolute; top: 12px; left: 50%; width: 96px; height: 28px; margin-left: -48px; border-radius: 20px; background: rgb(14, 10, 9)}
.x15{flex: 1 1 auto; min-height: 0px; overflow: hidden; padding: 54px 18px 0px; display: flex; flex-direction: column; gap: 12px}
.x16{display: flex; align-items: center; justify-content: space-between; gap: 10px}
.x17{font-size: 15px; font-weight: 600; color: var(--tiqa-text-muted)}
.x18{flex: 0 0 auto; color: var(--tiqa-text)}
.x19{fill: var(--tiqa-bg)}
.x1a{display: block; width: 100%; height: 150px; object-fit: cover; border-radius: var(--tiqa-radius)}
.x1b{margin: 0px; font-size: 20px; line-height: 1.25; font-weight: 700}
.x1c{display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap}
.x1d{font-size: 20px; font-weight: 700}
.x1e{margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 8px}
.x1f{display: flex; gap: 8px; align-items: flex-start; font-size: 16px; line-height: 1.4}
.x1g{flex: 0 0 auto; margin-top: 1px; color: var(--tiqa-accent)}
.x1h{flex: 0 0 auto; padding: 14px 18px 10px; background: var(--tiqa-surface); border-top: 1px solid var(--tiqa-arcilla)}
.x1i{display: flex; align-items: center; justify-content: center; min-height: 52px; border-radius: var(--tiqa-radius); background: var(--tiqa-primary); color: var(--tiqa-primary-text); font-weight: 600; font-size: 17px}
.x1j{display: block; width: 120px; height: 5px; border-radius: 3px; background: var(--tiqa-tinta); margin: 14px auto 0px}
.x1k{background: var(--tiqa-surface); padding: clamp(64px, 9vw, 120px) 24px 0px}
.x1l{max-width: 1100px; margin: 0px auto; display: flex; flex-direction: column; align-items: center; gap: 40px}
.x1m{max-width: 860px; display: flex; flex-direction: column; gap: 18px; text-align: center}
.x1n{margin: 0px; font-size: clamp(32px, 4.2vw, 52px); line-height: 1.1; font-weight: 700; letter-spacing: -0.02em}
.x1o{margin: 0px; font-size: clamp(19px, 2vw, 22px); line-height: 1.5; color: var(--tiqa-text-muted)}
.x1p{width: 100%; margin: 0px; padding: 0px; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px}
.x1q{display: flex; flex-direction: column; gap: 14px; min-width: 0px}
.x1r{display: flex; flex-direction: column; gap: 10px; box-sizing: border-box; padding: 18px; border-radius: var(--tiqa-radius-lg); background: var(--tiqa-bg); border: 2px dashed var(--tiqa-arcilla); color: var(--tiqa-text-muted)}
.x1s{display: block; height: 96px; border-radius: var(--tiqa-radius); background: var(--tiqa-arcilla); opacity: 0.45}
.x1t{font-size: 17px; font-weight: 700}
.x1u{font-size: 15px}
.x1v{display: block; width: 86%; height: 8px; border-radius: 4px; background: var(--tiqa-arcilla); opacity: 0.6}
.x1w{display: block; width: 62%; height: 8px; border-radius: 4px; background: var(--tiqa-arcilla); opacity: 0.6}
.x1x{display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 15px; font-weight: 600; color: var(--tiqa-text-muted)}
.x1y{flex: 0 0 auto}
.x1z{margin: 0px; text-align: center; font-size: clamp(20px, 2.2vw, 26px); line-height: 1.4; font-weight: 700}
.x20{position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 0px}
.x21{display: block; width: 2px; height: 56px; background: var(--tiqa-arcilla)}
.x22{display: inline-flex; width: 72px; height: 72px; align-items: center; justify-content: center; margin-bottom: -36px; border-radius: 36px; background: var(--tiqa-bg); box-shadow: 0 0 0 2px var(--tiqa-arcilla)}
.x23{background: var(--tiqa-bg); padding: clamp(80px, 10vw, 136px) 24px clamp(64px, 9vw, 120px)}
.x24{max-width: 1200px; margin: 0px auto; display: flex; flex-direction: column; gap: 40px}
.x25{display: flex; flex-direction: column; gap: 16px; text-align: center; align-items: center}
.x26{margin: 0px; font-size: 17px; font-weight: 600; color: var(--tiqa-accent)}
.x27{margin: 0px; max-width: 680px; color: var(--tiqa-text-muted)}
.x28{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 28px; padding: 20px 24px; border-radius: var(--tiqa-radius-lg); border: 2px solid var(--tiqa-arcilla); text-align: center}
.x29{font-weight: 700; font-size: 20px}
.x2a{color: var(--tiqa-text-muted)}
.x2b{display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 20px}
.x2c{display: flex; flex-direction: column; gap: 18px; height: 100%}
.x2d{display: block; width: 100%; height: 190px; object-fit: cover; border-radius: var(--tiqa-radius)}
.x2e{display: flex; flex-direction: column; gap: 14px}
.x2f{display: flex; align-items: center; gap: 14px}
.x2g{display: inline-flex; flex: 0 0 auto; width: 52px; height: 52px; align-items: center; justify-content: center; border-radius: var(--tiqa-radius); background: var(--tiqa-terracota); color: rgb(255, 255, 255)}
.x2h{display: flex; flex-direction: column}
.x2i{margin: 0px; font-size: 24px; line-height: 1.25; font-weight: 700}
.x2j{margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; gap: 8px}
.x2k{display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0px 12px; border-radius: var(--tiqa-radius-sm); background: var(--tiqa-arena); font-size: 15px; font-weight: 600}
.x2l{display: flex; flex-direction: column; gap: 6px; padding-top: 16px; border-top: 1px solid var(--tiqa-arcilla)}
.x2m{margin: 0px; font-size: 20px; line-height: 1.35; font-weight: 600}
.x2n{display: flex; flex-direction: column; gap: 10px; flex-grow: 1}
.x2o{margin: 0px; padding: 0px 0px 0px 20px; display: flex; flex-direction: column; gap: 8px; font-size: 17px; line-height: 1.45}
.x2p{padding-top: 16px; border-top: 1px solid var(--tiqa-arcilla)}
.x2q{margin: 0px; font-size: 15px; color: var(--tiqa-text-muted); text-align: center}
.x2r{box-sizing: border-box; padding: clamp(24px, 3.5vw, 44px); border-radius: var(--tiqa-radius-lg); background: var(--tiqa-surface); display: flex; flex-direction: column; gap: 28px}
.x2s{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 48px}
.x2t{flex: 1 1 520px; min-width: 0px; display: flex; flex-direction: column; gap: 8px}
.x2u{margin: 0px; font-size: clamp(24px, 2.4vw, 32px); line-height: 1.2; font-weight: 700; letter-spacing: -0.01em}
.x2v{flex: 1 1 340px; min-width: 0px; margin: 0px; font-size: 17px; color: var(--tiqa-text-muted)}
.x2w{display: flex; flex-direction: column; gap: 10px}
.x2x{padding: 0px 22px; font-size: 15px; font-weight: 600; color: var(--tiqa-text-muted)}
.x2y{padding: 0px 22px; font-size: 15px; font-weight: 700; color: var(--tiqa-accent)}
.x2z{margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 10px}
.x30{margin: 0px; display: flex; gap: 12px; align-items: flex-start; box-sizing: border-box; padding: 16px 22px; border-radius: var(--tiqa-radius); box-shadow: inset 0 0 0 1px var(--tiqa-arcilla); color: var(--tiqa-text-muted); font-size: 17px; line-height: 1.45}
.x31{flex: 0 0 auto; margin-top: 1px}
.x32{margin: 0px; display: flex; gap: 12px; align-items: flex-start; box-sizing: border-box; padding: 16px 22px; border-radius: var(--tiqa-radius); background: var(--tiqa-bg); color: var(--tiqa-text); font-size: 17px; line-height: 1.45; font-weight: 600}
.x33{display: inline-flex; flex: 0 0 auto; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 12px; background: var(--tiqa-accent); color: rgb(255, 255, 255)}
.x34{display: flex; flex-wrap: wrap; align-items: center; gap: 16px 40px; box-sizing: border-box; padding: 24px 28px; border-radius: var(--tiqa-radius-lg); background: var(--tiqa-tinta); color: rgb(246, 239, 233)}
.x35{flex: 0 1 300px; min-width: 0px; display: flex; align-items: center; gap: 14px}
.x36{display: inline-flex; flex: 0 0 auto; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: var(--tiqa-radius); background: rgb(246, 239, 233); color: var(--tiqa-tinta)}
.x37{display: flex; flex-direction: column; gap: 2px}
.x38{font-size: 15px; font-weight: 600; color: rgb(205, 191, 183)}
.x39{font-size: 19px; line-height: 1.25; font-weight: 700}
.x3a{flex: 1 1 460px; min-width: 0px; display: flex; flex-direction: column; gap: 6px}
.x3b{margin: 0px; font-size: 19px; line-height: 1.45; font-weight: 600}
.x3c{margin: 0px; font-size: 17px; color: rgb(205, 191, 183)}
.x3d{background: var(--tiqa-bg); color: var(--tiqa-text); padding: clamp(64px, 9vw, 120px) 24px}
.x3e{max-width: 1200px; margin: 0px auto; display: flex; flex-direction: column; gap: 48px}
.x3f{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 64px}
.x3g{flex: 1 1 560px; min-width: 0px; display: flex; flex-direction: column; gap: 18px}
.x3h{margin: 0px; display: inline-flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 600; color: var(--tiqa-iq)}
.x3i{flex: 1 1 360px; min-width: 0px; margin: 0px; color: var(--tiqa-text-muted)}
.x3j{margin: 0px; padding: 0px; list-style: none}
.x3k{display: flex; flex-direction: column; justify-content: space-between; gap: 18px; box-sizing: border-box; padding: 22px 24px; border-radius: var(--tiqa-radius); background: var(--tiqa-brick-1); color: var(--tiqa-noche)}
.x3l{display: flex; align-items: center; justify-content: space-between; gap: 12px}
.x3m{font-size: 15px; font-weight: 700; opacity: 0.8}
.x3n{display: flex; flex-direction: column; gap: 6px}
.x3o{margin: 0px; font-size: 24px; line-height: 1.2; font-weight: 700}
.x3p{margin: 0px; font-size: 17px; line-height: 1.45}
.x3q{display: flex; flex-direction: column; justify-content: space-between; gap: 18px; box-sizing: border-box; padding: 22px 24px; border-radius: var(--tiqa-radius); background: var(--tiqa-brick-2); color: rgb(255, 255, 255)}
.x3r{display: flex; flex-direction: column; justify-content: space-between; gap: 18px; box-sizing: border-box; padding: 22px 24px; border-radius: var(--tiqa-radius); background: var(--tiqa-arcilla); color: var(--tiqa-noche)}
.x3s{border-radius: var(--tiqa-radius); background: var(--tiqa-arcilla)}
.x3t{display: flex; flex-direction: column; justify-content: space-between; gap: 18px; box-sizing: border-box; padding: 22px 24px; border-radius: var(--tiqa-radius); background: var(--tiqa-iq); color: var(--tiqa-noche)}
.x3u{border-radius: var(--tiqa-radius); background: var(--tiqa-brick-1)}
.x3v{border-radius: var(--tiqa-radius); background: var(--tiqa-brick-2)}
.x3w{background: var(--tiqa-bg); padding: clamp(64px, 9vw, 120px) 24px}
.x3x{max-width: 1200px; margin: 0px auto; display: flex; flex-wrap: wrap; align-items: center; gap: clamp(40px, 6vw, 80px)}
.x3y{flex: 1 1 420px; min-width: 0px; display: flex; flex-direction: column; gap: 24px}
.x3z{display: flex; flex-direction: column; gap: 16px}
.x40{display: flex; gap: 16px; align-items: flex-start}
.x41{display: inline-flex; flex: 0 0 auto; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: var(--tiqa-radius); background: var(--tiqa-surface); color: var(--tiqa-accent)}
.x42{display: flex; flex-direction: column; gap: 4px}
.x43{margin: 0px; font-size: 22px; line-height: 1.25; font-weight: 700}
.x44{margin: 0px; font-size: 17px; color: var(--tiqa-text-muted)}
.x45{flex: 1 1 520px; min-width: 0px; margin: 0px; border-radius: var(--tiqa-radius-lg); overflow: hidden; background: var(--tiqa-surface); border: 2px solid var(--tiqa-arcilla)}
.x46{display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: var(--tiqa-arena); border-bottom: 1px solid var(--tiqa-arcilla)}
.x47{display: inline-flex; gap: 6px}
.x48{width: 12px; height: 12px; border-radius: 6px; background: rgb(205, 191, 183)}
.x49{flex: 1 1 auto; min-width: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 8px 14px; border-radius: 999px; background: var(--tiqa-surface); font-size: 15px; color: var(--tiqa-text-muted)}
.x4a{display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: var(--tiqa-radius-sm); background: var(--tiqa-terracota); color: rgb(255, 255, 255); font-size: 15px; font-weight: 600; white-space: nowrap}
.x4b{flex: 0 0 auto; color: rgb(255, 255, 255)}
.x4c{fill: var(--tiqa-terracota)}
.x4d{padding: 20px; display: flex; flex-direction: column; gap: 16px}
.x4e{display: block; width: 100%; height: 220px; object-fit: cover; border-radius: var(--tiqa-radius)}
.x4f{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px}
.x4g{display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: var(--tiqa-radius); background: var(--tiqa-arena)}
.x4h{flex: 0 0 auto; color: var(--tiqa-accent)}
.x4i{font-size: 17px; font-weight: 600}
.x4j{background: var(--tiqa-surface); padding: clamp(64px, 9vw, 120px) 24px}
.x4k{flex: 1 1 420px; min-width: 0px; display: flex; flex-direction: column; gap: 22px}
.x4l{margin: 0px; color: var(--tiqa-text-muted)}
.x4m{margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 14px}
.x4n{display: flex; gap: 14px; align-items: flex-start}
.x4o{flex: 1 1 520px; min-width: 0px; display: flex; flex-direction: column; gap: 12px}
.x4p{display: inline-flex; align-self: flex-start; align-items: center; gap: 10px; min-height: 40px; padding: 0px 14px; border-radius: 999px; background: var(--tiqa-bg)}
.x4q{position: relative; display: inline-flex; flex: 0 0 auto; width: 12px; height: 12px}
.x4r{position: absolute; top: 0px; left: 0px; width: 12px; height: 12px; border-radius: 6px; background: var(--tiqa-iq); animation: 1.6s cubic-bezier(0, 0, 0.2, 1) 0s infinite normal none running tq-ping}
.x4s{position: relative; width: 12px; height: 12px; border-radius: 6px; background: var(--tiqa-iq)}
.x4t{font-size: 15px; font-weight: 600; color: var(--tiqa-iq)}
.x4u{display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px}
.x4v{position: relative; overflow: hidden; min-height: 180px; box-sizing: border-box; padding: 22px 24px; border-radius: var(--tiqa-radius); background: var(--tiqa-terracota); color: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: flex-end}
.x4w{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; object-position: right bottom}
.x4x{position: relative; display: flex; flex-direction: column}
.x4y{font-size: 28px; line-height: 1.15; font-weight: 700}
.x4z{font-size: 17px}
.x50{position: relative; overflow: hidden; min-height: 180px; box-sizing: border-box; padding: 22px 24px; border-radius: var(--tiqa-radius); background: var(--tiqa-ladrillo); color: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: flex-end}
.x51{position: relative; overflow: hidden; min-height: 180px; box-sizing: border-box; padding: 22px 24px; border-radius: var(--tiqa-radius); background: var(--tiqa-arcilla); color: var(--tiqa-tinta); display: flex; flex-direction: column; justify-content: flex-end}
.x52{position: relative; overflow: hidden; min-height: 180px; box-sizing: border-box; padding: 22px 24px; border-radius: var(--tiqa-radius); background: var(--tiqa-tinta); color: rgb(246, 239, 233); display: flex; flex-direction: column; justify-content: flex-end}
.x53{font-size: 17px; color: rgb(205, 191, 183)}
.x54{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px 64px}
.x55{flex: 1 1 560px; min-width: 0px; display: flex; flex-direction: column; gap: 16px}
.x56{flex: 1 1 380px; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px}
.x57{margin: 0px; box-sizing: border-box; padding: clamp(24px, 3.5vw, 44px); border-radius: var(--tiqa-radius-lg); background: var(--tiqa-surface); display: flex; flex-direction: column; gap: 28px}
.x58{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px}
.x59{font-size: clamp(34px, 3.4vw, 44px); line-height: 1.1; font-weight: 700; letter-spacing: -0.02em}
.x5a{display: flex; flex-direction: column; gap: 12px}
.x5b{position: relative; height: 100px; margin: 0px 12px}
.x5c{position: absolute; left: 0px; right: 0px; top: 44px; height: 12px; border-radius: 6px; background: var(--tiqa-bg); box-shadow: inset 0 0 0 1px var(--tiqa-arcilla)}
.x5d{position: absolute; left: 15.71%; width: 40%; top: 44px; height: 12px; border-radius: 6px; background: var(--tiqa-arcilla)}
.x5e{position: absolute; left: 35.71%; top: 32px; width: 4px; height: 36px; margin-left: -2px; border-radius: 2px; background: var(--tiqa-iq)}
.x5f{position: absolute; left: 35.71%; top: 76px; transform: translateX(-50%); font-size: 15px; font-weight: 600; color: var(--tiqa-iq); white-space: nowrap}
.x5g{position: absolute; left: 24.29%; top: 0px; transform: translateX(-50%); font-size: 15px; font-weight: 600; color: var(--tiqa-text-muted); white-space: nowrap}
.x5h{position: absolute; left: 24.29%; top: 40px; width: 20px; height: 20px; margin-left: -10px; box-sizing: border-box; border-radius: 50%; background: var(--tiqa-surface); border: 3px solid var(--tiqa-ladrillo)}
.x5i{position: absolute; left: 55.71%; top: 0px; transform: translateX(-50%); font-size: 15px; font-weight: 700; color: var(--tiqa-accent); white-space: nowrap}
.x5j{position: absolute; left: 55.71%; top: 37px; width: 26px; height: 26px; margin-left: -13px; box-sizing: border-box; border-radius: 50%; background: var(--tiqa-accent); border: 4px solid var(--tiqa-surface)}
.x5k{position: absolute; left: 82.86%; top: 0px; transform: translateX(-50%); font-size: 15px; font-weight: 600; color: var(--tiqa-text-muted); white-space: nowrap}
.x5l{position: absolute; left: 82.86%; top: 40px; width: 20px; height: 20px; margin-left: -10px; box-sizing: border-box; border-radius: 50%; background: var(--tiqa-surface); border: 3px solid var(--tiqa-ladrillo)}
.x5m{position: absolute; left: 42.86%; top: 41px; width: 18px; height: 18px; margin-left: -9px; box-sizing: border-box; transform: rotate(45deg); border-radius: 3px; background: var(--tiqa-tinta); border: 3px solid var(--tiqa-surface)}
.x5n{display: flex; flex-wrap: wrap; gap: 8px 24px}
.x5o{display: inline-flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; color: var(--tiqa-text-muted)}
.x5p{width: 28px; height: 10px; border-radius: 5px; background: var(--tiqa-arcilla)}
.x5q{width: 12px; height: 12px; margin: 0px 2px; transform: rotate(45deg); border-radius: 2px; background: var(--tiqa-tinta)}
.x5r{margin: 0px; font-size: 20px; line-height: 1.3; font-weight: 700}
.x5s{margin: 0px; padding: 8px; list-style: none; display: flex; flex-direction: column; border-radius: var(--tiqa-radius-lg); background: var(--tiqa-bg)}
.x5t{display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; box-sizing: border-box; padding: 18px 20px; border-bottom: 1px solid var(--tiqa-arcilla)}
.x5u{flex: 1 1 360px; min-width: 0px; display: flex; gap: 14px; align-items: flex-start}
.x5v{flex: 0 0 auto; width: 20px; height: 20px; margin: 1px; box-sizing: border-box; border-radius: 50%; background: var(--tiqa-bg); border: 3px solid var(--tiqa-ladrillo)}
.x5w{display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 18px; font-weight: 700}
.x5x{font-size: 17px; line-height: 1.45; color: var(--tiqa-text-muted)}
.x5y{flex: 0 0 auto; margin-left: auto; font-size: 24px; line-height: 1.2; font-weight: 700; white-space: nowrap}
.x5z{display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; box-sizing: border-box; padding: 18px 20px; border-radius: var(--tiqa-radius); box-shadow: inset 0 0 0 2px var(--tiqa-accent); background: var(--tiqa-surface)}
.x60{flex: 0 0 auto; width: 22px; height: 22px; box-sizing: border-box; border-radius: 50%; background: var(--tiqa-accent); border: 4px solid var(--tiqa-bg); box-shadow: 0 0 0 2px var(--tiqa-accent)}
.x61{font-size: 15px; font-weight: 600; padding: 2px 10px; border-radius: var(--tiqa-radius-sm); background: var(--tiqa-accent); color: rgb(255, 255, 255); white-space: nowrap}
.x62{display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; box-sizing: border-box; padding: 18px 20px}
.x63{display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; box-sizing: border-box; padding: 18px 20px; margin-top: 8px; border-radius: var(--tiqa-radius); background: var(--tiqa-arena); box-shadow: inset 0 0 0 2px var(--tiqa-arcilla)}
.x64{flex: 0 0 auto; width: 16px; height: 16px; margin: 3px; box-sizing: border-box; transform: rotate(45deg); border-radius: 3px; background: var(--tiqa-tinta)}
.x65{display: inline-flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 18px; font-weight: 700}
.x66{flex: 0 0 auto; margin-left: auto}
.x67{min-width: 150px; font-size: 22px; white-space: nowrap}
.x68{margin: 0px; font-size: 15px; color: var(--tiqa-text-muted)}
.x69{max-width: 1100px; margin: 0px auto; display: flex; flex-wrap: wrap-reverse; align-items: center; justify-content: center; gap: clamp(40px, 7vw, 104px)}
.x6a{flex: 0 1 340px; min-width: 0px; display: flex; justify-content: center}
.x6b{position: relative; width: 330px; max-width: 100%; height: 700px; flex: 0 0 auto}
.x6c{position: relative; height: 100%; border-radius: 44px; overflow: hidden; background: var(--tiqa-arena); color: var(--tiqa-tinta); display: flex; flex-direction: column}
.x6d{position: absolute; top: 12px; left: 50%; width: 96px; height: 28px; margin-left: -48px; border-radius: 20px; background: rgb(14, 10, 9); z-index: 1}
.x6e{flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 54px 16px 12px; background: var(--tiqa-tinta); color: rgb(246, 239, 233)}
.x6f{flex: 0 0 auto; display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 19px; background: var(--tiqa-arcilla); color: var(--tiqa-tinta); font-size: 17px; font-weight: 700}
.x6g{display: flex; flex-direction: column; min-width: 0px}
.x6h{font-size: 17px; font-weight: 700; line-height: 1.25}
.x6i{font-size: 13px; color: rgb(205, 191, 183); white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.x6j{flex: 1 1 auto; min-height: 0px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; gap: 10px; padding: 14px 12px}
.x6k{align-self: center; padding: 4px 12px; border-radius: 8px; background: var(--tiqa-superficie); font-size: 12px; font-weight: 600; color: var(--tiqa-tinta-suave)}
.x6l{align-self: flex-end; max-width: 84%; box-sizing: border-box; padding: 9px 12px 7px; border-radius: 14px 14px 4px; background: var(--tiqa-arcilla); color: var(--tiqa-tinta); display: flex; flex-direction: column; gap: 4px}
.x6m{display: flex; gap: 10px; align-items: center; padding: 8px; border-radius: 10px; background: var(--tiqa-superficie)}
.x6n{flex: 0 0 auto; width: 40px; height: 40px; border-radius: 8px; background: var(--tiqa-terracota)}
.x6o{font-size: 15px; font-weight: 700; line-height: 1.3}
.x6p{font-size: 12px; color: var(--tiqa-tinta-suave)}
.x6q{align-self: flex-end; display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--tiqa-tinta-suave)}
.x6r{display: inline-flex; color: var(--tiqa-petroleo)}
.x6s{align-self: flex-end; display: inline-flex; align-items: center; gap: 4px; margin-bottom: -4px; font-size: 12px; font-weight: 600; color: var(--tiqa-petroleo)}
.x6t{font-size: 15px; line-height: 1.4}
.x6u{align-self: flex-start; max-width: 84%; box-sizing: border-box; padding: 9px 12px 7px; border-radius: 14px 14px 14px 4px; background: var(--tiqa-superficie); color: var(--tiqa-tinta); display: flex; flex-direction: column; gap: 4px}
.x6v{align-self: flex-end; font-size: 12px; color: var(--tiqa-tinta-suave)}
.x6w{flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 10px 12px 26px; background: var(--tiqa-arena)}
.x6x{flex: 1 1 auto; display: flex; align-items: center; min-height: 40px; padding: 0px 14px; border-radius: 20px; background: var(--tiqa-superficie); font-size: 15px; color: var(--tiqa-tinta-suave)}
.x6y{flex: 0 0 auto; display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 20px; background: var(--tiqa-terracota); color: rgb(255, 255, 255)}
.x6z{flex: 1 1 420px; min-width: 0px; display: flex; flex-direction: column; gap: 20px}
.x70{display: flex; align-items: center; gap: 14px; box-sizing: border-box; padding: 18px 20px; border-radius: var(--tiqa-radius-lg); background: var(--tiqa-bg)}
.x71{display: inline-flex; flex: 0 0 auto; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: var(--tiqa-radius); background: var(--tiqa-terracota); color: rgb(255, 255, 255)}
.x72{font-size: 15px; font-weight: 600; color: var(--tiqa-accent)}
.x73{font-size: 17px; line-height: 1.4}
.x74{background: rgb(239, 220, 207); padding: clamp(64px, 9vw, 120px) 24px}
.x75{margin: 0px; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0px 16px; border-radius: 999px; background: var(--tiqa-surface); font-size: 17px; font-weight: 600; color: var(--tiqa-accent)}
.x76{margin: 0px; max-width: 640px; color: var(--tiqa-text-muted)}
.x77{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 28px; box-sizing: border-box; padding: 28px; border-radius: var(--tiqa-radius-lg); background: var(--tiqa-surface)}
.x78{flex: 1 1 420px; min-width: 0px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 32px}
.x79{font-size: 17px; color: var(--tiqa-text-muted)}
.x7a{font-size: 32px; line-height: 1.1; font-weight: 700; letter-spacing: -0.02em}
.x7b{white-space: nowrap}
.x7c{margin: 0px; padding: 16px 0px 0px; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 20px; align-items: stretch}
.x7d{position: relative; display: flex; flex-direction: column; gap: 20px; box-sizing: border-box; padding: 32px 28px 28px; border-radius: var(--tiqa-radius-lg); background: var(--tiqa-surface); box-shadow: inset 0 0 0 2px var(--tiqa-accent)}
.x7e{position: absolute; top: -15px; left: 26px; display: inline-flex; align-items: center; min-height: 30px; padding: 0px 14px; border-radius: 999px; background: var(--tiqa-accent); color: rgb(255, 255, 255); font-size: 15px; font-weight: 700; white-space: nowrap}
.x7f{display: flex; align-items: baseline; gap: 6px; white-space: nowrap}
.x7g{font-size: clamp(32px, 3vw, 40px); line-height: 1.1; font-weight: 700; letter-spacing: -0.02em}
.x7h{display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: var(--tiqa-radius); background: var(--tiqa-bg)}
.x7i{font-size: 18px; font-weight: 700}
.x7j{display: flex; gap: 4px}
.x7k{flex: 1 1 0px; height: 10px; border-radius: 4px; background: var(--tiqa-accent)}
.x7l{flex: 1 1 0px; height: 10px; border-radius: 4px; background: var(--tiqa-arcilla)}
.x7m{margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 12px; flex-grow: 1}
.x7n{display: flex; gap: 10px; align-items: flex-start; font-size: 17px; line-height: 1.4}
.x7o{width: 100%; box-sizing: border-box; white-space: nowrap}
.x7p{position: relative; display: flex; flex-direction: column; gap: 20px; box-sizing: border-box; padding: 32px 28px 28px; border-radius: var(--tiqa-radius-lg); background: var(--tiqa-surface)}
.x7q{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 28px; box-sizing: border-box; padding: 28px; border-radius: var(--tiqa-radius-lg); background: var(--tiqa-bg); color: var(--tiqa-text)}
.x7r{white-space: nowrap; background: transparent; color: var(--tiqa-text); border-color: var(--tiqa-text)}
.x7s{display: flex; flex-wrap: wrap; align-items: center; gap: 24px 48px; box-sizing: border-box; padding: clamp(24px, 3vw, 36px); border-radius: var(--tiqa-radius-lg); box-shadow: inset 0 0 0 2px var(--tiqa-arcilla)}
.x7t{flex: 0 1 260px; min-width: 0px; display: flex; flex-direction: column; gap: 6px}
.x7u{flex: 1 1 560px; min-width: 0px; margin: 0px; padding: 0px; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px 24px}
.x7v{background: var(--tiqa-surface); padding: clamp(64px, 9vw, 120px) 24px calc(80px + clamp(64px, 9vw, 120px))}
.x7w{max-width: 860px; margin: 0px auto; display: flex; flex-direction: column; gap: 32px}
.x7x{margin: 0px; text-align: center; font-size: clamp(32px, 4.2vw, 52px); line-height: 1.1; font-weight: 700; letter-spacing: -0.02em}
.x7y{border-radius: var(--tiqa-radius); background: var(--tiqa-bg)}
.x7z{display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; padding: 0px 24px; font-size: 20px; font-weight: 600}
.x80{margin: 0px; padding: 0px 24px 22px; color: var(--tiqa-text-muted)}
.x81{position: relative; z-index: 1; background: var(--tiqa-bg); color: var(--tiqa-text); padding: 0px 24px clamp(64px, 9vw, 120px)}
.x82{position: relative; top: -80px; display: block; width: calc(100% + 48px); margin: 0px -24px calc(-80px + clamp(56px, 7vw, 96px))}
.x83{fill: var(--tiqa-brick-2)}
.x84{fill: var(--tiqa-brick-1)}
.x85{fill: var(--tiqa-iq)}
.x86{position: relative; max-width: 1200px; margin: 0px auto; display: flex; flex-wrap: wrap; gap: clamp(40px, 6vw, 80px); align-items: flex-start}
.x87{margin: 0px; font-size: clamp(36px, 5vw, 60px); line-height: 1.08; font-weight: 700; letter-spacing: -0.03em}
.x88{margin: 0px; font-size: clamp(19px, 2vw, 22px); color: var(--tiqa-text-muted)}
.x89{margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 12px; font-size: 18px}
.x8a{display: flex; gap: 12px; align-items: flex-start}
.x8b{flex: 1 1 440px; min-width: 0px; box-sizing: border-box; padding: clamp(24px, 3vw, 36px); border-radius: var(--tiqa-radius-lg); background: var(--tiqa-surface)}
.x8c{display: flex; flex-direction: column; gap: 20px}
.x8d{display: flex; flex-direction: column; gap: 8px}
.x8e{height: 56px; box-sizing: border-box; padding: 0px 16px; font: 400 18px/1 var(--font-sans); color: var(--tiqa-text); background: var(--tiqa-bg); border: 2px solid var(--tiqa-text-muted); border-radius: var(--tiqa-radius-sm)}
.x8f{margin: 0px; padding: 0px; border: 0px; display: flex; flex-direction: column; gap: 10px}
.x8g{padding: 0px 0px 10px; font-size: 17px; font-weight: 600}
.x8h{display: flex; flex-wrap: wrap; gap: 10px}
.x8i{display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0px 18px; border: 2px solid var(--tiqa-text-muted); border-radius: var(--tiqa-radius); cursor: pointer; font-weight: 600; font-size: 17px}
.x8j{width: 22px; height: 22px; margin: 0px; accent-color: var(--tiqa-primary)}
.x8k{background: var(--tiqa-bg); color: var(--tiqa-text); padding: 0px 24px 48px}
.x8l{max-width: 1200px; margin: 0px auto; padding-top: 40px; border-top: 1px solid rgb(74, 58, 51); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 32px}
.x8m{display: inline-flex; align-items: center; gap: 6px; color: var(--tiqa-text)}
.x8n{font-size: 28px; font-weight: 700; letter-spacing: -0.05em; line-height: 1}
.x8o{display: flex; flex-wrap: wrap; gap: 40px}
.x8p{display: inline-flex; align-items: center; min-height: 44px; color: var(--tiqa-text)}
.x8q{max-width: 1200px; margin: 32px auto 0px; font-size: 15px; color: var(--tiqa-text-muted)}

/* ===== Piezas nuevas (nov-2026): mismas variables y medidas que el diseño original ===== */
.tq-lp [hidden]{display:none !important}
/* Marca del broker en el celular del hero */
.n-bk{display:flex;align-items:center;gap:10px;min-width:0}
.n-bk-av{display:inline-flex;flex:0 0 auto;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;background:var(--tiqa-ladrillo);color:#fff;font:700 14px/1 var(--font-sans)}
.n-bk-t{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.n-bk-t b{font-size:15px}
.n-bk-t span{font-size:13px;color:var(--tiqa-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.n-bk-logo{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 8px;border-radius:8px;border:1.5px solid var(--tiqa-tinta);font:700 11px/1 var(--font-sans);letter-spacing:.06em;color:var(--tiqa-tinta)}
.n-para{font-size:14px;font-weight:600;color:var(--tiqa-iq)}
.n-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.n-note{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:17px;color:var(--tiqa-text-muted)}
.n-note svg{flex:0 0 auto;margin-top:3px;color:var(--tiqa-petroleo-claro)}
/* Link "ver la ficha en vivo" */
.n-live{display:inline-flex;align-items:center;gap:8px;min-height:48px;font-weight:600;color:var(--tiqa-accent);text-decoration:underline;text-underline-offset:3px}
.n-center{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px}
/* Dos links, dos usos (sección oscura) */
.n-two{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:721px){.n-two{grid-template-columns:repeat(2,minmax(0,1fr))}}
.n-two > div{box-sizing:border-box;padding:24px;border-radius:var(--tiqa-radius-lg);background:rgba(246,239,233,.06);box-shadow:inset 0 0 0 1.5px rgba(246,239,233,.16);display:flex;flex-direction:column;gap:10px}
.n-two h3{margin:0;font-size:22px;line-height:1.25}
.n-two p{margin:0;color:var(--tiqa-text-muted)}
.n-two ul{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.n-two li{display:flex;gap:10px;align-items:flex-start;font-size:17px;line-height:1.4}
.n-two li svg{flex:0 0 auto;margin-top:2px;color:var(--tiqa-petroleo-claro)}
.n-tag{align-self:flex-start;display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:15px;font-weight:600;background:var(--tiqa-terracota);color:#fff}
.n-tag.alt{background:var(--tiqa-petroleo-claro);color:var(--tiqa-noche)}
.n-simple{margin:0;font-size:clamp(19px,2vw,22px);font-weight:600;text-align:center}
/* Demo: pegá el link de tu aviso */
.n-demo{box-sizing:border-box;padding:24px;border-radius:var(--tiqa-radius-lg);background:var(--tiqa-surface);display:flex;flex-direction:column;gap:14px}
.n-demo h3{margin:0;font-size:22px;line-height:1.25}
.n-demo form{display:flex;flex-wrap:wrap;gap:10px}
.n-demo input[type=url]{flex:1 1 260px;min-width:0;height:56px;box-sizing:border-box;padding:0 16px;font:400 17px/1 var(--font-sans);color:var(--tiqa-text);background:var(--tiqa-bg);border:2px solid var(--tiqa-text-muted);border-radius:var(--tiqa-radius-sm)}
.n-demo .tq-btn{min-height:56px}
.n-err{margin:0;font-size:17px;color:#861C16}
.n-wait{display:flex;align-items:center;gap:12px;margin:0;color:var(--tiqa-text-muted)}
.n-wait span{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:3px solid var(--tiqa-arcilla);border-top-color:var(--tiqa-terracota);animation:n-spin 1s linear infinite}
@keyframes n-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.n-wait span{animation-duration:3s}}
.n-res{display:flex;flex-direction:column;gap:14px;padding-top:14px;border-top:1px solid var(--tiqa-arcilla)}
.n-res-top{display:flex;gap:14px;align-items:flex-start}
.n-res-top img{flex:0 0 auto;width:112px;height:84px;object-fit:cover;border-radius:var(--tiqa-radius-sm);background:var(--tiqa-arcilla)}
.n-res-top b{display:block;font-size:19px;line-height:1.3}
.n-res-top span{display:block;font-size:15px;color:var(--tiqa-text-muted)}
.n-res-val{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.n-res-val strong{font-size:30px;line-height:1.1}
.n-res ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.n-res li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--tiqa-radius-sm);background:var(--tiqa-bg);font-size:16px}
.n-res li b{white-space:nowrap}
.n-res li.sug{box-shadow:inset 0 0 0 2px var(--tiqa-terracota)}
.n-small{margin:0;font-size:15px;color:var(--tiqa-text-muted)}
/* Seguimiento de interesados */
.n-seg{background:var(--tiqa-bg);padding:clamp(64px,9vw,120px) 24px}
.n-card{box-sizing:border-box;width:100%;max-width:440px;padding:22px;border-radius:var(--tiqa-radius-lg);background:var(--tiqa-surface);box-shadow:0 18px 40px rgba(43,29,24,.12);display:flex;flex-direction:column;gap:14px;margin:0 auto}
.n-card-h{display:flex;align-items:center;gap:12px}
.n-card-h .ic{display:inline-flex;flex:0 0 auto;width:48px;height:48px;align-items:center;justify-content:center;border-radius:var(--tiqa-radius);background:var(--tiqa-iq);color:#fff}
.n-card p{margin:0}
.n-card .meta{display:flex;flex-wrap:wrap;gap:8px}
.n-card .meta span{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;background:var(--tiqa-bg);font-size:15px;font-weight:600}
.n-msg{padding:14px 16px;border-radius:14px 14px 14px 4px;background:#DCF2D5;color:#1B3A12;font-size:16px;line-height:1.45}
.n-grid3{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:721px){.n-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.n-grid3 li{box-sizing:border-box;padding:24px;border-radius:var(--tiqa-radius-lg);background:var(--tiqa-surface);display:flex;flex-direction:column;gap:10px}
.n-grid3 h3{margin:0;font-size:22px;line-height:1.25}
.n-grid3 p{margin:0;color:var(--tiqa-text-muted)}
.n-ic{display:inline-flex;flex:0 0 auto;width:48px;height:48px;align-items:center;justify-content:center;border-radius:var(--tiqa-radius);background:var(--tiqa-bg);color:var(--tiqa-accent)}
/* También trae */
.n-trae{background:var(--tiqa-surface);padding:clamp(64px,9vw,120px) 24px}
.n-trae ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}
.n-trae li{box-sizing:border-box;padding:22px;border-radius:var(--tiqa-radius-lg);background:var(--tiqa-bg);display:flex;gap:14px;align-items:flex-start}
.n-trae li .n-ic{background:var(--tiqa-surface)}
.n-trae h3{margin:0 0 4px;font-size:19px;line-height:1.3}
.n-trae p{margin:0;font-size:17px;color:var(--tiqa-text-muted)}
/* Fuentes del mercado */
.n-src{margin:0;font-size:15px;color:var(--tiqa-text-muted)}
/* CTA final: dos caminos */
.n-or{display:flex;flex-direction:column;gap:12px;padding-bottom:24px;margin-bottom:4px;border-bottom:1px solid var(--tiqa-arcilla)}
.n-or h3,.n-help h3{margin:0;font-size:22px;line-height:1.25}
.n-or p,.n-help p{margin:0;color:var(--tiqa-text-muted)}
.n-sent{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px 0}
.n-sent .ok{display:inline-flex;width:56px;height:56px;align-items:center;justify-content:center;border-radius:999px;background:var(--tiqa-primary);color:var(--tiqa-primary-text)}
.n-sent p{margin:0}
.n-sent .t{font-size:28px;line-height:1.2;font-weight:700}
.n-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* Menú en el celular */
.tq-nav-mobile{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;padding:8px 24px 28px;background:var(--tiqa-bg);border-bottom:1px solid #3A2C26}
.tq-nav-mobile a:not(.tq-btn){display:flex;align-items:center;min-height:60px;border-bottom:1px solid #3A2C26;color:var(--tiqa-text);text-decoration:none;font-weight:600;font-size:20px}
.tq-nav-mobile .tq-btn{margin-top:20px;min-height:56px}
/* Selector de perfil: activo e inactivo (los mismos colores que el diseño) */
.n-pick[aria-pressed="true"]{border-color:var(--tiqa-text);background:var(--tiqa-text);color:var(--tiqa-bg)}
.n-pick[aria-pressed="false"]{border-color:var(--tiqa-text-muted);background:var(--tiqa-bg);color:var(--tiqa-text)}
.tq-lp .tq-btn-block{box-sizing:border-box}
.x3x > .n-demo{flex:1 1 100%}
.n-res .xp{margin-top:4px}
.x1h .n-wa{display:flex}
#hero-foto{height:118px}
.x15{gap:10px}