/* ============================================================
   HAY PEGA · sistema visual
   Morado #9d48ff · Menta #24e79f · Negro #000 · Blanco #fff
   ============================================================ */

:root{
  --morado:#9d48ff;
  --morado-osc:#7a24e0;
  --menta:#24e79f;
  --menta-osc:#12c584;
  --negro:#000;
  --blanco:#fff;
  --gris-borde:#e4e4e7;
  --gris-txt:#6b6b73;
  --gris-bg:#f6f6f7;

  --r-pill:999px;
  --r-xl:34px;
  --r-lg:22px;
  --r-md:14px;

  --nav-h:76px;
  --max:1240px;
  --ease:cubic-bezier(.2,.7,.3,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}
body{
  margin:0;
  font-family:"Inter",Arial,Helvetica,sans-serif;
  font-weight:400;
  color:var(--negro);
  background:var(--blanco);
  -webkit-font-smoothing:antialiased;
}
img,svg{display:block;max-width:100%}
button{font:inherit;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
p{margin:0}
h1,h2,h3,h4{margin:0;letter-spacing:-.03em;line-height:1.02}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--morado);outline-offset:3px;border-radius:6px}

/* ---------- Tipografía de titulares ---------- */
.w-black{font-weight:900}
.w-light{font-weight:300}
.w-mint{font-weight:900;color:var(--menta)}

.display{
  font-size:clamp(2.6rem,6.2vw,5.2rem);
  letter-spacing:-.045em;
  line-height:.98;
  margin:0 0 22px;
}
.display--onmint{color:var(--negro)}
.display--onblack{color:var(--blanco)}

.h2{
  font-size:clamp(2rem,3.9vw,3.35rem);
  font-weight:900;
  letter-spacing:-.04em;
  line-height:1.02;
  margin:0 0 34px;
}
.h2--onpurple{color:var(--blanco)}

.lede{
  font-size:clamp(1rem,1.25vw,1.16rem);
  font-weight:300;
  line-height:1.6;
  max-width:56ch;
  color:#d8d8dd;
}
.lede--dark{color:#0e2b20;font-weight:400}

/* ---------- Textura de bolsa de la identidad Hay Pega ---------- */
.plastic{position:relative;isolation:isolate}
.plastic::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:url("assets/Textura/bolsa-textura.png");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  mix-blend-mode:multiply;
  filter:grayscale(1) contrast(2.15) brightness(.9);
  opacity:.34;
  border-radius:inherit;
}
.plastic > *{position:relative;z-index:1}
.plastic--light::before{mix-blend-mode:multiply;filter:grayscale(1) contrast(2.4);opacity:.22}
.hero.plastic::before,.hire.plastic::before,.services-hero.plastic::before,
.services-entry.plastic::before,.service-cta.plastic::before,.service-card--black.plastic::before,.door--black.plastic::before{
  background-size:900px auto;background-repeat:repeat;
  mix-blend-mode:screen;filter:invert(1) grayscale(1) contrast(2.5);opacity:.24;
}
.why.plastic::before,.alert.plastic::before,.service-card--purple.plastic::before{
  background-size:850px auto;background-repeat:repeat;
  mix-blend-mode:overlay;filter:grayscale(1) contrast(2.2);opacity:.38;
}
.search-head.plastic::before,.services-section--candidates.plastic::before,
.blob.plastic::before,.service-card--mint.plastic::before,.door--mint.plastic::before{
  background-size:820px auto;background-repeat:repeat;
  mix-blend-mode:multiply;filter:grayscale(1) contrast(2.3);opacity:.28;
}

.demo-note{
  margin:0 0 18px;padding:13px 16px;
  border:2px solid var(--morado);border-radius:var(--r-md);
  background:#f7efff;color:#341250;font-size:.86rem;line-height:1.5;
}
.prepared-request{
  margin-top:20px;padding:18px;border-radius:var(--r-md);background:var(--gris-bg);
  white-space:pre-wrap;font:500 .82rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* ---------- Logo bocadillo ---------- */
.logo{
  display:inline-block;
  background:var(--menta);
  color:var(--negro);
  padding:11px 16px 12px;
  border-radius:16px 16px 16px 4px;
  font-weight:900;
  font-size:19px;
  line-height:.92;
  letter-spacing:-.05em;
  position:relative;
}
.logo__line{display:block}
.logo::after{
  content:"";
  position:absolute;
  left:6px;bottom:-11px;
  border-width:12px 14px 0 0;
  border-style:solid;
  border-color:var(--menta) transparent transparent transparent;
}
.logo--sm{font-size:15px;padding:8px 12px 9px;border-radius:12px 12px 12px 3px}
.logo--sm::after{left:4px;bottom:-8px;border-width:9px 10px 0 0}
.logo--purple{background:var(--morado);color:var(--blanco)}
.logo--purple::after{border-top-color:var(--morado)}
.logo--white{background:var(--blanco);color:var(--negro)}
.logo--white::after{border-top-color:var(--blanco)}

/* ---------- Botones píldora ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:2px solid transparent;
  border-radius:var(--r-pill);
  padding:12px 24px;
  font-weight:800;
  font-size:.95rem;
  letter-spacing:-.01em;
  transition:background-color .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease);
}
.btn--lg{padding:15px 32px;font-size:1rem}
.btn--block{width:100%}
.btn--mint{background:var(--menta);color:var(--negro)}
.btn--mint:hover{background:var(--morado);color:var(--blanco)}
.btn--purple{background:var(--morado);color:var(--blanco)}
.btn--purple:hover{background:var(--menta);color:var(--negro)}
.btn--black{background:var(--negro);color:var(--blanco)}
.btn--black:hover{background:var(--morado)}
.btn--ghost{background:transparent;color:var(--blanco);border-color:var(--blanco)}
.btn--ghost:hover{background:var(--blanco);color:var(--negro)}
.btn--ghost-dark{background:transparent;color:var(--negro);border-color:var(--negro)}
.btn--ghost-dark:hover{background:var(--negro);color:var(--blanco)}
.btn:active{transform:translateY(1px)}

/* ---------- Chips ---------- */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{
  display:inline-flex;align-items:center;gap:8px;
  border-radius:var(--r-pill);
  padding:8px 16px;
  font-size:.82rem;font-weight:600;
  border:2px solid transparent;
  background:transparent;
  transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
}
a.chip{cursor:pointer}
a.chip--mint:hover,a.chip--purple:hover{filter:brightness(1.08)}
a.chip--outline:hover{background:var(--blanco);color:var(--negro);border-color:var(--blanco)}
.chip--mint{background:var(--menta);color:var(--negro)}
.chip--purple{background:var(--morado);color:var(--blanco)}
.chip--outline{border-color:rgba(255,255,255,.45);color:var(--blanco)}
.chip--outline-dark{border-color:rgba(0,0,0,.55);color:var(--negro)}
.chip--outline-dark:hover,.chip--outline-dark.is-on{background:var(--negro);color:var(--blanco);border-color:var(--negro)}

/* ---------- Etiquetas ---------- */
.tag{
  display:inline-block;
  border-radius:var(--r-pill);
  padding:7px 16px;
  font-size:.78rem;font-weight:700;
  margin:0 0 22px;
}
.tag--mint{background:var(--menta);color:var(--negro)}
.tag--purple{background:var(--morado);color:var(--blanco)}
.tag--black{background:var(--negro);color:var(--blanco)}

/* ---------- Migas de pan ---------- */
.crumbs{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600;margin-bottom:26px}
.crumbs a{text-decoration:underline;text-underline-offset:3px}
.crumbs a:hover{color:var(--morado)}
.crumbs span{color:rgba(0,0,0,.5)}
.crumbs--dark{color:#c9c9cf}
.crumbs--dark a:hover{color:var(--menta)}
.crumbs--dark span{color:rgba(255,255,255,.45)}

/* ============================================================
   NAV
   ============================================================ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:60;
  background:var(--negro);
  height:var(--nav-h);
  display:flex;align-items:center;
}
.nav__inner{
  width:100%;max-width:var(--max);margin:0 auto;padding:0 28px;
  display:flex;align-items:center;gap:26px;
}
.nav__links{display:flex;align-items:center;gap:30px;margin-left:auto}
.nav__link{color:#c9c9cf;font-weight:600;font-size:.95rem;transition:color .2s}
.nav__link:hover{color:var(--menta)}
.nav__link.is-active{color:var(--blanco);position:relative}
.nav__link.is-active::after{
  content:"";position:absolute;left:0;right:0;bottom:-9px;height:3px;
  background:var(--menta);border-radius:2px;
}
.nav__cta{margin-left:26px}
.nav__cta-mobile{display:none}
.nav__burger{
  display:none;width:44px;height:44px;background:none;border:0;padding:9px;margin-left:auto;
}
.nav__burger span{display:block;height:3px;background:var(--blanco);border-radius:2px;margin:5px 0;transition:transform .25s var(--ease),opacity .2s}
.nav__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.nav__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* ============================================================
   HERO
   ============================================================ */
.hero{
  background:var(--negro);
  color:var(--blanco);
  padding:calc(var(--nav-h) + 70px) 28px 90px;
}
.hero__grid{
  max-width:var(--max);margin:0 auto;
  display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;
}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0 30px}
.chips--regions{max-width:560px}

.blob{
  position:relative;
  border-radius:var(--r-xl) var(--r-xl) 90px var(--r-xl);
  aspect-ratio:1/1.02;
  display:grid;place-items:end center;
  overflow:hidden;
}
.blob--mint{background:var(--menta)}
.figure{width:82%;height:auto;filter:contrast(1.35) grayscale(1);z-index:1}

.float{position:absolute;width:74px;z-index:2;filter:drop-shadow(0 10px 18px rgba(0,0,0,.28))}
.float--heart{top:9%;left:8%;animation:floaty 6.5s ease-in-out infinite}
.float--bubble{top:24%;right:6%;width:62px;animation:floaty 8s ease-in-out infinite .6s}
.float--rocket{bottom:16%;left:4%;width:58px;animation:floaty 7.2s ease-in-out infinite 1.2s}
@keyframes floaty{
  0%,100%{transform:translateY(0) rotate(-3deg)}
  50%{transform:translateY(-16px) rotate(4deg)}
}

/* ============================================================
   BARRA DE CONFIANZA
   ============================================================ */
.trust{background:var(--negro);color:var(--blanco);padding:0 28px 64px}
.trust__list{
  max-width:var(--max);margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(255,255,255,.18);
}
.trust__list li{
  padding:28px 26px;
  border-right:1px solid rgba(255,255,255,.18);
  display:flex;flex-direction:column;gap:6px;
}
.trust__list li:last-child{border-right:0}
.trust__list strong{font-size:2.1rem;font-weight:900;color:var(--menta);letter-spacing:-.04em}
.trust__list span{font-size:.9rem;font-weight:300;color:#bdbdc5;line-height:1.4}

/* ============================================================
   CÓMO FUNCIONA
   ============================================================ */
.how{max-width:var(--max);margin:0 auto;padding:96px 28px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.step{
  background:var(--gris-bg);
  border-radius:var(--r-lg);
  padding:34px 30px 36px;
}
.step__num{display:block;font-size:2.8rem;font-weight:900;color:var(--morado);letter-spacing:-.06em;line-height:1}
.step__icon{width:56px;height:56px;margin:20px 0 18px}
.step h3{font-size:1.4rem;font-weight:800;margin-bottom:10px}
.step p{font-size:.98rem;font-weight:300;line-height:1.6;color:#3c3c44}

/* ============================================================
   POR QUÉ HAY PEGA
   ============================================================ */
.why{background:var(--morado);padding:96px 28px}
.why > .h2,.why > .why__grid{max-width:var(--max);margin-left:auto;margin-right:auto}
.why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card-flat{background:var(--blanco);border-radius:var(--r-lg);padding:30px 28px}
.card-flat h3{font-size:1.18rem;font-weight:800;margin-bottom:9px}
.card-flat p{font-size:.95rem;font-weight:300;line-height:1.6;color:#3c3c44}

/* ============================================================
   DOBLE PUERTA
   ============================================================ */
.doors{
  max-width:var(--max);margin:0 auto;padding:96px 28px;
  display:grid;grid-template-columns:1fr 1fr;gap:24px;
}
.door{border-radius:var(--r-xl);padding:46px 40px 44px;display:flex;flex-direction:column}
.door h3{font-size:2rem;font-weight:900;margin-bottom:14px}
.door p{font-size:1.02rem;font-weight:300;line-height:1.55;margin-bottom:24px}
.door .btn{align-self:flex-start;margin-top:auto}
.door--mint{background:var(--menta);color:var(--negro)}
.door--black{background:var(--negro);color:var(--blanco)}
.door--black p{color:#d2d2d8}

.ticks{display:flex;flex-direction:column;gap:11px;margin-bottom:30px}
.ticks li{position:relative;padding-left:28px;font-size:.96rem;font-weight:400}
.ticks li::before{
  content:"";position:absolute;left:0;top:.42em;width:14px;height:8px;
  border-left:3px solid var(--menta);border-bottom:3px solid var(--menta);
  transform:rotate(-45deg);
}
.ticks--dark li::before{border-color:var(--negro)}

/* ============================================================
   SECCIÓN 2 · CABECERA DEL BUSCADOR
   ============================================================ */
.search-head{background:var(--menta);padding:calc(var(--nav-h) + 58px) 28px 76px}
.search-head__inner{max-width:var(--max);margin:0 auto}
.searchbar{
  display:flex;align-items:center;gap:12px;
  background:var(--blanco);
  border-radius:var(--r-pill);
  padding:8px 8px 8px 22px;
  margin:34px 0 20px;
  max-width:920px;
  box-shadow:0 14px 34px rgba(0,0,0,.14);
}
.searchbar__icon{color:#6b6b73;flex:none}
.searchbar__icon svg{width:22px;height:22px}
.searchbar input{
  flex:1;min-width:0;border:0;background:none;padding:14px 4px;font-size:1rem;
}
.searchbar input:focus{outline:none}
.searchbar input::placeholder{color:#8c8c95;font-weight:300}
.chips--quick{max-width:920px}

/* ============================================================
   RESULTADOS
   ============================================================ */
.results{max-width:var(--max);margin:0 auto;padding:64px 28px 90px}
.results__layout{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:start}

/* --- Panel de filtros --- */
.filters{
  position:sticky;top:calc(var(--nav-h) + 20px);
  background:var(--blanco);
  border:2px solid var(--gris-borde);
  border-radius:var(--r-lg);
  overflow:hidden;
}
.filters__head{
  display:flex;align-items:center;gap:12px;
  padding:20px 22px;border-bottom:2px solid var(--gris-borde);
}
.filters__head h2{font-size:1.15rem;font-weight:800;margin-right:auto}
.filters__close{display:none;background:none;border:0;font-size:30px;line-height:1;padding:0 4px}
.link-purple{background:none;border:0;color:var(--morado);font-weight:700;font-size:.85rem;text-decoration:underline;padding:0}
.filters__body{max-height:min(64vh,760px);overflow-y:auto}
.filters__foot{padding:16px 22px;border-top:2px solid var(--gris-borde)}

.fgroup{border-bottom:1px solid var(--gris-borde)}
.fgroup:last-child{border-bottom:0}
.fgroup__btn{
  width:100%;display:flex;align-items:center;gap:10px;
  background:none;border:0;padding:16px 22px;text-align:left;
  font-weight:700;font-size:.95rem;
}
.fgroup__btn .count{
  margin-left:auto;color:var(--morado);font-weight:800;font-size:.82rem;
}
.fgroup__btn .caret{
  width:9px;height:9px;border-right:2.5px solid #101014;border-bottom:2.5px solid #101014;
  transform:rotate(45deg) translateY(-2px);transition:transform .22s var(--ease);flex:none;
}
.fgroup.is-open .fgroup__btn .caret{transform:rotate(225deg) translateY(-2px)}
.fgroup__panel{display:none;padding:0 22px 20px}
.fgroup.is-open .fgroup__panel{display:block}

.opt{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:.9rem;cursor:pointer}
.opt input{
  appearance:none;width:19px;height:19px;flex:none;
  border:2px solid #b9b9c1;border-radius:5px;background:var(--blanco);
  transition:background-color .15s,border-color .15s;position:relative;
}
.opt input[type="radio"]{border-radius:50%}
.opt input:checked{background:var(--morado);border-color:var(--morado)}
.opt input:checked::after{
  content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;
  border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(45deg);
}
.opt input[type="radio"]:checked::after{left:5px;top:5px;width:5px;height:5px;border:0;background:#fff;border-radius:50%;transform:none}
.opt.is-hidden{display:none}

.fgroup select,.fgroup input[type="text"]{
  width:100%;border:2px solid var(--gris-borde);border-radius:var(--r-md);
  padding:11px 13px;font-size:.9rem;background:var(--blanco);
}
.fgroup select:disabled{background:#f2f2f4;color:#a1a1aa}
.more-link{background:none;border:0;color:var(--morado);font-weight:700;font-size:.84rem;padding:8px 0 0;text-decoration:underline}
.fhint{font-size:.8rem;color:var(--gris-txt);margin-top:10px}

/* Slider de sueldo */
.range{position:relative;height:36px;margin:16px 0 4px}
.range__track{position:absolute;top:16px;left:0;right:0;height:5px;background:var(--gris-borde);border-radius:3px}
.range__fill{position:absolute;top:16px;height:5px;background:var(--morado);border-radius:3px}
.range input[type="range"]{
  position:absolute;top:8px;left:0;width:100%;height:22px;margin:0;
  appearance:none;background:none;pointer-events:none;
}
.range input[type="range"]::-webkit-slider-thumb{
  appearance:none;pointer-events:auto;width:22px;height:22px;border-radius:50%;
  background:var(--blanco);border:4px solid var(--morado);cursor:grab;
}
.range input[type="range"]::-moz-range-thumb{
  pointer-events:auto;width:22px;height:22px;border-radius:50%;
  background:var(--blanco);border:4px solid var(--morado);cursor:grab;
}
.range__labels{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600}

/* --- Barra superior del listado --- */
.listing__bar{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.counter{font-size:1.05rem;font-weight:800;margin-right:auto}
.sortby select{
  border:2px solid var(--gris-borde);border-radius:var(--r-pill);
  padding:10px 16px;font-size:.88rem;font-weight:600;background:var(--blanco);
}
.active-chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}
.active-chips:empty{margin-bottom:0}
.achip{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--morado);color:var(--blanco);
  border:2px solid var(--morado);border-radius:var(--r-pill);
  padding:7px 12px 7px 15px;font-size:.82rem;font-weight:600;
}
.achip button{background:none;border:0;color:inherit;font-size:1.05rem;line-height:1;padding:0 2px}
.achip--clear{background:transparent;color:var(--negro);border-color:var(--negro);padding:7px 15px;cursor:pointer}
.achip--clear:hover{background:var(--negro);color:var(--blanco)}

/* --- Tarjeta de vacante --- */
.jobs{display:flex;flex-direction:column;gap:16px}
.job{
  background:var(--blanco);
  border:2px solid var(--gris-borde);
  border-radius:var(--r-lg);
  padding:24px 26px;
  display:grid;grid-template-columns:56px 1fr auto;gap:18px;
  align-items:start;
  transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);
  cursor:pointer;
}
.job:hover{border-color:var(--menta);transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.07)}
.job__logo{
  width:56px;height:56px;border-radius:var(--r-md);
  background:var(--morado);color:var(--blanco);
  display:grid;place-items:center;font-weight:900;font-size:1.5rem;
}
.job__title{font-size:1.22rem;font-weight:800;margin-bottom:3px}
.job__company{font-size:.95rem;font-weight:600;color:#26262c}
.job__place{display:flex;align-items:center;gap:7px;font-size:.88rem;color:var(--gris-txt);margin-top:6px}
.job__place svg{width:15px;height:15px;flex:none}
.job__chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.job__chips span{
  border:1.5px solid var(--gris-borde);border-radius:var(--r-pill);
  padding:5px 12px;font-size:.76rem;font-weight:600;color:#3c3c44;
}
.job__side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right}
.job__salary{font-weight:900;color:var(--menta-osc);font-size:1.05rem;white-space:nowrap}
.job__date{font-size:.8rem;color:var(--gris-txt)}
.job__save{background:none;border:0;padding:2px;color:#bcbcc4;transition:color .2s}
.job__save svg{width:20px;height:20px}
.job__save:hover,.job__save.is-on{color:var(--morado)}
.job__cta{margin-top:4px}

/* Skeletons */
.sk{border:2px solid var(--gris-borde);border-radius:var(--r-lg);padding:24px 26px;display:grid;grid-template-columns:56px 1fr;gap:18px}
.sk span{display:block;background:linear-gradient(90deg,#eee 25%,#f7f7f8 37%,#eee 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:8px}
.sk__logo{width:56px;height:56px;border-radius:var(--r-md)}
.sk__l1{height:18px;width:55%;margin-bottom:12px}
.sk__l2{height:13px;width:35%;margin-bottom:18px}
.sk__l3{height:26px;width:70%;border-radius:999px}
@keyframes shimmer{0%{background-position:100% 0}100%{background-position:0 0}}

/* Estado vacío */
.empty{text-align:center;padding:70px 20px;border:2px dashed var(--gris-borde);border-radius:var(--r-lg)}
.empty svg{width:96px;height:96px;margin:0 auto 22px}
.empty h3{font-size:1.5rem;font-weight:800;margin-bottom:10px}
.empty p{max-width:44ch;margin:0 auto 24px;font-weight:300;line-height:1.6;color:#3c3c44}
.more{display:flex;justify-content:center;margin-top:36px}

/* FAB mobile */
.fab{
  display:none;position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:55;
  background:var(--negro);color:var(--blanco);border:0;border-radius:var(--r-pill);
  padding:15px 28px;font-weight:800;box-shadow:0 12px 26px rgba(0,0,0,.3);
  align-items:center;gap:10px;
}
.fab__badge{background:var(--morado);color:var(--blanco);border-radius:var(--r-pill);padding:2px 9px;font-size:.78rem}
.sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:58}

/* ============================================================
   ALERTA DE EMPLEO
   ============================================================ */
.alert{
  background:var(--morado);padding:76px 28px;
}
.alert > *{max-width:var(--max);margin:0 auto}
.alert__copy p{color:#f0e2ff;font-weight:300;line-height:1.6;max-width:58ch;margin-bottom:28px}
.alert__form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.alert__form input{
  flex:1;min-width:260px;border:0;border-radius:var(--r-pill);
  padding:16px 24px;font-size:1rem;
}
.alert__note{width:100%;color:#efe1ff;font-size:.85rem;font-weight:300;margin-top:4px}
.alert__form.is-ok input{background:var(--menta);font-weight:700}

/* ============================================================
   BLOQUE CV
   ============================================================ */
.cv{
  max-width:var(--max);margin:0 auto;padding:96px 28px;
  display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;
}
.cv__card p{font-weight:300;line-height:1.65;color:#3c3c44;max-width:56ch;margin-bottom:28px}
.cv__art{display:grid;place-items:center}
.cv-sheet{
  width:min(320px,100%);aspect-ratio:3/4;background:var(--blanco);
  border:2px solid var(--gris-borde);border-radius:var(--r-lg);
  padding:34px 30px;display:flex;flex-direction:column;gap:14px;
  box-shadow:0 22px 44px rgba(157,72,255,.16);transform:rotate(-3deg);
}
.cv-sheet span{height:12px;border-radius:6px;background:var(--gris-borde)}
.cv-sheet span:nth-child(1){width:58%;height:22px;background:var(--negro)}
.cv-sheet span:nth-child(2){width:38%;background:var(--menta)}
.cv-sheet span:nth-child(4){width:82%}
.cv-sheet span:nth-child(5){width:66%;background:var(--morado)}

/* ============================================================
   ACORDEONES / FAQ
   ============================================================ */
.faq{max-width:var(--max);margin:0 auto;padding:0 28px 96px}
.acc{border-top:2px solid var(--gris-borde)}
.acc details{border-bottom:2px solid var(--gris-borde)}
.acc summary{
  list-style:none;cursor:pointer;padding:22px 40px 22px 0;position:relative;
  font-weight:700;font-size:1.06rem;
}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{
  content:"";position:absolute;right:6px;top:28px;width:14px;height:2.5px;background:var(--morado);
}
.acc summary::before{
  content:"";position:absolute;right:11.75px;top:22.25px;width:2.5px;height:14px;background:var(--morado);
  transition:transform .22s var(--ease);
}
.acc details[open] summary::before{transform:scaleY(0)}
.acc details p{padding:0 0 24px;font-weight:300;line-height:1.65;color:#3c3c44;max-width:70ch}
.acc details p a{color:var(--morado);font-weight:600}
.acc--dark{max-width:var(--max);margin:0 auto;border-top-color:rgba(255,255,255,.2)}
.acc--dark details{border-bottom-color:rgba(255,255,255,.2)}
.acc--dark summary{color:var(--blanco)}
.acc--dark summary::after,.acc--dark summary::before{background:var(--menta)}
.acc--dark details p{color:#c6c6ce}

.faq__close{
  margin-top:46px;background:var(--gris-bg);border-radius:var(--r-xl);
  padding:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
}
.faq__close p{font-size:1.2rem;font-weight:600;max-width:46ch}

/* ============================================================
   SECCIÓN 3 · CONTACTO / AVISOS
   Bloque consolidado: hero, planes, formulario, canales y FAQ.
   Los ajustes responsive permanecen en la sección RESPONSIVE.
   ============================================================ */
.hire{
  display:block;
  background:var(--menta);
  color:var(--negro);
  padding:calc(var(--nav-h) + 78px) 28px 120px;
  overflow:hidden;
}
.hire__head,.hire__grid,.contact,.hire>.acc--dark{
  width:100%;
  max-width:var(--max);
  margin-left:auto;
  margin-right:auto;
}
.hire__head{
  position:relative;
  max-width:1040px;
  margin-bottom:68px;
  padding-right:300px;
}
.hire__head .display{max-width:11ch}
.hire__head .lede{max-width:58ch}
.hire__icon{
  position:absolute;
  right:0;
  bottom:-20px;
  width:260px;
  filter:drop-shadow(0 22px 30px rgba(0,0,0,.18));
}
.hire__person{
  width:350px;
  max-height:470px;
  object-fit:contain;
  object-position:center bottom;
  bottom:-68px;
}
.hire__variant{
  position:absolute;
  right:210px;
  top:42px;
  width:112px;
  z-index:3;
  transform:rotate(-7deg);
}

.hire__grid{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:48px;
  align-items:start;
  margin-bottom:76px;
}

.plans{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.plan{
  min-width:0;
  background:var(--negro);
  color:var(--blanco);
  border:2px solid var(--negro);
  border-radius:26px 26px 26px 8px;
  padding:28px 26px;
  display:flex;
  flex-direction:column;
  position:relative;
  transition:border-color .2s var(--ease),transform .34s var(--ease),box-shadow .34s var(--ease);
}
.plan:hover{border-color:var(--morado);transform:translateY(-6px);box-shadow:0 18px 38px rgba(0,0,0,.14)}
.plan--best{border-color:var(--menta)}
.plan--wide{grid-column:1/-1}
.plan__flag{
  position:absolute;
  top:-13px;
  left:24px;
  background:var(--menta);
  color:var(--negro);
  border-radius:var(--r-pill);
  padding:5px 14px;
  font-size:.75rem;
  font-weight:800;
}
.plan h2{font-size:1.5rem;font-weight:900;letter-spacing:-.035em;margin-bottom:6px}
.plan__kicker{font-size:.9rem;font-weight:600;color:var(--menta);margin:0 0 20px}
.plan .ticks{margin-bottom:22px}
.plan .ticks li{font-size:.88rem;color:#e5e5e8}
.plan .btn{margin-top:auto}

.form-card{
  position:sticky;
  top:calc(var(--nav-h) + 24px);
  background:var(--blanco);
  color:var(--negro);
  border:3px solid var(--negro);
  border-radius:36px 36px 36px 10px;
  padding:38px 34px;
  box-shadow:10px 12px 0 var(--negro);
}
.form-card h2{font-size:1.7rem;font-weight:900;margin-bottom:8px}
.form-card__sub{font-size:.95rem;font-weight:300;color:#3c3c44;margin-bottom:26px;line-height:1.55}
.field{margin-bottom:16px;display:flex;flex-direction:column;gap:7px}
.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.field label{font-size:.86rem;font-weight:700}
.field input,.field select,.field textarea{
  width:100%;
  border:2px solid var(--gris-borde);
  border-radius:var(--r-md);
  padding:13px 14px;
  font-size:.95rem;
  background:var(--blanco);
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease);
}
.field textarea{resize:vertical;min-height:110px}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;
  border-color:var(--morado);
  box-shadow:0 0 0 4px rgba(157,72,255,.12);
}
.field .err{color:#c92323;font-size:.78rem;font-weight:600;display:none}
.field.is-bad input,.field.is-bad select,.field.is-bad textarea{border-color:#c92323}
.field.is-bad .err{display:block}
.legal{font-size:.78rem;color:var(--gris-txt);text-align:center;margin-top:14px;line-height:1.5}

.form-ok{text-align:center;padding:42px 8px 8px}
.form-ok__mark{
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  margin:0 auto 20px;
  border-radius:50%;
  background:var(--menta);
  color:var(--negro);
  font-size:2rem;
  font-weight:900;
}
.form-ok p{font-size:1.05rem;font-weight:700;max-width:38ch;margin:0 auto 18px;line-height:1.5}
.form-ok .btn{margin-top:12px}

.contact{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-bottom:76px;
}
.contact__card{
  position:relative;
  min-width:0;
  min-height:160px;
  padding:30px 28px 30px 124px;
  background:var(--blanco);
  color:var(--negro);
  border:3px solid var(--negro);
  border-radius:28px 28px 28px 8px;
  transition:border-color .25s var(--ease),transform .34s var(--ease),box-shadow .34s var(--ease);
}
.contact__card:hover{background:var(--blanco);border-color:var(--morado);transform:translateY(-6px);box-shadow:0 18px 38px rgba(0,0,0,.12)}
.contact__card img{position:absolute;left:22px;top:22px;width:78px;height:78px;object-fit:contain}
.contact__card h3{font-size:1.15rem;font-weight:800;margin-bottom:8px}
.contact__card p{font-size:.88rem;color:#45454d;margin-bottom:12px;line-height:1.5}
.contact__card span{display:block;color:var(--morado);font-weight:800;overflow-wrap:anywhere}

.hire>.acc--dark{border-top-color:rgba(0,0,0,.4)}
.hire>.acc--dark details{border-bottom-color:rgba(0,0,0,.4)}
.hire>.acc--dark summary{color:var(--negro)}
.hire>.acc--dark summary::after,.hire>.acc--dark summary::before{background:var(--negro)}
.hire>.acc--dark details p{color:#17392d}

/* ============================================================
   SERVICIOS
   ============================================================ */
.services-hero{background:var(--negro);color:var(--blanco);padding:calc(var(--nav-h) + 58px) 28px 68px;overflow:hidden}
.services-hero__inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:46px}
.services-hero__art{min-height:500px;display:flex;align-items:center;justify-content:center}
.services-hero__art img{width:min(530px,100%);aspect-ratio:2/3;object-fit:contain;filter:drop-shadow(0 28px 44px rgba(157,72,255,.22))}

.services-section{max-width:var(--max);margin:0 auto;padding:96px 28px}
.services-section__head{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:end;margin-bottom:44px}
.services-section__head .h2{margin:18px 0 0}
.services-section__head>p{font-size:1.02rem;line-height:1.7;color:var(--gris-txt);max-width:54ch}
.service-grid{display:grid;gap:20px}
.service-grid--business{grid-template-columns:repeat(3,1fr)}
.service-grid--cv{grid-template-columns:repeat(2,1fr)}
.service-card{position:relative;border-radius:var(--r-xl);padding:34px;display:flex;flex-direction:column;min-height:470px;overflow:hidden}
.service-card__top{display:flex;align-items:flex-start;justify-content:space-between;min-height:74px;margin-bottom:24px}
.service-card__top img{width:54px;height:auto;filter:drop-shadow(0 9px 11px rgba(0,0,0,.18))}
.service-card__orb{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 28% 24%,#fff 0 5%,#24e79f 24%,#0aa66f 72%);box-shadow:0 14px 24px rgba(0,0,0,.2)}
.service-card__num{font-size:2.6rem;font-weight:900;line-height:1;letter-spacing:-.07em}
.service-card__num--purple{display:block;color:var(--morado);margin-bottom:30px}
.service-card h3{font-size:clamp(1.45rem,2vw,2rem);line-height:1.08;margin-bottom:22px}
.service-card p{font-size:.96rem;line-height:1.65;margin-bottom:14px}
.service-card .text-link,.service-card>.btn{margin-top:auto;align-self:flex-start}
.text-link{font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.text-link span{display:inline-block;transition:transform .2s var(--ease)}
.text-link:hover span{transform:translateX(5px)}
.service-card--mint{background:var(--menta);color:var(--negro)}
.service-card--purple{background:var(--morado);color:var(--blanco)}
.service-card--black{background:var(--negro);color:var(--blanco)}
.service-card--white{background:var(--blanco);color:var(--negro);border:2px solid rgba(0,0,0,.14);box-shadow:0 18px 44px rgba(0,0,0,.09)}
.services-section--candidates{max-width:none;background:var(--menta);padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px))}
.services-section--candidates>.services-section__head,.services-section--candidates>.service-grid{max-width:var(--max);margin-left:auto;margin-right:auto}
.service-card--featured{border-color:var(--morado)}
.service-card__badge{position:absolute;top:22px;right:24px;display:flex;align-items:center;gap:8px;background:var(--negro);color:var(--blanco);border-radius:var(--r-pill);padding:7px 13px;font-size:.75rem;font-weight:800}
.service-card__badge img{width:18px;height:auto}

.services-entry{max-width:var(--max);margin:0 auto 96px;padding:38px 44px;background:var(--negro);color:var(--blanco);border-radius:var(--r-xl);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;overflow:hidden}
.services-entry__copy .h2{margin:18px 0 20px}
.services-entry__copy>p:not(.tag){font-size:1rem;line-height:1.7;max-width:58ch;margin-bottom:28px}
.services-entry>img{width:100%;height:330px;object-fit:contain}

.service-cta{max-width:var(--max);margin:96px auto;padding:42px 46px;background:var(--negro);color:var(--blanco);border-radius:var(--r-xl);display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}
.service-cta>img{width:68px;height:auto;filter:drop-shadow(0 12px 18px rgba(255,143,0,.3))}
.service-cta h2{font-size:clamp(1.8rem,3vw,3rem);margin:14px 0 8px}
.service-cta p:not(.tag){color:#cfcfd5;line-height:1.6}

/* ============================================================
   FOOTER
   ============================================================ */
.footer{background:var(--negro);color:var(--blanco);padding:0 28px 46px}
.footer__top,.chips--footer,.footer__legal{max-width:var(--max);margin:0 auto}
.footer__top{
  display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;
  padding:46px 0 34px;border-top:1px solid rgba(255,255,255,.18);
}
.footer__slogan{margin-top:24px;font-weight:300;color:#c2c2ca;max-width:34ch}
.footer__links{display:flex;flex-wrap:wrap;gap:26px;align-items:flex-start}
.footer__links a{font-weight:600;color:#c9c9cf;transition:color .2s}
.footer__links a:hover{color:var(--menta)}
.chips--footer{padding-bottom:32px}
.footer__legal{font-size:.82rem;color:#8b8b95;padding-top:26px;border-top:1px solid rgba(255,255,255,.18)}

/* ============================================================
   DRAWER · DETALLE DEL AVISO
   ============================================================ */
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:70}
.drawer{
  position:fixed;top:0;right:0;bottom:0;width:min(560px,100%);z-index:71;
  background:var(--blanco);display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .32s var(--ease);
  box-shadow:-20px 0 50px rgba(0,0,0,.2);
}
.drawer.is-open{transform:translateX(0)}
.drawer__close{
  position:absolute;top:16px;right:18px;z-index:2;
  width:42px;height:42px;border:0;border-radius:50%;background:var(--gris-bg);
  font-size:26px;line-height:1;
}
.drawer__body{overflow-y:auto;padding:56px 36px 30px;flex:1}
.drawer__foot{
  display:flex;gap:12px;padding:18px 36px;border-top:2px solid var(--gris-borde);background:var(--blanco);
}
.drawer__foot .btn{flex:1}
.dr-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}
.dr-title{font-size:1.75rem;font-weight:900;line-height:1.05;margin-bottom:6px}
.dr-company{font-weight:600}
.dr-place{color:var(--gris-txt);font-size:.9rem;margin-top:4px}
.dr-salary{font-size:1.4rem;font-weight:900;color:var(--menta-osc);margin:18px 0 6px}
.dr-meta{font-size:.85rem;color:var(--gris-txt);margin-bottom:20px}
.drawer__body h3{font-size:1.05rem;font-weight:800;margin:26px 0 10px}
.drawer p,.drawer li{font-weight:300;line-height:1.65;color:#2f2f36}
.drawer ul{display:flex;flex-direction:column;gap:9px}
.drawer ul li{position:relative;padding-left:22px}
.drawer ul li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--morado)}

/* ============================================================
   RE-DIAGRAMACIÓN EDITORIAL
   ============================================================ */
.hero{padding-top:calc(var(--nav-h) + 88px);padding-bottom:76px;overflow:hidden}
.hero__grid{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:72px;min-height:590px}
.hero__copy{padding-bottom:24px}
.hero__copy .display{max-width:11ch}
.hero__copy .lede{max-width:52ch}
.hero__art{display:flex;justify-content:flex-end}
.blob{width:min(470px,100%);aspect-ratio:.9/1;border-radius:42px 42px 120px 42px;transform:rotate(1.5deg)}

.trust{padding-bottom:76px}
.trust__list{border-bottom:1px solid rgba(255,255,255,.18)}
.trust__list li{padding:30px 22px}
.trust__list strong{font-size:clamp(1.45rem,2.4vw,2.2rem)}

.how{padding-top:118px;padding-bottom:142px}
.how>.h2{max-width:12ch;margin-bottom:52px}
.steps{grid-template-columns:1.12fr 1fr .88fr;gap:18px;align-items:start}
.step{min-height:330px;padding:32px;border:1px solid #e7e7eb;overflow:hidden}
.step:nth-child(2){transform:translateY(24px)}
.step:nth-child(3){transform:translateY(48px)}

.why{padding-top:112px;padding-bottom:112px}
.why>.h2{max-width:14ch;margin-bottom:48px}
.why__grid{grid-template-columns:repeat(12,1fr);gap:16px}
.card-flat{min-height:180px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(0,0,0,.08)}
.card-flat:nth-child(1){grid-column:span 5}.card-flat:nth-child(2){grid-column:span 3}.card-flat:nth-child(3){grid-column:span 4}
.card-flat:nth-child(4){grid-column:span 4}.card-flat:nth-child(5){grid-column:span 5}.card-flat:nth-child(6){grid-column:span 3}

.doors{grid-template-columns:1.15fr .85fr;gap:18px;padding-top:110px;padding-bottom:110px}
.door{min-height:430px;padding:48px}
.door h3{font-size:clamp(2rem,3vw,3.2rem);max-width:10ch}

.services-entry{grid-template-columns:1.25fr .75fr;padding:54px 58px;margin-bottom:112px;min-height:430px}
.services-entry__copy>.h2{max-width:13ch}
.services-entry>img{height:390px;margin:-40px -30px -40px 0}

.search-head{padding-top:calc(var(--nav-h) + 72px);padding-bottom:82px}
.search-head__inner>.display{max-width:13ch}
.searchbar{max-width:none;margin-top:42px}
.results{padding-top:72px}
.results__layout{grid-template-columns:290px minmax(0,1fr);gap:42px}
.demo-note{border:0;border-left:5px solid var(--morado);border-radius:0 14px 14px 0;padding:16px 20px;margin-bottom:24px}
.job{position:relative;overflow:hidden;border:1px solid var(--gris-borde);padding:28px 30px;box-shadow:0 8px 22px rgba(0,0,0,.045)}
.job::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--menta)}

.cv{grid-template-columns:.95fr 1.05fr;padding-top:112px;padding-bottom:112px}
.cv__art{background:var(--gris-bg);border-radius:var(--r-xl);min-height:470px}
.faq{padding-bottom:112px}


.services-hero{padding-top:calc(var(--nav-h) + 78px);padding-bottom:72px}
.services-hero__inner{grid-template-columns:1.18fr .82fr;gap:68px;min-height:610px}
.services-hero__copy .display{max-width:11ch}
.services-hero__art{min-height:540px;justify-content:flex-end}
.services-hero__art img{width:min(460px,100%);height:560px}
.services-section{padding-top:118px;padding-bottom:118px}
.services-section__head{grid-template-columns:1.2fr .8fr;margin-bottom:56px}
.service-grid--business{grid-template-columns:repeat(12,1fr);grid-template-rows:1fr 1fr}
.service-grid--business .service-card:nth-child(1){grid-column:1 / 8;grid-row:1 / 3;min-height:670px;padding:48px}
.service-grid--business .service-card:nth-child(2){grid-column:8 / 13;grid-row:1;min-height:325px}
.service-grid--business .service-card:nth-child(3){grid-column:8 / 13;grid-row:2;min-height:325px}
.service-grid--cv{grid-template-columns:.9fr 1.1fr;gap:22px}
.service-grid--cv .service-card{min-height:500px;padding:42px}
.service-cta{margin-top:112px;margin-bottom:112px;padding:52px 58px}

/* ============================================================
   DIRECCIÓN VISUAL · IDENTIDAD EDITORIAL HAY PEGA
   Bolsa en fondos; iconografía 3D limpia y sin textura.
   ============================================================ */
body{font-family:"Inter",Arial,Helvetica,sans-serif}
.nav{background:var(--menta);border-bottom:2px solid var(--negro)}
.nav .logo{background:var(--negro);color:var(--menta)}
.nav .logo::after{border-top-color:var(--negro)}
.nav__link{color:var(--negro)}
.nav__link:hover,.nav__link.is-active{color:var(--negro)}
.nav__link.is-active::after{background:var(--morado)}
.nav__cta,.nav__cta-mobile{background:var(--negro);color:var(--blanco)}
.nav__cta:hover,.nav__cta-mobile:hover{background:var(--morado);color:var(--blanco)}
.nav__burger span{background:var(--negro)}
.display{font-size:clamp(3.2rem,7.2vw,6.35rem);line-height:.9;letter-spacing:-.065em}
.h2{font-size:clamp(2.35rem,4.8vw,4.4rem);line-height:.94;letter-spacing:-.06em}
.tag{padding:10px 22px;font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.tag--white{background:var(--blanco);color:var(--negro)}
.btn{min-height:48px;padding-left:28px;padding-right:28px}
.btn--white{background:var(--blanco);color:var(--negro)}
.btn--white:hover{background:var(--morado);color:var(--blanco)}
.chip--black{background:var(--negro);color:var(--blanco)}
.chip--white{background:var(--blanco);color:var(--negro)}

.hero,.services-hero,.hire{background:var(--menta);color:var(--negro)}
.hero.plastic::before,.services-hero.plastic::before,.hire.plastic::before{
  background-size:820px auto;background-repeat:repeat;
  mix-blend-mode:multiply;filter:grayscale(1) contrast(2.25);opacity:.29;
}
.hero__grid{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:54px;min-height:690px}
.hero__copy{align-self:center}
.hero__copy .display{max-width:10ch}
.hero__copy .lede{font-size:1.08rem;font-weight:400;max-width:48ch}
.hero__art--icon{
  position:relative;align-self:center;min-height:500px;padding:52px;
  background:var(--negro);border-radius:50px 50px 50px 12px;
  display:grid;place-items:center;transform:rotate(1.5deg);
}
.hero__art--icon::after{
  content:"";position:absolute;left:0;bottom:-32px;border-width:34px 42px 0 0;
  border-style:solid;border-color:var(--negro) transparent transparent transparent;
}
.hero__art--icon img{width:min(430px,100%);filter:drop-shadow(0 24px 30px rgba(157,72,255,.24));transform:rotate(-1.5deg)}
.hero__art--icon .hero__person{width:min(540px,125%);max-height:610px;object-fit:contain;object-position:center bottom;margin-bottom:-52px}
.hero__fact{position:absolute;top:26px;left:28px;z-index:2;background:var(--blanco);color:var(--negro);border-radius:var(--r-pill);padding:10px 19px;font-size:.78rem;font-weight:900;letter-spacing:.05em}

.trust{background:var(--menta);color:var(--negro);padding-bottom:82px}
.trust__list{border-color:rgba(0,0,0,.35);border-bottom-color:rgba(0,0,0,.35)}
.trust__list li{border-right-color:rgba(0,0,0,.28)}
.trust__list strong{color:var(--negro)}
.trust__list span{color:#082b1e;font-weight:500}

.work-scenes{background:var(--menta);padding:0 28px 86px;overflow:hidden}
.work-scenes__intro{max-width:var(--max);margin:0 auto 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.work-scenes__intro p:last-child{max-width:34ch;font-size:1rem;font-weight:600;text-align:right}
.work-scenes__rail{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.work-scene{height:330px;position:relative;overflow:hidden;border:2px solid var(--negro);border-radius:28px 28px 28px 8px}
.work-scene--mint{background:var(--menta-claro)}
.work-scene--purple{background:var(--morado)}
.work-scene--black{background:var(--negro)}
.work-scene img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:scale(1.08);transform-origin:center bottom;filter:drop-shadow(0 16px 24px rgba(0,0,0,.18))}

.how>.h2{max-width:9ch}
.step{border:0;border-radius:30px;min-height:390px}
.step:nth-child(1){background:var(--blanco);box-shadow:inset 0 0 0 2px var(--negro)}
.step:nth-child(2){background:var(--morado);color:var(--blanco)}
.step:nth-child(3){background:var(--negro);color:var(--blanco)}
.step:nth-child(2) p,.step:nth-child(3) p{color:rgba(255,255,255,.78)}
.step__icon{width:112px;height:112px;object-fit:contain;margin:28px 0 24px;filter:drop-shadow(0 12px 15px rgba(0,0,0,.16))}
.services-entry{background:var(--menta);color:var(--negro);border-radius:42px 42px 42px 12px}
.services-entry.plastic::before{mix-blend-mode:multiply;filter:grayscale(1) contrast(2.2);opacity:.28}
.services-entry .tag{background:var(--blanco)}
.services-entry>img{filter:drop-shadow(0 24px 30px rgba(0,0,0,.18))}

.services-hero__copy .display{max-width:10ch}
.services-hero__art{min-height:520px;background:var(--negro);border-radius:48px 48px 48px 12px;padding:42px}
.services-hero__art img{aspect-ratio:1;object-fit:contain;width:min(430px,100%);height:auto;filter:drop-shadow(0 24px 32px rgba(157,72,255,.28))}
.service-card{border-radius:36px 36px 36px 10px}
.service-card__top img{width:110px;height:110px;object-fit:contain}
.service-card__num--purple{margin-bottom:0}
.service-card h3{letter-spacing:-.045em}
.service-cta{border-radius:38px 38px 38px 10px}
.service-cta>img{width:108px;filter:drop-shadow(0 16px 22px rgba(157,72,255,.25))}

.search-head__inner>.display{max-width:10ch}
.search-head__inner{position:relative;padding-right:36%}
.search-head__person{position:absolute;right:-2%;top:52px;width:38%;height:430px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 30px rgba(0,0,0,.18))}
.searchbar{border:3px solid var(--negro);box-shadow:8px 9px 0 var(--negro)}
.job{border:2px solid var(--negro);border-radius:24px 24px 24px 7px;box-shadow:none}
.job::before{width:8px;background:var(--morado)}
.filters{border:2px solid var(--negro);border-radius:28px 28px 28px 8px}
.cv__art{min-height:500px;background:var(--negro);border-radius:40px 40px 40px 10px;padding:40px}
.cv__art img{width:min(430px,100%);filter:drop-shadow(0 22px 28px rgba(157,72,255,.28))}


/* ============================================================
   ANIMACIÓN DE ENTRADA
   ============================================================ */
.reveal{opacity:0;transform:translateY(22px)}
.reveal.is-in{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none}
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1080px){
  .hero__grid{grid-template-columns:1fr;gap:44px}
  .hero__art{max-width:520px;width:100%;justify-content:flex-start}
  .hero__art--icon{min-height:460px}
  .blob{transform:none}
  .results__layout{grid-template-columns:1fr}
  .why__grid{grid-template-columns:repeat(2,1fr)}
  .card-flat:nth-child(n){grid-column:auto}
  .cv{grid-template-columns:1fr}
  .hire__grid{grid-template-columns:1fr}
  .form-card{position:static}
  .plans{grid-template-columns:1fr 1fr}
  .services-hero__inner{grid-template-columns:1fr .75fr}
  .service-grid--business{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .service-grid--business .service-card:nth-child(n){grid-column:auto;grid-row:auto;min-height:420px;padding:34px}
  .service-grid--business .service-card:nth-child(3){grid-column:1 / -1;min-height:360px}
  .nav__links{gap:18px}.nav__cta{margin-left:10px}
  .work-scenes__rail{grid-template-columns:repeat(3,1fr)}
  .work-scene:nth-child(4),.work-scene:nth-child(5){height:300px}

  /* Panel de filtros → bottom sheet */
  .filters{
    position:fixed;left:0;right:0;bottom:0;top:auto;z-index:59;
    border-radius:var(--r-xl) var(--r-xl) 0 0;border-width:2px 0 0;
    max-height:88vh;display:flex;flex-direction:column;
    transform:translateY(100%);transition:transform .3s var(--ease);
  }
  .filters.is-open{transform:translateY(0)}
  .filters__body{max-height:none;flex:1}
  .filters__close{display:block}
  .fab{display:inline-flex}
}

@media (max-width:820px){
  .nav__links{
    position:fixed;top:var(--nav-h);left:0;right:0;
    background:var(--negro);flex-direction:column;align-items:flex-start;
    gap:6px;padding:20px 28px 30px;display:none;border-top:1px solid rgba(255,255,255,.15);
  }
  .nav__links{background:var(--menta);border-top-color:rgba(0,0,0,.22)}
  .nav__links.is-open{display:flex}
  .nav__link{padding:10px 0;font-size:1.05rem}
  .nav__cta{display:none}
  .nav__cta-mobile{display:inline-flex;margin-top:12px}
  .nav__burger{display:block}

  .trust__list{grid-template-columns:1fr 1fr}
  .trust__list li:nth-child(2n){border-right:0}
  .trust__list li{border-bottom:1px solid rgba(255,255,255,.18)}
  .steps{grid-template-columns:1fr}
  .step:nth-child(n){transform:none;min-height:0}
  .why__grid{grid-template-columns:1fr}
  .doors{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
  .field-row{grid-template-columns:1fr}
  .services-hero__inner,.services-section__head,.services-entry{grid-template-columns:1fr}
  .hire__head{padding-right:0}
  .hire__icon{position:relative;right:auto;bottom:auto;width:210px;margin-top:28px}
  .hire__person{width:min(390px,100%);max-height:470px;margin:24px auto -54px;display:block}
  .search-head__inner{padding-right:0}
  .search-head__person{position:relative;right:auto;top:auto;width:min(390px,100%);height:390px;display:block;margin:26px auto -40px}
  .work-scenes__rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}
  .work-scene{min-width:250px;scroll-snap-align:start}
  .services-hero__art{min-height:380px}
  .services-hero__art img{height:420px;width:auto}
  .service-grid--business,.service-grid--cv{grid-template-columns:1fr}
  .service-grid--business .service-card:nth-child(n){grid-column:auto;min-height:0}
  .services-entry>img{height:260px}
  .service-cta{grid-template-columns:auto 1fr;margin-left:28px;margin-right:28px}
  .service-cta>.btn{grid-column:1 / -1;width:100%}

  /* Planes → carrusel horizontal */
  .plans{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
    gap:14px;padding:16px 4px 20px;margin:0 -28px;padding-left:28px;padding-right:28px;
  }
  .plan{min-width:270px;scroll-snap-align:start}
  .plan--wide{min-width:300px}
}

@media (max-width:560px){
  .hero{padding:calc(var(--nav-h) + 44px) 20px 64px}
  .search-head{padding-top:calc(var(--nav-h) + 36px)}
  .hire{padding-top:calc(var(--nav-h) + 40px)}
  .trust,.how,.why,.doors,.search-head,.results,.alert,.cv,.faq,.hire,.footer,.services-hero,.services-section{padding-left:20px;padding-right:20px}
  .searchbar{flex-wrap:wrap;border-radius:var(--r-lg);padding:14px}
  .searchbar input{width:100%;flex-basis:100%}
  .searchbar .btn{width:100%}
  .job{grid-template-columns:48px 1fr;gap:14px}
  .job__logo{width:48px;height:48px;font-size:1.25rem}
  .job__side{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;text-align:left;flex-wrap:wrap}
  .drawer{width:100%}
  .drawer__body{padding:56px 22px 24px}
  .drawer__foot{padding:14px 22px}
  .form-card{padding:28px 22px}
  .door{padding:34px 26px}
  .faq__close{padding:28px}
  .services-hero__art{min-height:310px}
  .services-hero__art img{height:340px}
  .service-card{padding:28px;min-height:0}
  .services-entry{margin:0 20px 72px;padding:30px 26px}
  .service-cta{margin:72px 20px;padding:30px 26px;grid-template-columns:1fr}
  .service-cta>img{width:54px}
  .display{font-size:clamp(3rem,15vw,4.2rem)}
  .hero__art--icon{min-height:330px;padding:28px;border-radius:34px 34px 34px 9px}
  .hero__art--icon .hero__person{margin-bottom:-28px;max-height:400px}
  .hero__fact{top:18px;left:18px}
  .work-scenes{padding:0 20px 64px}
  .work-scenes__intro{align-items:flex-start;flex-direction:column;gap:12px}
  .work-scenes__intro p:last-child{text-align:left}
  .work-scene{height:300px;min-width:220px}
  .step{min-height:0}
  .step__icon{width:92px;height:92px}
  .contact__card{padding:118px 24px 26px;min-height:0}
  .contact__card img{left:22px;top:20px}
}

/* ============================================================
   AJUSTE VISUAL V4 · HOME
   Corrige proporciones, desborde y lectura del primer pantallazo.
   ============================================================ */
html,body{width:100%;max-width:100%;overflow-x:hidden}
@supports(overflow:clip){html,body{overflow-x:clip}}

.nav__inner{width:min(100%,1320px);padding-inline:30px}
.brand-mark--nav{width:88px;height:64px;margin-left:-14px}
.nav__links{gap:clamp(20px,2.4vw,38px)}
.nav__cta{min-width:188px}

.hero{
  min-height:calc(100svh - var(--nav-h));
  padding-top:calc(var(--nav-h) + 58px);
  padding-bottom:68px;
}
.hero.plastic::before{
  background-image:url("assets/Textura/bolsa-textura.png");
  background-size:780px auto;
  background-position:center top;
  background-repeat:repeat;
  mix-blend-mode:multiply;
  filter:grayscale(1) contrast(2.8) brightness(.72);
  opacity:.24;
}
.hero__grid{
  width:min(100%,1320px);
  grid-template-columns:minmax(0,1.35fr) minmax(400px,.65fr);
  gap:18px;
  min-height:680px;
  align-items:center;
}
.hero__copy{align-self:center;padding:12px 0 30px;z-index:4}
.hero__copy .display{
  max-width:850px;
  font-size:clamp(4.35rem,4.7vw,5.8rem);
  line-height:.92;
  letter-spacing:-.062em;
}
.hero__copy .lede{max-width:590px;font-size:1.03rem;line-height:1.55;margin-top:28px}
.hero__actions{margin-top:28px}
.chips--regions{max-width:700px;margin-top:26px}

.hero__art--editorial{min-height:640px;align-self:end;margin-right:-8px}
.hero__art--editorial::before{
  inset:17% -3% 5% 1%;
  border-width:2px;
  border-radius:49% 51% 45% 55%;
  transform:rotate(-7deg);
  opacity:.92;
}
.hero__art--editorial::after{display:none}
.hero__person{
  right:-8%;
  bottom:-78px;
  width:min(610px,132%);
  height:690px;
  filter:drop-shadow(0 26px 24px rgba(0,0,0,.18));
}
.hero__brand{
  top:4%;right:1%;width:118px;
  padding:5px;background:rgba(255,255,255,.94);border:2px solid var(--negro);
  border-radius:24px 24px 24px 7px;
  filter:drop-shadow(6px 7px 0 rgba(0,0,0,.98));
}
.hero__fact{top:28%;left:-8%;padding:9px 17px;box-shadow:4px 5px 0 var(--negro)}
.hero__orbit{
  left:-10%;bottom:5%;width:146px;height:146px;padding:24px;
  border:2px solid var(--menta);font-size:.62rem;
}

@media(max-width:1220px){
  .hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:10px}
  .hero__copy .display{font-size:clamp(4rem,5.5vw,5.25rem);max-width:720px}
  .hero__person{right:-3%;width:min(570px,125%)}
  .hero__fact{left:-2%}.hero__orbit{left:-3%}
}

@media(max-width:1080px){
  .hero{min-height:auto;padding-top:calc(var(--nav-h) + 54px)}
  .hero__grid{grid-template-columns:1fr;gap:18px;min-height:0}
  .hero__copy .display{max-width:820px;font-size:clamp(4rem,8.6vw,5.8rem)}
  .hero__art--editorial{width:min(100%,650px);min-height:560px;margin:0 auto}
  .hero__person{right:0;bottom:-58px;width:min(610px,108%);height:620px}
  .hero__brand{right:4%}.hero__fact{left:2%}.hero__orbit{left:1%}
}

@media(max-width:820px){
  .nav__inner{padding-inline:20px}.brand-mark--nav{width:76px;height:58px;margin-left:-10px}
  .hero__copy .display{font-size:clamp(3.6rem,12vw,5rem);line-height:.91}
  .hero__copy .lede{font-size:1rem}
  .hero__art--editorial{min-height:500px}
  .hero__person{height:550px;bottom:-48px}
}

@media(max-width:560px){
  .hero{padding-top:calc(var(--nav-h) + 34px);padding-bottom:48px}
  .hero__copy{padding-bottom:0}
  .hero__copy .display{font-size:clamp(3.2rem,15vw,4.2rem);max-width:100%}
  .hero__copy .lede{margin-top:22px}
  .hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero__actions .btn{width:100%;padding-inline:12px}
  .chips--regions{margin-top:22px}
  .hero__art--editorial{min-height:420px;margin-top:12px}
  .hero__person{right:-6%;height:455px;bottom:-36px;width:112%}
  .hero__brand{top:7%;right:1%;width:88px;border-radius:18px 18px 18px 6px;box-shadow:none}
  .hero__fact{top:23%;left:0;font-size:.65rem}
  .hero__orbit{left:0;bottom:0;width:104px;height:104px;padding:16px;font-size:.48rem}
}

/* ============================================================
   SISTEMA VISUAL V3 · RETÍCULA ABIERTA, FOTOS LIBRES Y MOVIMIENTO
   ============================================================ */
.brand-mark{display:block;line-height:0;flex:0 0 auto}
.brand-mark img,.brand-mark--footer{display:block;object-fit:contain}
.brand-mark--nav{width:72px;height:58px;margin-left:-8px}
.brand-mark--nav img{width:100%;height:100%;object-fit:contain}
.brand-mark--footer{width:126px;height:126px;object-fit:contain;margin:-24px 0 -8px -18px}

.hero__art--editorial{
  position:relative;align-self:stretch;min-height:650px;display:block;
  isolation:isolate;overflow:visible;
}
.hero__art--editorial::before{
  content:"";position:absolute;inset:14% 0 4% 12%;z-index:-1;
  border:3px solid var(--negro);border-radius:50%;transform:rotate(-8deg);
}
.hero__art--editorial::after{
  content:"";position:absolute;width:230px;height:230px;right:-8%;top:7%;z-index:-2;
  background:var(--morado);border-radius:50%;
}
.hero__person{
  position:absolute;right:-5%;bottom:-76px;width:min(620px,128%);height:720px;
  object-fit:contain;object-position:center bottom;z-index:2;
  filter:drop-shadow(0 32px 28px rgba(0,0,0,.2));
  --tilt:-1.5deg;animation:photoReveal .9s .15s both var(--ease);
}
.hero__brand{position:absolute;right:2%;top:2%;width:152px;z-index:4;animation:logoPop .75s .45s both var(--ease)}
.hero__fact{top:24%;left:-2%;z-index:5;transform:rotate(-7deg);animation:tagSlide .7s .55s both var(--ease)}
.hero__orbit{
  position:absolute;left:-6%;bottom:7%;z-index:5;width:180px;height:180px;border-radius:50%;
  display:grid;place-items:center;text-align:center;padding:28px;background:var(--negro);color:var(--menta);
  font-size:.72rem;font-weight:900;line-height:1.35;letter-spacing:.08em;transform:rotate(8deg);
}

.work-scenes{padding:88px 28px 112px;background:var(--negro);color:var(--blanco);min-height:810px}
.work-scenes.plastic::before{background-size:860px auto;background-repeat:repeat;mix-blend-mode:screen;filter:invert(1) grayscale(1) contrast(2.5);opacity:.23}
.work-scenes__intro{align-items:flex-end;margin-bottom:20px}
.work-scenes__intro p:last-child{color:#d7d7dc}
.work-scenes__stage{position:relative;max-width:var(--max);height:590px;margin:0 auto;isolation:isolate}
.work-scenes__word{position:absolute;left:0;top:62px;font-size:clamp(5rem,12vw,10.5rem);font-weight:900;line-height:.72;letter-spacing:-.09em;color:var(--morado);z-index:-1}
.work-scene{position:absolute;height:auto;overflow:visible;border:0;border-radius:0;background:none!important;margin:0;animation:sceneFloat 5.5s ease-in-out infinite alternate}
.work-scene img{width:100%;height:auto;max-height:420px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 25px 22px rgba(0,0,0,.36));transform:none}
.work-scene figcaption{position:absolute;left:50%;bottom:8px;transform:translateX(-50%) rotate(-2deg);background:var(--menta);color:var(--negro);border:2px solid var(--negro);border-radius:999px;padding:8px 16px;font-weight:900;font-size:.76rem;text-transform:uppercase;white-space:nowrap}
.work-scene--construction{width:29%;left:5%;bottom:0;z-index:3}
.work-scene--health{width:25%;left:27%;top:4%;z-index:2;animation-delay:-1.4s}
.work-scene--barista{width:26%;left:47%;bottom:-3%;z-index:4;animation-delay:-2.1s}
.work-scene--mechanic{width:28%;right:7%;top:1%;z-index:3;animation-delay:-.8s}
.work-scene--chef{width:23%;right:-2%;bottom:-3%;z-index:5;animation-delay:-3.2s}

.services-hero__art--editorial{position:relative;min-height:620px;background:none;border-radius:0;padding:0;overflow:visible;isolation:isolate}
.services-hero__art--editorial::before{content:"";position:absolute;right:4%;top:12%;width:76%;aspect-ratio:1;border-radius:50%;background:var(--morado);z-index:-1;animation:pulseBlob 6s ease-in-out infinite alternate}
.services-hero__person{position:absolute;right:-8%;bottom:-70px;width:108%;height:680px!important;object-fit:contain!important;object-position:center bottom;filter:drop-shadow(0 26px 28px rgba(0,0,0,.2))!important;--tilt:1.5deg}
.services-hero__tool{position:absolute;left:-5%;bottom:8%;width:180px!important;height:180px!important;z-index:4;filter:drop-shadow(0 18px 18px rgba(0,0,0,.22))!important;--tilt:-8deg}
.services-hero__logo{position:absolute;right:-1%;top:2%;width:145px!important;height:145px!important;z-index:5;filter:none!important;animation:logoPop .75s .35s both var(--ease)}
.services-section--candidates{position:relative;overflow:hidden;padding-right:max(28px,calc((100vw - var(--max))/2 + 250px))}
.candidate-photo{position:absolute!important;right:max(10px,calc((100vw - var(--max))/2 - 38px));bottom:-80px!important;width:340px;max-height:570px;object-fit:contain;object-position:center bottom;z-index:1!important;filter:drop-shadow(0 24px 26px rgba(0,0,0,.18));animation:sceneFloat 5s -1.8s ease-in-out infinite alternate}
.services-section--candidates>.services-section__head,.services-section--candidates>.service-grid{z-index:2}

.search-head__variant{position:absolute;right:1%;top:54px;width:126px;z-index:3;animation:logoPop .75s .3s both var(--ease)}
.search-head__person{background:none;border:0;animation:photoReveal .85s .15s both var(--ease)}
.hire__person{background:none;border:0;animation:photoReveal .85s .15s both var(--ease)}
.hire__variant{position:absolute;right:210px;top:42px;width:112px;z-index:3;transform:rotate(-7deg);animation:logoPop .75s .3s both var(--ease)}

.motion-layer{transform:translate3d(var(--px,0),var(--py,0),0) rotate(var(--tilt,0deg));transition:transform .18s ease-out;will-change:transform}
.step,.service-card,.plan,.job,.contact__card{transition:transform .34s var(--ease),box-shadow .34s var(--ease),background-color .25s,border-color .25s}
.step:hover,.service-card:hover,.plan:hover,.contact__card:hover{transform:translateY(-9px) rotate(-.35deg);box-shadow:0 20px 45px rgba(0,0,0,.14)}
.job:hover{transform:translateX(7px);box-shadow:0 14px 30px rgba(0,0,0,.09)}
.btn::after{content:"→";display:inline-block;margin-left:8px;transition:transform .24s var(--ease)}
.btn:hover::after{transform:translateX(5px)}
.nav__burger::after,.filters__close::after,.drawer__close::after{content:none}
.nav{transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.nav.is-scrolled{box-shadow:0 10px 30px rgba(0,0,0,.13)}
.reveal[data-reveal="left"]{transform:translateX(-34px)}
.reveal[data-reveal="right"]{transform:translateX(34px)}
.reveal[data-reveal="scale"]{transform:scale(.96)}
.reveal.is-in{transform:none}

@keyframes photoReveal{from{opacity:0;clip-path:inset(18% 0 0 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes logoPop{from{opacity:0;transform:scale(.72) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes tagSlide{from{opacity:0;transform:translateX(-36px) rotate(-7deg)}to{opacity:1;transform:translateX(0) rotate(-7deg)}}
@keyframes sceneFloat{from{transform:translateY(0) rotate(-.7deg)}to{transform:translateY(-14px) rotate(.7deg)}}
@keyframes pulseBlob{from{transform:scale(.96) rotate(-4deg);border-radius:44% 56% 49% 51%}to{transform:scale(1.04) rotate(3deg);border-radius:57% 43% 58% 42%}}

@media (max-width:1080px){
  .hero__art--editorial{min-height:560px;max-width:680px}
  .services-section--candidates{padding-right:28px;padding-bottom:480px}
  .candidate-photo{right:4%;bottom:-70px!important}
}
@media (max-width:820px){
  .brand-mark--nav{width:64px;height:54px}
  .hero__art--editorial{min-height:520px}
  .hero__person{right:0;bottom:-48px;height:570px}
  .hero__orbit{left:0;bottom:2%;width:142px;height:142px;font-size:.61rem}
  .work-scenes{min-height:auto;padding-top:70px}
  .work-scenes__stage{height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-items:end}
  .work-scenes__word{position:absolute;top:35%;font-size:24vw}
  .work-scene{position:relative!important;inset:auto!important;width:auto!important;align-self:end}
  .work-scene img{max-height:330px}
  .work-scene--chef{grid-column:1 / -1;width:48%!important;justify-self:center}
  .services-hero__art--editorial{min-height:500px}
  .services-hero__person{height:560px!important;right:0}
}
@media (max-width:560px){
  .brand-mark--footer{width:110px;height:110px}
  .hero__art--editorial{min-height:430px}
  .hero__person{height:460px;bottom:-38px}
  .hero__brand{width:100px;right:0}.hero__fact{top:18%;left:0}.hero__orbit{width:112px;height:112px;padding:18px;font-size:.51rem}
  .work-scenes{padding:60px 20px 78px}
  .work-scenes__intro{align-items:flex-start}
  .work-scenes__stage{grid-template-columns:1fr 1fr}
  .work-scene img{max-height:245px}.work-scene figcaption{font-size:.62rem;padding:6px 10px}
  .services-hero__art--editorial{min-height:420px}
  .services-hero__person{height:455px!important;bottom:-36px}.services-hero__tool{width:112px!important;height:112px!important}.services-hero__logo{width:96px!important;height:96px!important}
  .services-section--candidates{padding-bottom:370px}
  .candidate-photo{width:270px;right:calc(50% - 135px)}
  .search-head__variant{width:86px;top:30px}
  .hire__variant{right:0;top:30px;width:84px}
}

/* ============================================================
   AJUSTE VISUAL V5 · TALENTOS
   Más jerarquía, aire y profundidad sin encerrar las fotografías.
   ============================================================ */
.work-scenes{
  position:relative;
  min-height:790px;
  padding:76px 28px 92px;
  background:var(--negro);
  color:var(--blanco);
}
.work-scenes.plastic::before{
  background-image:url("assets/Textura/bolsa-textura.png");
  background-size:720px auto;
  background-position:center top;
  background-repeat:repeat;
  mix-blend-mode:screen;
  filter:grayscale(1) contrast(3.2);
  opacity:.30;
}
.work-scenes::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:52px;
  width:min(calc(100% - 56px),var(--max));
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35) 14%,rgba(255,255,255,.35) 86%,transparent);
  pointer-events:none;
}
.work-scenes__intro{
  position:relative;
  z-index:4;
  max-width:var(--max);
  margin:0 auto 16px;
  display:grid;
  grid-template-columns:1fr minmax(260px,390px);
  align-items:start;
  gap:48px;
}
.work-scenes__intro .tag{
  width:max-content;
  margin:0;
  padding:10px 18px;
  background:var(--blanco);
  color:var(--negro);
  border:0;
  box-shadow:5px 5px 0 var(--morado);
  transform:rotate(-1.5deg);
}
.work-scenes__intro p:last-child{
  max-width:34ch;
  margin:2px 0 0 auto;
  color:#e8e8ec;
  font-size:1.04rem;
  font-weight:600;
  line-height:1.4;
  text-align:right;
}
.work-scenes__stage{
  position:relative;
  z-index:2;
  width:min(100%,var(--max));
  height:610px;
  margin:0 auto;
  isolation:isolate;
}
.work-scenes__word{
  position:absolute;
  z-index:0;
  left:1%;
  top:58px;
  width:72%;
  margin:0;
  color:var(--morado);
  font-size:clamp(5.2rem,9.2vw,8.6rem);
  font-weight:900;
  line-height:.76;
  letter-spacing:-.075em;
  text-wrap:balance;
  opacity:.96;
  text-shadow:0 18px 55px rgba(153,61,255,.22);
}
.work-scene{
  z-index:2;
  transition:filter .32s var(--ease),z-index 0s;
}
.work-scene img{
  max-height:405px;
  transform-origin:center bottom;
  transition:transform .38s var(--ease),filter .38s var(--ease);
  filter:drop-shadow(0 24px 24px rgba(0,0,0,.48));
}
.work-scene:hover{z-index:9}
.work-scene:hover img{
  transform:scale(1.035);
  filter:drop-shadow(0 32px 30px rgba(0,0,0,.58));
}
.work-scene figcaption{
  bottom:-2px;
  min-width:112px;
  padding:8px 15px;
  border:2px solid var(--negro);
  box-shadow:4px 4px 0 var(--morado);
  font-size:.72rem;
  letter-spacing:.02em;
  text-align:center;
}
.work-scene--construction{width:23%;left:0;bottom:4px;z-index:4}
.work-scene--health{width:22%;left:20%;bottom:126px;z-index:3}
.work-scene--barista{width:23%;left:39.5%;bottom:2px;z-index:5}
.work-scene--mechanic{width:24%;right:16%;bottom:126px;z-index:4}
.work-scene--chef{width:20%;right:0;bottom:4px;z-index:6}

@media(max-width:1080px){
  .work-scenes{min-height:760px;padding-inline:24px}
  .work-scenes__stage{height:590px}
  .work-scenes__word{top:70px;width:78%;font-size:clamp(5rem,11vw,7.7rem)}
  .work-scene--construction{width:25%;left:-2%}
  .work-scene--health{width:24%;left:18%;bottom:122px}
  .work-scene--barista{width:25%;left:38%;z-index:6}
  .work-scene--mechanic{width:26%;right:14%;bottom:122px}
  .work-scene--chef{width:22%;right:-2%}
}

@media(max-width:820px){
  .work-scenes{min-height:auto;padding:64px 20px 76px}
  .work-scenes::after{bottom:34px;width:calc(100% - 40px)}
  .work-scenes__intro{grid-template-columns:1fr;gap:20px;margin-bottom:38px}
  .work-scenes__intro p:last-child{margin:0;max-width:38ch;text-align:left}
  .work-scenes__stage{
    height:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 10px;
    align-items:end;
    padding-top:84px;
  }
  .work-scenes__word{
    top:0;
    left:0;
    width:100%;
    font-size:clamp(4.3rem,17vw,7.4rem);
    line-height:.78;
    opacity:.42;
  }
  .work-scene{position:relative!important;inset:auto!important;width:100%!important;align-self:end}
  .work-scene img{max-height:330px}
  .work-scene--chef{grid-column:1/-1;width:48%!important;justify-self:center}
}

@media(max-width:560px){
  .work-scenes{padding:56px 16px 64px}
  .work-scenes.plastic::before{background-size:520px auto;opacity:.26}
  .work-scenes__intro .tag{padding:9px 14px;font-size:.7rem;box-shadow:4px 4px 0 var(--morado)}
  .work-scenes__intro p:last-child{font-size:.94rem}
  .work-scenes__stage{gap:20px 4px;padding-top:64px}
  .work-scenes__word{font-size:18vw;opacity:.38}
  .work-scene img{max-height:240px}
  .work-scene figcaption{min-width:0;padding:6px 9px;font-size:.58rem;box-shadow:3px 3px 0 var(--morado)}
  .work-scene--chef{width:54%!important}
}

@media(prefers-reduced-motion:reduce){
  .work-scene{animation:none}
  .work-scene:hover img{transform:none}
}

/* AJUSTE V6 · EL TITULAR NO QUEDA TAPADO */
@media(min-width:821px){
  .work-scenes__stage{height:630px}
  .work-scenes__word{
    top:26px;
    left:1%;
    z-index:1;
    width:58%;
    font-size:clamp(5.1rem,8vw,7.45rem);
    line-height:.74;
  }
  .work-scene img{max-height:390px}
  .work-scene--construction{width:20%;left:1%;bottom:0;z-index:4}
  .work-scene--health{width:20%;left:22.5%;bottom:0;z-index:3}
  .work-scene--barista{width:21%;left:42%;bottom:0;z-index:5}
  .work-scene--mechanic{width:23%;right:14%;bottom:0;z-index:4}
  .work-scene--chef{width:18%;right:0;bottom:0;z-index:6}
}

@media(min-width:821px) and (max-width:1080px){
  .work-scenes__stage{height:590px}
  .work-scenes__word{top:22px;width:60%;font-size:clamp(4.8rem,9.4vw,6.5rem)}
  .work-scene img{max-height:355px}
}

/* AJUSTE V7 · PERSONAS MÁS GRANDES Y ALINEADAS ABAJO */
@media(min-width:821px){
  .work-scenes{min-height:850px}
  .work-scenes__stage{height:680px}
  .work-scenes__word{
    top:18px;
    width:58%;
    font-size:clamp(5.2rem,8vw,7.5rem);
  }
  .work-scene{
    top:auto!important;
    min-width:0;
    height:auto;
  }
  .work-scene img{max-height:445px}
  .work-scene--construction{width:24%;left:-1%;right:auto;bottom:0}
  .work-scene--health{width:24%;left:19%;right:auto;bottom:-2px}
  .work-scene--barista{width:25%;left:39%;right:auto;bottom:0}
  .work-scene--mechanic{width:27%;left:auto;right:11%;bottom:-2px}
  .work-scene--chef{width:21%;left:auto;right:-1%;bottom:0}
}

@media(min-width:821px) and (max-width:1080px){
  .work-scenes{min-height:790px}
  .work-scenes__stage{height:620px}
  .work-scenes__word{top:16px;font-size:clamp(4.8rem,9.2vw,6.35rem)}
  .work-scene img{max-height:400px}
}

/* ============================================================
   AJUSTE VISUAL V8 · COMPOSICIÓN EDITORIAL DEFINITIVA
   Titular separado, figuras con base común y Cocina protagonista.
   ============================================================ */
.work-scenes{
  min-height:auto;
  padding:76px 28px 64px;
}
.work-scenes__intro{margin-bottom:0}
.work-scenes__word{
  position:relative;
  inset:auto;
  z-index:3;
  display:flex;
  flex-direction:column;
  width:min(100%,var(--max));
  max-width:var(--max);
  margin:46px auto 18px;
  color:var(--morado);
  font-size:clamp(5.4rem,8.6vw,8rem);
  font-weight:900;
  line-height:.72;
  letter-spacing:-.075em;
  opacity:1;
  text-shadow:0 18px 55px rgba(153,61,255,.22);
}
.work-scenes__word span:last-child{margin-left:8.5%}
.work-scenes__stage{
  position:relative;
  inset:auto;
  z-index:4;
  display:grid;
  grid-template-columns:.92fr 1fr 1.08fr 1.18fr 1.14fr;
  align-items:end;
  gap:0;
  width:min(100%,var(--max));
  height:auto;
  min-height:470px;
  margin:0 auto;
}
.work-scene,
.work-scene--construction,
.work-scene--health,
.work-scene--barista,
.work-scene--chef,
.work-scene--mechanic{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  min-width:0;
  height:auto;
  margin:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
}
.work-scene img{
  display:block;
  width:112%;
  height:440px;
  max-height:none;
  object-fit:contain;
  object-position:center bottom;
}
.work-scene--construction img{width:116%}
.work-scene--health img{width:113%}
.work-scene--barista img{width:116%}
.work-scene--chef img{width:126%;height:468px}
.work-scene--mechanic img{width:122%;height:466px}
.work-scene figcaption{
  position:relative;
  left:auto;
  bottom:auto;
  transform:rotate(-1.5deg);
  margin:-15px auto 0;
  min-width:120px;
  box-shadow:4px 4px 0 var(--morado);
}

/* Hero: mayor presencia humana y sello con copy legible */
.hero__art--editorial{min-height:690px}
.hero__person{
  right:-15%;
  bottom:-88px;
  width:min(700px,148%);
  height:770px;
}
.hero__orbit{
  left:-3%;
  bottom:8%;
  width:172px;
  height:172px;
  padding:27px 22px;
  border:3px solid var(--menta);
  font-size:inherit;
  line-height:1.08;
  letter-spacing:0;
  text-transform:none;
  transform:rotate(-6deg);
  box-shadow:8px 9px 0 var(--morado);
}
.hero__orbit strong{
  display:block;
  color:var(--menta);
  font-size:1.02rem;
  font-weight:900;
}
.hero__orbit span{
  display:block;
  margin-top:7px;
  color:var(--blanco);
  font-size:.78rem;
  font-weight:650;
}

@media(max-width:1080px){
  .hero__art--editorial{min-height:620px}
  .hero__person{right:-5%;bottom:-68px;width:min(650px,118%);height:680px}
  .work-scenes__stage{min-height:420px}
  .work-scene img{height:390px}
  .work-scene--chef img,.work-scene--mechanic img{height:420px}
}

@media(max-width:820px){
  .work-scenes{padding:62px 20px 70px}
  .work-scenes__word{margin:38px auto 26px;font-size:clamp(4.4rem,17vw,7rem)}
  .work-scenes__word span:last-child{margin-left:6%}
  .work-scenes__stage{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:26px 4px;
    min-height:0;
    padding-top:0;
  }
  .work-scene img{width:112%;height:320px;max-height:none}
  .work-scene--chef img{width:122%;height:350px}
  .work-scene--mechanic img{width:118%;height:350px}
  .work-scene--mechanic{grid-column:1/-1;width:52%!important;justify-self:center}
  .hero__art--editorial{min-height:550px}
  .hero__person{right:-5%;bottom:-52px;width:116%;height:610px}
  .hero__orbit{left:1%;bottom:3%;width:142px;height:142px;padding:22px 17px}
  .hero__orbit strong{font-size:.88rem}.hero__orbit span{font-size:.68rem}
}

@media(max-width:560px){
  .work-scenes{padding-inline:16px}
  .work-scenes__word{font-size:17vw;margin-top:34px}
  .work-scenes__stage{gap:22px 0}
  .work-scene img{height:245px}
  .work-scene--chef img,.work-scene--mechanic img{height:270px}
  .work-scene figcaption{margin-top:-9px;min-width:0}
  .work-scene--mechanic{width:58%!important}
  .hero__art--editorial{min-height:475px}
  .hero__person{right:-13%;bottom:-40px;width:126%;height:520px}
  .hero__orbit{width:120px;height:120px;padding:18px 13px;box-shadow:6px 6px 0 var(--morado)}
  .hero__orbit strong{font-size:.76rem}.hero__orbit span{font-size:.6rem;margin-top:5px}
}

/* ============================================================
   AJUSTE VISUAL V9 · ESCALA AMPLIA SIN DEFORMACIÓN
   ============================================================ */
@media(min-width:1081px){
  .hero__grid{
    width:min(calc(100% - 64px),1500px);
    grid-template-columns:minmax(0,1.08fr) minmax(540px,.92fr);
    gap:34px;
    min-height:750px;
  }
  .hero__copy .display{
    max-width:900px;
    font-size:clamp(4.8rem,5.3vw,6.55rem);
  }
  .hero__art--editorial{
    width:100%;
    min-height:740px;
    margin-right:0;
  }
  .hero__art--editorial::before{inset:12% 0 2% 2%}
  .hero__person{
    right:-7%;
    bottom:-92px;
    width:min(820px,142%);
    height:835px;
    object-fit:contain;
    object-position:center bottom;
  }
  .hero__brand{right:1%;top:1%;width:142px}
  .hero__fact{left:0;top:25%}
  .hero__orbit{left:-1%;bottom:8%;width:182px;height:182px}

  .work-scenes{padding:78px 32px 68px}
  .work-scenes__intro,
  .work-scenes__word,
  .work-scenes__stage{max-width:1540px;width:100%}
  .work-scenes__word{
    margin-top:48px;
    margin-bottom:26px;
    font-size:clamp(6.5rem,8vw,9rem);
  }
  .work-scenes__stage{
    grid-template-columns:1fr 1fr 1.04fr 1.07fr 1.12fr;
    gap:12px;
    min-height:0;
    align-items:end;
  }
  .work-scene img,
  .work-scene--construction img,
  .work-scene--health img,
  .work-scene--barista img,
  .work-scene--mechanic img{
    display:block;
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:center bottom;
  }
  .work-scene--chef img{
    display:block;
    width:104%;
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:center bottom;
  }
  .work-scene figcaption{margin-top:-12px}
}

@media(min-width:821px) and (max-width:1080px){
  .hero__grid{width:min(calc(100% - 44px),960px)}
  .work-scenes__intro,
  .work-scenes__word,
  .work-scenes__stage{width:100%;max-width:1000px}
  .work-scenes__stage{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
    min-height:0;
  }
  .work-scene img,
  .work-scene--chef img,
  .work-scene--mechanic img{
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
  }
  .work-scene--chef img{width:104%;height:auto}
}

/* ============================================================
   AJUSTE VISUAL V10 · FOOTER, ICONOS Y MÁRGENES
   ============================================================ */
:root{--page-gutter:clamp(20px,3.2vw,64px)}

@media(min-width:1081px){
  .hero__grid{width:min(calc(100% - (var(--page-gutter) * 2)),1500px)}
  .work-scenes{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
}

.footer{
  padding-left:var(--page-gutter);
  padding-right:var(--page-gutter);
}
.footer__top,
.chips--footer,
.footer__legal{
  width:min(100%,1540px);
  max-width:1540px;
}
.footer__top{
  display:grid;
  grid-template-columns:minmax(280px,1fr) auto;
  align-items:start;
  gap:48px;
  padding-top:54px;
}
.footer__links{
  justify-content:flex-end;
  gap:18px 28px;
  padding-top:18px;
}
.footer__social{
  display:flex;
  flex-wrap:wrap;
  gap:12px 20px;
  margin-top:24px;
}
.footer__social a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--blanco);
  font-size:.88rem;
  font-weight:650;
  transition:color .2s var(--ease),transform .2s var(--ease);
}
.footer__social a:hover{color:var(--menta);transform:translateY(-2px)}
.footer__social img{
  display:block;
  width:42px;
  height:42px;
  object-fit:contain;
  flex:0 0 42px;
}
.footer__legal a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.footer__legal a:hover{color:var(--menta)}

@media(max-width:820px){
  .footer__top{grid-template-columns:1fr;gap:26px}
  .footer__links{justify-content:flex-start;padding-top:0}
}

@media(max-width:560px){
  .footer__social{display:grid;grid-template-columns:1fr}
  .footer__social a{font-size:.8rem;overflow-wrap:anywhere}
  .footer__social img{width:38px;height:38px;flex-basis:38px}
}

/* ============================================================
   AJUSTE VISUAL V11 · LÍNEA DE MARGEN DEL HEADER
   Textos alineados al área útil de la navegación; fotos amplias.
   ============================================================ */
@media(min-width:1081px){
  .work-scenes{padding-inline:32px}
  .work-scenes__intro,
  .work-scenes__word{
    width:100%;
    max-width:1260px;
    margin-left:auto;
    margin-right:auto;
  }
  .work-scenes__stage{
    width:100%;
    max-width:1540px;
    margin-left:auto;
    margin-right:auto;
  }
}

/* AJUSTE VISUAL V12 · SELLO DEL HERO CON ÍCONO 3D */
.hero__orbit{
  display:grid;
  place-items:center;
  padding:20px;
}
.hero__orbit img{
  display:block;
  width:118px;
  height:auto;
  max-height:118px;
  object-fit:contain;
  filter:drop-shadow(0 14px 16px rgba(157,72,255,.34));
  transform:rotate(6deg);
}

@media(max-width:820px){
  .hero__orbit img{width:96px;max-height:96px}
}

@media(max-width:560px){
  .hero__orbit{padding:14px}
.hero__orbit img{width:78px;max-height:78px}
}

/* ============================================================
   AJUSTE VISUAL V13 · SECCIONES CON MÁS IDENTIDAD
   ============================================================ */
.how{
  position:relative;
  max-width:none;
  margin:0;
  padding:96px 32px 132px;
  background:#f7f7f4;
}
.how__head,.steps{width:100%;max-width:1260px;margin-left:auto;margin-right:auto}
.how__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,360px);
  align-items:end;
  gap:36px;
  margin-bottom:58px;
}
.how__head .tag{grid-column:1/-1;width:max-content;margin:0 0 -8px}
.how__head .h2{max-width:10ch;margin:0;font-size:clamp(3.8rem,6vw,6.4rem);line-height:.92}
.how__head>p:last-child{margin:0 0 8px;font-size:1.08rem;line-height:1.55;color:#4b4b53}
.steps{position:relative;grid-template-columns:1.08fr 1fr .92fr;gap:22px;align-items:start}
.steps::before{
  content:"";position:absolute;left:7%;right:7%;top:72px;height:3px;z-index:0;
  background:repeating-linear-gradient(90deg,var(--morado) 0 12px,transparent 12px 23px);
  opacity:.5;
}
.step{
  position:relative;z-index:1;min-height:430px;padding:34px 34px 38px;
  border:2px solid var(--negro);overflow:hidden;
  box-shadow:9px 10px 0 var(--morado);
}
.step:nth-child(2){margin-top:34px;transform:rotate(.7deg)}
.step:nth-child(3){margin-top:68px;transform:rotate(-.7deg)}
.step__num{position:absolute;right:22px;top:18px;font-size:5.8rem;line-height:1;opacity:.18}
.step__icon{width:136px;height:136px;margin:30px 0 28px;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.2))}
.step h3{font-size:1.55rem;letter-spacing:-.035em}
.step p{font-size:1rem}
.step:nth-child(2) .step__num,.step:nth-child(3) .step__num{color:var(--blanco)}

.services-entry{
  position:relative;max-width:1260px;min-height:500px;margin:104px auto;
  padding:62px 70px;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);
  gap:42px;border:3px solid var(--negro);border-radius:46px 46px 46px 12px;
  box-shadow:12px 14px 0 var(--morado);overflow:hidden;
}
.services-entry.plastic::before{
  background-image:url("assets/Textura/bolsa-textura.png");background-size:620px auto;
  background-repeat:repeat;background-position:center;mix-blend-mode:multiply;
  filter:grayscale(1) contrast(3.4) brightness(.62);opacity:.48;
}
.services-entry::after{
  content:"";position:absolute;right:-90px;top:50%;width:480px;height:480px;
  transform:translateY(-50%) rotate(-10deg);border-radius:45% 55% 52% 48%;
  background-color:var(--morado);
  background-image:url("assets/Textura/bolsa-textura.png");
  background-size:520px auto;background-position:center;
  background-blend-mode:soft-light;z-index:0;
}
.services-entry__copy{position:relative;z-index:2}
.services-entry__copy>.h2{max-width:12ch;font-size:clamp(3.6rem,5.3vw,6rem);line-height:.92}
.services-entry__icon{position:relative;z-index:2;width:112%!important;height:410px!important;margin:0 -8% 0 0!important;object-fit:contain}
.services-entry__brand{
  position:absolute!important;right:28px;top:26px;z-index:4!important;
  width:92px!important;height:92px!important;margin:0!important;object-fit:contain;
  filter:none!important;transform:rotate(5deg);
}

.why{position:relative;padding:112px 32px 126px;overflow:hidden}
.why.plastic::before{
  background-image:url("assets/Textura/bolsa-textura.png");background-size:650px auto;
  background-repeat:repeat;background-position:center;mix-blend-mode:soft-light;
  filter:grayscale(1) contrast(3.6) brightness(1.35);opacity:.58;
}
.why>.h2,.why>.why__grid{width:100%;max-width:1260px}
.why>.h2{position:relative;z-index:2;font-size:clamp(4.2rem,6.4vw,7rem);line-height:.9;margin-bottom:70px}
.why__grid{position:relative;z-index:2;grid-template-columns:repeat(12,1fr);gap:18px}
.card-flat{
  position:relative;min-height:260px;padding:30px;border:2px solid var(--negro);
  border-radius:30px 30px 30px 8px;justify-content:flex-end;overflow:hidden;
  box-shadow:7px 8px 0 rgba(0,0,0,.9);transition:transform .32s var(--ease),box-shadow .32s var(--ease);
}
.card-flat:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:11px 13px 0 rgba(0,0,0,.9)}
.card-flat img{position:absolute;right:22px;top:18px;width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.2))}
.card-flat h3{font-size:1.32rem;letter-spacing:-.03em}
.card-flat:nth-child(2),.card-flat:nth-child(4){background:var(--negro);color:var(--blanco);border-color:var(--negro)}
.card-flat:nth-child(2) p,.card-flat:nth-child(4) p{color:#d8d8de}
.card-flat:nth-child(3),.card-flat:nth-child(6){background:var(--menta)}
.card-flat:nth-child(1),.card-flat:nth-child(5){background:var(--blanco)}

.step:nth-child(1).plastic::before{
  background-size:620px auto;background-repeat:repeat;mix-blend-mode:multiply;
  filter:grayscale(1) contrast(2.8);opacity:.2;
}
.step:nth-child(2).plastic::before{
  background-size:560px auto;background-repeat:repeat;mix-blend-mode:soft-light;
  filter:grayscale(1) contrast(3.2) brightness(1.3);opacity:.48;
}
.step:nth-child(3).plastic::before{
  background-size:560px auto;background-repeat:repeat;mix-blend-mode:screen;
  filter:invert(1) grayscale(1) contrast(3);opacity:.34;
}

.hero.plastic::before{
  background-size:650px auto;background-repeat:repeat;
  mix-blend-mode:multiply;filter:grayscale(1) contrast(3.2) brightness(.68);
  opacity:.38;
}

@media(max-width:820px){
  .how{padding:76px 20px 90px}
  .how__head{grid-template-columns:1fr;gap:20px;margin-bottom:40px}
  .how__head .tag{margin-bottom:0}
  .how__head>p:last-child{max-width:38ch}
  .steps{grid-template-columns:1fr;gap:22px}
  .steps::before{display:none}
  .step:nth-child(n){margin-top:0;transform:none;min-height:360px}
  .services-entry{margin:76px 20px;padding:48px 34px;grid-template-columns:1fr;min-height:0}
  .services-entry::after{right:-150px;top:auto;bottom:-170px;transform:none;width:420px;height:420px}
  .services-entry__icon{width:100%!important;height:330px!important;margin:0!important}
  .services-entry__brand{right:20px;top:20px;width:76px!important;height:76px!important}
  .why{padding:82px 20px 94px}
  .why>.h2{margin-bottom:48px}
  .why__grid{grid-template-columns:1fr 1fr}
  .card-flat:nth-child(n){grid-column:auto;min-height:250px}
}

@media(max-width:560px){
  .how__head .h2{font-size:clamp(3.2rem,15vw,4.5rem)}
  .step{padding:28px;min-height:330px!important}
  .step__icon{width:112px;height:112px}
  .services-entry{margin:58px 16px;padding:42px 26px}
  .services-entry__copy>.h2{font-size:clamp(3rem,14vw,4.2rem)}
  .services-entry__brand{width:62px!important;height:62px!important}
  .why{padding-inline:16px}
  .why>.h2{font-size:clamp(3.4rem,14vw,5rem)}
  .why__grid{grid-template-columns:1fr}
  .card-flat:nth-child(n){min-height:230px}
}

@media(min-width:821px) and (max-width:1080px){
  .work-scenes{padding-inline:24px}
  .work-scenes__intro,
  .work-scenes__word{
    width:100%;
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
  }
  .work-scenes__stage{
    width:100%;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
  }
}

/* ============================================================
   AJUSTE VISUAL V14 · ORDEN Y CONSISTENCIA
   ============================================================ */
.how{padding:96px 32px 110px}
.how__head{
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  align-items:end;
  gap:48px;
  margin-bottom:48px;
}
.how__head .tag{margin-bottom:0}
.steps{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}
.steps::before{display:none}
.step,
.step:nth-child(2),
.step:nth-child(3){
  min-height:410px;
  margin-top:0;
  transform:none;
  border-radius:30px 30px 30px 8px;
  box-shadow:7px 8px 0 var(--morado);
}
.step__num{top:22px;right:24px;font-size:4.8rem}
.step__icon{width:124px;height:124px;margin:36px 0 26px}

.services-entry{
  max-width:1260px;
  min-height:460px;
  margin:96px auto;
  padding:58px 64px;
  grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);
  gap:44px;
  border-radius:40px 40px 40px 10px;
  box-shadow:8px 9px 0 var(--morado);
}
.services-entry::after{
  right:0;
  top:0;
  bottom:0;
  width:36%;
  height:auto;
  transform:none;
  border-radius:0;
  background-color:var(--morado);
  background-image:url("assets/Textura/bolsa-textura.png");
  background-size:620px auto;
  background-position:center;
  background-blend-mode:soft-light;
}
.services-entry__copy>.h2{font-size:clamp(3.5rem,5vw,5.7rem)}
.services-entry__icon{
  width:100%!important;
  height:360px!important;
  margin:0!important;
}
.services-entry__brand{right:24px;top:22px;width:78px!important;height:78px!important;transform:none}

.why{padding:104px 32px 116px}
.why>.h2{max-width:1260px;margin-bottom:58px;font-size:clamp(4rem,5.8vw,6.4rem)}
.why__grid{
  max-width:1260px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.card-flat,
.card-flat:nth-child(n){
  grid-column:auto;
  min-height:250px;
  padding:28px;
  border-radius:28px 28px 28px 8px;
  box-shadow:6px 7px 0 var(--negro);
  transform:none;
}
.card-flat:hover{transform:translateY(-6px);box-shadow:8px 10px 0 var(--negro)}
.card-flat img{top:20px;right:22px;width:88px;height:88px}
.card-flat:nth-child(1),.card-flat:nth-child(5){background:var(--blanco);color:var(--negro)}
.card-flat:nth-child(2),.card-flat:nth-child(6){background:var(--negro);color:var(--blanco)}
.card-flat:nth-child(3),.card-flat:nth-child(4){background:var(--menta);color:var(--negro)}
.card-flat:nth-child(2) p,.card-flat:nth-child(6) p{color:#d8d8de}
.card-flat:nth-child(4) p{color:#3c3c44}
.card-flat:nth-child(2),.card-flat:nth-child(6){
  background-image:linear-gradient(rgba(0,0,0,.76),rgba(0,0,0,.76)),url("assets/Textura/bolsa-textura.png");
  background-size:auto,540px auto;background-position:center;background-repeat:no-repeat,repeat;
}
.card-flat:nth-child(3),.card-flat:nth-child(4){
  background-image:linear-gradient(rgba(27,226,161,.70),rgba(27,226,161,.70)),url("assets/Textura/bolsa-textura.png");
  background-size:auto,540px auto;background-position:center;background-repeat:no-repeat,repeat;
}

@media(max-width:820px){
  .how__head{grid-template-columns:1fr;gap:18px}
  .steps{grid-template-columns:1fr}
  .step,.step:nth-child(2),.step:nth-child(3){min-height:350px}
  .services-entry{
    margin:72px 20px;
    padding:46px 34px;
    grid-template-columns:1fr;
  }
  .services-entry::after{top:auto;width:100%;height:36%;bottom:0}
  .services-entry__icon{height:310px!important}
  .why__grid{grid-template-columns:1fr 1fr}
}

@media(max-width:560px){
  .how{padding:72px 16px 84px}
  .services-entry{margin:56px 16px;padding:40px 26px}
  .why{padding:76px 16px 88px}
  .why__grid{grid-template-columns:1fr}
}

/* ============================================================
   AJUSTE VISUAL V15 · COMPOSICIÓN LIMPIA Y ORDENADA
   Un margen, una retícula y una jerarquía por sección.
   ============================================================ */
.how,
.why{
  padding-left:max(24px,calc((100vw - 1260px)/2));
  padding-right:max(24px,calc((100vw - 1260px)/2));
}

.how{
  padding-top:104px;
  padding-bottom:112px;
  background:#f7f7f4;
}
.how__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  grid-template-areas:"tag tag" "title text";
  gap:20px 56px;
  align-items:end;
  max-width:1260px;
  margin:0 auto 48px;
}
.how__head .tag{grid-area:tag;margin:0;width:max-content}
.how__head .h2{
  grid-area:title;
  max-width:11ch;
  margin:0;
  font-size:clamp(3.25rem,5vw,5.5rem);
  line-height:.94;
}
.how__head>p:last-child{
  grid-area:text;
  margin:0 0 7px;
  max-width:31ch;
  color:#55555d;
}
.steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  max-width:1260px;
  margin:0 auto;
}
.step,
.step:nth-child(2),
.step:nth-child(3){
  min-height:390px;
  margin:0;
  padding:32px;
  transform:none;
  border:2px solid var(--negro);
  border-radius:28px 28px 28px 8px;
  box-shadow:7px 7px 0 var(--morado);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.step:nth-child(1){background-color:var(--blanco);color:var(--negro)}
.step:nth-child(2){background-color:var(--morado);color:var(--blanco)}
.step:nth-child(3){background-color:var(--negro);color:var(--blanco)}
.step__num{
  position:static;
  order:0;
  margin:0 0 18px;
  font-size:2.35rem;
  font-weight:900;
  line-height:1;
  color:var(--morado);
  opacity:1;
}
.step:nth-child(2) .step__num{color:var(--blanco)}
.step:nth-child(3) .step__num{color:var(--menta)}
.step__icon{
  order:1;
  width:112px;
  height:112px;
  margin:0 0 24px;
  object-fit:contain;
}
.step h3{order:2;margin-top:auto;font-size:1.55rem}
.step p{order:3;margin-top:10px}

.services-entry{
  width:calc(100% - 48px);
  max-width:1260px;
  min-height:440px;
  margin:96px auto;
  padding:58px 64px;
  grid-template-columns:minmax(0,1fr) minmax(320px,430px);
  gap:54px;
  border:2px solid var(--negro);
  border-radius:38px 38px 38px 10px;
  background-color:var(--menta);
  box-shadow:8px 8px 0 var(--morado);
}
.services-entry::after{display:none}
.services-entry.plastic::before{
  background-image:url("assets/Textura/bolsa-textura.png");
  background-size:760px auto;
  background-repeat:repeat;
  background-position:center;
  mix-blend-mode:multiply;
  filter:grayscale(1) contrast(2.8) brightness(.78);
  opacity:.34;
}
.services-entry__copy{max-width:650px}
.services-entry__copy>.h2{
  max-width:12ch;
  margin-bottom:24px;
  font-size:clamp(3.2rem,4.7vw,5.25rem);
  line-height:.94;
}
.services-entry__copy>p:not(.tag){max-width:55ch;line-height:1.6}
.services-entry__copy .btn{margin-top:30px;background:var(--negro);color:var(--blanco)}
.services-entry__icon{
  position:relative;
  z-index:2;
  width:100%!important;
  height:330px!important;
  margin:0!important;
  object-fit:contain;
}
.services-entry__brand{
  right:26px;
  top:24px;
  width:72px!important;
  height:72px!important;
}

.why{
  padding-top:108px;
  padding-bottom:118px;
  background-color:var(--morado);
}
.why.plastic::before{
  background-image:url("assets/Textura/bolsa-textura.png");
  background-size:760px auto;
  background-repeat:repeat;
  background-position:center;
  mix-blend-mode:soft-light;
  filter:grayscale(1) contrast(2.8) brightness(1.2);
  opacity:.42;
}
.why>.h2{
  max-width:900px;
  margin:0 0 54px;
  font-size:clamp(3.4rem,5.2vw,5.8rem);
  line-height:.94;
}
.why__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  max-width:1260px;
  margin:0;
}
.card-flat,
.card-flat:nth-child(n){
  min-height:250px;
  padding:28px;
  border:2px solid var(--negro);
  border-radius:26px 26px 26px 8px;
  background:var(--blanco);
  color:var(--negro);
  box-shadow:6px 6px 0 var(--negro);
  transform:none;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.card-flat:nth-child(n) p{color:#62626b}
.card-flat img{
  position:static;
  width:86px;
  height:86px;
  margin:0 0 auto;
  object-fit:contain;
}
.card-flat h3{margin-top:24px}
.card-flat:hover{transform:translateY(-5px);box-shadow:8px 9px 0 var(--negro)}

@media(max-width:820px){
  .how,.why{padding-left:20px;padding-right:20px}
  .how__head{grid-template-columns:1fr;grid-template-areas:"tag" "title" "text";gap:18px}
  .how__head>p:last-child{max-width:42ch;margin:0}
  .steps{grid-template-columns:1fr}
  .step,.step:nth-child(2),.step:nth-child(3){min-height:330px}
  .services-entry{
    width:calc(100% - 40px);
    margin:76px auto;
    padding:46px 34px;
    grid-template-columns:1fr;
    gap:22px;
  }
  .services-entry__icon{height:290px!important}
  .why__grid{grid-template-columns:1fr 1fr}
}

@media(max-width:560px){
  .how,.why{padding-left:16px;padding-right:16px}
  .how{padding-top:72px;padding-bottom:82px}
  .how__head .h2{font-size:clamp(3rem,14vw,4.25rem)}
  .step,.step:nth-child(2),.step:nth-child(3){min-height:310px;padding:26px}
  .step__icon{width:96px;height:96px}
  .services-entry{width:calc(100% - 32px);margin:58px auto;padding:40px 26px}
  .services-entry__copy>.h2{font-size:clamp(2.8rem,13vw,4rem)}
  .services-entry__icon{height:250px!important}
  .why{padding-top:76px;padding-bottom:86px}
  .why>.h2{font-size:clamp(3rem,13vw,4.4rem)}
  .why__grid{grid-template-columns:1fr}
  .card-flat,.card-flat:nth-child(n){min-height:230px}
}

/* ============================================================
   AJUSTE VISUAL V16 · CORRECCIÓN DE LA SECCIÓN "LOS BUENOS"
   ============================================================ */
.why{
  padding-top:88px;
  padding-bottom:104px;
}
.why>.h2{
  width:100%;
  max-width:820px;
  margin:0 0 48px;
  font-size:clamp(3rem,4.25vw,4.75rem);
  line-height:.96;
  letter-spacing:-.055em;
}
.why__grid{
  width:100%;
  max-width:1260px;
  margin:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.why__grid>.card-flat,
.why__grid>.card-flat:nth-child(n){
  grid-column:auto !important;
  min-width:0;
  min-height:230px;
  padding:26px;
  background-color:var(--blanco) !important;
  background-image:none !important;
  color:var(--negro) !important;
  border:2px solid var(--negro);
  border-radius:24px 24px 24px 7px;
  box-shadow:6px 6px 0 var(--negro);
}
.why__grid>.card-flat:nth-child(n) p{color:#56565f !important}
.why__grid>.card-flat img{
  width:76px;
  height:76px;
  margin-bottom:30px;
}
.why__grid>.card-flat h3{
  margin-top:auto;
  font-size:1.25rem;
}
.why__grid>.card-flat p{
  margin-top:9px;
  font-size:.96rem;
  line-height:1.5;
}

@media(max-width:900px){
  .why>.h2{max-width:700px}
  .why__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:560px){
  .why{padding-top:68px;padding-bottom:78px}
  .why>.h2{margin-bottom:36px;font-size:clamp(2.8rem,13vw,4rem)}
  .why__grid{grid-template-columns:1fr;gap:18px}
  .why__grid>.card-flat,.why__grid>.card-flat:nth-child(n){min-height:210px}
}

/* ============================================================
   AJUSTE VISUAL V17 · PROPUESTA DE VALOR + TEXTURA REAL
   ============================================================ */
.hero,
.services-entry,
.why,
.search-head,
.alert,
.door--mint,
.service-card--mint,
.service-card--purple,
.services-section--candidates,
.step:nth-child(2),
.services-hero{
  background-image:url("assets/Textura/bolsa-textura.png") !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-blend-mode:multiply !important;
}
.hero.plastic::before,
.services-entry.plastic::before,
.why.plastic::before,
.search-head.plastic::before,
.alert.plastic::before,
.door--mint.plastic::before,
.service-card--mint.plastic::before,
.service-card--purple.plastic::before,
.services-section--candidates.plastic::before,
.step:nth-child(2).plastic::before,
.services-hero.plastic::before{display:none}

.work-scenes.plastic::before,
.door--black.plastic::before,
.service-card--black.plastic::before{
  background-image:url("assets/Textura/bolsa-textura.png");
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  mix-blend-mode:screen;
  filter:none;
  opacity:.24;
}

.why{
  background-color:var(--morado) !important;
  padding-top:82px;
  padding-bottom:92px;
}
.why>.h2{
  max-width:720px;
  margin-bottom:42px;
  font-size:clamp(2.85rem,3.65vw,4.25rem);
  line-height:.98;
}
.why__grid{gap:18px}
.why__grid>.card-flat,
.why__grid>.card-flat:nth-child(n){
  min-height:190px;
  padding:22px 24px;
  display:grid;
  grid-template-columns:72px 1fr;
  grid-template-rows:auto auto;
  column-gap:18px;
  align-content:center;
  align-items:center;
}
.why__grid>.card-flat img{
  grid-column:1;
  grid-row:1/3;
  width:68px;
  height:68px;
  margin:0;
}
.why__grid>.card-flat h3{
  grid-column:2;
  grid-row:1;
  margin:0 0 6px;
  font-size:1.15rem;
}
.why__grid>.card-flat p{
  grid-column:2;
  grid-row:2;
  margin:0;
  font-size:.92rem;
  line-height:1.42;
}

@media(max-width:900px){
  .why>.h2{max-width:650px}
  .why__grid>.card-flat,.why__grid>.card-flat:nth-child(n){min-height:180px}
}

@media(max-width:560px){
  .why{padding-top:64px;padding-bottom:74px}
  .why>.h2{font-size:clamp(2.65rem,12vw,3.7rem);margin-bottom:34px}
  .why__grid>.card-flat,.why__grid>.card-flat:nth-child(n){min-height:160px}
}

/* ============================================================
   AJUSTE VISUAL V18 · JERARQUÍA DEL BUSCADOR DE EMPLEO
   ============================================================ */
.search-head{
  padding-top:calc(var(--nav-h) + 38px);
  padding-bottom:76px;
}
.search-head__inner{
  width:100%;
  max-width:1260px;
  min-height:720px;
  padding-right:43%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.search-head__inner>.crumbs{margin:0 0 28px}
.search-head__inner>.tag{margin:0 0 28px}
.search-title{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  margin:0 0 30px;
  color:var(--negro);
  letter-spacing:-.06em;
}
.search-title__question,
.search-title__lead,
.search-title__focus{display:block}
.search-title__question{
  margin-bottom:18px;
  font-size:clamp(4.4rem,5.8vw,6.35rem);
  font-weight:900;
  line-height:.94;
}
.search-title__lead,
.search-title__focus{
  font-size:clamp(3.7rem,4.7vw,5.2rem);
  line-height:.98;
}
.search-title__lead{font-weight:300;margin-bottom:4px}
.search-title__focus{font-weight:900}
.search-head__inner>.lede{
  max-width:610px;
  font-size:1.08rem;
  line-height:1.58;
}
.search-head__inner>.searchbar{
  width:100%;
  max-width:720px;
  margin-top:38px;
}
.search-head__inner>.chips--quick{
  width:100%;
  max-width:720px;
  margin-top:22px;
  gap:11px;
}
.search-head__person{
  right:-1%;
  top:78px;
  width:43%;
  height:540px;
}
.search-head__variant{
  right:1%;
  top:44px;
  width:118px;
}

@media(max-width:1080px){
  .search-head__inner{min-height:0;padding-right:0}
  .search-head__person{
    position:relative;
    right:auto;
    top:auto;
    width:min(520px,100%);
    height:440px;
    margin:34px auto -34px;
  }
  .search-head__variant{right:2%;top:34px;width:94px}
}

@media(max-width:700px){
  .search-head{padding-top:calc(var(--nav-h) + 28px);padding-bottom:58px}
  .search-head__inner>.crumbs{margin-bottom:22px}
  .search-head__inner>.tag{margin-bottom:24px}
  .search-title{margin-bottom:24px}
  .search-title__question{
    margin-bottom:14px;
    font-size:clamp(3.5rem,16vw,4.8rem);
  }
  .search-title__lead,.search-title__focus{
    font-size:clamp(3rem,13.5vw,4.1rem);
  }
  .search-head__inner>.lede{font-size:1rem;line-height:1.55}
  .search-head__inner>.searchbar{margin-top:30px}
  .search-head__person{height:360px;margin-top:28px}
  .search-head__variant{width:78px}
}

/* ============================================================
   V19 · FOOTER UNIFICADO
   ============================================================ */
.footer{background:var(--negro);color:var(--blanco);padding:0 28px}
.footer__main,.footer__bottom{width:100%;max-width:var(--max);margin:0 auto}
.footer__main{
  display:grid;
  grid-template-columns:minmax(250px,1.15fr) minmax(180px,.7fr) minmax(280px,1fr);
  align-items:start;
  gap:clamp(36px,5vw,76px);
  padding:58px 0 46px;
  border-bottom:1px solid rgba(255,255,255,.18);
}
.footer__brand{display:grid;align-content:start;justify-items:start}
.footer .brand-mark--footer{width:104px;height:auto;margin:0}
.footer__slogan{
  max-width:25ch;
  margin:22px 0 0;
  color:#c8c8cf;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
}
.footer__label{
  grid-column:1/-1;
  margin:0 0 7px;
  color:var(--menta);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.2;
  text-transform:uppercase;
}
.footer__links{
  display:grid;
  grid-template-columns:repeat(2,max-content);
  align-content:start;
  justify-content:start;
  align-items:start;
  gap:14px 30px;
  padding:2px 0 0;
}
.footer__links a{
  color:#d7d7dc;
  font-size:.92rem;
  font-weight:600;
  line-height:1.35;
  transition:color .2s ease,transform .2s ease;
}
.footer__links a:hover{color:var(--menta);transform:translateX(3px)}
.footer__contact{
  display:grid;
  grid-template-columns:1fr;
  align-content:start;
  justify-items:start;
  gap:12px;
  padding-top:2px;
}
.footer__contact a{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  color:#f3f3f5;
  font-size:.9rem;
  font-weight:700;
  line-height:1.3;
  transition:color .2s ease,transform .2s ease;
}
.footer__contact a:hover{color:var(--menta);transform:translateX(3px)}
.footer__contact img{width:40px;height:40px;flex:0 0 40px;object-fit:contain}
.footer__bottom{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:38px;
  padding:30px 0 28px;
}
.footer__regions{min-width:0}
.footer__regions .footer__label{margin-bottom:13px}
.footer .chips--footer{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  max-width:none;
  margin:0;
  padding:0;
}
.footer .chips--footer .chip{
  min-height:34px;
  padding:7px 13px;
  border-color:rgba(255,255,255,.42);
  color:#dedee3;
  font-size:.72rem;
  line-height:1;
}
.footer .chips--footer .chip:hover{border-color:var(--menta);background:var(--menta);color:var(--negro)}
.footer .footer__legal{
  max-width:none;
  margin:0;
  padding:0 0 5px;
  border:0;
  color:#92929b;
  font-size:.78rem;
  line-height:1.4;
  text-align:right;
  white-space:nowrap;
}

@media(max-width:900px){
  .footer__main{grid-template-columns:1fr 1fr;gap:38px 48px}
  .footer__brand{grid-column:1/-1}
  .footer__bottom{grid-template-columns:1fr;align-items:start;gap:24px}
  .footer .footer__legal{text-align:left;padding:0}
}

@media(max-width:620px){
  .footer{padding:0 22px}
  .footer__main{grid-template-columns:1fr;gap:34px;padding:44px 0 36px}
  .footer__brand{grid-column:auto}
  .footer__links{grid-template-columns:1fr 1fr;gap:13px 22px}
  .footer__contact a{overflow-wrap:anywhere}
  .footer__bottom{padding:26px 0 24px}
  .footer .chips--footer{gap:7px}
  .footer .footer__legal{white-space:normal}
}

/* TÍTULO PROPUESTA DE VALOR */
.why > .why__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto 48px;
  text-align: center;
  font-size: clamp(3.6rem, 4.5vw, 5rem);
  line-height: 0.95;
}

.why__title-line {
  display: block;
  width: 100%;
  white-space: nowrap;
}

/* Texto secundario */
.why__title-context {
  margin-bottom: 14px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.56em;
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

/* Mensaje protagonista */
.why__title-main {
  color: #fff;
  font-size: 1em;
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.06em;
}

.why__title-main strong {
  font-weight: 900;
}

/* TABLET Y MÓVIL */
@media (max-width: 760px) {
  .why > .why__title {
    max-width: 100%;
    margin-bottom: 36px;
    padding-inline: 8px;
    font-size: clamp(2.7rem, 11vw, 3.7rem);
  }

  .why__title-line {
    white-space: normal;
  }

  .why__title-context {
    max-width: 18ch;
    margin-bottom: 12px;
    font-size: 0.58em;
  }

  .why__title-main {
    max-width: 12ch;
  }
}

/* ============================================================
   HERO BUSCADOR · COLLAGE DIGITAL
   ============================================================ */

.search-head {
  position: relative;
  isolation: isolate;
  min-height: 860px;
  overflow: hidden;
  padding: calc(var(--nav-h) + 42px) 28px 70px;

  background-color: #000 !important;
  background-image:
    linear-gradient(
      100deg,
      rgba(0, 0, 0, 0.98) 0%,
      rgba(0, 0, 0, 0.94) 47%,
      rgba(0, 0, 0, 0.66) 100%
    ),
    url("assets/Textura/bolsa-textura.png") !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  background-blend-mode: normal, screen !important;

  color: #fff;
}

/* Círculo editorial detrás de la persona */
.search-head::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 4%;
  bottom: 80px;

  width: clamp(400px, 38vw, 620px);
  aspect-ratio: 1;

  border: 2px solid rgba(157, 72, 255, 0.85);
  border-radius: 50%;

  box-shadow:
    42px 28px 0 rgba(36, 231, 159, 0.12),
    -34px -24px 0 rgba(157, 72, 255, 0.1);

  transform: rotate(-8deg);
  pointer-events: none;
}

.search-head__inner {
  position: relative;
  z-index: 2;

  width: 100%;
  max-width: 1240px;
  min-height: 740px;

  margin: 0 auto;
  padding: 0;
}

/* Migas de navegación */
.search-head .crumbs {
  position: relative;
  z-index: 10;
  margin-bottom: 28px;

  color: rgba(255, 255, 255, 0.52);
}

.search-head .crumbs a {
  color: #fff;
}

/* Etiqueta */
.search-head__inner > .tag {
  position: relative;
  z-index: 10;

  margin-bottom: 32px;
  background: #24e79f;
  color: #000;
}

/* ============================================================
   TITULAR CON CAPAS
   ============================================================ */

.search-title {
  position: relative;
  z-index: 4;

  display: flex;
  flex-direction: column;
  align-items: flex-start;

  width: min(100%, 760px);
  margin: 0 0 28px;

  color: #fff;
  letter-spacing: -0.065em;
}

.search-title__question,
.search-title__lead,
.search-title__focus {
  position: relative;
  display: block;
}

/* Mensaje principal */
.search-title__question {
  z-index: 8;

  margin: 0 0 20px;
  color: #fff;

  font-size: clamp(5rem, 6.4vw, 7rem);
  font-weight: 900;
  line-height: 0.84;
}

/* Texto secundario: queda parcialmente detrás de la imagen */
.search-title__lead {
  z-index: 3;

  margin: 0 0 3px;
  color: rgba(255, 255, 255, 0.58);

  font-size: clamp(2.5rem, 3.3vw, 3.8rem);
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.045em;
}

/* Remate protagonista */
.search-title__focus {
  z-index: 8;

  color: #24e79f;

  font-size: clamp(3.9rem, 5vw, 5.6rem);
  font-weight: 900;
  line-height: 0.9;

  text-shadow: 5px 5px 0 rgba(157, 72, 255, 0.55);
}

/* Bajada */
.search-head__inner > .lede {
  position: relative;
  z-index: 9;

  width: min(100%, 570px);
  max-width: 570px;

  color: rgba(255, 255, 255, 0.7);

  font-size: 1.05rem;
  line-height: 1.6;
}

/* ============================================================
   PERSONA INTEGRADA AL TITULAR
   ============================================================ */

.search-head__person {
  position: absolute;
  z-index: 5;

  right: -8%;
  bottom: -4px;

  width: 63%;
  height: 720px;
  max-width: none;

  object-fit: contain;
  object-position: center bottom;

  filter: drop-shadow(0 30px 38px rgba(0, 0, 0, 0.48));

  transform: rotate(1.5deg);
  transform-origin: center bottom;
}

/* Logo flotante */
.search-head__variant {
  position: absolute;
  z-index: 9;

  top: 36px;
  right: 1%;

  width: 118px;

  filter: drop-shadow(6px 7px 0 rgba(157, 72, 255, 0.75));
  transform: rotate(3deg);
}

/* ============================================================
   BUSCADOR DELANTE DE LA PERSONA
   ============================================================ */

.search-head__inner > .searchbar {
  position: absolute;
  z-index: 14;

  left: 0;
  bottom: 132px;

  width: min(88%, 1030px);
  max-width: 1030px;
  margin: 0;

  border: 3px solid #fff;
  background: #fff;

  box-shadow:
    9px 10px 0 #9d48ff,
    18px 19px 0 rgba(36, 231, 159, 0.32);

  transform: rotate(-0.5deg);
}

.search-head__inner > .searchbar:focus-within {
  transform: rotate(0) translateY(-3px);

  box-shadow:
    10px 13px 0 #9d48ff,
    20px 23px 0 rgba(36, 231, 159, 0.32);
}

/* Filtros rápidos */
.search-head__inner > .chips--quick {
  position: absolute;
  z-index: 14;

  left: 0;
  bottom: 18px;

  width: min(76%, 850px);
  max-width: 850px;
  margin: 0;
}

.search-head .chips--quick .chip {
  border-color: rgba(255, 255, 255, 0.45);
  color: #fff;
  background: rgba(0, 0, 0, 0.3);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.search-head .chips--quick .chip:hover,
.search-head .chips--quick .chip.is-active {
  border-color: #24e79f;
  background: #24e79f;
  color: #000;
}

/* Movimiento suave del collage */
@media (prefers-reduced-motion: no-preference) {
  .search-head__person {
    animation: collage-person 5s ease-in-out infinite alternate;
  }

  .search-head__variant {
    animation: collage-logo 4s ease-in-out infinite alternate;
  }
}

@keyframes collage-person {
  from {
    transform: rotate(1.5deg) translateY(0);
  }

  to {
    transform: rotate(0deg) translateY(-10px);
  }
}

@keyframes collage-logo {
  from {
    transform: rotate(3deg) translateY(0);
  }

  to {
    transform: rotate(-2deg) translateY(-8px);
  }
}

/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 1050px) {
  .search-head {
    min-height: 820px;
  }

  .search-head__inner {
    min-height: 700px;
  }

  .search-title {
    width: min(100%, 650px);
  }

  .search-title__question {
    font-size: clamp(4.4rem, 7vw, 5.8rem);
  }

  .search-head__person {
    right: -12%;
    width: 64%;
    height: 650px;
  }

  .search-head__inner > .searchbar {
    width: 90%;
    bottom: 136px;
  }

  .search-head__inner > .chips--quick {
    width: 75%;
    bottom: 18px;
  }
}

/* ============================================================
   MÓVIL
   ============================================================ */

@media (max-width: 760px) {
  .search-head {
    min-height: auto;
    padding:
      calc(var(--nav-h) + 30px)
      20px
      62px;
  }

  .search-head::after {
    right: -34%;
    bottom: 250px;
    width: 470px;
  }

  .search-head__inner {
    display: flex;
    flex-direction: column;

    min-height: auto;
  }

  .search-head__inner > .crumbs {
    order: 1;
  }

  .search-head__inner > .tag {
    order: 2;
  }

  .search-title {
    order: 3;
    width: 100%;
    margin-bottom: 24px;
  }

  .search-title__question {
    margin-bottom: 16px;
    font-size: clamp(3.8rem, 16vw, 5rem);
  }

  .search-title__lead {
    font-size: clamp(2.2rem, 10vw, 3rem);
  }

  .search-title__focus {
    font-size: clamp(3.2rem, 13vw, 4.3rem);
  }

  .search-head__inner > .lede {
    order: 4;
    width: 100%;
  }

  .search-head__variant {
    display: none;
  }

  .search-head__person {
    position: relative;
    order: 5;

    right: auto;
    bottom: auto;

    width: 115%;
    height: 440px;

    margin: 12px -7.5% -82px;

    transform: none;
  }

  .search-head__inner > .searchbar {
    position: relative;
    order: 6;

    left: auto;
    bottom: auto;

    width: 100%;
    margin: 0;

    transform: rotate(-0.5deg);
  }

  .search-head__inner > .chips--quick {
    position: relative;
    order: 7;

    left: auto;
    bottom: auto;

    width: 100%;
    margin-top: 38px;
  }
}

/* MÓVILES PEQUEÑOS */
@media (max-width: 520px) {
  .search-head {
    padding-inline: 16px;
  }

  .search-title__question {
    font-size: clamp(3.4rem, 17vw, 4.4rem);
  }

  .search-title__focus {
    text-shadow: 3px 3px 0 rgba(157, 72, 255, 0.55);
  }

  .search-head__person {
    height: 370px;
    margin-bottom: -68px;
  }

  .search-head__inner > .searchbar {
    padding: 12px;
    border-radius: 22px;
  }
}

/* ============================================================
   V24 · BLOQUE CV DESTACADO
   ============================================================ */
.cv {
  position: relative;
  isolation: isolate;
  overflow: hidden;

  width: 100%;
  max-width: none;
  min-height: 640px;
  margin: 0;
  padding:
    clamp(76px, 8vw, 126px)
    max(28px, calc((100vw - var(--max)) / 2));

  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  align-items: center;
  gap: clamp(46px, 7vw, 110px);

  color: var(--blanco);
  background-color: var(--morado);
  background-image:
    linear-gradient(115deg, rgba(157, 72, 255, .94), rgba(122, 36, 224, .88)),
    url("assets/Textura/bolsa-textura.png");
  background-size: cover, 920px auto;
  background-position: center, center;
  background-repeat: no-repeat, repeat;
  background-blend-mode: normal, overlay;

  border-top: 3px solid var(--negro);
  border-bottom: 3px solid var(--negro);
}

.cv::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -9vw;
  bottom: -18vw;
  width: 38vw;
  aspect-ratio: 1;
  border: 2px solid rgba(255, 255, 255, .2);
  border-radius: 50%;
}

.cv__card {
  position: relative;
  z-index: 3;
  max-width: 610px;
}

.cv__card .tag {
  margin-bottom: 30px;
  padding: 10px 20px;
  border: 2px solid var(--negro);
  background: var(--blanco);
  color: var(--negro);
  box-shadow: 6px 6px 0 var(--negro);
  font-size: .82rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
  transform: rotate(-1deg);
}

.cv__card .h2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 30px;
  color: var(--blanco);
  font-size: clamp(4.4rem, 7vw, 7.2rem);
  line-height: .82;
  letter-spacing: -.075em;
}

.cv__card .h2 .w-black {
  position: relative;
  z-index: 1;
  color: var(--menta);
  font-size: 1em;
  text-shadow: 6px 7px 0 var(--negro);
}

.cv__card .h2 .w-light {
  margin-top: 22px;
  color: var(--blanco);
  font-size: .55em;
  font-weight: 400;
  line-height: .95;
  letter-spacing: -.055em;
}

.cv__card > p:not(.tag) {
  max-width: 49ch;
  margin-bottom: 34px;
  color: rgba(255, 255, 255, .82);
  font-size: 1.04rem;
  font-weight: 400;
  line-height: 1.65;
}

.cv__card .btn {
  min-width: 210px;
  padding: 16px 30px;
  border-color: var(--negro);
  background: var(--negro);
  color: var(--blanco);
  box-shadow: 7px 8px 0 var(--menta);
}

.cv__card .btn:hover {
  background: var(--menta);
  color: var(--negro);
  box-shadow: 4px 5px 0 var(--negro);
  transform: translate(3px, 3px);
}

.cv__art {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  min-height: 500px;
  padding: 0;
  background: transparent;
  border-radius: 0;
}

.cv__art::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(92%, 560px);
  aspect-ratio: 1;
  border-radius: 47% 53% 42% 58% / 55% 40% 60% 45%;
  background-color: var(--negro);
  background-image: url("assets/Textura/bolsa-textura.png");
  background-size: 720px auto;
  background-position: center;
  background-blend-mode: screen;
  box-shadow:
    18px 20px 0 var(--menta),
    -12px -13px 0 rgba(255, 255, 255, .92);
  transform: rotate(-4deg);
}

.cv__art img {
  width: min(620px, 112%);
  max-width: none;
  filter: drop-shadow(0 30px 34px rgba(0, 0, 0, .42));
  transform: rotate(4deg);
  transition: transform .45s var(--ease);
}

.cv:hover .cv__art img {
  transform: rotate(1deg) translateY(-10px) scale(1.035);
}

@media (max-width: 960px) {
  .cv {
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .cv__card {
    max-width: 700px;
  }

  .cv__art {
    min-height: 480px;
  }

  .cv__art img {
    width: min(590px, 100%);
  }
}

@media (max-width: 620px) {
  .cv {
    padding: 72px 20px 82px;
    gap: 34px;
  }

  .cv__card .tag {
    margin-bottom: 26px;
    font-size: .76rem;
  }

  .cv__card .h2 {
    margin-bottom: 26px;
    font-size: clamp(3.8rem, 20vw, 5.7rem);
  }

  .cv__card .h2 .w-light {
    margin-top: 18px;
    font-size: .48em;
  }

  .cv__card > p:not(.tag) {
    font-size: 1rem;
    line-height: 1.58;
  }

  .cv__card .btn {
    width: 100%;
  }

  .cv__art {
    min-height: 350px;
  }

  .cv__art::before {
    width: min(88vw, 390px);
    box-shadow:
      10px 12px 0 var(--menta),
      -7px -8px 0 rgba(255, 255, 255, .92);
  }

  .cv__art img {
    width: min(430px, 108%);
  }
}

/* ============================================================
   V28 · REDIAGRAMACIÓN COMPLETA DE SERVICIOS
   ============================================================ */

body[data-page="servicios"] main {
  overflow: hidden;
  background: var(--blanco);
}

/* HERO: composición editorial, sin caja para la fotografía. */
body[data-page="servicios"] .services-hero {
  position: relative;
  isolation: isolate;
  min-height: 790px;
  padding:
    calc(var(--nav-h) + clamp(58px, 7vw, 108px))
    max(28px, calc((100vw - var(--max)) / 2))
    clamp(72px, 8vw, 116px);
  overflow: hidden;
  color: var(--blanco);
  background-color: var(--negro) !important;
  background-image:
    linear-gradient(105deg, rgba(0, 0, 0, .98) 0 46%, rgba(0, 0, 0, .72) 72%, rgba(0, 0, 0, .92) 100%),
    url("assets/Textura/bolsa-textura.png") !important;
  background-size: cover, 900px auto !important;
  background-position: center !important;
  background-repeat: no-repeat, repeat !important;
  background-blend-mode: normal, screen !important;
  border-bottom: 3px solid var(--negro);
}

body[data-page="servicios"] .services-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -8vw;
  top: 13%;
  width: min(55vw, 820px);
  aspect-ratio: 1;
  border: 2px solid rgba(36, 231, 159, .58);
  border-radius: 50%;
  box-shadow: 0 0 0 54px rgba(157, 72, 255, .12);
}

body[data-page="servicios"] .services-hero__inner {
  position: relative;
  width: 100%;
  max-width: var(--max);
  min-height: 620px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(440px, 1.08fr);
  align-items: center;
  gap: clamp(36px, 5vw, 78px);
}

body[data-page="servicios"] .services-hero__copy {
  position: relative;
  z-index: 5;
  max-width: 710px;
}

body[data-page="servicios"] .services-hero .crumbs,
body[data-page="servicios"] .services-hero .crumbs a {
  color: rgba(255, 255, 255, .62);
}

body[data-page="servicios"] .services-hero .tag {
  margin: 34px 0 30px;
  border: 2px solid var(--menta);
  background: var(--menta);
  color: var(--negro);
  box-shadow: 6px 6px 0 var(--morado);
}

body[data-page="servicios"] .services-hero__copy .display {
  max-width: 9.2ch;
  margin: 0 0 32px;
  font-size: clamp(4.2rem, 6.8vw, 7rem);
  line-height: .85;
  letter-spacing: -.075em;
}

body[data-page="servicios"] .services-hero__copy .display .w-black {
  color: var(--blanco);
}

body[data-page="servicios"] .services-hero__copy .display .w-light {
  display: inline-block;
  margin-top: .18em;
  color: var(--menta);
  font-size: .67em;
  font-weight: 400;
  line-height: .95;
  letter-spacing: -.055em;
}

body[data-page="servicios"] .services-hero .lede {
  max-width: 51ch;
  margin-bottom: 36px;
  color: rgba(255, 255, 255, .72);
  font-size: 1.04rem;
  line-height: 1.65;
}

body[data-page="servicios"] .services-hero .hero__actions {
  gap: 14px;
}

body[data-page="servicios"] .services-hero .btn--white {
  border-color: var(--blanco);
}

body[data-page="servicios"] .services-hero__art--editorial {
  position: relative;
  z-index: 2;
  min-height: 650px;
  padding: 0;
  overflow: visible;
  background: transparent;
}

body[data-page="servicios"] .services-hero__art--editorial::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: 1%;
  top: 9%;
  width: 82%;
  aspect-ratio: 1;
  border-radius: 45% 55% 58% 42% / 50% 39% 61% 50%;
  background-color: var(--morado);
  background-image: url("assets/Textura/bolsa-textura.png");
  background-size: 630px auto;
  background-position: center;
  background-blend-mode: overlay;
  box-shadow: 22px 24px 0 var(--menta);
  transform: rotate(5deg);
  animation: pulseBlob 6s ease-in-out infinite alternate;
}

body[data-page="servicios"] .services-hero__person {
  position: absolute;
  z-index: 3;
  right: -8%;
  bottom: -112px;
  width: 116% !important;
  height: 760px !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  filter: drop-shadow(0 30px 30px rgba(0, 0, 0, .42)) !important;
}

body[data-page="servicios"] .services-hero__tool {
  position: absolute;
  z-index: 5;
  left: -1%;
  bottom: 7%;
  width: 184px !important;
  height: 184px !important;
  object-fit: contain;
  filter: drop-shadow(0 20px 18px rgba(0, 0, 0, .34)) !important;
  transform: rotate(-8deg);
}

body[data-page="servicios"] .services-hero__logo {
  position: absolute;
  z-index: 6;
  top: 1%;
  right: -1%;
  width: 146px !important;
  height: 146px !important;
  object-fit: contain;
  filter: none !important;
}

/* EMPRESAS: grilla asimétrica con lectura clara. */
body[data-page="servicios"] #empresas {
  max-width: none;
  margin: 0;
  padding:
    clamp(96px, 10vw, 154px)
    max(28px, calc((100vw - var(--max)) / 2))
    clamp(104px, 11vw, 164px);
  background: var(--blanco);
}

body[data-page="servicios"] #empresas .services-section__head {
  width: 100%;
  max-width: var(--max);
  margin: 0 auto clamp(54px, 6vw, 82px);
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  align-items: end;
  gap: clamp(36px, 6vw, 84px);
}

body[data-page="servicios"] #empresas .services-section__head .tag {
  margin-bottom: 24px;
}

body[data-page="servicios"] #empresas .services-section__head .h2 {
  max-width: 9ch;
  margin: 0;
  font-size: clamp(3.8rem, 6vw, 6.5rem);
  line-height: .86;
  letter-spacing: -.075em;
}

body[data-page="servicios"] #empresas .services-section__head .h2 .w-light {
  display: block;
  margin-top: .12em;
  color: var(--morado);
  font-size: .72em;
  line-height: .92;
}

body[data-page="servicios"] #empresas .services-section__head > p {
  margin-bottom: 4px;
  padding-left: 24px;
  border-left: 5px solid var(--menta);
  color: #4a4a52;
  font-size: 1.05rem;
  line-height: 1.65;
}

body[data-page="servicios"] .service-grid--business {
  width: 100%;
  max-width: var(--max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(350px, auto));
  gap: 24px;
}

body[data-page="servicios"] .service-grid--business .service-card {
  min-height: 0;
  padding: clamp(32px, 4vw, 52px);
  border: 3px solid var(--negro);
  border-radius: 42px 42px 42px 12px;
  box-shadow: 9px 10px 0 var(--negro);
  transform: none;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(1) {
  grid-column: 1 / 8;
  grid-row: 1 / 3;
  min-height: 724px;
  background-color: var(--negro) !important;
  color: var(--blanco);
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(2) {
  grid-column: 8 / 13;
  grid-row: 1;
  background-color: var(--menta) !important;
  color: var(--negro);
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(3) {
  grid-column: 8 / 13;
  grid-row: 2;
  background-color: var(--morado) !important;
  color: var(--blanco);
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(n) {
  background-image: url("assets/Textura/bolsa-textura.png") !important;
  background-size: 720px auto !important;
  background-position: center !important;
  background-repeat: repeat !important;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(1) {
  background-blend-mode: screen !important;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(2),
body[data-page="servicios"] .service-grid--business .service-card:nth-child(3) {
  background-blend-mode: multiply !important;
}

body[data-page="servicios"] .service-grid--business .service-card:hover {
  transform: translate(-4px, -4px);
  box-shadow: 14px 15px 0 var(--negro);
}

body[data-page="servicios"] .service-grid--business .service-card__top {
  min-height: 112px;
  margin-bottom: 30px;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(1) .service-card__top {
  min-height: 190px;
}

body[data-page="servicios"] .service-grid--business .service-card__num {
  color: inherit;
  font-size: clamp(2.7rem, 4vw, 4.6rem);
}

body[data-page="servicios"] .service-grid--business .service-card__top img {
  width: clamp(92px, 10vw, 132px);
  height: clamp(92px, 10vw, 132px);
  object-fit: contain;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(1) .service-card__top img {
  width: clamp(150px, 17vw, 230px);
  height: clamp(150px, 17vw, 230px);
}

body[data-page="servicios"] .service-grid--business .service-card h3 {
  max-width: 17ch;
  margin-bottom: 20px;
  font-size: clamp(1.75rem, 2.4vw, 2.75rem);
  line-height: .98;
  letter-spacing: -.055em;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(1) h3 {
  max-width: 13ch;
  font-size: clamp(2.8rem, 4.8vw, 5.2rem);
  line-height: .88;
}

body[data-page="servicios"] .service-grid--business .service-card p {
  max-width: 52ch;
  margin-bottom: 12px;
  color: inherit;
  font-size: .96rem;
  line-height: 1.55;
  opacity: .78;
}

body[data-page="servicios"] .service-grid--business .text-link {
  margin-top: auto;
  padding-top: 22px;
  color: inherit;
  font-weight: 900;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(2) .text-link {
  color: var(--negro);
}

/* POSTULANTES: foto integrada, sin caja. */
body[data-page="servicios"] #postulantes {
  position: relative;
  isolation: isolate;
  max-width: none;
  margin: 0;
  padding:
    clamp(102px, 10vw, 154px)
    max(28px, calc((100vw - var(--max)) / 2 + 350px))
    clamp(110px, 11vw, 168px)
    max(28px, calc((100vw - var(--max)) / 2));
  overflow: hidden;
  color: var(--negro);
  background-color: var(--menta) !important;
  background-image: url("assets/Textura/bolsa-textura.png") !important;
  background-size: 860px auto !important;
  background-position: center !important;
  background-repeat: repeat !important;
  background-blend-mode: multiply !important;
  border-top: 3px solid var(--negro);
  border-bottom: 3px solid var(--negro);
}

body[data-page="servicios"] #postulantes::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: max(20px, calc((100vw - var(--max)) / 2));
  bottom: -15%;
  width: min(31vw, 450px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--morado);
  box-shadow: 0 0 0 24px var(--negro);
}

body[data-page="servicios"] #postulantes .candidate-photo {
  position: absolute !important;
  z-index: 2 !important;
  right: max(4px, calc((100vw - var(--max)) / 2 - 52px));
  bottom: -54px !important;
  width: min(32vw, 470px);
  max-height: none;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 28px 27px rgba(0, 0, 0, .28));
}

body[data-page="servicios"] #postulantes .services-section__head,
body[data-page="servicios"] #postulantes .service-grid {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 950px;
  margin-left: 0;
  margin-right: 0;
}

body[data-page="servicios"] #postulantes .services-section__head {
  display: block;
  margin-bottom: 54px;
}

body[data-page="servicios"] #postulantes .services-section__head .tag {
  margin-bottom: 24px;
  background: var(--negro);
  color: var(--blanco);
}

body[data-page="servicios"] #postulantes .services-section__head .h2 {
  max-width: 10ch;
  margin: 0 0 30px;
  font-size: clamp(3.8rem, 6vw, 6.4rem);
  line-height: .86;
  letter-spacing: -.075em;
}

body[data-page="servicios"] #postulantes .services-section__head .h2 .w-light {
  display: block;
  margin-top: .12em;
  color: var(--morado);
  font-size: .68em;
  line-height: .95;
}

body[data-page="servicios"] #postulantes .services-section__head > p {
  max-width: 52ch;
  padding-left: 22px;
  border-left: 5px solid var(--negro);
  color: #17382d;
  font-size: 1.03rem;
  line-height: 1.62;
}

body[data-page="servicios"] .service-grid--cv {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

body[data-page="servicios"] .service-grid--cv .service-card {
  min-height: 540px;
  padding: 38px;
  border: 3px solid var(--negro);
  border-radius: 34px 34px 34px 10px;
  background: var(--blanco);
  color: var(--negro);
  box-shadow: 8px 9px 0 var(--negro);
}

body[data-page="servicios"] .service-grid--cv .service-card:nth-child(2) {
  background-color: var(--negro);
  background-image: url("assets/Textura/bolsa-textura.png");
  background-size: 620px auto;
  background-position: center;
  background-blend-mode: screen;
  color: var(--blanco);
  box-shadow: 8px 9px 0 var(--morado);
}

body[data-page="servicios"] .service-grid--cv .service-card:hover {
  transform: translateY(-7px);
}

body[data-page="servicios"] .service-grid--cv .service-card__top {
  min-height: 132px;
  margin-bottom: 28px;
}

body[data-page="servicios"] .service-grid--cv .service-card__top img {
  width: 116px;
  height: 116px;
  object-fit: contain;
}

body[data-page="servicios"] .service-grid--cv .service-card__num {
  color: var(--morado);
  font-size: 3.5rem;
}

body[data-page="servicios"] .service-grid--cv .service-card:nth-child(2) .service-card__num {
  color: var(--menta);
}

body[data-page="servicios"] .service-grid--cv .service-card h3 {
  max-width: 18ch;
  margin-bottom: 20px;
  font-size: clamp(1.75rem, 2.45vw, 2.6rem);
  line-height: .98;
  letter-spacing: -.052em;
}

body[data-page="servicios"] .service-grid--cv .service-card p {
  margin-bottom: 12px;
  color: inherit;
  line-height: 1.55;
  opacity: .76;
}

body[data-page="servicios"] .service-grid--cv .service-card__badge {
  top: 24px;
  right: 24px;
  border: 2px solid var(--menta);
  background: var(--menta);
  color: var(--negro);
}

body[data-page="servicios"] .service-grid--cv .service-card__badge img {
  width: 22px;
  height: 22px;
}

body[data-page="servicios"] .service-grid--cv .btn {
  margin-top: auto;
  box-shadow: 5px 6px 0 var(--negro);
}

body[data-page="servicios"] .service-grid--cv .service-card:nth-child(2) .btn {
  border-color: var(--menta);
  background: var(--menta);
  color: var(--negro);
  box-shadow: 5px 6px 0 var(--morado);
}

/* CTA FINAL. */
body[data-page="servicios"] .service-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: min(calc(100% - 56px), var(--max));
  max-width: var(--max);
  min-height: 290px;
  margin: clamp(94px, 9vw, 142px) auto;
  padding: clamp(42px, 5vw, 70px);
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) auto;
  gap: clamp(28px, 4vw, 56px);
  align-items: center;
  border: 3px solid var(--negro);
  border-radius: 44px 44px 44px 12px;
  background-color: var(--morado);
  background-image: url("assets/Textura/bolsa-textura.png");
  background-size: 720px auto;
  background-position: center;
  background-blend-mode: multiply;
  color: var(--blanco);
  box-shadow: 11px 12px 0 var(--negro);
}

body[data-page="servicios"] .service-cta::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -70px;
  top: -130px;
  width: 330px;
  aspect-ratio: 1;
  border: 2px solid rgba(255, 255, 255, .36);
  border-radius: 50%;
}

body[data-page="servicios"] .service-cta > img {
  width: 144px;
  height: 144px;
  object-fit: contain;
  filter: drop-shadow(0 18px 24px rgba(0, 0, 0, .3));
  transform: rotate(-7deg);
}

body[data-page="servicios"] .service-cta .tag {
  border: 2px solid var(--negro);
  background: var(--menta);
  color: var(--negro);
}

body[data-page="servicios"] .service-cta h2 {
  max-width: 14ch;
  margin: 18px 0 12px;
  font-size: clamp(2.6rem, 4.3vw, 4.8rem);
  line-height: .88;
  letter-spacing: -.065em;
}

body[data-page="servicios"] .service-cta p:not(.tag) {
  max-width: 50ch;
  color: rgba(255, 255, 255, .78);
  font-size: 1rem;
  line-height: 1.58;
}

body[data-page="servicios"] .service-cta > .btn {
  min-width: 190px;
  border-color: var(--negro);
  background: var(--menta);
  color: var(--negro);
  box-shadow: 6px 7px 0 var(--negro);
}

@media (max-width: 1100px) {
  body[data-page="servicios"] .services-hero__inner {
    grid-template-columns: minmax(0, 1fr) minmax(370px, .82fr);
  }

  body[data-page="servicios"] .services-hero__person {
    right: -4%;
    height: 670px !important;
  }

  body[data-page="servicios"] #postulantes {
    padding-right: max(28px, calc((100vw - var(--max)) / 2 + 280px));
  }

  body[data-page="servicios"] #postulantes .candidate-photo {
    width: 350px;
  }

  body[data-page="servicios"] .service-grid--cv {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  body[data-page="servicios"] .services-hero {
    min-height: 0;
  }

  body[data-page="servicios"] .services-hero__inner {
    grid-template-columns: 1fr;
  }

  body[data-page="servicios"] .services-hero__copy .display {
    max-width: 10ch;
  }

  body[data-page="servicios"] .services-hero__art--editorial {
    min-height: 590px;
  }

  body[data-page="servicios"] .services-hero__person {
    right: 50%;
    bottom: -95px;
    width: min(680px, 102%) !important;
    height: 690px !important;
    transform: translateX(50%);
  }

  body[data-page="servicios"] .services-hero__art--editorial::before {
    right: 50%;
    width: min(540px, 82vw);
    transform: translateX(50%) rotate(5deg);
  }

  body[data-page="servicios"] .services-hero__logo {
    right: 7%;
  }

  body[data-page="servicios"] .services-hero__tool {
    left: 8%;
  }

  body[data-page="servicios"] #empresas .services-section__head {
    grid-template-columns: 1fr;
  }

  body[data-page="servicios"] #empresas .services-section__head > p {
    max-width: 58ch;
  }

  body[data-page="servicios"] .service-grid--business {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }

  body[data-page="servicios"] .service-grid--business .service-card:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
    min-height: 520px;
  }

  body[data-page="servicios"] .service-grid--business .service-card:nth-child(1) {
    grid-column: 1 / -1;
    min-height: 600px;
  }

  body[data-page="servicios"] #postulantes {
    display: flex;
    flex-direction: column;
    padding-left: 28px;
    padding-right: 28px;
  }

  body[data-page="servicios"] #postulantes .services-section__head {
    order: 1;
    max-width: var(--max);
    margin-left: auto;
    margin-right: auto;
  }

  body[data-page="servicios"] #postulantes .candidate-photo {
    position: relative !important;
    order: 2;
    right: auto;
    bottom: auto !important;
    width: min(390px, 90vw);
    margin: -20px auto -12px;
  }

  body[data-page="servicios"] #postulantes .service-grid {
    order: 3;
    max-width: var(--max);
    margin-left: auto;
    margin-right: auto;
  }

  body[data-page="servicios"] #postulantes::after {
    right: 50%;
    bottom: 39%;
    width: 360px;
    transform: translateX(50%);
  }

  body[data-page="servicios"] .service-grid--cv {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="servicios"] .service-cta {
    grid-template-columns: 120px 1fr;
  }

  body[data-page="servicios"] .service-cta > img {
    width: 116px;
    height: 116px;
  }

  body[data-page="servicios"] .service-cta > .btn {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 640px) {
  body[data-page="servicios"] .services-hero {
    padding: calc(var(--nav-h) + 42px) 20px 66px;
  }

  body[data-page="servicios"] .services-hero__copy .display {
    font-size: clamp(3.55rem, 17vw, 5.35rem);
  }

  body[data-page="servicios"] .services-hero .hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  body[data-page="servicios"] .services-hero .hero__actions .btn {
    width: 100%;
  }

  body[data-page="servicios"] .services-hero__art--editorial {
    min-height: 445px;
  }

  body[data-page="servicios"] .services-hero__person {
    bottom: -70px;
    height: 510px !important;
  }

  body[data-page="servicios"] .services-hero__tool {
    left: 0;
    width: 112px !important;
    height: 112px !important;
  }

  body[data-page="servicios"] .services-hero__logo {
    right: 0;
    width: 94px !important;
    height: 94px !important;
  }

  body[data-page="servicios"] #empresas,
  body[data-page="servicios"] #postulantes {
    padding: 78px 20px 90px;
  }

  body[data-page="servicios"] #empresas .services-section__head,
  body[data-page="servicios"] #postulantes .services-section__head {
    margin-bottom: 42px;
  }

  body[data-page="servicios"] #empresas .services-section__head .h2,
  body[data-page="servicios"] #postulantes .services-section__head .h2 {
    font-size: clamp(3.15rem, 15vw, 4.75rem);
  }

  body[data-page="servicios"] .service-grid--business,
  body[data-page="servicios"] .service-grid--cv {
    grid-template-columns: 1fr;
  }

  body[data-page="servicios"] .service-grid--business .service-card:nth-child(n),
  body[data-page="servicios"] .service-grid--cv .service-card {
    grid-column: auto;
    min-height: 0;
    padding: 28px;
    border-radius: 28px 28px 28px 9px;
  }

  body[data-page="servicios"] .service-grid--business .service-card:nth-child(1) {
    min-height: 560px;
  }

  body[data-page="servicios"] .service-grid--business .service-card:nth-child(1) .service-card__top {
    min-height: 130px;
  }

  body[data-page="servicios"] .service-grid--business .service-card:nth-child(1) .service-card__top img {
    width: 145px;
    height: 145px;
  }

  body[data-page="servicios"] .service-grid--business .service-card:nth-child(1) h3 {
    font-size: clamp(2.5rem, 12vw, 3.8rem);
  }

  body[data-page="servicios"] #postulantes .candidate-photo {
    width: min(320px, 92vw);
    margin-bottom: -8px;
  }

  body[data-page="servicios"] #postulantes::after {
    bottom: 52%;
    width: 270px;
  }

  body[data-page="servicios"] .service-grid--cv .service-card {
    min-height: 490px;
  }

  body[data-page="servicios"] .service-grid--cv .service-card__top img {
    width: 98px;
    height: 98px;
  }

  body[data-page="servicios"] .service-cta {
    width: calc(100% - 40px);
    min-height: 0;
    margin: 76px 20px 88px;
    padding: 32px 26px;
    grid-template-columns: 1fr;
    border-radius: 30px 30px 30px 10px;
  }

  body[data-page="servicios"] .service-cta > img {
    width: 96px;
    height: 96px;
  }

  body[data-page="servicios"] .service-cta h2 {
    font-size: clamp(2.55rem, 12vw, 3.8rem);
  }
}

/* ============================================================
   V29 · SERVICIOS EDITORIAL, SIN BORDES TIPO CÓMIC
   ============================================================ */

body[data-page="servicios"] .services-hero {
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}

body[data-page="servicios"] .services-hero .tag {
  border: 0;
  box-shadow: none;
}

body[data-page="servicios"] .services-hero__art--editorial::before {
  box-shadow: 0 36px 90px rgba(157, 72, 255, .2);
}

body[data-page="servicios"] #empresas .services-section__head > p {
  border-left-width: 3px;
}

body[data-page="servicios"] .service-grid--business .service-card,
body[data-page="servicios"] .service-grid--cv .service-card {
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: 30px;
  box-shadow: 0 24px 58px rgba(12, 12, 16, .1);
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(1),
body[data-page="servicios"] .service-grid--business .service-card:nth-child(3),
body[data-page="servicios"] .service-grid--cv .service-card:nth-child(2) {
  border-color: rgba(255, 255, 255, .14);
}

body[data-page="servicios"] .service-grid--business .service-card:hover,
body[data-page="servicios"] .service-grid--cv .service-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 32px 72px rgba(12, 12, 16, .16);
}

body[data-page="servicios"] .service-grid--business .service-card__num,
body[data-page="servicios"] .service-grid--cv .service-card__num {
  text-shadow: none;
}

body[data-page="servicios"] #postulantes {
  border-top: 0;
  border-bottom: 0;
}

body[data-page="servicios"] #postulantes::after {
  box-shadow: 0 35px 80px rgba(93, 31, 160, .26);
}

body[data-page="servicios"] #postulantes .services-section__head > p {
  border-left-width: 3px;
}

body[data-page="servicios"] .service-grid--cv .service-card__badge {
  border: 0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .14);
}

body[data-page="servicios"] .service-grid--cv .btn,
body[data-page="servicios"] .service-grid--cv .service-card:nth-child(2) .btn {
  box-shadow: none;
}

body[data-page="servicios"] .service-cta {
  border: 0;
  border-radius: 34px;
  box-shadow: 0 30px 70px rgba(62, 18, 108, .24);
}

body[data-page="servicios"] .service-cta .tag,
body[data-page="servicios"] .service-cta > .btn {
  border: 0;
  box-shadow: none;
}

body[data-page="servicios"] .service-cta > .btn:hover,
body[data-page="servicios"] .service-grid--cv .btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
}

@media (max-width: 640px) {
  body[data-page="servicios"] .service-grid--business .service-card:nth-child(n),
  body[data-page="servicios"] .service-grid--cv .service-card,
  body[data-page="servicios"] .service-cta {
    border-radius: 24px;
  }
}

/* ============================================================
   V25 · ACCESOS RÁPIDOS + VACANTES
   ============================================================ */

/* Los seis accesos permanecen juntos en una sola fila. */
.search-head__inner > .chips--quick {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  width: min(100%, 1050px);
  max-width: 1050px;
  padding: 4px 2px 8px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.search-head__inner > .chips--quick::-webkit-scrollbar {
  display: none;
}

.search-head__inner > .chips--quick li,
.search-head__inner > .chips--quick .chip {
  flex: 0 0 auto;
  white-space: nowrap;
}

/* Área de resultados con más aire y mejor jerarquía. */
.results {
  padding-top: 82px;
  padding-bottom: 110px;
}

.results__layout {
  grid-template-columns: 280px minmax(0, 1fr);
  gap: clamp(32px, 4vw, 54px);
}

.listing__bar {
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--gris-borde);
}

.counter {
  font-size: 1.18rem;
  font-weight: 900;
  letter-spacing: -.025em;
}

.demo-note {
  margin-bottom: 26px;
  padding: 17px 20px;
  border-left: 6px solid var(--morado);
  background: #f7efff;
  color: #4b246d;
  font-size: .9rem;
  line-height: 1.55;
}

.jobs {
  gap: 20px;
}

.job {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr) minmax(190px, 220px);
  align-items: stretch;
  gap: 22px;
  min-height: 210px;
  padding: 28px 28px 26px;
  border: 2px solid var(--negro);
  border-radius: 28px 28px 28px 8px;
  background: var(--blanco);
  box-shadow: 7px 8px 0 rgba(0, 0, 0, .09);
  transition:
    transform .24s var(--ease),
    box-shadow .24s var(--ease),
    border-color .24s var(--ease);
}

.job::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 9px;
  background: var(--morado);
}

.job:nth-child(even)::before {
  background: var(--menta);
}

.job:hover {
  border-color: var(--negro);
  transform: translate(-3px, -3px);
  box-shadow: 11px 12px 0 var(--morado);
}

.job__logo {
  width: 68px;
  height: 68px;
  border: 2px solid var(--negro);
  border-radius: 19px 19px 19px 6px;
  background: var(--morado);
  color: var(--blanco);
  box-shadow: 4px 4px 0 var(--negro);
  font-size: 1.65rem;
}

.job:nth-child(even) .job__logo {
  background: var(--menta);
  color: var(--negro);
}

.job > div:nth-child(2) {
  min-width: 0;
  padding-top: 2px;
}

.job__title {
  max-width: 30ch;
  margin-bottom: 5px;
  font-size: clamp(1.3rem, 2vw, 1.55rem);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.035em;
}

.job__company {
  color: var(--negro);
  font-size: .9rem;
  font-weight: 800;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: .015em;
}

.job__place {
  margin-top: 8px;
  color: var(--gris-txt);
  font-size: .9rem;
  font-weight: 500;
}

.job__chips {
  margin-top: 17px;
  gap: 8px;
}

.job__chips span {
  padding: 6px 11px;
  border: 1.5px solid #d6d6dc;
  background: #f8f8f9;
  color: #33333a;
  font-size: .76rem;
  font-weight: 700;
  line-height: 1;
}

.job__requirements {
  max-width: 62ch;
  margin-top: 13px;
  color: #45454c;
  font-size: .94rem;
  line-height: 1.42;
}

.job__side {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  padding-left: 24px;
  border-left: 1px solid var(--gris-borde);
  text-align: right;
}

.job__salary {
  position: relative;
  color: var(--negro);
  font-size: 1.16rem;
  font-weight: 900;
  line-height: 1.15;
  white-space: normal;
}

.job__salary::after {
  content: "";
  display: block;
  width: 54px;
  height: 6px;
  margin: 8px 0 0 auto;
  border-radius: 999px;
  background: var(--menta);
}

.job__date {
  color: var(--gris-txt);
  font-size: .8rem;
  font-weight: 500;
}

.job__cta {
  min-width: 170px;
  margin-top: 8px;
  padding: 12px 20px;
  border-color: var(--negro);
  background: var(--negro);
  color: var(--blanco);
}

.job__cta:hover {
  border-color: var(--morado);
  background: var(--morado);
  color: var(--blanco);
}

@media (max-width: 1080px) {
  .results__layout {
    grid-template-columns: 1fr;
  }

  .job {
    grid-template-columns: 64px minmax(0, 1fr) minmax(180px, 205px);
  }
}

@media (max-width: 780px) {
  .search-head__inner > .chips--quick {
    width: 100%;
  }

  .job {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 18px;
    padding: 24px 22px 22px;
  }

  .job__logo {
    width: 58px;
    height: 58px;
    font-size: 1.4rem;
  }

  .job__side {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px 18px;
    padding: 18px 0 0;
    border-top: 1px solid var(--gris-borde);
    border-left: 0;
    text-align: left;
  }

  .job__salary,
  .job__date {
    text-align: left;
  }

  .job__salary::after {
    margin-left: 0;
  }

  .job__cta {
    grid-column: 2;
    grid-row: 1 / span 2;
    min-width: 150px;
    margin-top: 0;
  }
}

@media (max-width: 520px) {
  .results {
    padding: 62px 16px 86px;
  }

  .job {
    grid-template-columns: 52px minmax(0, 1fr);
    min-height: 0;
    padding: 21px 18px 20px;
    border-radius: 22px 22px 22px 7px;
  }

  .job__logo {
    width: 52px;
    height: 52px;
    border-radius: 15px 15px 15px 5px;
  }

  .job__title {
    font-size: 1.2rem;
  }

  .job__company {
    font-size: .8rem;
  }

  .job__requirements {
    font-size: .9rem;
  }

  .job__side {
    grid-template-columns: 1fr;
  }

  .job__cta {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
    margin-top: 8px;
  }
}

/* ============================================================
   V26 · PREGUNTAS FRECUENTES
   ============================================================ */

.faq {
  max-width: none;
  margin: 0;
  padding: clamp(92px, 9vw, 144px) max(28px, calc((100vw - var(--max)) / 2)) clamp(96px, 10vw, 150px);
  background: var(--blanco);
  border-top: 3px solid var(--negro);
}

.faq > .h2 {
  width: min(100%, 900px);
  margin: 0 auto clamp(46px, 5vw, 70px);
  color: var(--negro);
  font-size: clamp(3.35rem, 6vw, 6.35rem);
  font-weight: 900;
  line-height: .88;
  letter-spacing: -.075em;
  text-align: center;
}

.faq > .h2 .w-light {
  display: block;
  margin-top: .1em;
  color: var(--morado);
  font-size: .76em;
  font-weight: 400;
  letter-spacing: -.055em;
}

.faq .acc {
  counter-reset: faq-item;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  width: min(100%, 1180px);
  margin: 0 auto;
  border: 0;
}

.faq .acc details {
  counter-increment: faq-item;
  position: relative;
  overflow: hidden;
  min-height: 126px;
  border: 2px solid var(--negro);
  border-radius: 24px 24px 24px 7px;
  background: var(--blanco);
  box-shadow: 6px 7px 0 var(--negro);
  transition: transform .22s var(--ease), box-shadow .22s var(--ease), background-color .22s var(--ease);
}

.faq .acc details:nth-child(2),
.faq .acc details:nth-child(5) {
  background-color: #f3e8ff;
}

.faq .acc details:nth-child(5) {
  grid-column: 1 / -1;
}

.faq .acc details:hover {
  transform: translate(-2px, -2px);
  box-shadow: 9px 10px 0 var(--morado);
}

.faq .acc details[open] {
  background-color: var(--negro);
  color: var(--blanco);
  box-shadow: 8px 9px 0 var(--morado);
}

.faq .acc details::before {
  content: counter(faq-item, decimal-leading-zero);
  position: absolute;
  top: 25px;
  left: 24px;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 2px solid var(--negro);
  border-radius: 15px 15px 15px 5px;
  background: var(--menta);
  color: var(--negro);
  font-size: .77rem;
  font-weight: 900;
  line-height: 1;
}

.faq .acc details[open]::before {
  border-color: var(--menta);
}

.faq .acc summary {
  min-height: 122px;
  padding: 34px 82px 30px 90px;
  color: inherit;
  font-size: clamp(1.02rem, 1.45vw, 1.24rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.018em;
}

.faq .acc summary::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 26px;
  width: 44px;
  height: 44px;
  border: 2px solid var(--negro);
  border-radius: 50%;
  background: var(--morado);
  transform: translateY(-50%);
  transition: background-color .22s var(--ease), transform .22s var(--ease);
}

.faq .acc summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 26px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  background: transparent;
  color: var(--blanco);
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 1;
  transform: translateY(-52%);
}

.faq .acc details[open] summary {
  min-height: 96px;
  padding-bottom: 18px;
}

.faq .acc details[open] summary::before {
  border-color: var(--menta);
  background: var(--menta);
  transform: translateY(-50%) rotate(180deg);
}

.faq .acc details[open] summary::after {
  content: "−";
  color: var(--negro);
}

.faq .acc details p {
  max-width: 64ch;
  margin: 0;
  padding: 0 88px 34px 90px;
  color: rgba(255, 255, 255, .74);
  font-size: .96rem;
  font-weight: 400;
  line-height: 1.65;
}

.faq .acc details p a {
  color: var(--menta);
  font-weight: 800;
}

.faq__close {
  position: relative;
  overflow: hidden;
  width: min(100%, 1180px);
  min-height: 170px;
  margin: clamp(48px, 6vw, 76px) auto 0;
  padding: 34px clamp(28px, 4vw, 54px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 32px;
  border: 2px solid var(--negro);
  border-radius: 30px 30px 30px 8px;
  background-color: var(--negro);
  background-image: url("assets/Textura/bolsa-textura.png");
  background-size: 620px auto;
  background-position: center;
  background-blend-mode: soft-light;
  box-shadow: 9px 10px 0 var(--morado);
}

.faq__close::before {
  content: "@";
  position: absolute;
  right: 290px;
  top: 50%;
  color: rgba(157, 72, 255, .24);
  font-size: 11rem;
  font-weight: 900;
  line-height: 1;
  transform: translateY(-51%) rotate(-8deg);
  pointer-events: none;
}

.faq__close p {
  position: relative;
  z-index: 1;
  max-width: 31ch;
  margin: 0;
  color: var(--blanco);
  font-size: clamp(1.25rem, 2vw, 1.7rem);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -.03em;
}

.faq__close .btn {
  position: relative;
  z-index: 1;
  min-width: 245px;
  border-color: var(--menta);
  background: var(--menta);
  color: var(--negro);
  box-shadow: 5px 6px 0 var(--morado);
}

.faq__close .btn:hover {
  border-color: var(--blanco);
  background: var(--blanco);
  color: var(--negro);
}

@media (max-width: 820px) {
  .faq .acc {
    grid-template-columns: 1fr;
  }

  .faq .acc details:nth-child(5) {
    grid-column: auto;
  }

  .faq__close {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .faq__close::before {
    right: 0;
  }
}

@media (max-width: 560px) {
  .faq {
    padding: 76px 20px 92px;
  }

  .faq > .h2 {
    margin-bottom: 38px;
    font-size: clamp(3rem, 17vw, 4.6rem);
  }

  .faq .acc {
    gap: 14px;
  }

  .faq .acc details {
    min-height: 0;
    border-radius: 21px 21px 21px 7px;
  }

  .faq .acc details::before {
    top: 22px;
    left: 18px;
    width: 40px;
    height: 40px;
  }

  .faq .acc summary,
  .faq .acc details[open] summary {
    min-height: 86px;
    padding: 27px 67px 25px 72px;
    font-size: 1rem;
  }

  .faq .acc summary::before,
  .faq .acc summary::after {
    right: 16px;
    width: 38px;
    height: 38px;
  }

  .faq .acc details p {
    padding: 0 24px 28px 72px;
    font-size: .91rem;
  }

  .faq__close {
    margin-top: 44px;
    padding: 30px 24px;
    border-radius: 24px 24px 24px 8px;
  }

  .faq__close .btn {
    width: 100%;
    min-width: 0;
  }
}

/* ============================================================
   V27 · CV EN BLANCO + TEXTURA DE BOLSA
   ============================================================ */

.cv {
  color: var(--negro);
  background-color: #f3f3f5;
  background-image: none;
  border-top: 3px solid var(--negro);
  border-bottom: 3px solid var(--negro);
}

/* La textura va sobre toda la superficie blanca. */
.cv::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  background-color: var(--blanco);
  background-image: url("assets/Textura/bolsa-textura.png");
  background-repeat: repeat;
  background-position: center top;
  background-size: 820px auto;
  background-blend-mode: multiply;
  opacity: .96;
  pointer-events: none;
}

.cv::after {
  z-index: -1;
  left: -12vw;
  bottom: -20vw;
  border-color: rgba(157, 72, 255, .22);
}

.cv__card .tag {
  background: var(--menta);
  color: var(--negro);
  box-shadow: 6px 6px 0 var(--morado);
}

.cv__card .h2 {
  color: var(--negro);
}

.cv__card .h2 .w-black {
  color: var(--morado);
  text-shadow: 6px 7px 0 var(--menta);
}

.cv__card .h2 .w-light {
  color: var(--negro);
}

.cv__card > p:not(.tag) {
  color: #3f3f47;
}

.cv__card .btn {
  border-color: var(--negro);
  background: var(--negro);
  color: var(--blanco);
  box-shadow: 7px 8px 0 var(--morado);
}

.cv__card .btn:hover {
  border-color: var(--negro);
  background: var(--menta);
  color: var(--negro);
  box-shadow: 4px 5px 0 var(--morado);
}

.cv__art::before {
  background-color: var(--negro);
  background-image:
    linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)),
    url("assets/Textura/bolsa-textura.png");
  background-size: cover, 700px auto;
  background-position: center;
  background-repeat: no-repeat, repeat;
  background-blend-mode: normal, soft-light;
  box-shadow:
    18px 20px 0 var(--menta),
    -12px -13px 0 var(--morado);
}

.cv__art img {
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 28px 32px rgba(0, 0, 0, .28));
}

@media (max-width: 620px) {
  .cv::before {
    background-size: 620px auto;
  }

  .cv__card .h2 .w-black {
    text-shadow: 4px 5px 0 var(--menta);
  }

  .cv__art::before {
    box-shadow:
      10px 12px 0 var(--menta),
      -7px -8px 0 var(--morado);
  }
}

/* ============================================================
   SERVICIOS · CORRECCIÓN FINAL
   Paleta: negro, blanco, morado y verde menta
   ============================================================ */

body[data-page="servicios"] main{
  overflow:hidden;
  background:var(--blanco);
}

body[data-page="servicios"] .services-hero,
body[data-page="servicios"] #postulantes,
body[data-page="servicios"] .service-card,
body[data-page="servicios"] .service-cta{
  isolation:isolate;
  background-image:none!important;
  background-blend-mode:normal!important;
}

/* Textura real de la bolsa sobre los colores, sin cambiar la paleta. */
body[data-page="servicios"] .services-hero.plastic::before,
body[data-page="servicios"] #postulantes.plastic::before,
body[data-page="servicios"] .service-card.plastic::before,
body[data-page="servicios"] .service-cta.plastic::before{
  content:"";
  display:block!important;
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  background:url("assets/Textura/bolsa-textura.png") center/820px auto repeat;
  filter:none;
  pointer-events:none;
}

body[data-page="servicios"] .services-hero.plastic::before,
body[data-page="servicios"] .service-card--black.plastic::before{
  opacity:.17;
  mix-blend-mode:screen;
}

body[data-page="servicios"] #postulantes.plastic::before,
body[data-page="servicios"] .service-card--mint.plastic::before,
body[data-page="servicios"] .service-card--purple.plastic::before,
body[data-page="servicios"] .service-cta.plastic::before{
  opacity:.13;
  mix-blend-mode:normal;
}

body[data-page="servicios"] .services-hero__inner,
body[data-page="servicios"] #postulantes>* ,
body[data-page="servicios"] .service-card>* ,
body[data-page="servicios"] .service-cta>*{
  position:relative;
  z-index:1;
}

/* Hero */
body[data-page="servicios"] .services-hero{
  min-height:760px;
  border:0;
  color:var(--blanco);
  background-color:var(--negro)!important;
}

body[data-page="servicios"] .services-hero::after{
  z-index:0;
  border-color:var(--menta);
  box-shadow:none;
}

body[data-page="servicios"] .services-hero__copy .display{
  display:flex;
  max-width:760px;
  margin:0 0 30px;
  flex-direction:column;
  align-items:flex-start;
  font-size:clamp(4.5rem,6.7vw,7.1rem);
  letter-spacing:-.075em;
}

body[data-page="servicios"] .services-hero__copy .display .w-black{
  color:var(--blanco);
  font-size:1em;
  font-weight:900;
  line-height:.8;
}

body[data-page="servicios"] .services-title__middle{
  display:block;
  margin-top:.12em;
  color:var(--blanco);
  font-size:.58em;
  font-weight:400;
  line-height:.95;
  letter-spacing:-.055em;
}

body[data-page="servicios"] .services-hero__copy .display .w-light{
  display:block;
  margin-top:.08em;
  color:var(--menta);
  font-size:.63em;
  font-weight:900;
  line-height:.92;
}

body[data-page="servicios"] .services-hero .lede{
  color:var(--blanco);
  opacity:.76;
}

body[data-page="servicios"] .services-hero__art--editorial::before{
  background:var(--morado);
  box-shadow:none;
}

body[data-page="servicios"] .services-hero__person{
  width:122%!important;
  height:780px!important;
}

/* Servicios para empresas */
body[data-page="servicios"] #empresas .services-section__head>p,
body[data-page="servicios"] #postulantes .services-section__head>p{
  color:var(--negro);
  opacity:.72;
}

body[data-page="servicios"] .service-grid--business{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:auto;
  gap:24px;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(n){
  grid-column:auto;
  grid-row:auto;
  min-height:590px;
  padding:clamp(32px,3vw,46px);
  border:0;
  border-radius:28px;
  box-shadow:none;
  transform:none;
}

body[data-page="servicios"] .service-grid--business .service-card--black{
  color:var(--blanco)!important;
  background-color:var(--negro)!important;
}

body[data-page="servicios"] .service-grid--business .service-card--mint{
  color:var(--negro)!important;
  background-color:var(--menta)!important;
}

body[data-page="servicios"] .service-grid--business .service-card--purple{
  color:var(--blanco)!important;
  background-color:var(--morado)!important;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(n) .service-card__top{
  min-height:142px;
  margin-bottom:24px;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(n) .service-card__top img{
  width:clamp(108px,9vw,142px);
  height:clamp(108px,9vw,142px);
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(n) h3{
  max-width:15ch;
  font-size:clamp(2rem,2.45vw,2.8rem);
  line-height:.96;
}

body[data-page="servicios"] .service-grid--business .service-card h3,
body[data-page="servicios"] .service-grid--business .service-card p,
body[data-page="servicios"] .service-grid--business .service-card .text-link{
  color:inherit!important;
}

body[data-page="servicios"] .service-grid--business .service-card p{
  opacity:.76;
}

body[data-page="servicios"] .service-grid--business .service-card:hover,
body[data-page="servicios"] .service-grid--cv .service-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 0 var(--negro);
}

/* Servicios para postulantes */
body[data-page="servicios"] #postulantes{
  border:0;
  color:var(--negro);
  background-color:var(--menta)!important;
}

body[data-page="servicios"] #postulantes::after{
  z-index:0;
  background:var(--morado);
  box-shadow:none;
}

body[data-page="servicios"] #postulantes .candidate-photo{
  z-index:2!important;
  width:min(35vw,520px);
}

body[data-page="servicios"] .service-grid--cv .service-card{
  border:0;
  border-radius:28px;
  box-shadow:none;
}

body[data-page="servicios"] .service-grid--cv .service-card--white{
  color:var(--negro)!important;
  background-color:var(--blanco)!important;
}

body[data-page="servicios"] .service-grid--cv .service-card--black{
  color:var(--blanco)!important;
  background-color:var(--negro)!important;
}

body[data-page="servicios"] .service-grid--cv .service-card h3,
body[data-page="servicios"] .service-grid--cv .service-card p{
  color:inherit!important;
}

body[data-page="servicios"] .service-grid--cv .service-card p{
  opacity:.74;
}

body[data-page="servicios"] .service-grid--cv .service-card__badge{
  border:0;
  color:var(--negro);
  background:var(--menta);
  box-shadow:none;
}

/* CTA */
body[data-page="servicios"] .service-cta{
  border:0;
  border-radius:30px;
  color:var(--blanco);
  background-color:var(--morado)!important;
  box-shadow:none;
}

body[data-page="servicios"] .service-cta::after{
  z-index:0;
  border-color:var(--blanco);
}

body[data-page="servicios"] .service-cta p:not(.tag){
  color:var(--blanco);
  opacity:.78;
}

body[data-page="servicios"] .service-cta .tag,
body[data-page="servicios"] .service-cta>.btn,
body[data-page="servicios"] .service-grid--cv .btn{
  box-shadow:none;
}

@media(max-width:980px){
  body[data-page="servicios"] .service-grid--business{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body[data-page="servicios"] .service-grid--business .service-card:first-child{
    grid-column:1/-1;
  }
}

@media(max-width:640px){
  body[data-page="servicios"] .services-hero{
    min-height:0;
  }

  body[data-page="servicios"] .services-hero__copy .display{
    font-size:clamp(3.5rem,17vw,5rem);
  }

  body[data-page="servicios"] .services-title__middle,
  body[data-page="servicios"] .services-hero__copy .display .w-light{
    font-size:.56em;
  }

  body[data-page="servicios"] .service-grid--business{
    grid-template-columns:1fr;
  }

  body[data-page="servicios"] .service-grid--business .service-card:first-child{
    grid-column:auto;
  }

  body[data-page="servicios"] .service-grid--business .service-card:nth-child(n){
    min-height:0;
    border-radius:24px;
  }

  body[data-page="servicios"] #postulantes .candidate-photo{
    width:min(350px,94vw);
  }

  body[data-page="servicios"] .service-grid--cv .service-card,
  body[data-page="servicios"] .service-cta{
    border-radius:24px;
  }
}

/* ============================================================
   SERVICIOS · LEGIBILIDAD Y RITMO
   ============================================================ */

/* Evita que la textura clara lave los fondos negros. */
body[data-page="servicios"] .services-hero.plastic::before,
body[data-page="servicios"] .service-grid--business .service-card:first-child.plastic::before,
body[data-page="servicios"] .service-grid--cv .service-card:nth-child(2).plastic::before{
  opacity:.28!important;
  filter:grayscale(1) contrast(1.8) brightness(.28)!important;
  mix-blend-mode:screen!important;
}

/* Colores por posición: funciona aunque las clases del HTML sean antiguas. */
body[data-page="servicios"] .service-grid--business .service-card:nth-child(1){
  color:var(--blanco)!important;
  background-color:var(--negro)!important;
  background-image:none!important;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(2){
  color:var(--negro)!important;
  background-color:var(--menta)!important;
  background-image:none!important;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(3){
  color:var(--blanco)!important;
  background-color:var(--morado)!important;
  background-image:none!important;
}

body[data-page="servicios"] #empresas .services-section__head{
  align-items:center;
  gap:clamp(42px,7vw,96px);
  margin-bottom:52px;
}

body[data-page="servicios"] #empresas .services-section__head .h2{
  max-width:10ch;
  font-size:clamp(3.4rem,5.2vw,5.55rem);
  line-height:.88;
}

body[data-page="servicios"] #empresas .services-section__head .h2 .w-light{
  margin-top:.16em;
  font-size:.68em;
  line-height:.96;
}

body[data-page="servicios"] #empresas .services-section__head>p{
  max-width:42ch;
  padding-left:26px;
  font-size:1rem;
  line-height:1.65;
}

body[data-page="servicios"] .service-grid--business{
  gap:26px;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(n){
  min-height:540px;
  padding:38px;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(n) .service-card__top{
  min-height:112px;
  margin-bottom:30px;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(n) h3{
  max-width:16ch;
  margin-bottom:20px;
  font-size:clamp(1.8rem,2vw,2.35rem);
  line-height:1;
  letter-spacing:-.045em;
}

body[data-page="servicios"] .service-grid--business .service-card p{
  max-width:42ch;
  margin-bottom:14px;
  font-size:.97rem;
  line-height:1.62;
  opacity:.82;
}

body[data-page="servicios"] .service-grid--business .text-link{
  padding-top:28px;
  line-height:1.35;
}

/* Postulantes: ancho de lectura y espacios consistentes. */
body[data-page="servicios"] #postulantes .services-section__head{
  margin-bottom:50px;
}

body[data-page="servicios"] #postulantes .services-section__head .h2{
  max-width:11ch;
  font-size:clamp(3.5rem,5.2vw,5.6rem);
  line-height:.88;
}

body[data-page="servicios"] #postulantes .services-section__head .h2 .w-light{
  margin-top:.16em;
  font-size:.66em;
  line-height:.98;
}

body[data-page="servicios"] #postulantes .services-section__head>p{
  max-width:46ch;
  padding-left:26px;
  font-size:1rem;
  line-height:1.65;
}

body[data-page="servicios"] .service-grid--cv{
  max-width:920px;
  gap:24px;
}

body[data-page="servicios"] .service-grid--cv .service-card{
  min-height:520px;
  padding:38px;
}

body[data-page="servicios"] .service-grid--cv .service-card__top{
  min-height:112px;
  margin-bottom:28px;
}

body[data-page="servicios"] .service-grid--cv .service-card h3{
  max-width:17ch;
  margin-bottom:20px;
  font-size:clamp(1.85rem,2.2vw,2.45rem);
  line-height:1;
}

body[data-page="servicios"] .service-grid--cv .service-card p{
  max-width:44ch;
  margin-bottom:14px;
  font-size:.96rem;
  line-height:1.62;
  opacity:.8;
}

/* La regla general de capas había convertido esta etiqueta en bloque relativo. */
body[data-page="servicios"] .service-grid--cv .service-card__badge{
  position:absolute!important;
  z-index:4!important;
  top:28px;
  right:28px;
  width:max-content;
  max-width:calc(100% - 56px);
  padding:8px 14px;
  line-height:1.2;
  white-space:nowrap;
}

body[data-page="servicios"] .service-grid--cv .service-card--featured .service-card__top{
  min-height:150px;
  padding-top:54px;
}

body[data-page="servicios"] .service-grid--cv .service-card--featured .service-card__num{
  line-height:1;
}

body[data-page="servicios"] .service-grid--cv .service-card--featured .service-card__top img{
  margin-top:22px;
}

body[data-page="servicios"] .service-grid--cv .service-card>.btn{
  margin-top:28px;
}

@media(max-width:1180px){
  body[data-page="servicios"] #postulantes .services-section__head{
    margin-bottom:38px;
  }

  body[data-page="servicios"] #postulantes .candidate-photo{
    margin:0 auto 30px;
  }

  body[data-page="servicios"] .service-grid--cv{
    max-width:1040px;
  }
}

@media(max-width:980px){
  body[data-page="servicios"] #empresas .services-section__head{
    gap:28px;
  }

  body[data-page="servicios"] .service-grid--business .service-card:nth-child(n){
    min-height:500px;
  }
}

@media(max-width:720px){
  body[data-page="servicios"] #empresas .services-section__head,
  body[data-page="servicios"] #postulantes .services-section__head{
    grid-template-columns:1fr;
    gap:24px;
    margin-bottom:40px;
  }

  body[data-page="servicios"] #empresas .services-section__head>p,
  body[data-page="servicios"] #postulantes .services-section__head>p{
    padding-left:18px;
  }

  body[data-page="servicios"] .service-grid--business,
  body[data-page="servicios"] .service-grid--cv{
    grid-template-columns:1fr;
    gap:18px;
  }

  body[data-page="servicios"] .service-grid--business .service-card:nth-child(n),
  body[data-page="servicios"] .service-grid--cv .service-card{
    min-height:0;
    padding:28px;
  }

  body[data-page="servicios"] .service-grid--cv .service-card__badge{
    top:24px;
    right:24px;
    max-width:calc(100% - 48px);
  }
}

/* POSTULANTES · AJUSTE FINAL AL CIERRE DEL ARCHIVO */
body[data-page="servicios"] #postulantes{
  scroll-margin-top:calc(var(--nav-h) + 24px);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,390px) minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:24px;
  row-gap:48px;
  min-height:0;
  padding:clamp(96px,8vw,128px) max(28px,calc((100vw - var(--max))/2)) clamp(88px,8vw,120px);
  overflow:hidden;
}

body[data-page="servicios"] #postulantes .services-section__head{
  grid-column:1/-1;
  grid-row:1;
  width:100%;
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
  align-items:end;
  gap:clamp(40px,7vw,96px);
}

body[data-page="servicios"] #postulantes .services-section__head .tag{margin:0 0 22px}
body[data-page="servicios"] #postulantes .services-section__head .h2{
  max-width:11ch;
  margin:0;
  font-size:clamp(3.4rem,4.8vw,5.25rem);
  line-height:.9;
  letter-spacing:-.065em;
}
body[data-page="servicios"] #postulantes .services-section__head>p{
  align-self:end;
  max-width:42ch;
  margin:0 0 4px;
  padding-left:24px;
  font-size:1.05rem;
  line-height:1.55;
}

body[data-page="servicios"] #postulantes .service-grid--cv{
  grid-column:1/-1;
  grid-row:2;
  width:100%;
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,390px) minmax(0,1fr);
  gap:24px;
  align-items:stretch;
}
body[data-page="servicios"] #postulantes .service-grid--cv .service-card{
  width:100%;
  min-width:0;
  min-height:590px;
  padding:36px;
  overflow:hidden;
}
body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(1){grid-column:1}
body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(2){grid-column:3}

body[data-page="servicios"] #postulantes .candidate-photo{
  position:relative!important;
  z-index:4!important;
  grid-column:2;
  grid-row:2;
  align-self:end;
  justify-self:center;
  right:auto!important;
  bottom:auto!important;
  width:100%;
  max-width:390px;
  height:590px;
  margin:0;
  object-fit:contain;
  object-position:center bottom;
}
body[data-page="servicios"] #postulantes::after{
  z-index:0;
  right:50%;
  bottom:clamp(112px,9vw,148px);
  width:min(31vw,420px);
  transform:translateX(50%);
}

@media(max-width:1180px){
  body[data-page="servicios"] #postulantes{
    display:flex;
    flex-direction:column;
    padding:clamp(88px,9vw,112px) max(28px,calc((100vw - var(--max))/2)) clamp(82px,9vw,110px);
  }
  body[data-page="servicios"] #postulantes .services-section__head{order:1;margin-bottom:38px}
  body[data-page="servicios"] #postulantes .candidate-photo{
    order:2;
    width:min(400px,74vw);
    height:500px;
    margin:0 auto 34px;
  }
  body[data-page="servicios"] #postulantes .service-grid--cv{
    order:3;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
    max-width:1000px;
  }
  body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(1),
  body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(2){grid-column:auto}
  body[data-page="servicios"] #postulantes::after{right:50%;bottom:43%;width:350px}
}

@media(max-width:720px){
  body[data-page="servicios"] #postulantes{padding:76px 20px 78px}
  body[data-page="servicios"] #postulantes .services-section__head{
    grid-template-columns:1fr;
    gap:22px;
    margin-bottom:28px;
  }
  body[data-page="servicios"] #postulantes .services-section__head .h2{font-size:clamp(2.8rem,14vw,4rem)}
  body[data-page="servicios"] #postulantes .candidate-photo{
    width:min(315px,88vw);
    height:400px;
    margin-bottom:26px;
  }
  body[data-page="servicios"] #postulantes .service-grid--cv{grid-template-columns:1fr;gap:18px}
  body[data-page="servicios"] #postulantes .service-grid--cv .service-card{min-height:0;padding:28px}
  body[data-page="servicios"] #postulantes::after{bottom:55%;width:270px}
}

/* ============================================================
   POSTULANTES · COMPOSICIÓN FINAL VISIBLE
   Tarjeta / mujer / tarjeta, sin recortes ni desbordes
   ============================================================ */

body[data-page="servicios"] #postulantes{
  scroll-margin-top:calc(var(--nav-h) + 24px);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,390px) minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:24px;
  row-gap:48px;
  min-height:0;
  padding:
    clamp(96px,8vw,128px)
    max(28px,calc((100vw - var(--max))/2))
    clamp(88px,8vw,120px);
  overflow:hidden;
}

body[data-page="servicios"] #postulantes .services-section__head{
  grid-column:1/-1;
  grid-row:1;
  width:100%;
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
  align-items:end;
  gap:clamp(40px,7vw,96px);
}

body[data-page="servicios"] #postulantes .services-section__head .tag{
  margin:0 0 22px;
}

body[data-page="servicios"] #postulantes .services-section__head .h2{
  max-width:11ch;
  margin:0;
  font-size:clamp(3.4rem,4.8vw,5.25rem);
  line-height:.9;
  letter-spacing:-.065em;
}

body[data-page="servicios"] #postulantes .services-section__head>p{
  align-self:end;
  max-width:42ch;
  margin:0 0 4px;
  font-size:1.05rem;
  line-height:1.55;
}

body[data-page="servicios"] #postulantes .service-grid--cv{
  grid-column:1/-1;
  grid-row:2;
  width:100%;
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,390px) minmax(0,1fr);
  gap:24px;
  align-items:stretch;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card{
  width:100%;
  min-width:0;
  min-height:590px;
  padding:36px;
  overflow:hidden;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(1){
  grid-column:1;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(2){
  grid-column:3;
}

body[data-page="servicios"] #postulantes .candidate-photo{
  position:relative!important;
  z-index:4!important;
  grid-column:2;
  grid-row:2;
  align-self:end;
  justify-self:center;
  right:auto!important;
  bottom:auto!important;
  width:100%;
  max-width:390px;
  height:590px;
  margin:0;
  object-fit:contain;
  object-position:center bottom;
}

body[data-page="servicios"] #postulantes::after{
  z-index:0;
  right:50%;
  bottom:clamp(112px,9vw,148px);
  width:min(31vw,420px);
  transform:translateX(50%);
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card__top{
  min-height:96px;
  margin-bottom:22px;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card h3{
  margin-bottom:18px;
  font-size:clamp(1.65rem,1.8vw,2.08rem);
  line-height:1.03;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card p{
  margin-bottom:14px;
  font-size:.94rem;
  line-height:1.55;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card--featured .service-card__top{
  min-height:132px;
  padding-top:44px;
}

@media(max-width:1180px){
  body[data-page="servicios"] #postulantes{
    display:flex;
    flex-direction:column;
    padding:
      clamp(88px,9vw,112px)
      max(28px,calc((100vw - var(--max))/2))
      clamp(82px,9vw,110px);
  }

  body[data-page="servicios"] #postulantes .services-section__head{
    order:1;
    grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
    margin-bottom:38px;
  }

  body[data-page="servicios"] #postulantes .candidate-photo{
    order:2;
    width:min(400px,74vw);
    height:500px;
    margin:0 auto 34px;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv{
    order:3;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
    max-width:1000px;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(1),
  body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(2){
    grid-column:auto;
  }

  body[data-page="servicios"] #postulantes::after{
    right:50%;
    bottom:43%;
    width:350px;
  }
}

@media(max-width:720px){
  body[data-page="servicios"] #postulantes{
    padding:76px 20px 78px;
  }

  body[data-page="servicios"] #postulantes .services-section__head{
    grid-template-columns:1fr;
    gap:22px;
    margin-bottom:28px;
  }

  body[data-page="servicios"] #postulantes .services-section__head .h2{
    font-size:clamp(2.8rem,14vw,4rem);
  }

  body[data-page="servicios"] #postulantes .candidate-photo{
    width:min(315px,88vw);
    height:400px;
    margin-bottom:26px;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv{
    grid-template-columns:1fr;
    gap:18px;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv .service-card{
    min-height:0;
    padding:28px;
  }

  body[data-page="servicios"] #postulantes::after{
    bottom:55%;
    width:270px;
  }
}

/* ============================================================
   POSTULANTES · MUJER AL CENTRO Y CONTENIDO VISIBLE
   ============================================================ */

body[data-page="servicios"] #postulantes{
  scroll-margin-top:calc(var(--nav-h) + 20px);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(310px,390px) minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:24px;
  row-gap:52px;
  padding:
    clamp(104px,9vw,138px)
    max(28px,calc((100vw - var(--max))/2))
    0;
}

body[data-page="servicios"] #postulantes .services-section__head{
  grid-column:1/-1;
  grid-row:1;
  width:100%;
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  align-items:end;
  gap:clamp(42px,7vw,96px);
}

body[data-page="servicios"] #postulantes .services-section__head .tag{
  margin-top:0;
  margin-bottom:24px;
}

body[data-page="servicios"] #postulantes .services-section__head .h2{
  max-width:10.5ch;
  margin:0;
  font-size:clamp(3.5rem,5vw,5.45rem);
  line-height:.88;
}

body[data-page="servicios"] #postulantes .services-section__head>p{
  align-self:end;
  max-width:43ch;
  margin:0 0 4px;
}

body[data-page="servicios"] #postulantes .service-grid--cv{
  grid-column:1/-1;
  grid-row:2;
  width:100%;
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(310px,390px) minmax(0,1fr);
  gap:24px;
  align-items:end;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card{
  width:100%;
  min-width:0;
  min-height:610px;
  padding:36px;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(1){
  grid-column:1;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(2){
  grid-column:3;
}

body[data-page="servicios"] #postulantes .candidate-photo{
  position:relative!important;
  z-index:4!important;
  grid-column:2;
  grid-row:2;
  align-self:end;
  justify-self:center;
  right:auto!important;
  bottom:auto!important;
  width:100%;
  max-width:390px;
  height:610px;
  margin:0 auto;
  object-fit:contain;
  object-position:center bottom;
}

body[data-page="servicios"] #postulantes::after{
  z-index:0;
  right:50%;
  bottom:72px;
  width:min(32vw,430px);
  transform:translateX(50%);
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card__top{
  min-height:102px;
  margin-bottom:24px;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card h3{
  font-size:clamp(1.72rem,1.9vw,2.2rem);
  line-height:1.02;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card p{
  font-size:.94rem;
  line-height:1.58;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card--featured .service-card__top{
  min-height:138px;
  padding-top:48px;
}

/* La sección termina después de la mujer, nunca sobre ella. */
body[data-page="servicios"] #postulantes .service-grid--cv,
body[data-page="servicios"] #postulantes .candidate-photo{
  margin-bottom:0;
}

@media(max-width:1180px){
  body[data-page="servicios"] #postulantes{
    display:flex;
    flex-direction:column;
    gap:0;
    padding:
      clamp(92px,9vw,118px)
      max(28px,calc((100vw - var(--max))/2))
      clamp(88px,9vw,120px);
  }

  body[data-page="servicios"] #postulantes .services-section__head{
    order:1;
    grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
    margin-bottom:42px;
  }

  body[data-page="servicios"] #postulantes .candidate-photo{
    order:2;
    width:min(410px,76vw);
    height:520px;
    margin:0 auto 34px;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv{
    order:3;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
    max-width:1000px;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(1),
  body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(2){
    grid-column:auto;
  }

  body[data-page="servicios"] #postulantes::after{
    bottom:44%;
    width:360px;
  }
}

@media(max-width:720px){
  body[data-page="servicios"] #postulantes{
    padding:78px 20px 82px;
  }

  body[data-page="servicios"] #postulantes .services-section__head{
    grid-template-columns:1fr;
    gap:24px;
    margin-bottom:30px;
  }

  body[data-page="servicios"] #postulantes .candidate-photo{
    width:min(320px,88vw);
    height:410px;
    margin-bottom:28px;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv{
    grid-template-columns:1fr;
    gap:18px;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv .service-card{
    min-height:0;
    padding:28px;
  }

  body[data-page="servicios"] #postulantes::after{
    bottom:57%;
    width:280px;
  }
}

/* ============================================================
   SERVICIOS · REDIAGRAMACIÓN DEFINITIVA
   No modifica header ni footer
   ============================================================ */

body[data-page="servicios"] main{
  overflow:hidden;
  background:var(--blanco);
}

/* ---------- Sistema de textura controlado ---------- */
body[data-page="servicios"] main .plastic{
  position:relative;
  isolation:isolate;
}

body[data-page="servicios"] main .plastic::before{
  content:"";
  display:block!important;
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  background-image:url("assets/Textura/bolsa-textura.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  pointer-events:none;
}

body[data-page="servicios"] main .plastic>*{
  position:relative;
  z-index:1;
}

body[data-page="servicios"] .services-hero.plastic::before,
body[data-page="servicios"] .service-card--black.plastic::before{
  opacity:.22!important;
  filter:grayscale(1) contrast(2.15) brightness(.48)!important;
  mix-blend-mode:screen!important;
}

body[data-page="servicios"] #postulantes.plastic::before,
body[data-page="servicios"] .service-card--mint.plastic::before,
body[data-page="servicios"] .service-card--purple.plastic::before,
body[data-page="servicios"] .service-cta.plastic::before{
  opacity:.12!important;
  filter:grayscale(1) contrast(2)!important;
  mix-blend-mode:multiply!important;
}

/* ---------- Hero ---------- */
body[data-page="servicios"] .services-hero{
  min-height:720px;
  padding-top:calc(var(--nav-h) + clamp(48px,6vw,82px));
  padding-bottom:clamp(58px,7vw,92px);
  border:0;
  color:var(--blanco);
  background:var(--negro)!important;
}

body[data-page="servicios"] .services-hero__inner{
  min-height:560px;
  grid-template-columns:minmax(0,.95fr) minmax(400px,1.05fr);
  gap:clamp(34px,5vw,72px);
}

body[data-page="servicios"] .services-hero__copy{
  max-width:660px;
}

body[data-page="servicios"] .services-hero__copy .display{
  max-width:650px;
  margin-bottom:26px;
  font-size:clamp(4.1rem,6.2vw,6.8rem);
}

body[data-page="servicios"] .services-hero__copy .display .w-black{
  line-height:.82;
}

body[data-page="servicios"] .services-title__middle{
  margin-top:.13em;
  font-size:.56em;
  font-weight:300;
}

body[data-page="servicios"] .services-hero__copy .display .w-light{
  margin-top:.08em;
  font-size:.6em;
  line-height:.9;
}

body[data-page="servicios"] .services-hero .lede{
  max-width:49ch;
  margin-bottom:30px;
  color:var(--blanco);
  opacity:.72;
}

body[data-page="servicios"] .services-hero__art--editorial{
  min-height:590px;
}

body[data-page="servicios"] .services-hero__art--editorial::before{
  right:3%;
  top:10%;
  width:78%;
  background:var(--morado)!important;
  box-shadow:none!important;
}

body[data-page="servicios"] .services-hero__person{
  right:-2%;
  bottom:-84px;
  width:112%!important;
  height:690px!important;
}

body[data-page="servicios"] .services-hero__tool{
  left:1%;
  bottom:10%;
  width:150px!important;
  height:150px!important;
}

body[data-page="servicios"] .services-hero__logo{
  top:3%;
  right:2%;
  width:124px!important;
  height:124px!important;
}

body[data-page="servicios"] .services-hero::after{
  z-index:0;
  border-color:var(--menta);
  box-shadow:none;
}

/* ---------- Encabezados de sección ---------- */
body[data-page="servicios"] #empresas,
body[data-page="servicios"] #postulantes{
  padding-top:clamp(86px,9vw,126px);
  padding-bottom:clamp(94px,10vw,138px);
}

body[data-page="servicios"] #empresas .services-section__head,
body[data-page="servicios"] #postulantes .services-section__head{
  margin-bottom:clamp(46px,5vw,66px);
}

body[data-page="servicios"] #empresas .services-section__head .h2,
body[data-page="servicios"] #postulantes .services-section__head .h2{
  font-size:clamp(3.6rem,5.6vw,6rem);
}

body[data-page="servicios"] #empresas .services-section__head>p,
body[data-page="servicios"] #postulantes .services-section__head>p{
  max-width:48ch;
  border-left:3px solid var(--menta);
  color:var(--negro);
  opacity:.72;
}

body[data-page="servicios"] #postulantes .services-section__head>p{
  border-left-color:var(--negro);
}

/* ---------- Empresas: tres tarjetas legibles ---------- */
body[data-page="servicios"] .service-grid--business{
  width:100%;
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:auto;
  gap:22px;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(n){
  grid-column:auto;
  grid-row:auto;
  min-height:560px;
  padding:clamp(30px,3vw,42px);
  border:0!important;
  border-radius:26px;
  box-shadow:none!important;
  transform:none;
}

body[data-page="servicios"] .service-grid--business .service-card--black{
  color:var(--blanco)!important;
  background:var(--negro)!important;
}

body[data-page="servicios"] .service-grid--business .service-card--mint{
  color:var(--negro)!important;
  background:var(--menta)!important;
}

body[data-page="servicios"] .service-grid--business .service-card--purple{
  color:var(--blanco)!important;
  background:var(--morado)!important;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(n) .service-card__top{
  min-height:126px;
  margin-bottom:24px;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(n) .service-card__top img{
  width:clamp(96px,8vw,126px);
  height:clamp(96px,8vw,126px);
}

body[data-page="servicios"] .service-grid--business .service-card__num{
  font-size:clamp(2.6rem,3.5vw,3.8rem);
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(n) h3{
  max-width:15ch;
  margin-bottom:18px;
  font-size:clamp(1.85rem,2.15vw,2.5rem);
  line-height:.98;
}

body[data-page="servicios"] .service-grid--business .service-card h3,
body[data-page="servicios"] .service-grid--business .service-card p,
body[data-page="servicios"] .service-grid--business .service-card .text-link{
  color:inherit!important;
}

body[data-page="servicios"] .service-grid--business .service-card p{
  font-size:.94rem;
  line-height:1.55;
  opacity:.78;
}

body[data-page="servicios"] .service-grid--business .service-card:hover,
body[data-page="servicios"] .service-grid--cv .service-card:hover{
  transform:translateY(-4px);
  box-shadow:none!important;
}

/* ---------- Postulantes ---------- */
body[data-page="servicios"] #postulantes{
  position:relative;
  overflow:hidden;
  border:0;
  color:var(--negro);
  background:var(--menta)!important;
}

body[data-page="servicios"] #postulantes::after{
  z-index:0;
  background:var(--morado);
  box-shadow:none;
}

body[data-page="servicios"] #postulantes .services-section__head,
body[data-page="servicios"] #postulantes .service-grid{
  position:relative;
  z-index:3;
}

body[data-page="servicios"] #postulantes .candidate-photo{
  z-index:2!important;
  right:max(12px,calc((100vw - var(--max))/2 - 26px));
  bottom:-34px!important;
  width:min(34vw,500px);
}

body[data-page="servicios"] .service-grid--cv{
  max-width:850px;
  gap:20px;
}

body[data-page="servicios"] .service-grid--cv .service-card{
  min-height:510px;
  padding:34px;
  border:0!important;
  border-radius:26px;
  box-shadow:none!important;
}

body[data-page="servicios"] .service-grid--cv .service-card--white{
  color:var(--negro)!important;
  background:var(--blanco)!important;
}

body[data-page="servicios"] .service-grid--cv .service-card--white::before{
  opacity:.26!important;
  filter:grayscale(1) contrast(2)!important;
  mix-blend-mode:multiply!important;
}

body[data-page="servicios"] .service-grid--cv .service-card--black{
  color:var(--blanco)!important;
  background:var(--negro)!important;
}

body[data-page="servicios"] .service-grid--cv .service-card h3,
body[data-page="servicios"] .service-grid--cv .service-card p{
  color:inherit!important;
}

body[data-page="servicios"] .service-grid--cv .service-card p{
  line-height:1.55;
  opacity:.76;
}

body[data-page="servicios"] .service-grid--cv .service-card__badge{
  border:0;
  color:var(--negro);
  background:var(--menta);
  box-shadow:none;
}

body[data-page="servicios"] .service-grid--cv .btn{
  box-shadow:none!important;
}

/* ---------- CTA final ---------- */
body[data-page="servicios"] .service-cta{
  width:min(calc(100% - 48px),var(--max));
  min-height:250px;
  margin:clamp(68px,7vw,96px) auto;
  padding:clamp(38px,4vw,56px);
  grid-template-columns:120px minmax(0,1fr) auto;
  gap:clamp(26px,4vw,48px);
  border:0!important;
  border-radius:28px;
  color:var(--blanco);
  background:var(--morado)!important;
  box-shadow:none!important;
}

body[data-page="servicios"] .service-cta>img{
  width:112px;
  height:112px;
}

body[data-page="servicios"] .service-cta h2{
  margin:14px 0 10px;
  font-size:clamp(2.55rem,3.8vw,4.2rem);
}

body[data-page="servicios"] .service-cta p:not(.tag){
  color:var(--blanco);
  opacity:.78;
}

body[data-page="servicios"] .service-cta::after{
  z-index:0;
  border-color:var(--blanco);
}

body[data-page="servicios"] .service-cta .tag,
body[data-page="servicios"] .service-cta>.btn{
  box-shadow:none!important;
}

/* ---------- Tablet ---------- */
@media(max-width:1180px){
  body[data-page="servicios"] #postulantes{
    display:flex;
    flex-direction:column;
    padding-left:max(28px,calc((100vw - var(--max))/2));
    padding-right:max(28px,calc((100vw - var(--max))/2));
  }

  body[data-page="servicios"] #postulantes .services-section__head{
    order:1;
    width:100%;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
  }

  body[data-page="servicios"] #postulantes .candidate-photo{
    position:relative!important;
    order:2;
    right:auto;
    bottom:auto!important;
    width:min(430px,78vw);
    margin:-18px auto 12px;
  }

  body[data-page="servicios"] #postulantes .service-grid{
    order:3;
    width:100%;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
  }

  body[data-page="servicios"] #postulantes::after{
    right:50%;
    bottom:43%;
    width:340px;
    transform:translateX(50%);
  }
}

@media(max-width:980px){
  body[data-page="servicios"] .services-hero__inner{
    grid-template-columns:1fr;
  }

  body[data-page="servicios"] .services-hero__art--editorial{
    min-height:540px;
  }

  body[data-page="servicios"] .services-hero__person{
    right:50%;
    bottom:-76px;
    width:min(650px,105%)!important;
    height:620px!important;
    transform:translateX(50%);
  }

  body[data-page="servicios"] .service-grid--business{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body[data-page="servicios"] .service-grid--business .service-card:first-child{
    grid-column:1/-1;
  }

  body[data-page="servicios"] .service-cta{
    grid-template-columns:96px minmax(0,1fr);
  }

  body[data-page="servicios"] .service-cta>.btn{
    grid-column:1/-1;
    width:100%;
  }
}

/* ---------- Móvil ---------- */
@media(max-width:640px){
  body[data-page="servicios"] .services-hero{
    min-height:0;
    padding-left:20px;
    padding-right:20px;
  }

  body[data-page="servicios"] .services-hero__copy .display{
    font-size:clamp(3.45rem,16vw,4.8rem);
  }

  body[data-page="servicios"] .services-hero__art--editorial{
    min-height:430px;
  }

  body[data-page="servicios"] .services-hero__person{
    height:500px!important;
  }

  body[data-page="servicios"] #empresas,
  body[data-page="servicios"] #postulantes{
    padding:72px 20px 82px;
  }

  body[data-page="servicios"] #empresas .services-section__head .h2,
  body[data-page="servicios"] #postulantes .services-section__head .h2{
    font-size:clamp(3rem,14vw,4.35rem);
  }

  body[data-page="servicios"] .service-grid--business,
  body[data-page="servicios"] .service-grid--cv{
    grid-template-columns:1fr;
  }

  body[data-page="servicios"] .service-grid--business .service-card:first-child{
    grid-column:auto;
  }

  body[data-page="servicios"] .service-grid--business .service-card:nth-child(n),
  body[data-page="servicios"] .service-grid--cv .service-card{
    min-height:0;
    padding:28px;
    border-radius:22px;
  }

  body[data-page="servicios"] #postulantes .candidate-photo{
    width:min(330px,92vw);
  }

  body[data-page="servicios"] .service-cta{
    width:calc(100% - 40px);
    min-height:0;
    margin:64px 20px 76px;
    padding:30px 24px;
    grid-template-columns:1fr;
    border-radius:22px;
  }

  body[data-page="servicios"] .service-cta>img{
    width:90px;
    height:90px;
  }
}

/* ============================================================
   SERVICIOS · AJUSTE FINAL DE LEGIBILIDAD
   ============================================================ */

@keyframes hpCandidateReveal{
  from{opacity:0;transform:translateY(46px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes hpCandidateFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}

@keyframes hpCardRevealLeft{
  from{opacity:0;transform:translateX(-34px)}
  to{opacity:1;transform:translateX(0)}
}

@keyframes hpCardRevealRight{
  from{opacity:0;transform:translateX(34px)}
  to{opacity:1;transform:translateX(0)}
}

body[data-page="servicios"] #postulantes .candidate-photo{
  transform-origin:center bottom;
  will-change:transform,opacity;
  animation:
    hpCandidateReveal .85s cubic-bezier(.2,.75,.25,1) both,
    hpCandidateFloat 5s ease-in-out .9s infinite;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(1){
  animation:hpCardRevealLeft .72s cubic-bezier(.2,.75,.25,1) .12s both;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(2){
  animation:hpCardRevealRight .72s cubic-bezier(.2,.75,.25,1) .24s both;
}

@media(prefers-reduced-motion:reduce){
  body[data-page="servicios"] #postulantes .candidate-photo,
  body[data-page="servicios"] #postulantes .service-grid--cv .service-card{
    animation:none!important;
    transform:none!important;
  }
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(1){
  color:var(--blanco)!important;
  background:var(--negro)!important;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(2){
  color:var(--negro)!important;
  background:var(--menta)!important;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(3){
  color:var(--blanco)!important;
  background:var(--morado)!important;
}

body[data-page="servicios"] .services-hero.plastic::before,
body[data-page="servicios"] .service-grid--business .service-card:nth-child(1).plastic::before,
body[data-page="servicios"] .service-grid--cv .service-card:nth-child(2).plastic::before{
  opacity:.28!important;
  filter:grayscale(1) contrast(1.8) brightness(.28)!important;
  mix-blend-mode:screen!important;
}

body[data-page="servicios"] #empresas .services-section__head{
  align-items:center;
  gap:clamp(42px,7vw,96px);
  margin-bottom:52px;
}

body[data-page="servicios"] #empresas .services-section__head .h2{
  max-width:10ch;
  font-size:clamp(3.4rem,5.2vw,5.55rem);
  line-height:.88;
}

body[data-page="servicios"] #empresas .services-section__head>p,
body[data-page="servicios"] #postulantes .services-section__head>p{
  max-width:44ch;
  padding-left:24px;
  font-size:1rem;
  line-height:1.65;
}

body[data-page="servicios"] .service-grid--business{
  gap:26px;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(n){
  min-height:540px;
  padding:38px;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(n) .service-card__top{
  min-height:112px;
  margin-bottom:30px;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(n) h3{
  max-width:16ch;
  margin-bottom:20px;
  font-size:clamp(1.8rem,2vw,2.35rem);
  line-height:1;
}

body[data-page="servicios"] .service-grid--business .service-card p{
  max-width:42ch;
  margin-bottom:14px;
  font-size:.97rem;
  line-height:1.62;
  opacity:.82;
}

body[data-page="servicios"] .service-grid--business .text-link{
  padding-top:28px;
  line-height:1.35;
}

body[data-page="servicios"] #postulantes .services-section__head{
  margin-bottom:50px;
}

body[data-page="servicios"] #postulantes .services-section__head .h2{
  max-width:11ch;
  font-size:clamp(3.5rem,5.2vw,5.6rem);
  line-height:.88;
}

body[data-page="servicios"] .service-grid--cv{
  max-width:920px;
  gap:24px;
}

body[data-page="servicios"] .service-grid--cv .service-card{
  min-height:520px;
  padding:38px;
}

body[data-page="servicios"] .service-grid--cv .service-card__top{
  min-height:112px;
  margin-bottom:28px;
}

body[data-page="servicios"] .service-grid--cv .service-card h3{
  max-width:17ch;
  margin-bottom:20px;
  font-size:clamp(1.85rem,2.2vw,2.45rem);
  line-height:1;
}

body[data-page="servicios"] .service-grid--cv .service-card p{
  max-width:44ch;
  margin-bottom:14px;
  font-size:.96rem;
  line-height:1.62;
  opacity:.8;
}

body[data-page="servicios"] .service-grid--cv .service-card__badge{
  position:absolute!important;
  z-index:4!important;
  top:28px;
  right:28px;
  width:max-content;
  max-width:calc(100% - 56px);
  padding:8px 14px;
  line-height:1.2;
  white-space:nowrap;
}

body[data-page="servicios"] .service-grid--cv .service-card--featured .service-card__top{
  min-height:150px;
  padding-top:54px;
}

body[data-page="servicios"] .service-grid--cv .service-card--featured .service-card__top img{
  margin-top:22px;
}

body[data-page="servicios"] .service-grid--cv .service-card>.btn{
  margin-top:28px;
}

@media(max-width:1180px){
  body[data-page="servicios"] #postulantes .services-section__head{
    margin-bottom:38px;
  }

  body[data-page="servicios"] #postulantes .candidate-photo{
    margin:0 auto 30px;
  }

  body[data-page="servicios"] .service-grid--cv{
    max-width:1040px;
  }
}

@media(max-width:720px){
  body[data-page="servicios"] #empresas .services-section__head,
  body[data-page="servicios"] #postulantes .services-section__head{
    grid-template-columns:1fr;
    gap:24px;
    margin-bottom:40px;
  }

  body[data-page="servicios"] #empresas .services-section__head>p,
  body[data-page="servicios"] #postulantes .services-section__head>p{
    padding-left:18px;
  }

  body[data-page="servicios"] .service-grid--business,
  body[data-page="servicios"] .service-grid--cv{
    grid-template-columns:1fr;
    gap:18px;
  }

  body[data-page="servicios"] .service-grid--business .service-card:nth-child(n),
  body[data-page="servicios"] .service-grid--cv .service-card{
    min-height:0;
    padding:28px;
  }

  body[data-page="servicios"] .service-grid--cv .service-card__badge{
    top:24px;
    right:24px;
    max-width:calc(100% - 48px);
  }
}
body[data-page="servicios"] #postulantes.services-section--candidates{
  position:relative !important;
  isolation:isolate;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(320px,390px) minmax(0,1fr) !important;
  grid-template-rows:auto minmax(620px,auto) !important;
  column-gap:28px !important;
  row-gap:56px !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:clamp(104px,8vw,132px) max(32px,calc((100vw - var(--max))/2)) clamp(96px,8vw,128px) !important;
  overflow:visible !important;
  background:var(--menta) !important;
}

/* Bolsa-textura visible, sin reducir la legibilidad. */
body[data-page="servicios"] #postulantes.services-section--candidates.plastic::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  transform:none !important;
  border:0 !important;
  border-radius:0 !important;
  background-image:url("assets/Textura/bolsa-textura.png") !important;
  background-repeat:repeat !important;
  background-position:center top !important;
  background-size:min(820px,72vw) auto !important;
  opacity:.28 !important;
  filter:contrast(1.5) brightness(.92) !important;
  mix-blend-mode:soft-light !important;
  pointer-events:none !important;
}

body[data-page="servicios"] #postulantes.services-section--candidates::after{
  content:"";
  position:absolute;
  z-index:1;
  left:50% !important;
  right:auto !important;
  bottom:96px !important;
  width:min(430px,30vw) !important;
  aspect-ratio:1;
  transform:translateX(-50%) !important;
  border-radius:50%;
  background:var(--morado) !important;
  opacity:.9;
  pointer-events:none;
}

body[data-page="servicios"] #postulantes.services-section--candidates > *{
  position:relative;
  z-index:2;
}

body[data-page="servicios"] #postulantes .services-section__head{
  grid-column:1/-1 !important;
  grid-row:1 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr) !important;
  align-items:end !important;
  gap:clamp(44px,7vw,104px) !important;
  width:100% !important;
  max-width:var(--max) !important;
  margin:0 auto !important;
}

body[data-page="servicios"] #postulantes .services-section__head .tag{
  margin:0 0 22px !important;
}

body[data-page="servicios"] #postulantes .services-section__head .h2{
  max-width:11ch !important;
  margin:0 !important;
  font-size:clamp(3.45rem,4.8vw,5.2rem) !important;
  line-height:.9 !important;
  letter-spacing:-.065em !important;
}

body[data-page="servicios"] #postulantes .services-section__head > p{
  align-self:end !important;
  max-width:43ch !important;
  margin:0 0 5px !important;
  padding:0 0 0 24px !important;
  border-left:3px solid var(--negro);
  color:var(--negro) !important;
  font-size:1.05rem !important;
  line-height:1.55 !important;
}

/* Tarjetas en los extremos; la columna central queda para la mujer. */
body[data-page="servicios"] #postulantes .service-grid--cv{
  grid-column:1/-1 !important;
  grid-row:2 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(320px,390px) minmax(0,1fr) !important;
  align-items:stretch !important;
  gap:28px !important;
  width:100% !important;
  max-width:var(--max) !important;
  min-height:620px !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:visible !important;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  min-width:0 !important;
  min-height:620px !important;
  height:auto !important;
  padding:38px !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:28px !important;
  box-shadow:none !important;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(1){
  grid-column:1 !important;
  animation:hpCvCardLeft .72s cubic-bezier(.2,.75,.25,1) .12s both;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(2){
  grid-column:3 !important;
  animation:hpCvCardRight .72s cubic-bezier(.2,.75,.25,1) .22s both;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card__top{
  min-height:112px !important;
  margin-bottom:22px !important;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card__top img{
  width:92px !important;
  height:92px !important;
  object-fit:contain !important;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card h3{
  max-width:13ch !important;
  margin:0 0 18px !important;
  font-size:clamp(1.65rem,1.85vw,2.12rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.045em !important;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card p{
  max-width:39ch !important;
  margin:0 0 14px !important;
  font-size:.96rem !important;
  line-height:1.55 !important;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card > .btn{
  align-self:flex-start;
  margin-top:auto !important;
}

body[data-page="servicios"] #postulantes .service-card--featured .service-card__badge{
  top:28px !important;
  right:28px !important;
  max-width:calc(100% - 56px) !important;
}

body[data-page="servicios"] #postulantes .service-card--featured .btn--black{
  color:var(--negro) !important;
  background:var(--menta) !important;
}

/* Mujer completa, centrada y dentro de la misma fila. */
body[data-page="servicios"] #postulantes .candidate-photo{
  position:relative !important;
  z-index:4 !important;
  grid-column:2 !important;
  grid-row:2 !important;
  align-self:end !important;
  justify-self:center !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  max-width:390px !important;
  height:620px !important;
  max-height:none !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  transform-origin:center bottom;
  filter:none !important;
  animation:hpCvWomanIn .86s cubic-bezier(.2,.75,.25,1) both,
            hpCvWomanFloat 5.5s ease-in-out .9s infinite;
}

@keyframes hpCvWomanIn{
  from{opacity:0;transform:translateY(42px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes hpCvWomanFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-9px)}
}

@keyframes hpCvCardLeft{
  from{opacity:0;transform:translateX(-30px)}
  to{opacity:1;transform:translateX(0)}
}

@keyframes hpCvCardRight{
  from{opacity:0;transform:translateX(30px)}
  to{opacity:1;transform:translateX(0)}
}

@media(max-width:1100px){
  body[data-page="servicios"] #postulantes.services-section--candidates{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    padding:92px 28px 96px !important;
    overflow:hidden !important;
  }

  body[data-page="servicios"] #postulantes .services-section__head{
    order:1;
    grid-template-columns:1fr 1fr !important;
    margin-bottom:42px !important;
  }

  body[data-page="servicios"] #postulantes .candidate-photo{
    order:2;
    width:min(400px,72vw) !important;
    height:520px !important;
    margin:0 auto 34px !important;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv{
    order:3;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    min-height:0 !important;
    max-width:1000px !important;
    gap:22px !important;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(1),
  body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(2){
    grid-column:auto !important;
  }

  body[data-page="servicios"] #postulantes.services-section--candidates::after{
    bottom:auto !important;
    top:350px !important;
    width:360px !important;
  }
}

@media(max-width:720px){
  body[data-page="servicios"] #postulantes.services-section--candidates{
    padding:76px 20px 78px !important;
  }

  body[data-page="servicios"] #postulantes .services-section__head{
    grid-template-columns:1fr !important;
    gap:22px !important;
    margin-bottom:30px !important;
  }

  body[data-page="servicios"] #postulantes .services-section__head .h2{
    font-size:clamp(2.75rem,14vw,4rem) !important;
  }

  body[data-page="servicios"] #postulantes .services-section__head > p{
    padding-left:18px !important;
  }

  body[data-page="servicios"] #postulantes .candidate-photo{
    width:min(320px,88vw) !important;
    height:410px !important;
    margin-bottom:26px !important;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv .service-card{
    min-height:0 !important;
    padding:28px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  body[data-page="servicios"] #postulantes .candidate-photo,
  body[data-page="servicios"] #postulantes .service-grid--cv .service-card{
    animation:none !important;
    transform:none !important;
  }
}

/* ============================================================
   POSTULANTES · COLLAGE CURVO DEFINITIVO
   Mujer protagonista + contenido completo + textura visible
   ============================================================ */

/* Breadcrumb legible dentro del hero negro. */
body[data-page="servicios"] .services-hero .crumbs{
  color:rgba(255,255,255,.78) !important;
}

body[data-page="servicios"] .services-hero .crumbs a{
  color:var(--blanco) !important;
  font-weight:700 !important;
  text-decoration-color:var(--menta) !important;
  text-decoration-thickness:2px !important;
}

body[data-page="servicios"] .services-hero .crumbs > span{
  color:rgba(255,255,255,.58) !important;
}

body[data-page="servicios"] .services-hero .crumbs > span:last-child{
  color:rgba(255,255,255,.82) !important;
  font-weight:600 !important;
}

/* La misma bolsa debe aparecer en todas las superficies de color. */
body[data-page="servicios"] .services-hero.plastic::before,
body[data-page="servicios"] .service-card--black.plastic::before,
body[data-page="servicios"] .service-card--mint.plastic::before,
body[data-page="servicios"] .service-card--purple.plastic::before,
body[data-page="servicios"] .service-cta.plastic::before{
  background-image:url("assets/Textura/bolsa-textura.png") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:cover !important;
  opacity:.34 !important;
  filter:grayscale(1) invert(1) brightness(2.8) !important;
  mix-blend-mode:screen !important;
}

body[data-page="servicios"] #postulantes.services-section--candidates{
  position:relative !important;
  isolation:isolate !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(380px,430px) minmax(0,1fr) !important;
  grid-template-rows:auto 590px !important;
  column-gap:0 !important;
  row-gap:34px !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:clamp(62px,5vw,82px) max(28px,calc((100vw - var(--max))/2)) clamp(62px,5vw,82px) !important;
  overflow:visible !important;
  background:var(--menta) !important;
}

/* La bolsa es blanca: multiply revela sus pliegues sobre el verde. */
body[data-page="servicios"] #postulantes.services-section--candidates.plastic::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  transform:none !important;
  border:0 !important;
  border-radius:0 !important;
  background-image:url("assets/Textura/bolsa-textura.png") !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
  opacity:.48 !important;
  filter:grayscale(1) invert(1) brightness(2.8) !important;
  mix-blend-mode:screen !important;
  pointer-events:none !important;
}

body[data-page="servicios"] #postulantes.services-section--candidates::after{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  left:50% !important;
  right:auto !important;
  bottom:48px !important;
  width:min(490px,34vw) !important;
  aspect-ratio:1 !important;
  transform:translateX(-50%) !important;
  border-radius:50% !important;
  background:var(--morado) !important;
  opacity:.92 !important;
  pointer-events:none !important;
}

body[data-page="servicios"] #postulantes.services-section--candidates > *{
  position:relative !important;
}

body[data-page="servicios"] #postulantes .services-section__head{
  z-index:3 !important;
  grid-column:1/-1 !important;
  grid-row:1 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr) !important;
  align-items:end !important;
  gap:clamp(42px,7vw,96px) !important;
  width:100% !important;
  max-width:var(--max) !important;
  margin:0 auto !important;
}

body[data-page="servicios"] #postulantes .services-section__head .tag{
  margin:0 0 16px !important;
}

body[data-page="servicios"] #postulantes .services-section__head .h2{
  max-width:12ch !important;
  margin:0 !important;
  font-size:clamp(3rem,4.25vw,4.65rem) !important;
  line-height:.9 !important;
  letter-spacing:-.065em !important;
}

body[data-page="servicios"] #postulantes .services-section__head > p{
  align-self:end !important;
  max-width:43ch !important;
  margin:0 0 4px !important;
  padding:0 0 0 22px !important;
  border-left:3px solid var(--negro) !important;
  color:var(--negro) !important;
  font-size:1rem !important;
  line-height:1.5 !important;
}

body[data-page="servicios"] #postulantes .service-grid--cv{
  position:relative !important;
  z-index:2 !important;
  grid-column:1/-1 !important;
  grid-row:2 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(380px,430px) minmax(0,1fr) !important;
  align-items:end !important;
  gap:0 !important;
  width:100% !important;
  max-width:var(--max) !important;
  height:590px !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:visible !important;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card{
  display:flex !important;
  flex-direction:column !important;
  align-self:end !important;
  width:auto !important;
  min-width:0 !important;
  height:520px !important;
  min-height:0 !important;
  max-height:none !important;
  padding:34px 42px !important;
  overflow:hidden !important;
  border:0 !important;
  box-shadow:none !important;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(1){
  z-index:2 !important;
  grid-column:1 !important;
  margin:0 -62px 0 0 !important;
  padding-right:92px !important;
  border-radius:30px 180px 180px 30px !important;
  animation:hpCvCardLeft .72s cubic-bezier(.2,.75,.25,1) .12s both !important;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(2){
  z-index:2 !important;
  grid-column:3 !important;
  margin:0 0 0 -62px !important;
  padding-left:92px !important;
  border-radius:180px 30px 30px 180px !important;
  animation:hpCvCardRight .72s cubic-bezier(.2,.75,.25,1) .22s both !important;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card__top{
  min-height:78px !important;
  margin-bottom:12px !important;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card__top img{
  width:72px !important;
  height:72px !important;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card h3{
  max-width:15ch !important;
  margin:0 0 14px !important;
  font-size:clamp(1.48rem,1.55vw,1.82rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card p{
  max-width:38ch !important;
  margin:0 0 10px !important;
  font-size:.88rem !important;
  line-height:1.48 !important;
}

body[data-page="servicios"] #postulantes .service-grid--cv .service-card > .btn{
  align-self:flex-start !important;
  margin-top:auto !important;
}

body[data-page="servicios"] #postulantes .service-card--featured .service-card__badge{
  top:24px !important;
  right:26px !important;
  max-width:calc(100% - 100px) !important;
}

/* La mujer queda por delante de las curvas y se ve completa. */
body[data-page="servicios"] #postulantes .candidate-photo{
  position:relative !important;
  z-index:6 !important;
  grid-column:2 !important;
  grid-row:2 !important;
  align-self:end !important;
  justify-self:center !important;
  inset:auto !important;
  display:block !important;
  width:430px !important;
  max-width:100% !important;
  height:590px !important;
  max-height:590px !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  transform-origin:center bottom !important;
  filter:none !important;
  animation:hpCvWomanIn .86s cubic-bezier(.2,.75,.25,1) both,
            hpCvWomanFloat 5.5s ease-in-out .9s infinite !important;
}

@media(max-width:1180px){
  body[data-page="servicios"] #postulantes.services-section--candidates{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    padding:78px 28px 84px !important;
    overflow:hidden !important;
  }

  body[data-page="servicios"] #postulantes .services-section__head{
    order:1 !important;
    grid-template-columns:1fr 1fr !important;
    margin-bottom:28px !important;
  }

  body[data-page="servicios"] #postulantes .candidate-photo{
    order:2 !important;
    width:min(410px,74vw) !important;
    height:560px !important;
    max-height:560px !important;
    margin:0 auto -72px !important;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv{
    order:3 !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
    max-width:1000px !important;
    height:auto !important;
    gap:18px !important;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(1),
  body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(2){
    grid-column:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:520px !important;
    margin:0 !important;
    padding:34px !important;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(1){
    border-radius:30px 90px 30px 30px !important;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(2){
    border-radius:90px 30px 30px 30px !important;
  }

  body[data-page="servicios"] #postulantes.services-section--candidates::after{
    bottom:auto !important;
    top:285px !important;
    width:370px !important;
  }
}

@media(max-width:720px){
  body[data-page="servicios"] #postulantes.services-section--candidates{
    padding:68px 20px 72px !important;
  }

  body[data-page="servicios"] #postulantes .services-section__head{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  body[data-page="servicios"] #postulantes .services-section__head .h2{
    font-size:clamp(2.65rem,13vw,3.8rem) !important;
  }

  body[data-page="servicios"] #postulantes .candidate-photo{
    width:min(330px,92vw) !important;
    height:440px !important;
    max-height:440px !important;
    margin:8px auto -52px !important;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(1),
  body[data-page="servicios"] #postulantes .service-grid--cv .service-card:nth-child(2){
    min-height:0 !important;
    padding:28px !important;
    border-radius:28px !important;
  }

  body[data-page="servicios"] #postulantes .service-card--featured .service-card__badge{
    max-width:calc(100% - 52px) !important;
  }
}
/* ============================================================
   CONTACTO V2 · HERO + PRECIOS + FORMULARIO FINAL
   Clases únicas para no depender de los estilos antiguos .hire/.plan
   ============================================================ */

body[data-page="contacto"] .contact-page{
  overflow:hidden;
  background:var(--blanco);
}

body[data-page="contacto"] .contact-kicker{
  margin:0 0 14px;
  font-size:.76rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--morado);
}

body[data-page="contacto"] .contact-kicker--white{color:var(--blanco)}
body[data-page="contacto"] .contact-kicker--mint{color:var(--menta)}

/* ---------- HERO ---------- */
body[data-page="contacto"] .contact-hero{
  position:relative;
  background:var(--menta);
  color:var(--negro);
  padding:calc(var(--nav-h) + 46px) 28px 72px;
  min-height:760px;
}

body[data-page="contacto"] .contact-hero.plastic::before{
  background-size:840px auto;
  background-repeat:repeat;
  mix-blend-mode:multiply;
  filter:grayscale(1) contrast(2.25);
  opacity:.25;
}

body[data-page="contacto"] .contact-hero__inner{
  position:relative;
  z-index:2;
  width:min(var(--max),100%);
  margin:0 auto;
}

body[data-page="contacto"] .contact-hero__topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:34px;
}

body[data-page="contacto"] .contact-hero__topline .crumbs{margin:0}

body[data-page="contacto"] .contact-hero__micro{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 16px;
  border:2px solid var(--negro);
  border-radius:var(--r-pill);
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}

body[data-page="contacto"] .contact-hero__title-wrap{
  position:relative;
  width:min(1120px,100%);
}

body[data-page="contacto"] .contact-hero__title{
  position:relative;
  z-index:3;
  margin:0;
  font-size:clamp(4.4rem,10.6vw,9.6rem);
  line-height:.79;
  letter-spacing:-.085em;
  font-weight:900;
}

body[data-page="contacto"] .contact-hero__line{
  display:flex;
  align-items:center;
  gap:.09em;
  width:max-content;
  max-width:100%;
}

body[data-page="contacto"] .contact-hero__line--one{padding-left:.03em}

body[data-page="contacto"] .contact-hero__line--media{
  position:relative;
  z-index:4;
  margin-left:.36em;
}

body[data-page="contacto"] .contact-hero__line--three{
  margin-left:.03em;
  margin-top:.06em;
}

body[data-page="contacto"] .contact-hero__light{
  font-weight:300;
}

body[data-page="contacto"] .contact-hero__purple-word{
  display:inline-block;
  margin-left:.02em;
  padding:.03em .11em .09em .09em;
  background:var(--morado);
  color:var(--blanco);
  border-radius:.24em .24em .24em .055em;
  transform:rotate(-1.2deg);
  box-shadow:8px 8px 0 var(--negro);
}

body[data-page="contacto"] .contact-hero__portrait{
  position:relative;
  display:inline-flex;
  align-items:flex-end;
  justify-content:center;
  flex:0 0 clamp(118px,12vw,175px);
  width:clamp(118px,12vw,175px);
  height:clamp(82px,8.5vw,126px);
  margin:0 .035em;
  overflow:visible;
  transform:rotate(2deg) translateY(.02em);
}

body[data-page="contacto"] .contact-hero__portrait-shape{
  position:absolute;
  inset:14% 0 0;
  background:var(--negro);
  border-radius:48px 48px 48px 12px;
}

body[data-page="contacto"] .contact-hero__portrait-shape::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-17px;
  border-width:18px 22px 0 0;
  border-style:solid;
  border-color:var(--negro) transparent transparent transparent;
}

body[data-page="contacto"] .contact-hero__portrait img{
  position:relative;
  z-index:2;
  width:112%;
  height:150%;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 12px 16px rgba(0,0,0,.2));
}

body[data-page="contacto"] .contact-hero__stamp{
  position:absolute;
  z-index:6;
  right:4%;
  top:4%;
  display:grid;
  place-items:center;
  width:100px;
  aspect-ratio:1;
  border-radius:50%;
  background:var(--negro);
  color:var(--menta);
  font-size:1.12rem;
  line-height:.88;
  font-weight:900;
  letter-spacing:-.05em;
  text-align:center;
  transform:rotate(9deg);
  box-shadow:0 0 0 5px var(--menta),0 0 0 8px var(--negro);
}

body[data-page="contacto"] .contact-hero__bottom{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  gap:48px;
  align-items:end;
  margin-top:42px;
  padding-top:28px;
  border-top:2px solid rgba(0,0,0,.48);
}

body[data-page="contacto"] .contact-hero__lede{
  max-width:58ch;
  font-size:clamp(1rem,1.35vw,1.17rem);
  line-height:1.65;
  font-weight:500;
}

body[data-page="contacto"] .contact-hero__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:22px;
  flex-wrap:wrap;
}

body[data-page="contacto"] .contact-hero__text-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:5px;
}

body[data-page="contacto"] .contact-hero__text-link span{
  font-size:1.25em;
  transition:transform .2s var(--ease);
}

body[data-page="contacto"] .contact-hero__text-link:hover span{transform:translateX(5px)}

body[data-page="contacto"] .contact-hero__signals{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:-8px;
}

body[data-page="contacto"] .contact-hero__signals span{
  display:inline-flex;
  align-items:center;
  padding:7px 13px;
  border:1.5px solid rgba(0,0,0,.55);
  border-radius:var(--r-pill);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
}

/* ---------- PRICING ---------- */
body[data-page="contacto"] .contact-pricing{
  background:var(--blanco);
  padding:118px 28px 128px;
}

body[data-page="contacto"] .contact-pricing__inner{
  width:min(var(--max),100%);
  margin:0 auto;
}

body[data-page="contacto"] .contact-pricing__head{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  align-items:end;
  gap:60px;
  margin-bottom:54px;
}

body[data-page="contacto"] .contact-pricing__head h2{
  max-width:10ch;
  font-size:clamp(3rem,6vw,5.6rem);
  line-height:.9;
  letter-spacing:-.065em;
  font-weight:900;
}

body[data-page="contacto"] .contact-pricing__head>p{
  max-width:48ch;
  font-size:1rem;
  line-height:1.7;
  color:#4b4b53;
}

/*
  Desktop:
  01 Gratis        | 02 Básico Web | 03 Básico RRSS
  04 Premium RRSS  | 05 Premium
  06 Plan Empresa a ancho completo
*/
body[data-page="contacto"] .contact-pricing__grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}

body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(1),
body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(2),
body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(3){
  grid-column:span 4;
}

body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(4),
body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(5){
  grid-column:span 6;
}

body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(6){
  grid-column:1 / -1;
}

body[data-page="contacto"] .price-card{
  position:relative;
  min-width:0;
  min-height:520px;
  padding:34px 32px 30px;
  border:2px solid var(--negro);
  border-radius:36px 36px 36px 10px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  transition:transform .22s var(--ease),box-shadow .22s var(--ease);
}

body[data-page="contacto"] .price-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 0 rgba(0,0,0,.08);
}

body[data-page="contacto"] .price-card--black{
  background:var(--negro);
  color:var(--blanco);
}

body[data-page="contacto"] .price-card--white{
  background:var(--blanco);
  color:var(--negro);
}

body[data-page="contacto"] .price-card--mint{
  background:var(--menta);
  color:var(--negro);
}

body[data-page="contacto"] .price-card--purple{
  background:var(--morado);
  color:var(--blanco);
}

/* Premium RRSS y Premium se sienten como segundo nivel de decisión */
body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(4),
body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(5){
  min-height:470px;
  padding:40px;
}

/* Ya no levantamos la tarjeta destacada: la jerarquía la da el ancho y el badge */
body[data-page="contacto"] .price-card--featured,
body[data-page="contacto"] .price-card--featured:hover{
  transform:none;
}

body[data-page="contacto"] .price-card--featured:hover{
  transform:translateY(-6px);
}

body[data-page="contacto"] .price-card__badge{
  position:absolute;
  right:34px;
  top:0;
  background:var(--menta);
  color:var(--negro);
  padding:10px 20px 11px;
  border-radius:0 0 18px 18px;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}

body[data-page="contacto"] .price-card__number{
  margin-bottom:36px;
  font-size:.75rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
  opacity:.56;
}

body[data-page="contacto"] .price-card__eyebrow{
  margin-bottom:8px;
  font-size:.76rem;
  line-height:1.1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
  opacity:.78;
}

body[data-page="contacto"] .price-card h3{
  margin:0;
  font-size:clamp(2rem,3vw,3rem);
  line-height:.94;
  font-weight:900;
  letter-spacing:-.055em;
}

body[data-page="contacto"] .price-card__price{
  display:flex;
  align-items:flex-end;
  gap:9px;
  margin:22px 0 30px;
}

body[data-page="contacto"] .price-card__price strong{
  font-size:clamp(3rem,5vw,4.7rem);
  line-height:.82;
  font-weight:900;
  letter-spacing:-.075em;
}

body[data-page="contacto"] .price-card__price span{
  padding-bottom:6px;
  font-size:.68rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  opacity:.72;
}

body[data-page="contacto"] .price-card__price--range{
  align-items:flex-start;
  flex-direction:column;
  gap:7px;
}

body[data-page="contacto"] .price-card__price--range strong{
  font-size:clamp(2.25rem,4vw,4.2rem);
  line-height:.88;
}

body[data-page="contacto"] .price-card__list{
  display:flex;
  flex-direction:column;
  gap:13px;
  margin:0 0 34px;
}

body[data-page="contacto"] .price-card__list li{
  position:relative;
  padding-left:29px;
  font-size:.96rem;
  line-height:1.45;
}

body[data-page="contacto"] .price-card__list li::before{
  content:"";
  position:absolute;
  left:2px;
  top:.4em;
  width:13px;
  height:7px;
  border-left:3px solid var(--menta);
  border-bottom:3px solid var(--menta);
  transform:rotate(-45deg);
}

body[data-page="contacto"] .price-card--mint .price-card__list li::before,
body[data-page="contacto"] .price-card--white .price-card__list li::before{
  border-color:var(--morado);
}

body[data-page="contacto"] .price-card--purple .price-card__list li::before{
  border-color:var(--menta);
}

body[data-page="contacto"] .price-card__cta{
  margin-top:auto;
  min-height:54px;
  width:100%;
  padding:0 22px;
  border:2px solid var(--negro);
  border-radius:var(--r-pill);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:var(--blanco);
  color:var(--negro);
  font-weight:900;
  transition:transform .2s var(--ease),background .2s var(--ease),color .2s var(--ease);
}

body[data-page="contacto"] .price-card__cta:hover{
  transform:translateY(-2px);
}

body[data-page="contacto"] .price-card__cta--outline{
  background:transparent;
  color:var(--blanco);
  border-color:var(--blanco);
}

body[data-page="contacto"] .price-card__cta--black{
  background:var(--negro);
  color:var(--blanco);
  border-color:var(--negro);
}

body[data-page="contacto"] .price-card__cta--mint{
  background:var(--menta);
  color:var(--negro);
  border-color:var(--menta);
}

/* Plan Empresa: cierre comercial y máxima jerarquía */
body[data-page="contacto"] .price-card--company{
  min-height:320px;
  padding:44px;
  display:grid;
  grid-template-columns:minmax(280px,.85fr) minmax(350px,1.1fr) auto;
  align-items:center;
  gap:48px;
  background:var(--negro);
  color:var(--blanco);
}

body[data-page="contacto"] .price-card--company .price-card__company-copy{
  min-width:0;
}

body[data-page="contacto"] .price-card--company .price-card__number{
  margin-bottom:24px;
}

body[data-page="contacto"] .price-card--company h3{
  font-size:clamp(2.6rem,4.5vw,4.4rem);
}

body[data-page="contacto"] .price-card--company .price-card__price{
  margin-bottom:0;
}

body[data-page="contacto"] .price-card--company .price-card__list{
  margin:0;
}

body[data-page="contacto"] .price-card--company .price-card__cta{
  width:auto;
  min-width:230px;
  margin:0;
}

body[data-page="contacto"] .contact-pricing__note{
  margin-top:24px;
  color:var(--gris-txt);
  font-size:.82rem;
  line-height:1.55;
}

/* ---------- BRIDGE ---------- */
body[data-page="contacto"] .contact-bridge{
  background:var(--morado);
  color:var(--blanco);
  padding:96px 28px 104px;
}

body[data-page="contacto"] .contact-bridge.plastic::before{
  background-size:780px auto;
  background-repeat:repeat;
  mix-blend-mode:overlay;
  filter:grayscale(1) contrast(2.3);
  opacity:.25;
}

body[data-page="contacto"] .contact-bridge__inner{
  width:min(var(--max),100%);
  margin:0 auto;
}

body[data-page="contacto"] .contact-bridge__steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:30px;
  border-top:2px solid rgba(255,255,255,.5);
}

body[data-page="contacto"] .contact-bridge__steps article{
  padding:32px 34px 8px 0;
  border-right:1px solid rgba(255,255,255,.25);
}

body[data-page="contacto"] .contact-bridge__steps article+article{padding-left:34px}
body[data-page="contacto"] .contact-bridge__steps article:last-child{border-right:0}

body[data-page="contacto"] .contact-bridge__steps span{
  display:block;
  margin-bottom:50px;
  font-size:3rem;
  font-weight:300;
  line-height:1;
  color:var(--menta);
}

body[data-page="contacto"] .contact-bridge__steps h3{
  margin-bottom:10px;
  font-size:1.55rem;
  font-weight:900;
}

body[data-page="contacto"] .contact-bridge__steps p{
  max-width:30ch;
  color:#efe4ff;
  line-height:1.6;
  font-weight:300;
}

/* ---------- FAQ ---------- */
body[data-page="contacto"] .contact-faq{
  padding:112px 28px 124px;
  background:var(--blanco);
}

body[data-page="contacto"] .contact-faq__inner{
  width:min(var(--max),100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);
  gap:80px;
}

body[data-page="contacto"] .contact-faq__head h2{
  max-width:9ch;
  font-size:clamp(2.7rem,5vw,4.8rem);
  line-height:.91;
  letter-spacing:-.06em;
  font-weight:900;
}

body[data-page="contacto"] .contact-faq__list{
  border-top:2px solid var(--negro);
}

body[data-page="contacto"] .contact-faq__list details{
  border-bottom:2px solid var(--negro);
}

body[data-page="contacto"] .contact-faq__list summary{
  position:relative;
  list-style:none;
  cursor:pointer;
  padding:24px 58px 24px 0;
  font-size:1.05rem;
  font-weight:800;
}

body[data-page="contacto"] .contact-faq__list summary::-webkit-details-marker{display:none}

body[data-page="contacto"] .contact-faq__list summary::after{
  content:"+";
  position:absolute;
  right:4px;
  top:17px;
  font-size:2rem;
  font-weight:300;
  color:var(--morado);
}

body[data-page="contacto"] .contact-faq__list details[open] summary::after{content:"–"}

body[data-page="contacto"] .contact-faq__list details p{
  max-width:68ch;
  padding:0 0 26px;
  color:#4b4b53;
  line-height:1.65;
}

/* ---------- FORM FINAL ---------- */
body[data-page="contacto"] .contact-form-section{
  background:var(--negro);
  color:var(--blanco);
  padding:112px 28px 118px;
}

body[data-page="contacto"] .contact-form-section.plastic::before{
  background-size:850px auto;
  background-repeat:repeat;
  mix-blend-mode:screen;
  filter:invert(1) grayscale(1) contrast(2.5);
  opacity:.18;
}

body[data-page="contacto"] .contact-form-section__inner{
  width:min(var(--max),100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);
  gap:70px;
  align-items:start;
}

body[data-page="contacto"] .contact-form-section__intro{
  position:sticky;
  top:calc(var(--nav-h) + 28px);
  padding-top:18px;
}

body[data-page="contacto"] .contact-form-section__intro h2{
  max-width:8ch;
  margin-bottom:26px;
  font-size:clamp(3.2rem,6vw,5.8rem);
  line-height:.87;
  letter-spacing:-.07em;
  font-weight:900;
}

body[data-page="contacto"] .contact-form-section__intro>p:not(.contact-kicker){
  max-width:42ch;
  color:#cfcfd6;
  font-size:1rem;
  line-height:1.7;
}

body[data-page="contacto"] .contact-form-section__intro a{
  color:var(--menta);
  font-weight:800;
}

body[data-page="contacto"] .contact-form-section__mail{
  margin-top:42px;
  padding:22px 0 0;
  border-top:1px solid rgba(255,255,255,.26);
}

body[data-page="contacto"] .contact-form-section__mail span{
  display:block;
  margin-bottom:7px;
  color:#91919a;
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}

body[data-page="contacto"] .contact-form-section__mail strong{
  font-size:1.1rem;
  color:var(--menta);
}

body[data-page="contacto"] .contact-form__card{
  position:relative;
  top:auto;
  background:var(--blanco);
  color:var(--negro);
  border-radius:42px 42px 42px 12px;
  padding:44px;
  box-shadow:none;
}

body[data-page="contacto"] .contact-form__eyebrow{
  margin-bottom:12px;
  color:var(--morado);
  font-size:.75rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em;
}

body[data-page="contacto"] .contact-form__card h3{
  margin-bottom:12px;
  font-size:clamp(2rem,3vw,3.2rem);
  line-height:.95;
  font-weight:900;
}

body[data-page="contacto"] .contact-form__sub{
  margin-bottom:30px;
  max-width:58ch;
  color:#55555e;
  line-height:1.6;
}

body[data-page="contacto"] .contact-form__card .field{
  margin-bottom:17px;
}

body[data-page="contacto"] .contact-form__card .field label{
  font-size:.84rem;
  font-weight:800;
}

body[data-page="contacto"] .contact-form__card .field input,
body[data-page="contacto"] .contact-form__card .field select,
body[data-page="contacto"] .contact-form__card .field textarea{
  min-height:54px;
  border:2px solid #d9d9df;
  border-radius:16px;
  background:#fff;
  padding:14px 15px;
  transition:border-color .18s,box-shadow .18s;
}

body[data-page="contacto"] .contact-form__card .field textarea{
  min-height:150px;
}

body[data-page="contacto"] .contact-form__card .field input:focus,
body[data-page="contacto"] .contact-form__card .field select:focus,
body[data-page="contacto"] .contact-form__card .field textarea:focus{
  border-color:var(--morado);
  box-shadow:0 0 0 4px rgba(157,72,255,.12);
  outline:none;
}

body[data-page="contacto"] .contact-form__honeypot{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}

body[data-page="contacto"] .contact-form__legal{
  margin:14px auto 0;
  max-width:60ch;
  color:#777782;
  font-size:.76rem;
  line-height:1.5;
  text-align:center;
}

/* ---------- RESPONSIVE CONTACTO V2 ---------- */
@media(max-width:1100px){
  body[data-page="contacto"] .contact-hero{min-height:0}
  body[data-page="contacto"] .contact-hero__stamp{right:1%;top:0;width:84px}
  body[data-page="contacto"] .contact-hero__bottom{grid-template-columns:1fr}
  body[data-page="contacto"] .contact-hero__actions{justify-content:flex-start}

  body[data-page="contacto"] .contact-pricing__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(n){
    grid-column:auto;
  }

  body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(5),
  body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(6){
    grid-column:1 / -1;
  }

  body[data-page="contacto"] .price-card--company{
    grid-template-columns:1fr 1fr;
    gap:32px;
  }

  body[data-page="contacto"] .price-card--company .price-card__cta{
    grid-column:1 / -1;
    width:100%;
    min-width:0;
  }

  body[data-page="contacto"] .contact-form-section__inner{
    grid-template-columns:.8fr 1.2fr;
    gap:42px;
  }
}

@media(max-width:860px){
  body[data-page="contacto"] .contact-hero{
    padding-top:calc(var(--nav-h) + 34px);
    padding-bottom:62px;
  }

  body[data-page="contacto"] .contact-hero__topline{margin-bottom:28px}
  body[data-page="contacto"] .contact-hero__micro{display:none}
  body[data-page="contacto"] .contact-hero__title{font-size:clamp(4rem,14vw,7.1rem)}
  body[data-page="contacto"] .contact-hero__line--media{margin-left:.08em}
  body[data-page="contacto"] .contact-hero__portrait{
    flex-basis:clamp(88px,16vw,126px);
    width:clamp(88px,16vw,126px);
    height:clamp(70px,12vw,98px);
  }
  body[data-page="contacto"] .contact-hero__stamp{display:none}

  body[data-page="contacto"] .contact-pricing{
    padding-top:90px;
    padding-bottom:96px;
  }

  body[data-page="contacto"] .contact-pricing__head{
    grid-template-columns:1fr;
    gap:24px;
  }

  body[data-page="contacto"] .contact-pricing__head h2{max-width:12ch}

  body[data-page="contacto"] .price-card{
    min-height:460px;
  }

  body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(4),
  body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(5){
    min-height:440px;
    padding:34px;
  }

  body[data-page="contacto"] .price-card--company{
    grid-template-columns:1fr 1fr;
    gap:30px;
  }

  body[data-page="contacto"] .price-card--company .price-card__cta{
    grid-column:1 / -1;
    min-width:0;
  }

  body[data-page="contacto"] .contact-bridge__steps{grid-template-columns:1fr}
  body[data-page="contacto"] .contact-bridge__steps article{
    padding:26px 0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.25);
  }
  body[data-page="contacto"] .contact-bridge__steps article+article{padding-left:0}
  body[data-page="contacto"] .contact-bridge__steps article:last-child{border-bottom:0}
  body[data-page="contacto"] .contact-bridge__steps span{margin-bottom:22px}

  body[data-page="contacto"] .contact-faq__inner{
    grid-template-columns:1fr;
    gap:44px;
  }
  body[data-page="contacto"] .contact-faq__head h2{max-width:12ch}

  body[data-page="contacto"] .contact-form-section__inner{
    grid-template-columns:1fr;
    gap:44px;
  }
  body[data-page="contacto"] .contact-form-section__intro{position:static}
  body[data-page="contacto"] .contact-form-section__intro h2{max-width:10ch}
}

@media(max-width:620px){
  body[data-page="contacto"] .contact-hero,
  body[data-page="contacto"] .contact-pricing,
  body[data-page="contacto"] .contact-bridge,
  body[data-page="contacto"] .contact-faq,
  body[data-page="contacto"] .contact-form-section{
    padding-left:20px;
    padding-right:20px;
  }

  body[data-page="contacto"] .contact-hero__title{
    font-size:clamp(3.35rem,17vw,5.4rem);
    line-height:.82;
  }
  body[data-page="contacto"] .contact-hero__line{gap:.06em}
  body[data-page="contacto"] .contact-hero__line--media{margin-left:0}
  body[data-page="contacto"] .contact-hero__portrait{
    flex-basis:72px;
    width:72px;
    height:64px;
    margin:0 .01em;
  }
  body[data-page="contacto"] .contact-hero__purple-word{box-shadow:5px 5px 0 var(--negro)}
  body[data-page="contacto"] .contact-hero__bottom{margin-top:30px;gap:26px}
  body[data-page="contacto"] .contact-hero__actions{
    align-items:flex-start;
    flex-direction:column;
    gap:16px;
  }

  body[data-page="contacto"] .contact-pricing__grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(n){
    grid-column:1;
  }

  body[data-page="contacto"] .price-card,
  body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(4),
  body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(5){
    min-height:0;
    padding:28px 24px;
    border-radius:30px 30px 30px 9px;
  }

  body[data-page="contacto"] .price-card__number{margin-bottom:26px}
  body[data-page="contacto"] .price-card h3{font-size:2.15rem}
  body[data-page="contacto"] .price-card__price strong{font-size:3.7rem}

  body[data-page="contacto"] .price-card__badge{
    right:22px;
    padding:8px 14px 9px;
    font-size:.64rem;
  }

  body[data-page="contacto"] .price-card--company{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    min-height:0;
    padding:30px 24px;
  }

  body[data-page="contacto"] .price-card--company .price-card__list{
    margin:28px 0;
  }

  body[data-page="contacto"] .price-card--company .price-card__cta{
    grid-column:auto;
    width:100%;
    min-width:0;
  }

  body[data-page="contacto"] .contact-form__card{
    padding:30px 22px;
    border-radius:30px 30px 30px 9px;
  }

  body[data-page="contacto"] .contact-form__card .field-row{
    grid-template-columns:1fr;
  }
}

/* ============================================================
   V34 · CONTACTO + SERVICIOS · CORRECCIÓN FINAL DE JERARQUÍA
   - Corrige ritmo/escala del FAQ y formulario final de Contacto
   - Elimina sticky incómodo en el cierre de Contacto
   - Aplica textura de bolsa a TODA la página Servicios
   - Refuerza jerarquía editorial de títulos, bajadas y cards
   ============================================================ */

/* ============================================================
   CONTACTO · RITMO FINAL
   ============================================================ */

body[data-page="contacto"] .contact-faq{
  padding:96px 28px 102px;
}

body[data-page="contacto"] .contact-faq__inner{
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
  gap:clamp(52px,7vw,92px);
  align-items:start;
}

body[data-page="contacto"] .contact-faq__head{
  padding-top:4px;
}

body[data-page="contacto"] .contact-faq__head .contact-kicker{
  margin-bottom:16px;
  font-size:.7rem;
  letter-spacing:.14em;
}

body[data-page="contacto"] .contact-faq__head h2{
  max-width:10ch;
  font-size:clamp(2.9rem,4.65vw,4.35rem);
  line-height:.9;
  letter-spacing:-.065em;
}

body[data-page="contacto"] .contact-faq__list summary{
  min-height:72px;
  padding:23px 58px 22px 0;
  display:flex;
  align-items:center;
  font-size:clamp(.98rem,1.15vw,1.08rem);
  line-height:1.28;
  font-weight:750;
  letter-spacing:-.018em;
}

body[data-page="contacto"] .contact-faq__list summary::after{
  top:50%;
  transform:translateY(-52%);
  right:6px;
  font-size:1.85rem;
}

body[data-page="contacto"] .contact-faq__list details p{
  max-width:62ch;
  padding:0 44px 25px 0;
  font-size:.94rem;
  line-height:1.68;
  color:#5a5a62;
}

/* El cierre deja de ser una columna sticky que se corta al hacer scroll */
body[data-page="contacto"] .contact-form-section{
  padding:90px 28px 82px;
}

body[data-page="contacto"] .contact-form-section__inner{
  grid-template-columns:minmax(300px,.88fr) minmax(500px,1.12fr);
  gap:clamp(48px,6vw,78px);
  align-items:center;
}

body[data-page="contacto"] .contact-form-section__intro{
  position:relative;
  top:auto;
  align-self:center;
  padding:0;
}

body[data-page="contacto"] .contact-form-section__intro .contact-kicker{
  margin-bottom:16px;
  font-size:.7rem;
  letter-spacing:.14em;
}

body[data-page="contacto"] .contact-form-section__intro h2{
  max-width:9.3ch;
  margin-bottom:24px;
  font-size:clamp(3rem,4.9vw,4.75rem);
  line-height:.88;
  letter-spacing:-.068em;
}

body[data-page="contacto"] .contact-form-section__intro>p:not(.contact-kicker){
  max-width:39ch;
  font-size:.97rem;
  line-height:1.72;
  color:#bdbdc6;
}

body[data-page="contacto"] .contact-form-section__mail{
  margin-top:34px;
  padding-top:18px;
}

body[data-page="contacto"] .contact-form-section__mail strong{
  font-size:1rem;
}

body[data-page="contacto"] .contact-form__card{
  width:100%;
  max-width:690px;
  justify-self:end;
  padding:38px;
  border-radius:38px 38px 38px 12px;
}

body[data-page="contacto"] .contact-form__eyebrow{
  margin-bottom:10px;
  font-size:.7rem;
  letter-spacing:.12em;
}

body[data-page="contacto"] .contact-form__card h3{
  max-width:15ch;
  margin-bottom:11px;
  font-size:clamp(2rem,2.8vw,2.85rem);
  line-height:.94;
  letter-spacing:-.055em;
}

body[data-page="contacto"] .contact-form__sub{
  max-width:52ch;
  margin-bottom:26px;
  font-size:.92rem;
  line-height:1.62;
}

body[data-page="contacto"] .contact-form__card .field{
  margin-bottom:14px;
}

body[data-page="contacto"] .contact-form__card .field input,
body[data-page="contacto"] .contact-form__card .field select,
body[data-page="contacto"] .contact-form__card .field textarea{
  min-height:51px;
  border-radius:14px;
  padding:12px 14px;
}

body[data-page="contacto"] .contact-form__card .field textarea{
  min-height:132px;
}

/* Pricing: título y precio mandan; descripción y beneficios acompañan */
body[data-page="contacto"] .contact-pricing__head h2{
  max-width:9ch;
  font-size:clamp(3.15rem,5.6vw,5.25rem);
}

body[data-page="contacto"] .price-card__eyebrow{
  opacity:.68;
  font-size:.69rem;
  letter-spacing:.1em;
}

body[data-page="contacto"] .price-card h3{
  font-size:clamp(2.05rem,2.75vw,2.8rem);
}

body[data-page="contacto"] .price-card__price{
  margin:19px 0 27px;
}

body[data-page="contacto"] .price-card__price strong{
  font-size:clamp(3.35rem,4.85vw,4.55rem);
}

body[data-page="contacto"] .price-card__list li{
  font-size:.92rem;
  line-height:1.48;
}

/* ============================================================
   SERVICIOS · TEXTURA DE BOLSA EN TODA LA PÁGINA
   ============================================================ */

body[data-page="servicios"] main{
  overflow:hidden;
}

body[data-page="servicios"] .services-hero,
body[data-page="servicios"] #empresas,
body[data-page="servicios"] #postulantes,
body[data-page="servicios"] .service-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

body[data-page="servicios"] .services-hero > *,
body[data-page="servicios"] #empresas > *,
body[data-page="servicios"] #postulantes > *,
body[data-page="servicios"] .service-cta > *{
  position:relative;
  z-index:2;
}

/* HERO MENTA */
body[data-page="servicios"] .services-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:url("assets/Textura/bolsa-textura.png");
  background-size:820px auto;
  background-repeat:repeat;
  background-position:center;
  mix-blend-mode:multiply;
  filter:grayscale(1) contrast(2.15);
  opacity:.27;
}

/* EMPRESAS BLANCO · ahora ocupa ancho completo para que la textura no se corte */
body[data-page="servicios"] #empresas.services-section{
  max-width:none;
  margin:0;
  padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));
  padding-right:max(28px,calc((100vw - var(--max))/2 + 28px));
  background:#fff;
}

body[data-page="servicios"] #empresas::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:url("assets/Textura/bolsa-textura.png");
  background-size:900px auto;
  background-repeat:repeat;
  background-position:center;
  mix-blend-mode:multiply;
  filter:grayscale(1) contrast(1.7) brightness(1.25);
  opacity:.105;
}

body[data-page="servicios"] #empresas > .services-section__head,
body[data-page="servicios"] #empresas > .service-grid{
  width:min(var(--max),100%);
  margin-left:auto;
  margin-right:auto;
}

/* POSTULANTES MENTA */
body[data-page="servicios"] #postulantes::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:url("assets/Textura/bolsa-textura.png");
  background-size:820px auto;
  background-repeat:repeat;
  background-position:center;
  mix-blend-mode:multiply;
  filter:grayscale(1) contrast(2.2);
  opacity:.24;
}

/* CTA NEGRO */
body[data-page="servicios"] .service-cta::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:url("assets/Textura/bolsa-textura.png");
  background-size:760px auto;
  background-repeat:repeat;
  background-position:center;
  mix-blend-mode:screen;
  filter:invert(1) grayscale(1) contrast(2.35);
  opacity:.18;
}

/* Las texturas de las tarjetas siguen presentes, pero con menos ruido */
body[data-page="servicios"] .service-card.plastic::before{
  opacity:.16;
}

/* ============================================================
   SERVICIOS · JERARQUÍA EDITORIAL
   ============================================================ */

body[data-page="servicios"] .services-hero{
  min-height:690px;
  padding-top:calc(var(--nav-h) + 70px);
  padding-bottom:84px;
}

body[data-page="servicios"] .services-hero__inner{
  grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);
  gap:clamp(48px,6vw,82px);
  min-height:540px;
}

body[data-page="servicios"] .services-hero__copy .tag{
  margin-bottom:20px;
  font-size:.73rem;
  letter-spacing:.08em;
}

body[data-page="servicios"] .services-hero__copy .display{
  max-width:10.5ch;
  margin-bottom:26px;
  font-size:clamp(4.35rem,7.9vw,7.35rem);
  line-height:.82;
  letter-spacing:-.078em;
}

body[data-page="servicios"] .services-hero__copy .display > span{
  display:block;
}

body[data-page="servicios"] .services-hero__copy .display .w-black{
  font-weight:900;
}

body[data-page="servicios"] .services-title__middle{
  width:max-content;
  max-width:100%;
  margin:.06em 0 .11em .05em;
  padding:.055em .16em .09em;
  background:var(--morado);
  color:var(--blanco);
  border-radius:.24em .24em .24em .055em;
  font-size:.72em;
  line-height:.93;
  font-weight:900;
  letter-spacing:-.055em;
  transform:rotate(-1deg);
  box-shadow:7px 7px 0 var(--negro);
}

body[data-page="servicios"] .services-hero__copy .display .w-light{
  max-width:9.2ch;
  font-size:.76em;
  line-height:.95;
  font-weight:300;
}

body[data-page="servicios"] .services-hero__copy .lede{
  max-width:50ch;
  font-size:1.03rem;
  line-height:1.68;
  font-weight:500;
  color:#15382c;
}

body[data-page="servicios"] .services-hero__copy .hero__actions{
  margin-top:30px;
}

body[data-page="servicios"] .services-hero__art{
  min-height:520px;
  border-radius:50px 50px 50px 14px;
}

/* Encabezados de sección: kicker pequeño, título protagonista, bajada secundaria */
body[data-page="servicios"] .services-section{
  padding-top:112px;
  padding-bottom:118px;
}

body[data-page="servicios"] .services-section__head{
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  gap:clamp(42px,6vw,76px);
  align-items:end;
  margin-bottom:54px;
}

body[data-page="servicios"] .services-section__head .tag{
  margin-bottom:18px;
  font-size:.7rem;
  letter-spacing:.09em;
}

body[data-page="servicios"] .services-section__head .h2{
  max-width:10ch;
  margin:0;
  font-size:clamp(3.35rem,5.55vw,5.15rem);
  line-height:.88;
  letter-spacing:-.065em;
}

body[data-page="servicios"] .services-section__head .h2 .w-light{
  display:block;
  margin-top:.04em;
  font-size:.8em;
  line-height:.95;
}

body[data-page="servicios"] .services-section__head > p{
  max-width:43ch;
  font-size:.98rem;
  line-height:1.72;
  color:#5b5b64;
}

body[data-page="servicios"] #postulantes .services-section__head > p{
  color:#143d2f;
  font-weight:500;
}

/* Cards empresa */
body[data-page="servicios"] .service-grid--business .service-card{
  border-radius:38px 38px 38px 12px;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(1){
  padding:46px;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(1) h3{
  max-width:9ch;
  font-size:clamp(2.65rem,4vw,3.8rem);
  line-height:.93;
  letter-spacing:-.06em;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(1) p:first-of-type{
  max-width:42ch;
  margin-top:8px;
  font-size:1.05rem;
  line-height:1.58;
  font-weight:600;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(1) p:nth-of-type(2){
  max-width:46ch;
  font-size:.93rem;
  line-height:1.7;
  opacity:.8;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(2) h3,
body[data-page="servicios"] .service-grid--business .service-card:nth-child(3) h3{
  max-width:12ch;
  font-size:clamp(1.85rem,2.6vw,2.45rem);
  line-height:.96;
  letter-spacing:-.05em;
}

body[data-page="servicios"] .service-grid--business .service-card:nth-child(2) p,
body[data-page="servicios"] .service-grid--business .service-card:nth-child(3) p{
  font-size:.91rem;
  line-height:1.62;
}

body[data-page="servicios"] .service-card__num{
  font-size:2.8rem;
  line-height:.85;
  opacity:.82;
}

body[data-page="servicios"] .service-card__top img{
  width:62px;
}

body[data-page="servicios"] .service-card .text-link{
  font-size:.9rem;
  letter-spacing:-.01em;
}

/* Cards postulantes */
body[data-page="servicios"] #postulantes .service-card h3{
  max-width:13ch;
  font-size:clamp(2rem,3vw,2.8rem);
  line-height:.95;
  letter-spacing:-.055em;
}

body[data-page="servicios"] #postulantes .service-card p:first-of-type{
  font-size:1rem;
  line-height:1.58;
  font-weight:550;
}

body[data-page="servicios"] #postulantes .service-card p:nth-of-type(2){
  font-size:.91rem;
  line-height:1.68;
  opacity:.82;
}

body[data-page="servicios"] #postulantes .service-card__badge{
  top:24px;
  right:24px;
  padding:8px 14px;
  font-size:.68rem;
  letter-spacing:.04em;
  text-transform:uppercase;
}

/* CTA final */
body[data-page="servicios"] .service-cta{
  margin-top:102px;
  margin-bottom:104px;
  padding:48px 54px;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:34px;
  border-radius:40px 40px 40px 12px;
}

body[data-page="servicios"] .service-cta .tag{
  margin-bottom:12px;
  font-size:.68rem;
  letter-spacing:.09em;
}

body[data-page="servicios"] .service-cta h2{
  max-width:13ch;
  margin:0 0 10px;
  font-size:clamp(2.55rem,4vw,4rem);
  line-height:.9;
  letter-spacing:-.06em;
}

body[data-page="servicios"] .service-cta p:not(.tag){
  max-width:49ch;
  font-size:.95rem;
  line-height:1.65;
  color:#cfcfd6;
}

/* ============================================================
   RESPONSIVE · CONTACTO + SERVICIOS V34
   ============================================================ */

@media(max-width:1000px){
  body[data-page="contacto"] .contact-faq__inner{
    grid-template-columns:1fr;
    gap:38px;
  }

  body[data-page="contacto"] .contact-faq__head h2{
    max-width:12ch;
  }

  body[data-page="contacto"] .contact-form-section__inner{
    grid-template-columns:1fr;
    gap:42px;
  }

  body[data-page="contacto"] .contact-form-section__intro{
    max-width:700px;
  }

  body[data-page="contacto"] .contact-form-section__intro h2{
    max-width:12ch;
  }

  body[data-page="contacto"] .contact-form__card{
    max-width:none;
    justify-self:stretch;
  }

  body[data-page="servicios"] .services-hero__inner{
    grid-template-columns:1fr 380px;
    gap:42px;
  }

  body[data-page="servicios"] .services-hero__copy .display{
    font-size:clamp(4rem,8.5vw,6.2rem);
  }

  body[data-page="servicios"] .services-section__head{
    grid-template-columns:1fr;
    gap:24px;
  }

  body[data-page="servicios"] .services-section__head > p{
    max-width:58ch;
  }
}

@media(max-width:780px){
  body[data-page="contacto"] .contact-faq{
    padding:78px 20px 84px;
  }

  body[data-page="contacto"] .contact-faq__head h2{
    font-size:clamp(2.65rem,12vw,3.8rem);
  }

  body[data-page="contacto"] .contact-form-section{
    padding:76px 20px 72px;
  }

  body[data-page="contacto"] .contact-form-section__intro h2{
    font-size:clamp(2.8rem,12vw,4rem);
  }

  body[data-page="contacto"] .contact-form__card{
    padding:30px 24px;
    border-radius:30px 30px 30px 10px;
  }

  body[data-page="servicios"] .services-hero{
    min-height:0;
    padding:calc(var(--nav-h) + 46px) 20px 76px;
  }

  body[data-page="servicios"] .services-hero__inner{
    grid-template-columns:1fr;
    gap:42px;
  }

  body[data-page="servicios"] .services-hero__copy .display{
    max-width:9.7ch;
    font-size:clamp(3.7rem,15vw,5.4rem);
  }

  body[data-page="servicios"] .services-title__middle{
    box-shadow:5px 5px 0 var(--negro);
  }

  body[data-page="servicios"] .services-hero__art{
    width:min(470px,100%);
    min-height:430px;
    margin:0 auto;
  }

  body[data-page="servicios"] #empresas.services-section,
  body[data-page="servicios"] #postulantes.services-section--candidates{
    padding-left:20px;
    padding-right:20px;
  }

  body[data-page="servicios"] .services-section{
    padding-top:88px;
    padding-bottom:92px;
  }

  body[data-page="servicios"] .services-section__head .h2{
    max-width:11ch;
    font-size:clamp(3rem,13vw,4.2rem);
  }

  body[data-page="servicios"] .service-grid--business .service-card:nth-child(1),
  body[data-page="servicios"] .service-grid--business .service-card:nth-child(2),
  body[data-page="servicios"] .service-grid--business .service-card:nth-child(3){
    padding:30px;
  }

  body[data-page="servicios"] .service-grid--business .service-card:nth-child(1) h3,
  body[data-page="servicios"] .service-grid--business .service-card:nth-child(2) h3,
  body[data-page="servicios"] .service-grid--business .service-card:nth-child(3) h3{
    max-width:12ch;
    font-size:clamp(2.15rem,9vw,2.8rem);
  }

  body[data-page="servicios"] .service-cta{
    margin:78px 20px;
    padding:36px 30px;
    grid-template-columns:1fr;
  }

  body[data-page="servicios"] .service-cta>img{
    width:58px;
  }

  body[data-page="servicios"] .service-cta .btn{
    justify-self:start;
  }
}

@media(max-width:520px){
  body[data-page="contacto"] .contact-faq__list summary{
    min-height:66px;
    padding-right:46px;
    font-size:.95rem;
  }

  body[data-page="contacto"] .contact-faq__list details p{
    padding-right:12px;
    font-size:.9rem;
  }

  body[data-page="contacto"] .contact-form__card .field-row{
    grid-template-columns:1fr;
    gap:0;
  }

  body[data-page="servicios"] .services-hero__copy .display{
    font-size:clamp(3.35rem,16vw,4.65rem);
  }

  body[data-page="servicios"] .services-hero__copy .lede{
    font-size:.95rem;
  }

  body[data-page="servicios"] .services-section__head .h2{
    font-size:clamp(2.75rem,14vw,3.8rem);
  }

  body[data-page="servicios"] .service-card{
    min-height:0;
  }
}

/* ============================================================
   V20 · FOOTER GLOBAL DEFINITIVO
   MISMA COMPOSICIÓN EN TODAS LAS PÁGINAS
   ============================================================ */
.footer{
  position:relative;
  width:100%;
  margin:0;
  padding:0 28px;
  background:var(--negro);
  color:var(--blanco);
  overflow:hidden;
}

.footer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:url("assets/Textura/bolsa-textura.png");
  background-size:900px auto;
  background-repeat:repeat;
  mix-blend-mode:screen;
  filter:invert(1) grayscale(1) contrast(2.4);
  opacity:.07;
}

.footer > *{
  position:relative;
  z-index:1;
}

.footer__main,
.footer__bottom{
  width:100%;
  max-width:var(--max);
  margin:0 auto;
}

.footer__main{
  display:grid;
  grid-template-columns:minmax(280px,1.2fr) minmax(150px,.55fr) minmax(280px,.9fr);
  gap:clamp(46px,6vw,96px);
  align-items:start;
  padding:48px 0 38px;
  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.16);
}

.footer__brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}

.footer__logo{
  display:inline-flex;
  line-height:0;
}

.footer .brand-mark--footer{
  width:86px;
  height:auto;
  margin:0;
  object-fit:contain;
}

.footer__slogan{
  max-width:28ch;
  margin:20px 0 0;
  color:#c8c8cf;
  font-size:.96rem;
  font-weight:400;
  line-height:1.55;
}

.footer__label{
  display:block;
  margin:0 0 17px;
  color:var(--menta);
  font-size:.7rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.footer__links{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:11px;
  padding:2px 0 0;
}

.footer__links .footer__label{
  margin-bottom:7px;
}

.footer__links a{
  color:#dedee3;
  font-size:.9rem;
  font-weight:600;
  line-height:1.35;
  transition:color .2s var(--ease),transform .2s var(--ease);
}

.footer__links a:hover{
  color:var(--menta);
  transform:translateX(3px);
}

.footer__contact{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  padding:2px 0 0;
  min-width:0;
}

.footer__contact .footer__label{
  margin-bottom:8px;
}

.footer__contact a{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  color:#ededf1;
  font-size:.88rem;
  font-weight:700;
  line-height:1.3;
  transition:color .2s var(--ease),transform .2s var(--ease);
}

.footer__contact a:hover{
  color:var(--menta);
  transform:translateX(3px);
}

.footer__contact img{
  width:32px;
  height:32px;
  flex:0 0 32px;
  object-fit:contain;
}

.footer__bottom{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:32px;
  align-items:end;
  padding:24px 0 22px;
}

.footer__regions{
  min-width:0;
}

.footer__regions .footer__label{
  margin-bottom:11px;
}

.footer .chips--footer{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  max-width:none;
  margin:0;
  padding:0;
}

.footer .chips--footer .chip{
  min-height:30px;
  padding:6px 11px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:999px;
  background:transparent;
  color:#dcdce2;
  font-size:.67rem;
  font-weight:600;
  line-height:1;
}

.footer .chips--footer .chip:hover{
  border-color:var(--menta);
  background:var(--menta);
  color:var(--negro);
}

.footer .footer__legal{
  max-width:none;
  margin:0;
  padding:0 0 3px;
  border:0;
  color:#888891;
  font-size:.72rem;
  font-weight:500;
  line-height:1.35;
  text-align:right;
  white-space:nowrap;
}

/* Contacto: el formulario termina y el footer empieza sin un vacío enorme */
body[data-page="contacto"] .contact-form-section{
  padding-bottom:64px;
}

body[data-page="contacto"] .contact-form-section + .footer,
body[data-page="contacto"] .contact-page + .footer{
  margin-top:0;
}

@media(max-width:900px){
  .footer__main{
    grid-template-columns:1fr 1fr;
    gap:36px 48px;
    padding:44px 0 34px;
  }

  .footer__brand{
    grid-column:1 / -1;
  }

  .footer__bottom{
    grid-template-columns:1fr;
    align-items:start;
    gap:18px;
  }

  .footer .footer__legal{
    text-align:left;
    white-space:normal;
  }
}

@media(max-width:620px){
  .footer{
    padding:0 20px;
  }

  .footer__main{
    grid-template-columns:1fr;
    gap:28px;
    padding:38px 0 30px;
  }

  .footer__brand{
    grid-column:auto;
  }

  .footer .brand-mark--footer{
    width:76px;
  }

  .footer__bottom{
    padding:22px 0 20px;
  }

  .footer__contact a{
    overflow-wrap:anywhere;
  }

  body[data-page="contacto"] .contact-form-section{
    padding-bottom:50px;
  }
}


/* ============================================================
   V42 · RESPONSIVE GLOBAL DEFINITIVO
   Breakpoints: 1180 / 900 / 640
   ============================================================ */

/* ---------- Laptop / tablet horizontal ---------- */
@media (max-width:1180px){
  :root{--page-gutter:24px}

  .nav__inner{
    width:min(100%,1320px);
    padding-inline:24px;
  }
  .nav__links{gap:18px}
  .nav__link{font-size:.9rem}
  .nav__cta{min-width:168px;margin-left:12px}

  body[data-page="servicios"] .services-hero__inner{
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
    gap:42px;
  }
  body[data-page="servicios"] .services-hero__copy .display{
    font-size:clamp(4rem,7.4vw,6.6rem);
  }
  body[data-page="servicios"] .service-grid--business{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-page="servicios"] .service-grid--business .service-card:nth-child(1){
    grid-column:1 / -1;
    min-height:430px;
  }
  body[data-page="servicios"] .service-grid--business .service-card:nth-child(2),
  body[data-page="servicios"] .service-grid--business .service-card:nth-child(3){
    min-height:430px;
  }

  body[data-page="contacto"] .contact-hero__title{
    font-size:clamp(4.6rem,10vw,7.7rem);
  }
  body[data-page="contacto"] .contact-pricing__head{
    gap:38px;
  }
}

/* ---------- Tablet vertical ---------- */
@media (max-width:900px){
  :root{--nav-h:74px;--page-gutter:20px}

  .nav__inner{
    height:var(--nav-h);
    padding-inline:20px;
  }
  .brand-mark--nav{
    width:72px;
    height:54px;
    margin-left:-7px;
  }
  .nav__burger{
    display:block;
    width:44px;
    height:44px;
    padding:9px;
    margin-left:auto;
    border:0;
    background:transparent;
  }
  .nav__links{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:1000;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    margin:0;
    padding:16px 20px 22px;
    background:var(--menta);
    border-top:1px solid rgba(0,0,0,.16);
    box-shadow:0 22px 38px rgba(0,0,0,.16);
  }
  .nav__links.is-open{display:flex}
  .nav__links .nav__link{
    width:100%;
    padding:14px 4px;
    border-bottom:1px solid rgba(0,0,0,.12);
    font-size:1rem;
  }
  .nav__links .nav__link::after{display:none}
  .nav__cta{display:none}
  .nav__cta-mobile{
    display:inline-flex;
    width:100%;
    min-height:50px;
    margin-top:16px;
    justify-content:space-between;
  }

  /* SERVICIOS */
  body[data-page="servicios"] .services-hero{
    min-height:0;
    padding:calc(var(--nav-h) + 36px) 20px 72px;
  }
  body[data-page="servicios"] .services-hero__inner{
    grid-template-columns:1fr;
    gap:40px;
    min-height:0;
  }
  body[data-page="servicios"] .services-hero__copy .display{
    max-width:9.7ch;
    font-size:clamp(3.8rem,13vw,6rem);
    line-height:.84;
  }
  body[data-page="servicios"] .services-hero__copy .lede{
    max-width:56ch;
    font-size:1rem;
  }
  body[data-page="servicios"] .services-hero__art{
    width:min(500px,100%);
    min-height:390px;
    margin:0 auto;
    border-radius:38px 38px 38px 12px;
  }
  body[data-page="servicios"] .services-section{
    padding-top:82px;
    padding-bottom:88px;
  }
  body[data-page="servicios"] #empresas.services-section,
  body[data-page="servicios"] #postulantes.services-section--candidates{
    padding-left:20px;
    padding-right:20px;
  }
  body[data-page="servicios"] .services-section__head{
    grid-template-columns:1fr;
    gap:20px;
    margin-bottom:38px;
  }
  body[data-page="servicios"] .services-section__head .h2{
    max-width:11ch;
    font-size:clamp(3rem,10vw,4.35rem);
  }
  body[data-page="servicios"] .service-grid--business{
    grid-template-columns:1fr 1fr;
    gap:16px;
  }
  body[data-page="servicios"] .service-grid--business .service-card:nth-child(1){
    grid-column:1 / -1;
  }
  body[data-page="servicios"] .service-grid--business .service-card{
    min-height:0;
    padding:30px;
  }

  /* Postulantes: foto deja de ser flotante y pasa a ser parte del flujo */
  body[data-page="servicios"] #postulantes.services-section--candidates{
    display:grid;
    grid-template-columns:1fr;
    padding-bottom:88px;
  }
  body[data-page="servicios"] #postulantes .services-section__head{order:1}
  body[data-page="servicios"] #postulantes .candidate-photo{
    position:relative!important;
    order:2;
    right:auto!important;
    bottom:auto!important;
    width:min(230px,55vw);
    max-height:290px;
    margin:-8px auto 24px;
    object-fit:contain;
    animation:none;
  }
  body[data-page="servicios"] #postulantes .service-grid--cv{
    order:3;
    grid-template-columns:1fr 1fr;
    gap:16px;
  }
  body[data-page="servicios"] #postulantes .service-card{
    min-height:0;
    padding:30px;
  }
  body[data-page="servicios"] .service-cta{
    margin:72px 20px;
    padding:34px 30px;
    grid-template-columns:auto 1fr;
    gap:22px;
  }
  body[data-page="servicios"] .service-cta .btn{
    grid-column:1 / -1;
    width:100%;
    justify-content:space-between;
  }

  /* CONTACTO */
  body[data-page="contacto"] .contact-hero{
    padding-top:calc(var(--nav-h) + 34px);
    padding-bottom:64px;
  }
  body[data-page="contacto"] .contact-hero__micro,
  body[data-page="contacto"] .contact-hero__stamp{display:none}
  body[data-page="contacto"] .contact-hero__title{
    font-size:clamp(3.9rem,13.5vw,6.7rem);
    line-height:.82;
  }
  body[data-page="contacto"] .contact-hero__portrait{
    flex-basis:clamp(82px,15vw,118px);
    width:clamp(82px,15vw,118px);
    height:clamp(66px,11vw,92px);
  }
  body[data-page="contacto"] .contact-hero__bottom{
    grid-template-columns:1fr;
    gap:26px;
  }
  body[data-page="contacto"] .contact-hero__signals{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }

  body[data-page="contacto"] .contact-pricing{
    padding-top:82px;
    padding-bottom:88px;
  }
  body[data-page="contacto"] .contact-pricing__head{
    grid-template-columns:1fr;
    gap:20px;
    margin-bottom:38px;
  }
  body[data-page="contacto"] .contact-pricing__head h2{
    max-width:11ch;
    font-size:clamp(3rem,10vw,4.4rem);
  }
  body[data-page="contacto"] .contact-pricing__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }
  body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(n){
    grid-column:auto;
  }
  body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(5),
  body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(6){
    grid-column:1 / -1;
  }
  body[data-page="contacto"] .price-card,
  body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(4),
  body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(5){
    min-height:0;
    padding:30px;
  }
  body[data-page="contacto"] .price-card--company{
    grid-template-columns:1fr 1fr;
    gap:28px;
  }
  body[data-page="contacto"] .price-card--company .price-card__cta{
    grid-column:1 / -1;
    width:100%;
  }
  body[data-page="contacto"] .contact-bridge__steps{
    grid-template-columns:1fr;
  }
  body[data-page="contacto"] .contact-faq__inner,
  body[data-page="contacto"] .contact-form-section__inner{
    grid-template-columns:1fr;
    gap:38px;
  }
  body[data-page="contacto"] .contact-form-section__intro{
    position:static;
    max-width:650px;
  }
  body[data-page="contacto"] .contact-form__card{
    width:100%;
    max-width:none;
  }

  /* FOOTER */
  .footer__main{
    grid-template-columns:1.15fr .85fr;
    gap:34px 46px;
    padding:42px 0 32px;
  }
  .footer__brand{grid-column:1 / -1}
  .footer__contact{grid-column:2}
  .footer__bottom{
    grid-template-columns:1fr;
    gap:18px;
  }
  .footer .footer__legal{
    text-align:left;
    white-space:normal;
  }
}

/* ---------- Móvil ---------- */
@media (max-width:640px){
  :root{--nav-h:68px;--page-gutter:16px}

  .nav__inner{padding-inline:16px}
  .brand-mark--nav{width:66px;height:50px}
  .nav__links{padding:14px 16px 20px}

  .crumbs{font-size:.72rem}
  .tag{font-size:.68rem}
  .btn{min-height:48px}

  /* SERVICIOS */
  body[data-page="servicios"] .services-hero{
    padding:calc(var(--nav-h) + 26px) 16px 58px;
  }
  body[data-page="servicios"] .services-hero__copy .tag{margin-bottom:16px}
  body[data-page="servicios"] .services-hero__copy .display{
    max-width:9.6ch;
    margin-bottom:20px;
    font-size:clamp(3.05rem,15.5vw,4.6rem);
    line-height:.85;
  }
  body[data-page="servicios"] .services-title__middle{
    box-shadow:4px 4px 0 var(--negro);
  }
  body[data-page="servicios"] .services-hero__copy .lede{
    font-size:.93rem;
    line-height:1.58;
  }
  body[data-page="servicios"] .services-hero__copy .hero__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  body[data-page="servicios"] .services-hero__copy .hero__actions .btn{
    width:100%;
    justify-content:space-between;
  }
  body[data-page="servicios"] .services-hero__art{
    min-height:300px;
    border-radius:30px 30px 30px 10px;
  }
  body[data-page="servicios"] .services-section{
    padding-top:66px;
    padding-bottom:70px;
  }
  body[data-page="servicios"] #empresas.services-section,
  body[data-page="servicios"] #postulantes.services-section--candidates{
    padding-left:16px;
    padding-right:16px;
  }
  body[data-page="servicios"] .services-section__head{
    margin-bottom:28px;
  }
  body[data-page="servicios"] .services-section__head .h2{
    max-width:10.5ch;
    font-size:clamp(2.55rem,13vw,3.55rem);
  }
  body[data-page="servicios"] .services-section__head > p{
    font-size:.92rem;
    line-height:1.58;
  }
  body[data-page="servicios"] .service-grid--business,
  body[data-page="servicios"] #postulantes .service-grid--cv{
    grid-template-columns:1fr;
    gap:14px;
  }
  body[data-page="servicios"] .service-grid--business .service-card:nth-child(1){grid-column:1}
  body[data-page="servicios"] .service-card,
  body[data-page="servicios"] .service-grid--business .service-card{
    min-height:0;
    padding:26px 24px;
    border-radius:28px 28px 28px 9px;
  }
  body[data-page="servicios"] .service-card__top{
    min-height:56px;
    margin-bottom:18px;
  }
  body[data-page="servicios"] .service-card__num{font-size:2.25rem}
  body[data-page="servicios"] .service-card__top img{width:50px}
  body[data-page="servicios"] .service-card h3,
  body[data-page="servicios"] .service-grid--business .service-card:nth-child(1) h3,
  body[data-page="servicios"] .service-grid--business .service-card:nth-child(2) h3,
  body[data-page="servicios"] .service-grid--business .service-card:nth-child(3) h3,
  body[data-page="servicios"] #postulantes .service-card h3{
    max-width:13ch;
    font-size:clamp(1.9rem,9vw,2.45rem);
    line-height:.96;
  }
  body[data-page="servicios"] #postulantes .candidate-photo{
    width:min(185px,52vw);
    max-height:235px;
    margin:-4px auto 18px;
  }
  body[data-page="servicios"] #postulantes .service-card__badge{
    position:static;
    width:max-content;
    max-width:100%;
    margin:0 0 16px;
  }
  body[data-page="servicios"] .service-cta{
    margin:58px 16px;
    padding:28px 24px;
    grid-template-columns:1fr;
    gap:18px;
    border-radius:30px 30px 30px 10px;
  }
  body[data-page="servicios"] .service-cta>img{width:52px}
  body[data-page="servicios"] .service-cta h2{
    font-size:clamp(2.2rem,11vw,3rem);
  }

  /* CONTACTO */
  body[data-page="contacto"] .contact-hero,
  body[data-page="contacto"] .contact-pricing,
  body[data-page="contacto"] .contact-bridge,
  body[data-page="contacto"] .contact-faq,
  body[data-page="contacto"] .contact-form-section{
    padding-left:16px;
    padding-right:16px;
  }
  body[data-page="contacto"] .contact-hero{
    padding-top:calc(var(--nav-h) + 24px);
    padding-bottom:52px;
  }
  body[data-page="contacto"] .contact-hero__topline{margin-bottom:22px}
  body[data-page="contacto"] .contact-hero__title{
    font-size:clamp(3rem,16vw,4.65rem);
    line-height:.83;
  }
  body[data-page="contacto"] .contact-hero__line{gap:.04em}
  body[data-page="contacto"] .contact-hero__line--media{margin-left:0}
  body[data-page="contacto"] .contact-hero__portrait{
    flex-basis:58px;
    width:58px;
    height:54px;
    margin-inline:.01em;
  }
  body[data-page="contacto"] .contact-hero__purple-word{
    box-shadow:4px 4px 0 var(--negro);
  }
  body[data-page="contacto"] .contact-hero__lede{
    font-size:.94rem;
    line-height:1.58;
  }
  body[data-page="contacto"] .contact-hero__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  body[data-page="contacto"] .contact-hero__actions .btn,
  body[data-page="contacto"] .contact-hero__text-link{
    width:100%;
  }
  body[data-page="contacto"] .contact-hero__signals{
    grid-template-columns:1fr;
    gap:7px;
  }

  body[data-page="contacto"] .contact-pricing{
    padding-top:66px;
    padding-bottom:70px;
  }
  body[data-page="contacto"] .contact-pricing__head{
    margin-bottom:28px;
  }
  body[data-page="contacto"] .contact-pricing__head h2{
    max-width:10.5ch;
    font-size:clamp(2.55rem,13vw,3.6rem);
  }
  body[data-page="contacto"] .contact-pricing__head>p{
    font-size:.92rem;
    line-height:1.58;
  }
  body[data-page="contacto"] .contact-pricing__grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(n){grid-column:1}
  body[data-page="contacto"] .price-card,
  body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(4),
  body[data-page="contacto"] .contact-pricing__grid > .price-card:nth-child(5),
  body[data-page="contacto"] .price-card--company{
    display:flex;
    flex-direction:column;
    min-height:0;
    padding:26px 22px;
    gap:0;
    border-radius:28px 28px 28px 9px;
  }
  body[data-page="contacto"] .price-card__number{margin-bottom:22px}
  body[data-page="contacto"] .price-card h3{font-size:2rem}
  body[data-page="contacto"] .price-card__price{
    margin:18px 0 24px;
  }
  body[data-page="contacto"] .price-card__price strong{font-size:3.35rem}
  body[data-page="contacto"] .price-card__price--range strong{font-size:2.65rem}
  body[data-page="contacto"] .price-card__list{
    gap:10px;
    margin-bottom:26px;
  }
  body[data-page="contacto"] .price-card__list li{
    font-size:.9rem;
    line-height:1.4;
  }
  body[data-page="contacto"] .price-card__badge{
    right:18px;
    padding:7px 12px 8px;
    font-size:.61rem;
  }
  body[data-page="contacto"] .price-card--company .price-card__list{margin:24px 0}

  body[data-page="contacto"] .contact-faq{
    padding-top:66px;
    padding-bottom:70px;
  }
  body[data-page="contacto"] .contact-faq__head h2,
  body[data-page="contacto"] .contact-form-section__intro h2{
    max-width:11ch;
    font-size:clamp(2.55rem,13vw,3.6rem);
  }
  body[data-page="contacto"] .contact-faq__list summary{
    min-height:62px;
    padding-right:42px;
    font-size:.92rem;
  }
  body[data-page="contacto"] .contact-form-section{
    padding-top:66px;
    padding-bottom:48px;
  }
  body[data-page="contacto"] .contact-form-section__inner{gap:30px}
  body[data-page="contacto"] .contact-form__card{
    padding:26px 20px;
    border-radius:28px 28px 28px 9px;
  }
  body[data-page="contacto"] .contact-form__card .field-row{
    grid-template-columns:1fr;
    gap:0;
  }
  body[data-page="contacto"] .contact-form__card input,
  body[data-page="contacto"] .contact-form__card select,
  body[data-page="contacto"] .contact-form__card textarea{
    font-size:16px; /* evita zoom automático en iOS */
  }

  /* FOOTER */
  .footer{padding-inline:16px}
  .footer__main{
    grid-template-columns:1fr;
    gap:26px;
    padding:34px 0 28px;
  }
  .footer__brand,
  .footer__contact{grid-column:auto}
  .footer__links{gap:9px}
  .footer__contact a{overflow-wrap:anywhere}
  .footer__bottom{padding:20px 0 18px}
  .footer .chips--footer{gap:6px}
  .footer .chips--footer .chip{
    min-height:29px;
    padding:6px 10px;
    font-size:.65rem;
  }
}

/* ============================================================
   V43 · CORRECCIÓN MOBILE HERO
   Servicios + Contacto
   Corrige solapamientos sin alterar desktop/tablet.
   ============================================================ */

@media (max-width:640px){

  /* ==========================================================
     SERVICIOS · HERO
     La escena vuelve a ser una composición independiente:
     texto arriba / arte abajo.
     ========================================================== */

  body[data-page="servicios"] .services-hero{
    min-height:0 !important;
    padding:
      calc(var(--nav-h) + 18px)
      16px
      0 !important;
    overflow:hidden !important;
  }

  body[data-page="servicios"] .services-hero__inner{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    min-height:0 !important;
  }

  body[data-page="servicios"] .services-hero__copy{
    position:relative !important;
    z-index:10 !important;
    width:100% !important;
    max-width:none !important;
    padding:0 0 26px !important;
  }

  body[data-page="servicios"] .services-hero .crumbs{
    margin-bottom:20px !important;
  }

  body[data-page="servicios"] .services-hero .tag{
    margin:18px 0 18px !important;
    box-shadow:none !important;
  }

  body[data-page="servicios"] .services-hero__copy .display{
    max-width:none !important;
    margin:0 0 22px !important;
    font-size:clamp(3.05rem,14.8vw,4.2rem) !important;
    line-height:.86 !important;
    letter-spacing:-.07em !important;
  }

  body[data-page="servicios"] .services-title__middle{
    display:inline-block !important;
    max-width:100% !important;
    padding:.04em .10em .09em !important;
    box-shadow:4px 4px 0 var(--negro) !important;
    white-space:nowrap !important;
  }

  body[data-page="servicios"] .services-hero__copy .display .w-light{
    display:block !important;
    margin-top:.14em !important;
    max-width:8.3ch !important;
    font-size:.70em !important;
    line-height:.92 !important;
  }

  body[data-page="servicios"] .services-hero .lede{
    position:relative !important;
    z-index:11 !important;
    max-width:34ch !important;
    margin:0 0 22px !important;
    color:rgba(255,255,255,.72) !important;
    font-size:.91rem !important;
    line-height:1.55 !important;
  }

  body[data-page="servicios"] .services-hero .hero__actions{
    position:relative !important;
    z-index:12 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
    width:100% !important;
    margin:0 !important;
  }

  body[data-page="servicios"] .services-hero .hero__actions .btn{
    width:100% !important;
    min-height:48px !important;
    justify-content:space-between !important;
  }

  /* Escena editorial: contenedor propio debajo del copy */
  body[data-page="servicios"] .services-hero__art,
  body[data-page="servicios"] .services-hero__art--editorial{
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    flex:none !important;
    width:calc(100% + 32px) !important;
    height:360px !important;
    min-height:360px !important;
    max-height:360px !important;
    margin:4px -16px 0 !important;
    padding:0 !important;
    overflow:hidden !important;
    border-radius:0 !important;
    transform:none !important;
  }

  body[data-page="servicios"] .services-hero__art--editorial::before{
    width:270px !important;
    height:270px !important;
    top:38px !important;
    right:-34px !important;
    left:auto !important;
    bottom:auto !important;
    border-radius:50% !important;
    transform:none !important;
  }

  /* Persona completa y centrada: cabeza siempre dentro del contenedor */
  body[data-page="servicios"] .services-hero__person{
    position:absolute !important;
    z-index:3 !important;
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:-4px !important;
    width:auto !important;
    height:344px !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:translateX(-50%) !important;
    animation:none !important;
  }

  body[data-page="servicios"] .services-hero__tool{
    position:absolute !important;
    z-index:6 !important;
    left:16px !important;
    right:auto !important;
    top:auto !important;
    bottom:18px !important;
    width:82px !important;
    height:auto !important;
    max-width:none !important;
    transform:rotate(-7deg) !important;
  }

  body[data-page="servicios"] .services-hero__logo{
    position:absolute !important;
    z-index:7 !important;
    top:24px !important;
    right:14px !important;
    left:auto !important;
    bottom:auto !important;
    width:74px !important;
    height:auto !important;
    max-width:none !important;
    transform:rotate(2deg) !important;
  }

  /* El siguiente bloque empieza limpio, sin elementos flotando encima */
  body[data-page="servicios"] #empresas{
    position:relative !important;
    z-index:8 !important;
    margin-top:0 !important;
    padding-top:68px !important;
  }


  /* ==========================================================
     CONTACTO · HERO
     Mantiene el concepto editorial pero fija las líneas para
     que no cambien de posición en 390–440px.
     ========================================================== */

  body[data-page="contacto"] .contact-hero{
    padding:
      calc(var(--nav-h) + 20px)
      16px
      48px !important;
    overflow:hidden !important;
  }

  body[data-page="contacto"] .contact-hero__topline{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin-bottom:26px !important;
  }

  body[data-page="contacto"] .contact-hero__topline .crumbs{
    min-width:0 !important;
    margin:0 !important;
  }

  body[data-page="contacto"] .contact-hero__micro{
    display:inline-flex !important;
    flex:none !important;
    padding:7px 11px !important;
    border:1.5px solid var(--negro) !important;
    border-radius:999px !important;
    font-size:.58rem !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  body[data-page="contacto"] .contact-hero__stamp{
    display:none !important;
  }

  body[data-page="contacto"] .contact-hero__title-wrap{
    width:100% !important;
    margin:0 0 24px !important;
  }

  body[data-page="contacto"] .contact-hero__title{
    width:100% !important;
    max-width:none !important;
    font-size:clamp(3.05rem,15.5vw,4.25rem) !important;
    line-height:.84 !important;
    letter-spacing:-.075em !important;
  }

  body[data-page="contacto"] .contact-hero__line--one{
    display:block !important;
  }

  body[data-page="contacto"] .contact-hero__line--media{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:.04em !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  body[data-page="contacto"] .contact-hero__portrait{
    position:relative !important;
    flex:0 0 58px !important;
    width:58px !important;
    height:54px !important;
    margin:0 .035em !important;
    transform:none !important;
  }

  body[data-page="contacto"] .contact-hero__portrait img{
    width:112% !important;
    height:148% !important;
    object-fit:contain !important;
    object-position:center bottom !important;
  }

  body[data-page="contacto"] .contact-hero__line--three{
    display:grid !important;
    grid-template-columns:1fr !important;
    justify-items:start !important;
    gap:7px !important;
    margin-top:.18em !important;
  }

  body[data-page="contacto"] .contact-hero__purple-word{
    display:inline-block !important;
    width:auto !important;
    max-width:100% !important;
    padding:.03em .12em .10em !important;
    box-shadow:4px 4px 0 var(--negro) !important;
  }

  body[data-page="contacto"] .contact-hero__bottom{
    margin-top:26px !important;
    padding-top:24px !important;
    gap:20px !important;
  }

  body[data-page="contacto"] .contact-hero__lede{
    max-width:34ch !important;
    font-size:.91rem !important;
    line-height:1.55 !important;
  }

  body[data-page="contacto"] .contact-hero__actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body[data-page="contacto"] .contact-hero__actions .btn{
    width:100% !important;
    justify-content:space-between !important;
  }

  body[data-page="contacto"] .contact-hero__text-link{
    width:max-content !important;
    max-width:100% !important;
  }

  body[data-page="contacto"] .contact-hero__signals{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
  }
}

/* ============================================================
   V44 · MOBILE IMAGE STABILITY
   Corrección final de imágenes desplazadas en mobile.
   Mantiene la escala editorial pero centra los elementos
   respecto a su contenedor para evitar corrimientos laterales.
   ============================================================ */

@media (max-width: 640px){

  html,
  body{
    max-width:100%;
    overflow-x:hidden;
  }

  /* ----------------------------------------------------------
     HOME · HERO
     ---------------------------------------------------------- */
  .hero__art--editorial{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .hero__person{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    width:116% !important;
    max-width:none !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:translateX(-50%) !important;
  }

  /* ----------------------------------------------------------
     HOME · TRABAJOS REALES
     Conserva el look editorial grande, pero centrado.
     ---------------------------------------------------------- */
  .work-scenes{
    overflow:hidden !important;
  }

  .work-scenes__stage{
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  .work-scene{
    position:relative !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .work-scene img,
  .work-scene--construction img,
  .work-scene--health img,
  .work-scene--barista img{
    position:relative !important;
    left:50% !important;
    right:auto !important;
    display:block !important;
    width:108% !important;
    max-width:none !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:translateX(-50%) !important;
  }

  .work-scene--chef img,
  .work-scene--mechanic img{
    position:relative !important;
    left:50% !important;
    right:auto !important;
    display:block !important;
    width:112% !important;
    max-width:none !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:translateX(-50%) !important;
  }

  /* ----------------------------------------------------------
     BUSCADOR · PERSONA
     ---------------------------------------------------------- */
  .search-head{
    overflow:hidden !important;
  }

  .search-head__inner{
    max-width:100% !important;
    overflow:visible !important;
  }

  .search-head__person{
    position:relative !important;
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:min(108%,390px) !important;
    max-width:none !important;
    height:auto !important;
    max-height:none !important;
    margin:18px 0 -52px !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:translateX(-50%) !important;
  }

  /* ----------------------------------------------------------
     SERVICIOS · HERO
     ---------------------------------------------------------- */
  body[data-page="servicios"] .services-hero{
    overflow:hidden !important;
  }

  body[data-page="servicios"] .services-hero__inner{
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  body[data-page="servicios"] .services-hero__art,
  body[data-page="servicios"] .services-hero__art--editorial{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    margin:4px auto 0 !important;
    overflow:hidden !important;
    transform:none !important;
  }

  body[data-page="servicios"] .services-hero__person{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:-4px !important;
    width:auto !important;
    max-width:none !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:translateX(-50%) !important;
  }

  /* ----------------------------------------------------------
     CONTACTO · RETRATO INLINE
     ---------------------------------------------------------- */
  body[data-page="contacto"] .contact-hero{
    overflow:hidden !important;
  }

  body[data-page="contacto"] .contact-hero__portrait{
    position:relative !important;
    overflow:hidden !important;
  }

  body[data-page="contacto"] .contact-hero__portrait img{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:0 !important;
    width:auto !important;
    height:148% !important;
    max-width:none !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:translateX(-50%) !important;
  }

  /* ----------------------------------------------------------
     CONTACTO / PUBLICAR AVISO · PERSONA
     ---------------------------------------------------------- */
  .hire{
    overflow:hidden !important;
  }

  .hire__head{
    max-width:100% !important;
    overflow:visible !important;
  }

  .hire__person{
    position:relative !important;
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    display:block !important;
    width:min(100%,390px) !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;
    margin:24px 0 -54px !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:translateX(-50%) !important;
  }

  /* ----------------------------------------------------------
     SERVICIOS · CANDIDATOS / PERSONAS DECORATIVAS
     ---------------------------------------------------------- */
  .services-section--candidates{
    overflow:hidden !important;
  }

  .candidate-photo{
    left:50% !important;
    right:auto !important;
    max-width:92vw !important;
    transform:translateX(-50%) !important;
  }

  /* Evita que cualquier IMG genérica fuerce el viewport */
  main img,
  section img{
    box-sizing:border-box;
  }
}

/* Mobile muy pequeño */
@media (max-width: 420px){

  .hero__person{
    width:112% !important;
  }

  .work-scene img,
  .work-scene--construction img,
  .work-scene--health img,
  .work-scene--barista img{
    width:106% !important;
  }

  .work-scene--chef img,
  .work-scene--mechanic img{
    width:110% !important;
  }

  .search-head__person{
    width:min(104%,360px) !important;
  }

  body[data-page="servicios"] .services-hero__person{
    max-width:94vw !important;
  }
}

/* ============================================================

/* ============================================================
   V47 · CONTACTO MOBILE · RETRATO INLINE REAL
   Corrige el hero "Publica tu aviso donde sí miran":
   centra la línea y aumenta la presencia de la persona.
   ============================================================ */
@media (max-width: 640px){
  body[data-page="contacto"] .contact-hero__line--media{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    max-width:100% !important;
    gap:.025em !important;
    margin:0 auto !important;
    white-space:nowrap !important;
  }

  body[data-page="contacto"] .contact-hero__portrait{
    position:relative !important;
    display:inline-flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    flex:0 0 82px !important;
    width:82px !important;
    height:82px !important;
    margin:0 .035em .02em !important;
    overflow:visible !important;
    transform:none !important;
    vertical-align:bottom !important;
  }

  body[data-page="contacto"] .contact-hero__portrait-shape{
    position:absolute !important;
    inset:18px 0 0 !important;
    width:100% !important;
    height:auto !important;
    border-radius:25px 25px 25px 7px !important;
    overflow:hidden !important;
  }

  body[data-page="contacto"] .contact-hero__portrait-shape::after{
    bottom:-10px !important;
    border-width:11px 14px 0 0 !important;
  }

  body[data-page="contacto"] .contact-hero__portrait img{
    position:absolute !important;
    z-index:3 !important;
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:0 !important;
    width:auto !important;
    height:104px !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:translateX(-50%) !important;
    filter:drop-shadow(0 8px 10px rgba(0,0,0,.18)) !important;
  }
}

@media (max-width: 420px){
  body[data-page="contacto"] .contact-hero__line--media{
    justify-content:center !important;
    gap:0 !important;
  }

  body[data-page="contacto"] .contact-hero__portrait{
    flex-basis:76px !important;
    width:76px !important;
    height:78px !important;
    margin-inline:.02em !important;
  }

  body[data-page="contacto"] .contact-hero__portrait img{
    height:100px !important;
  }
}

/* ============================================================
   V48 · SERVICIOS / POSTULANTES · CANDIDATE PHOTO CENTER FIX
   La foto ya es un elemento del flujo en mobile: se centra desde
   el grid y no con left/translate.
   ============================================================ */
@media (max-width: 640px){
  body[data-page="servicios"] #postulantes .candidate-photo{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    display:block !important;
    justify-self:center !important;
    align-self:end !important;
    width:min(245px,62vw) !important;
    max-width:245px !important;
    height:auto !important;
    max-height:310px !important;
    margin:-4px auto 18px !important;
    transform:none !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    animation:none !important;
  }
}

@media (max-width: 420px){
  body[data-page="servicios"] #postulantes .candidate-photo{
    width:min(225px,64vw) !important;
    max-width:225px !important;
    max-height:290px !important;
    margin:0 auto 16px !important;
  }
}

/* ============================================================
   V49 · SERVICIOS · AJUSTE VERTICAL CANDIDATE PHOTO
   Baja ligeramente la figura para ocultar el corte inferior.
   ============================================================ */
@media (max-width: 640px){
  body[data-page="servicios"] #postulantes .candidate-photo{
    margin-top:8px !important;
    margin-bottom:6px !important;
    transform:translateY(12px) !important;
  }
}

@media (max-width: 420px){
  body[data-page="servicios"] #postulantes .candidate-photo{
    transform:translateY(14px) !important;
  }
}

/* ============================================================
   AJUSTE FINAL v42 · IDENTIDAD HAY PEGA
   Referencia: composición plana, alto contraste, sin sombras.
   ============================================================ */

/* 1. Lenguaje global: cero sombras. La profundidad la dan color y escala. */
*,*::before,*::after{
  box-shadow:none !important;
  text-shadow:none !important;
}
img{filter:none !important;}
.nav.is-scrolled{box-shadow:none !important;}

/* Pills/chips: siempre rellenas, nunca outlined. */
.chip,
.tag,
.service-card__badge,
.price-card__badge,
.contact-hero__signals span{
  border:0 !important;
  box-shadow:none !important;
}

/* ------------------------------------------------------------
   INDEX · TRABAJOS REALES
   ------------------------------------------------------------ */
body[data-page="inicio"] .work-scenes__intro .tag{
  padding:10px 18px;
  background:var(--morado) !important;
  color:var(--blanco) !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
}

body[data-page="inicio"] .work-scenes__word{
  display:flex;
  flex-direction:column;
  gap:.02em;
  color:var(--morado);
  text-shadow:none !important;
}
body[data-page="inicio"] .work-scenes__word .w-black{font-weight:900;}
body[data-page="inicio"] .work-scenes__word .w-light{
  margin-left:8.5%;
  font-weight:300;
}
body[data-page="inicio"] .work-scene figcaption{
  border:0 !important;
  background:var(--blanco);
  box-shadow:none !important;
}

/* Regiones y cualquier chip de portada: plano, sin rebordes. */
body[data-page="inicio"] .chip--outline-dark,
body[data-page="inicio"] .chip--outline,
body[data-page="inicio"] .chip--white{
  border:0 !important;
}
body[data-page="inicio"] .chip--outline-dark{
  background:var(--negro);
  color:var(--blanco);
}
body[data-page="inicio"] .chip--white{
  background:var(--blanco);
  color:var(--negro);
}

/* ------------------------------------------------------------
   BUSCAS TRABAJO · filtros + ofertas
   Misma lógica de Servicios: bloques limpios y rellenos.
   ------------------------------------------------------------ */
body[data-page="buscas"] .searchbar{
  border:0 !important;
  background:var(--blanco);
  box-shadow:none !important;
}

body[data-page="buscas"] .chips--quick{
  gap:8px;
}
body[data-page="buscas"] .chips--quick .chip,
body[data-page="buscas"] .chip--outline-dark{
  border:0 !important;
  background:#ececef;
  color:#34343a;
  box-shadow:none !important;
}
body[data-page="buscas"] .chips--quick .chip:hover,
body[data-page="buscas"] .chips--quick .chip.is-on,
body[data-page="buscas"] .chip--outline-dark:hover,
body[data-page="buscas"] .chip--outline-dark.is-on{
  background:var(--negro);
  color:var(--blanco);
}

body[data-page="buscas"] .filters,
body[data-page="buscas"] .feed-filters{
  border:0 !important;
  box-shadow:none !important;
  background:#f4f4f5;
}
body[data-page="buscas"] .feed-field select,
body[data-page="buscas"] .sortby select{
  border:0 !important;
  background:#e8e8eb;
  box-shadow:none !important;
}
body[data-page="buscas"] .listing__bar{
  border-bottom:0 !important;
}
body[data-page="buscas"] .demo-note{
  border:0 !important;
  background:#f1e8ff;
}

body[data-page="buscas"] .job{
  border:0 !important;
  border-radius:28px 28px 28px 8px;
  background:#f4f4f5;
  box-shadow:none !important;
  transform:none !important;
}
body[data-page="buscas"] .job::before{width:7px;}
body[data-page="buscas"] .job:hover{
  border:0 !important;
  background:#ededf0;
  transform:none !important;
  box-shadow:none !important;
}
body[data-page="buscas"] .job__logo{
  border:0 !important;
  box-shadow:none !important;
}
body[data-page="buscas"] .job__chips span{
  border:0 !important;
  background:#dedee3;
  color:#303036;
  box-shadow:none !important;
}
body[data-page="buscas"] .job__side{
  border-left:0 !important;
}
body[data-page="buscas"] .job__salary::after{display:none;}

/* ------------------------------------------------------------
   CONTACTO · alineado a Servicios
   Sin contornos: superficies rellenas y jerarquía tipográfica.
   ------------------------------------------------------------ */
body[data-page="contacto"] .contact-hero,
body[data-page="contacto"] .contact-pricing,
body[data-page="contacto"] .contact-how,
body[data-page="contacto"] .contact-faq,
body[data-page="contacto"] .contact-form-section{
  box-shadow:none !important;
}

body[data-page="contacto"] .price-card,
body[data-page="contacto"] .contact-how article,
body[data-page="contacto"] .contact-faq details,
body[data-page="contacto"] .contact-form__card{
  border:0 !important;
  box-shadow:none !important;
}

body[data-page="contacto"] .price-card:hover,
body[data-page="contacto"] .contact-how article:hover,
body[data-page="contacto"] .contact-form__card:hover{
  transform:none !important;
  box-shadow:none !important;
}

body[data-page="contacto"] .contact-form-section__intro h2{
  max-width:10.5ch;
  font-size:clamp(3.4rem,5.6vw,5.5rem);
  line-height:.88;
  letter-spacing:-.072em;
}
body[data-page="contacto"] .contact-form-section__intro h2 .w-black,
body[data-page="contacto"] .contact-form-section__intro h2 .w-light{
  display:block;
}
body[data-page="contacto"] .contact-form-section__intro h2 .w-black{
  font-weight:900;
  color:var(--blanco);
}
body[data-page="contacto"] .contact-form-section__intro h2 .w-light{
  font-weight:300;
  color:var(--blanco);
}

body[data-page="contacto"] .contact-form__card{
  background:var(--blanco);
}
body[data-page="contacto"] .contact-form__card .field input,
body[data-page="contacto"] .contact-form__card .field select,
body[data-page="contacto"] .contact-form__card .field textarea{
  border:0 !important;
  background:#f0f0f2;
  box-shadow:none !important;
}
body[data-page="contacto"] .contact-form__card .field input:focus,
body[data-page="contacto"] .contact-form__card .field select:focus,
body[data-page="contacto"] .contact-form__card .field textarea:focus{
  outline:3px solid var(--morado);
  outline-offset:1px;
  box-shadow:none !important;
}

/* CTA outline pasa a botón plano para mantener la identidad. */
body[data-page="contacto"] .price-card__cta--outline{
  border:0 !important;
  background:var(--blanco);
  color:var(--negro);
}

@media (max-width:760px){
  body[data-page="inicio"] .work-scenes__word .w-light{margin-left:6%;}
  body[data-page="contacto"] .contact-form-section__intro h2{
    max-width:9.5ch;
    font-size:clamp(3rem,14vw,4.7rem);
  }
}

/* ============================================================
   HAY PEGA · CORRECCIÓN FINAL V43
   Elimina líneas/accentos laterales y bordes de error visibles.
   ============================================================ */

/* BUSCAS TRABAJO · sin líneas laterales en avisos ni notas */
body[data-page="buscas"] .job::before,
body[data-page="buscas"] .job:nth-child(even)::before{
  display:none !important;
  content:none !important;
}

body[data-page="buscas"] .demo-note{
  border:0 !important;
  border-left:0 !important;
}

body[data-page="buscas"] .filters,
body[data-page="buscas"] .feed-filters,
body[data-page="buscas"] .job,
body[data-page="buscas"] .job:hover,
body[data-page="buscas"] .job__logo,
body[data-page="buscas"] .job__chips span,
body[data-page="buscas"] .feed-field select,
body[data-page="buscas"] .sortby select{
  border:0 !important;
  box-shadow:none !important;
}

/* CONTACTO · mantener inputs y tarjetas sin líneas rojas/contornos */
body[data-page="contacto"] .field.is-bad input,
body[data-page="contacto"] .field.is-bad select,
body[data-page="contacto"] .field.is-bad textarea{
  border:0 !important;
  box-shadow:none !important;
  background:#fff2f2 !important;
}

body[data-page="contacto"] .price-card,
body[data-page="contacto"] .contact-form__card,
body[data-page="contacto"] .contact-faq details,
body[data-page="contacto"] .contact-how article{
  border:0 !important;
  box-shadow:none !important;
}

/* Pills de las páginas intervenidas: siempre planas */
body[data-page="inicio"] .chip,
body[data-page="buscas"] .chip,
body[data-page="contacto"] .chip{
  box-shadow:none !important;
}

/* Evita cualquier línea decorativa heredada en los bloques corregidos */
body[data-page="inicio"] .work-scenes__intro,
body[data-page="buscas"] .listing__bar,
body[data-page="contacto"] .contact-pricing__head,
body[data-page="contacto"] .contact-form-section__intro{
  border:0 !important;
}

/* ============================================================
   HAY PEGA · AJUSTE VISUAL FINAL V44
   Sin contornos ni sombras. Las superficies que antes eran
   blancas con borde pasan a gris para mantener separación.
   ============================================================ */

/* ---------- Regla global: sin sombras decorativas ---------- */
body[data-page="inicio"] *,
body[data-page="buscas"] *,
body[data-page="servicios"] *,
body[data-page="contacto"] *{
  box-shadow:none !important;
  text-shadow:none !important;
}

/* ---------- Pills / chips: siempre planas ---------- */
body[data-page="inicio"] .chip,
body[data-page="buscas"] .chip,
body[data-page="servicios"] .chip,
body[data-page="contacto"] .chip{
  border:0 !important;
  box-shadow:none !important;
}

/* Las pills que antes eran blancas + borde pasan a gris */
body[data-page="inicio"] .chip--white,
body[data-page="inicio"] .chip--outline,
body[data-page="inicio"] .chip--outline-dark,
body[data-page="buscas"] .chip--outline,
body[data-page="buscas"] .chip--outline-dark,
body[data-page="servicios"] .chip--outline,
body[data-page="servicios"] .chip--outline-dark,
body[data-page="contacto"] .chip--outline,
body[data-page="contacto"] .chip--outline-dark{
  background:#ececef !important;
  color:#1f1f23 !important;
  border:0 !important;
}

/* ---------- INDEX ---------- */
body[data-page="inicio"] .work-scenes__intro,
body[data-page="inicio"] .card-flat,
body[data-page="inicio"] .trust,
body[data-page="inicio"] .cv__card,
body[data-page="inicio"] .faq .acc details{
  border:0 !important;
  box-shadow:none !important;
}

/* Superficies que eran blancas con borde -> gris */
body[data-page="inicio"] .card-flat,
body[data-page="inicio"] .cv__card,
body[data-page="inicio"] .faq .acc details{
  background:#f4f4f5 !important;
}

/* ---------- BUSCAS TRABAJO ---------- */
body[data-page="buscas"] .searchbar,
body[data-page="buscas"] .filters,
body[data-page="buscas"] .feed-filters,
body[data-page="buscas"] .job,
body[data-page="buscas"] .job:hover,
body[data-page="buscas"] .job__logo,
body[data-page="buscas"] .job__chips span,
body[data-page="buscas"] .feed-field select,
body[data-page="buscas"] .sortby select,
body[data-page="buscas"] .demo-note,
body[data-page="buscas"] .empty,
body[data-page="buscas"] .cv__card,
body[data-page="buscas"] .faq .acc details{
  border:0 !important;
  box-shadow:none !important;
}

/* Buscador principal: antes blanco + borde, ahora gris */
body[data-page="buscas"] .searchbar{
  background:#f0f0f2 !important;
}
body[data-page="buscas"] .searchbar input{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Filtros y ofertas */
body[data-page="buscas"] .filters,
body[data-page="buscas"] .feed-filters,
body[data-page="buscas"] .job,
body[data-page="buscas"] .empty,
body[data-page="buscas"] .cv__card,
body[data-page="buscas"] .faq .acc details{
  background:#f4f4f5 !important;
}
body[data-page="buscas"] .job:hover{
  background:#ededf0 !important;
}
body[data-page="buscas"] .job__logo,
body[data-page="buscas"] .feed-field select,
body[data-page="buscas"] .sortby select{
  background:#e8e8eb !important;
}
body[data-page="buscas"] .job__chips span{
  background:#dedee3 !important;
}
body[data-page="buscas"] .demo-note{
  background:#ececef !important;
  color:#3d3d43 !important;
}
body[data-page="buscas"] .job::before,
body[data-page="buscas"] .job::after{
  display:none !important;
  content:none !important;
}

/* ---------- SERVICIOS ---------- */
body[data-page="servicios"] .service-card,
body[data-page="servicios"] .service-card:hover,
body[data-page="servicios"] .service-cta,
body[data-page="servicios"] .services-entry{
  border:0 !important;
  box-shadow:none !important;
}

/* Tarjeta que antes era blanca + borde -> gris */
body[data-page="servicios"] .service-card--white{
  background:#f4f4f5 !important;
  color:var(--negro) !important;
  border:0 !important;
}

/* ---------- CONTACTO ---------- */
body[data-page="contacto"] .price-card,
body[data-page="contacto"] .price-card:hover,
body[data-page="contacto"] .contact-how article,
body[data-page="contacto"] .contact-faq details,
body[data-page="contacto"] .contact-form__card,
body[data-page="contacto"] .contact-form__card:hover,
body[data-page="contacto"] .contact-pricing__head,
body[data-page="contacto"] .contact-form-section__intro{
  border:0 !important;
  box-shadow:none !important;
}

/* Tarjeta blanca de precios -> gris */
body[data-page="contacto"] .price-card--white{
  background:#f4f4f5 !important;
  color:var(--negro) !important;
}

/* CTA que antes simulaba botón blanco con borde -> gris */
body[data-page="contacto"] .price-card__cta--outline{
  background:#e8e8eb !important;
  color:var(--negro) !important;
  border:0 !important;
}

/* Formulario: tarjeta gris, campos un gris más oscuro */
body[data-page="contacto"] .contact-form__card{
  background:#f4f4f5 !important;
}
body[data-page="contacto"] .contact-form__card .field input,
body[data-page="contacto"] .contact-form__card .field select,
body[data-page="contacto"] .contact-form__card .field textarea{
  background:#e8e8eb !important;
  border:0 !important;
  box-shadow:none !important;
}
body[data-page="contacto"] .contact-form__card .field input:focus,
body[data-page="contacto"] .contact-form__card .field select:focus,
body[data-page="contacto"] .contact-form__card .field textarea:focus{
  outline:2px solid var(--morado);
  outline-offset:2px;
  box-shadow:none !important;
}

/* FAQ y pasos: si eran blancos con borde, pasan a gris */
body[data-page="contacto"] .contact-faq details,
body[data-page="contacto"] .contact-how article{
  background:#f4f4f5 !important;
}

/* Estado de error sin borde rojo */
body[data-page="contacto"] .field.is-bad input,
body[data-page="contacto"] .field.is-bad select,
body[data-page="contacto"] .field.is-bad textarea{
  border:0 !important;
  box-shadow:none !important;
  background:#f3e8e8 !important;
}

/* ---------- Botones que deben seguir siendo de marca ---------- */
.btn--black,
.btn--mint,
.btn--purple,
.btn--white{
  box-shadow:none !important;
}

/* Botón blanco: sin contorno. Se mantiene blanco porque es CTA,
   no una superficie/card. */
.btn--white{
  border:0 !important;
}

/* Ghosts pasan a superficie gris en vez de borde */
.btn--ghost,
.btn--ghost-dark{
  border:0 !important;
  box-shadow:none !important;
}
.btn--ghost-dark{
  background:#ececef;
  color:var(--negro);
}
.btn--ghost-dark:hover{
  background:var(--negro);
  color:var(--blanco);
}

/* ============================================================
   HAY PEGA · V45 MINIMAL
   Eliminación total de contornos y sombras visuales.
   La separación entre elementos se resuelve por color, espacio
   y jerarquía tipográfica, no por bordes.
   ============================================================ */

/* --- Global: cero contornos/sombras en componentes UI --- */
body[data-page] .btn,
body[data-page] .chip,
body[data-page] .tag,
body[data-page] .searchbar,
body[data-page] .filters,
body[data-page] .feed-filters,
body[data-page] .job,
body[data-page] .job__logo,
body[data-page] .job__chips span,
body[data-page] .demo-note,
body[data-page] .empty,
body[data-page] .card-flat,
body[data-page] .cv__card,
body[data-page] .service-card,
body[data-page] .service-cta,
body[data-page] .services-entry,
body[data-page] .price-card,
body[data-page] .price-card__cta,
body[data-page] .contact-how article,
body[data-page] .contact-faq details,
body[data-page] .contact-form__card,
body[data-page] .field input,
body[data-page] .field select,
body[data-page] .field textarea,
body[data-page] .feed-field select,
body[data-page] .sortby select,
body[data-page] .faq details,
body[data-page] .acc details,
body[data-page] input,
body[data-page] select,
body[data-page] textarea{
  border:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

/* --- Nada de líneas decorativas heredadas --- */
body[data-page] .work-scenes__intro,
body[data-page] .listing__bar,
body[data-page] .contact-pricing__head,
body[data-page] .contact-form-section__intro,
body[data-page] .services-section__head,
body[data-page] .filters__head,
body[data-page] .price-card__head,
body[data-page] .job__head,
body[data-page] .job__foot,
body[data-page] .footer,
body[data-page] .footer__inner{
  border:0 !important;
  box-shadow:none !important;
}

/* --- Pseudo-elementos usados como líneas/accentos --- */
body[data-page] .job::before,
body[data-page] .job::after,
body[data-page] .price-card::before,
body[data-page] .price-card::after,
body[data-page] .service-card::after,
body[data-page] .contact-form__card::before,
body[data-page] .contact-form__card::after{
  border:0 !important;
  box-shadow:none !important;
}

/* --- Superficies antes blancas + borde -> gris suave --- */
body[data-page] .chip--white,
body[data-page] .chip--outline,
body[data-page] .chip--outline-dark,
body[data-page] .btn--ghost,
body[data-page] .btn--ghost-dark,
body[data-page] .service-card--white,
body[data-page] .price-card--white,
body[data-page] .price-card__cta--outline,
body[data-page] .card-flat,
body[data-page] .cv__card,
body[data-page] .faq details,
body[data-page] .acc details,
body[data-page] .contact-faq details,
body[data-page] .contact-how article{
  background:#f1f1f3 !important;
  color:var(--negro) !important;
  border:0 !important;
  box-shadow:none !important;
}

/* --- Buscador / filtros / ofertas más limpios --- */
body[data-page="buscas"] .searchbar,
body[data-page="buscas"] .filters,
body[data-page="buscas"] .feed-filters,
body[data-page="buscas"] .job,
body[data-page="buscas"] .empty{
  background:#f3f3f5 !important;
  border:0 !important;
  box-shadow:none !important;
}

body[data-page="buscas"] .feed-field select,
body[data-page="buscas"] .sortby select,
body[data-page="buscas"] .job__logo,
body[data-page="buscas"] .job__chips span{
  background:#e7e7ea !important;
  border:0 !important;
  box-shadow:none !important;
}

/* --- Contacto: formulario plano --- */
body[data-page="contacto"] .contact-form__card,
body[data-page="contacto"] .price-card--white,
body[data-page="contacto"] .contact-faq details,
body[data-page="contacto"] .contact-how article{
  background:#f3f3f5 !important;
  border:0 !important;
  box-shadow:none !important;
}

body[data-page="contacto"] .field input,
body[data-page="contacto"] .field select,
body[data-page="contacto"] .field textarea{
  background:#e8e8eb !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}

/* Focus accesible pero sin contorno: cambia superficie */
body[data-page] input:focus,
body[data-page] select:focus,
body[data-page] textarea:focus,
body[data-page] button:focus-visible,
body[data-page] a:focus-visible{
  outline:0 !important;
  box-shadow:none !important;
}

body[data-page="contacto"] .field input:focus,
body[data-page="contacto"] .field select:focus,
body[data-page="contacto"] .field textarea:focus{
  background:#dedee3 !important;
}

/* --- Botones: relleno, no borde --- */
body[data-page] .btn--white{
  border:0 !important;
  box-shadow:none !important;
}

body[data-page] .btn--ghost,
body[data-page] .btn--ghost-dark{
  background:#ececef !important;
  color:var(--negro) !important;
  border:0 !important;
}

body[data-page] .btn--ghost:hover,
body[data-page] .btn--ghost-dark:hover{
  background:var(--negro) !important;
  color:var(--blanco) !important;
}

/* --- Limpieza de líneas horizontales si existieran --- */
body[data-page] hr{
  border:0 !important;
  height:0 !important;
  margin:0 !important;
}


/* ===============================
   HAY PEGA · AJUSTES V46
   Pegar al FINAL del styles.css
   =============================== */

/* 1) ELIMINAR SIGNOS RAROS / FLECHAS DEFECTUOSAS EN CTAs */
body[data-page] .btn::after,
body[data-page] .nav__cta::after,
body[data-page] .nav__cta-mobile::after,
body[data-page] .job__cta::after,
body[data-page] .price-card__cta::after,
body[data-page] .service-cta .btn::after,
body[data-page] .contact-form__card .btn::after,
body[data-page] .faq__close .btn::after,
body[data-page] .cv__card .btn::after,
body[data-page] .alert .btn::after{
  content:none !important;
  display:none !important;
}

body[data-page] .btn,
body[data-page] .price-card__cta,
body[data-page] .job__cta,
body[data-page] .contact-hero__text-link,
body[data-page] .text-link{
  letter-spacing:-.01em;
}

body[data-page] .price-card__cta span,
body[data-page] .contact-hero__text-link span,
body[data-page] .text-link span[aria-hidden="true"]{
  display:none !important;
}

/* 2) BOTONES / PILLS MÁS LIMPIOS Y CON MEJOR CONTRASTE */
body[data-page] .btn,
body[data-page] .price-card__cta,
body[data-page] .job__cta{
  border:0 !important;
  box-shadow:none !important;
  font-weight:800 !important;
}

body[data-page] .btn.btn--black,
body[data-page] .job__cta,
body[data-page="contacto"] .price-card__cta--black{
  background:var(--negro) !important;
  color:var(--blanco) !important;
}

body[data-page] .btn.btn--mint,
body[data-page="contacto"] .price-card__cta--mint,
body[data-page="servicios"] .service-cta .btn{
  background:var(--menta) !important;
  color:var(--negro) !important;
}

body[data-page] .btn.btn--purple,
body[data-page] .faq__close .btn{
  background:var(--morado) !important;
  color:var(--blanco) !important;
}

body[data-page] .btn.btn--ghost-dark,
body[data-page="contacto"] .price-card__cta--outline{
  background:var(--gris-card) !important;
  color:var(--negro) !important;
}

body[data-page] .btn:hover,
body[data-page] .price-card__cta:hover,
body[data-page] .job__cta:hover{
  transform:none !important;
  filter:none !important;
}

/* 3) QUITAR CONTORNOS Y SOMBRAS EN TODOS LOS BLOQUES CLAVE */
body[data-page] .step,
body[data-page] .service-card,
body[data-page] .service-cta,
body[data-page] .services-entry,
body[data-page] .filters,
body[data-page] .feed-filters,
body[data-page] .job,
body[data-page] .alert,
body[data-page] .cv__card,
body[data-page] .faq .acc details,
body[data-page] .faq__close,
body[data-page] .price-card,
body[data-page] .contact-how article,
body[data-page] .contact-faq__list details,
body[data-page] .contact-form__card,
body[data-page] .field input,
body[data-page] .field select,
body[data-page] .field textarea,
body[data-page] .feed-field select,
body[data-page] .sortby select,
body[data-page] .job__logo,
body[data-page] .job__chips span{
  border:0 !important;
  box-shadow:none !important;
}

/* 4) INDEX · TRABAJOS REALES */
body[data-page="inicio"] .work-scenes__word{
  display:grid;
  gap:0;
  line-height:.88;
}

body[data-page="inicio"] .work-scenes__word .w-black{
  display:block;
  font-weight:900 !important;
}

body[data-page="inicio"] .work-scenes__word .w-light{
  display:block;
  font-weight:500 !important;
}

/* 5) INDEX · ASÍ FUNCIONA */
body[data-page="inicio"] .step,
body[data-page="inicio"] .step:nth-child(2),
body[data-page="inicio"] .step:nth-child(3){
  transform:none !important;
}

body[data-page="inicio"] .step:nth-child(1){
  background:var(--gris-card) !important;
  color:var(--negro) !important;
}

body[data-page="inicio"] .step:nth-child(2){
  background:var(--morado) !important;
}

body[data-page="inicio"] .step:nth-child(3){
  background:var(--negro) !important;
}

body[data-page="inicio"] .step__num{opacity:1 !important}
body[data-page="inicio"] .step:nth-child(1) .step__num{color:var(--morado) !important}
body[data-page="inicio"] .step:nth-child(2) .step__num{color:var(--blanco) !important}
body[data-page="inicio"] .step:nth-child(3) .step__num{color:var(--menta) !important}

body[data-page="inicio"] .step p,
body[data-page="inicio"] .step:nth-child(1) p{color:#4e4e58 !important}
body[data-page="inicio"] .step:nth-child(2) p,
body[data-page="inicio"] .step:nth-child(3) p{color:rgba(255,255,255,.84) !important}

/* 6) BUSCAS TRABAJO · FILTROS / RESULTADOS */
body[data-page="buscas"] .filters,
body[data-page="buscas"] .feed-filters,
body[data-page="buscas"] .job,
body[data-page="buscas"] .demo-note,
body[data-page="buscas"] .empty{
  background:var(--gris-card) !important;
}

body[data-page="buscas"] .feed-field select,
body[data-page="buscas"] .sortby select,
body[data-page="buscas"] .job__chips span{
  background:#ececf0 !important;
  color:var(--negro) !important;
}

body[data-page="buscas"] .job__logo{
  background:var(--negro) !important;
  color:var(--blanco) !important;
}

body[data-page="buscas"] .job__title,
body[data-page="buscas"] .job__company,
body[data-page="buscas"] .job__salary{
  color:var(--negro) !important;
}

body[data-page="buscas"] .job__place,
body[data-page="buscas"] .job__requirements,
body[data-page="buscas"] .job__date,
body[data-page="buscas"] .feed-sync,
body[data-page="buscas"] .alert__note{
  color:#575760 !important;
}

/* 7) BUSCAS TRABAJO · ALERT CTA */
body[data-page="buscas"] .alert .btn{
  background:var(--menta) !important;
  color:var(--negro) !important;
}

/* 8) BUSCAS TRABAJO · CV SIN CAJA GRIS DETRÁS DEL TEXTO */
body[data-page="buscas"] .cv__card{
  background:transparent !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body[data-page="buscas"] .cv__card .h2 .w-black{
  font-weight:900 !important;
}

body[data-page="buscas"] .cv__card .h2 .w-light{
  font-weight:400 !important;
}

/* 9) BUSCAS TRABAJO · FAQ MÁS LEGIBLE */
body[data-page="buscas"] .faq > .h2{
  text-align:center;
  margin-bottom:34px;
}

body[data-page="buscas"] .faq > .h2 .w-light{
  font-weight:500 !important;
}

body[data-page="buscas"] .faq .acc details{
  background:var(--gris-card) !important;
}

body[data-page="buscas"] .faq .acc details::before{
  border:0 !important;
  background:var(--menta) !important;
  color:var(--negro) !important;
}

body[data-page="buscas"] .faq .acc summary{
  color:var(--negro) !important;
}

body[data-page="buscas"] .faq .acc summary::before{
  border:0 !important;
  background:var(--morado) !important;
}

body[data-page="buscas"] .faq .acc summary::after{
  content:"+" !important;
  color:var(--blanco) !important;
  font-family:Inter, Arial, sans-serif !important;
  font-weight:800 !important;
}

body[data-page="buscas"] .faq .acc details[open] summary::before{
  background:var(--menta) !important;
}

body[data-page="buscas"] .faq .acc details[open] summary::after{
  content:"-" !important;
  color:var(--negro) !important;
}

body[data-page="buscas"] .faq .acc details p{
  color:#585861 !important;
}

body[data-page="buscas"] .faq__close{
  background:var(--negro) !important;
  color:var(--blanco) !important;
}

body[data-page="buscas"] .faq__close p{color:var(--blanco) !important}
body[data-page="buscas"] .faq__close .btn{
  background:var(--menta) !important;
  color:var(--negro) !important;
}

/* 10) SERVICIOS · MEJOR JERARQUÍA / CONTRASTE */
body[data-page="servicios"] .services-section__head .h2,
body[data-page="servicios"] .service-cta h2{
  line-height:.95 !important;
}

body[data-page="servicios"] .services-section__head > p,
body[data-page="servicios"] .service-cta p:not(.tag){
  color:#55555f !important;
  font-size:1.04rem !important;
}

body[data-page="servicios"] .service-card{
  overflow:hidden;
}

body[data-page="servicios"] .service-card h3{
  font-size:clamp(2rem,2.4vw,2.95rem) !important;
  line-height:.98 !important;
  letter-spacing:-.03em !important;
}

body[data-page="servicios"] .service-card p{
  font-size:1rem !important;
  line-height:1.62 !important;
}

body[data-page="servicios"] .service-card--white{
  background:var(--gris-card) !important;
}

body[data-page="servicios"] .service-card--black .btn{
  background:var(--menta) !important;
  color:var(--negro) !important;
}

body[data-page="servicios"] .service-card--white .btn,
body[data-page="servicios"] .service-card--purple .text-link,
body[data-page="servicios"] .service-card--mint .text-link,
body[data-page="servicios"] .service-card--black .text-link,
body[data-page="servicios"] .service-cta .btn{
  font-weight:800 !important;
}

body[data-page="servicios"] .service-card .text-link{
  display:inline-flex;
  align-items:center;
  color:inherit !important;
  text-decoration:none;
}

body[data-page="servicios"] .service-card .text-link span{
  display:none !important;
}

body[data-page="servicios"] .service-card__badge{
  border:0 !important;
  box-shadow:none !important;
}

body[data-page="servicios"] .service-cta{
  background:linear-gradient(135deg,#a34eff 0%, #9349f8 100%) !important;
  color:var(--blanco) !important;
  grid-template-columns:auto 1fr auto;
}

body[data-page="servicios"] .service-cta p:not(.tag){
  color:rgba(255,255,255,.84) !important;
  max-width:42ch;
}

body[data-page="servicios"] .service-cta .tag{
  background:var(--menta) !important;
  color:var(--negro) !important;
}

/* 11) CONTACTO · HERO / PLANES / CTAs */
body[data-page="contacto"] .contact-hero__title{
  line-height:.88 !important;
}

body[data-page="contacto"] .contact-hero__light{
  font-weight:400 !important;
}

body[data-page="contacto"] .contact-hero__purple-word{
  box-shadow:none !important;
}

body[data-page="contacto"] .contact-hero__lede{
  color:#17392d !important;
  font-size:1.08rem !important;
  line-height:1.55 !important;
}

body[data-page="contacto"] .contact-hero__text-link{
  color:var(--negro) !important;
  text-decoration:none !important;
  font-weight:800 !important;
}

body[data-page="contacto"] .price-card{
  background:var(--gris-card) !important;
}

body[data-page="contacto"] .price-card--dark,
body[data-page="contacto"] .price-card--black{
  background:var(--negro) !important;
  color:var(--blanco) !important;
}

body[data-page="contacto"] .price-card h3{
  font-size:clamp(2rem,2.8vw,3.25rem) !important;
  line-height:.95 !important;
  letter-spacing:-.04em !important;
}

body[data-page="contacto"] .price-card__price strong{
  font-size:clamp(3.25rem,5vw,5rem) !important;
  line-height:.9 !important;
}

body[data-page="contacto"] .price-card__price span{
  font-weight:800 !important;
}

body[data-page="contacto"] .price-card__cta{
  min-height:56px !important;
  padding:0 22px !important;
  justify-content:center !important;
}

body[data-page="contacto"] .contact-how article{
  background:transparent !important;
}

body[data-page="contacto"] .contact-how article span{
  font-size:3rem !important;
  line-height:1 !important;
}

body[data-page="contacto"] .contact-how article h3{
  font-size:clamp(1.55rem,2vw,2rem) !important;
  line-height:1.05 !important;
}

body[data-page="contacto"] .contact-how article p{
  color:rgba(255,255,255,.88) !important;
}

/* 12) CONTACTO · FAQ MÁS LIMPIO */
body[data-page="contacto"] .contact-faq__head h2{
  font-size:clamp(3.4rem,5vw,5.8rem) !important;
  line-height:.92 !important;
  letter-spacing:-.04em !important;
  max-width:7ch !important;
}

body[data-page="contacto"] .contact-faq__list details{
  background:var(--gris-card) !important;
}

body[data-page="contacto"] .contact-faq__list summary{
  color:var(--negro) !important;
  font-size:1.16rem !important;
  line-height:1.3 !important;
}

body[data-page="contacto"] .contact-faq__list summary::after{
  content:"+" !important;
  color:var(--morado) !important;
  font-family:Inter, Arial, sans-serif !important;
  font-weight:800 !important;
}

body[data-page="contacto"] .contact-faq__list details[open] summary::after{
  content:"-" !important;
}

body[data-page="contacto"] .contact-faq__list details p{
  color:#5b5b65 !important;
  font-size:1rem !important;
  line-height:1.65 !important;
}

/* 13) CONTACTO · FORMULARIO */
body[data-page="contacto"] .contact-form-section__intro h2{
  font-size:clamp(3.2rem,5.3vw,5.7rem) !important;
  line-height:.92 !important;
  letter-spacing:-.04em !important;
}

body[data-page="contacto"] .contact-form-section__intro .w-light{
  font-weight:500 !important;
}

body[data-page="contacto"] .contact-form__card{
  background:var(--gris-card) !important;
}

body[data-page="contacto"] .field input,
body[data-page="contacto"] .field select,
body[data-page="contacto"] .field textarea{
  background:#ececf0 !important;
  color:var(--negro) !important;
}

body[data-page="contacto"] .contact-form__card .btn,
body[data-page="contacto"] button[type="submit"].btn{
  background:var(--menta) !important;
  color:var(--negro) !important;
}

/* 14) RESPONSIVE FINO */
@media (max-width: 860px){
  body[data-page="servicios"] .service-cta,
  body[data-page="contacto"] .contact-faq__inner,
  body[data-page="contacto"] .contact-form-section__inner{
    grid-template-columns:1fr !important;
  }

  body[data-page="contacto"] .contact-faq__head h2,
  body[data-page="contacto"] .contact-form-section__intro h2{
    max-width:none !important;
  }
}
/* ===============================
   HAY PEGA · AJUSTES V46
   Pegar al FINAL del styles.css
   =============================== */

/* 1) ELIMINAR SIGNOS RAROS / FLECHAS DEFECTUOSAS EN CTAs */
body[data-page] .btn::after,
body[data-page] .nav__cta::after,
body[data-page] .nav__cta-mobile::after,
body[data-page] .job__cta::after,
body[data-page] .price-card__cta::after,
body[data-page] .service-cta .btn::after,
body[data-page] .contact-form__card .btn::after,
body[data-page] .faq__close .btn::after,
body[data-page] .cv__card .btn::after,
body[data-page] .alert .btn::after{
  content:none !important;
  display:none !important;
}

body[data-page] .btn,
body[data-page] .price-card__cta,
body[data-page] .job__cta,
body[data-page] .contact-hero__text-link,
body[data-page] .text-link{
  letter-spacing:-.01em;
}

body[data-page] .price-card__cta span,
body[data-page] .contact-hero__text-link span,
body[data-page] .text-link span[aria-hidden="true"]{
  display:none !important;
}

/* 2) BOTONES / PILLS MÁS LIMPIOS Y CON MEJOR CONTRASTE */
body[data-page] .btn,
body[data-page] .price-card__cta,
body[data-page] .job__cta{
  border:0 !important;
  box-shadow:none !important;
  font-weight:800 !important;
}

body[data-page] .btn.btn--black,
body[data-page] .job__cta,
body[data-page="contacto"] .price-card__cta--black{
  background:var(--negro) !important;
  color:var(--blanco) !important;
}

body[data-page] .btn.btn--mint,
body[data-page="contacto"] .price-card__cta--mint,
body[data-page="servicios"] .service-cta .btn{
  background:var(--menta) !important;
  color:var(--negro) !important;
}

body[data-page] .btn.btn--purple,
body[data-page] .faq__close .btn{
  background:var(--morado) !important;
  color:var(--blanco) !important;
}

body[data-page] .btn.btn--ghost-dark,
body[data-page="contacto"] .price-card__cta--outline{
  background:var(--gris-card) !important;
  color:var(--negro) !important;
}

body[data-page] .btn:hover,
body[data-page] .price-card__cta:hover,
body[data-page] .job__cta:hover{
  transform:none !important;
  filter:none !important;
}

/* 3) QUITAR CONTORNOS Y SOMBRAS EN TODOS LOS BLOQUES CLAVE */
body[data-page] .step,
body[data-page] .service-card,
body[data-page] .service-cta,
body[data-page] .services-entry,
body[data-page] .filters,
body[data-page] .feed-filters,
body[data-page] .job,
body[data-page] .alert,
body[data-page] .cv__card,
body[data-page] .faq .acc details,
body[data-page] .faq__close,
body[data-page] .price-card,
body[data-page] .contact-how article,
body[data-page] .contact-faq__list details,
body[data-page] .contact-form__card,
body[data-page] .field input,
body[data-page] .field select,
body[data-page] .field textarea,
body[data-page] .feed-field select,
body[data-page] .sortby select,
body[data-page] .job__logo,
body[data-page] .job__chips span{
  border:0 !important;
  box-shadow:none !important;
}

/* 4) INDEX · TRABAJOS REALES */
body[data-page="inicio"] .work-scenes__word{
  display:grid;
  gap:0;
  line-height:.88;
}

body[data-page="inicio"] .work-scenes__word .w-black{
  display:block;
  font-weight:900 !important;
}

body[data-page="inicio"] .work-scenes__word .w-light{
  display:block;
  font-weight:500 !important;
}

/* 5) INDEX · ASÍ FUNCIONA */
body[data-page="inicio"] .step,
body[data-page="inicio"] .step:nth-child(2),
body[data-page="inicio"] .step:nth-child(3){
  transform:none !important;
}

body[data-page="inicio"] .step:nth-child(1){
  background:var(--gris-card) !important;
  color:var(--negro) !important;
}

body[data-page="inicio"] .step:nth-child(2){
  background:var(--morado) !important;
}

body[data-page="inicio"] .step:nth-child(3){
  background:var(--negro) !important;
}

body[data-page="inicio"] .step__num{opacity:1 !important}
body[data-page="inicio"] .step:nth-child(1) .step__num{color:var(--morado) !important}
body[data-page="inicio"] .step:nth-child(2) .step__num{color:var(--blanco) !important}
body[data-page="inicio"] .step:nth-child(3) .step__num{color:var(--menta) !important}

body[data-page="inicio"] .step p,
body[data-page="inicio"] .step:nth-child(1) p{color:#4e4e58 !important}
body[data-page="inicio"] .step:nth-child(2) p,
body[data-page="inicio"] .step:nth-child(3) p{color:rgba(255,255,255,.84) !important}

/* 6) BUSCAS TRABAJO · FILTROS / RESULTADOS */
body[data-page="buscas"] .filters,
body[data-page="buscas"] .feed-filters,
body[data-page="buscas"] .job,
body[data-page="buscas"] .demo-note,
body[data-page="buscas"] .empty{
  background:var(--gris-card) !important;
}

body[data-page="buscas"] .feed-field select,
body[data-page="buscas"] .sortby select,
body[data-page="buscas"] .job__chips span{
  background:#ececf0 !important;
  color:var(--negro) !important;
}

body[data-page="buscas"] .job__logo{
  background:var(--negro) !important;
  color:var(--blanco) !important;
}

body[data-page="buscas"] .job__title,
body[data-page="buscas"] .job__company,
body[data-page="buscas"] .job__salary{
  color:var(--negro) !important;
}

body[data-page="buscas"] .job__place,
body[data-page="buscas"] .job__requirements,
body[data-page="buscas"] .job__date,
body[data-page="buscas"] .feed-sync,
body[data-page="buscas"] .alert__note{
  color:#575760 !important;
}

/* 7) BUSCAS TRABAJO · ALERT CTA */
body[data-page="buscas"] .alert .btn{
  background:var(--menta) !important;
  color:var(--negro) !important;
}

/* 8) BUSCAS TRABAJO · CV SIN CAJA GRIS DETRÁS DEL TEXTO */
body[data-page="buscas"] .cv__card{
  background:transparent !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body[data-page="buscas"] .cv__card .h2 .w-black{
  font-weight:900 !important;
}

body[data-page="buscas"] .cv__card .h2 .w-light{
  font-weight:400 !important;
}

/* 9) BUSCAS TRABAJO · FAQ MÁS LEGIBLE */
body[data-page="buscas"] .faq > .h2{
  text-align:center;
  margin-bottom:34px;
}

body[data-page="buscas"] .faq > .h2 .w-light{
  font-weight:500 !important;
}

body[data-page="buscas"] .faq .acc details{
  background:var(--gris-card) !important;
}

body[data-page="buscas"] .faq .acc details::before{
  border:0 !important;
  background:var(--menta) !important;
  color:var(--negro) !important;
}

body[data-page="buscas"] .faq .acc summary{
  color:var(--negro) !important;
}

body[data-page="buscas"] .faq .acc summary::before{
  border:0 !important;
  background:var(--morado) !important;
}

body[data-page="buscas"] .faq .acc summary::after{
  content:"+" !important;
  color:var(--blanco) !important;
  font-family:Inter, Arial, sans-serif !important;
  font-weight:800 !important;
}

body[data-page="buscas"] .faq .acc details[open] summary::before{
  background:var(--menta) !important;
}

body[data-page="buscas"] .faq .acc details[open] summary::after{
  content:"-" !important;
  color:var(--negro) !important;
}

body[data-page="buscas"] .faq .acc details p{
  color:#585861 !important;
}

body[data-page="buscas"] .faq__close{
  background:var(--negro) !important;
  color:var(--blanco) !important;
}

body[data-page="buscas"] .faq__close p{color:var(--blanco) !important}
body[data-page="buscas"] .faq__close .btn{
  background:var(--menta) !important;
  color:var(--negro) !important;
}

/* 10) SERVICIOS · MEJOR JERARQUÍA / CONTRASTE */
body[data-page="servicios"] .services-section__head .h2,
body[data-page="servicios"] .service-cta h2{
  line-height:.95 !important;
}

body[data-page="servicios"] .services-section__head > p,
body[data-page="servicios"] .service-cta p:not(.tag){
  color:#55555f !important;
  font-size:1.04rem !important;
}

body[data-page="servicios"] .service-card{
  overflow:hidden;
}

body[data-page="servicios"] .service-card h3{
  font-size:clamp(2rem,2.4vw,2.95rem) !important;
  line-height:.98 !important;
  letter-spacing:-.03em !important;
}

body[data-page="servicios"] .service-card p{
  font-size:1rem !important;
  line-height:1.62 !important;
}

body[data-page="servicios"] .service-card--white{
  background:var(--gris-card) !important;
}

body[data-page="servicios"] .service-card--black .btn{
  background:var(--menta) !important;
  color:var(--negro) !important;
}

body[data-page="servicios"] .service-card--white .btn,
body[data-page="servicios"] .service-card--purple .text-link,
body[data-page="servicios"] .service-card--mint .text-link,
body[data-page="servicios"] .service-card--black .text-link,
body[data-page="servicios"] .service-cta .btn{
  font-weight:800 !important;
}

body[data-page="servicios"] .service-card .text-link{
  display:inline-flex;
  align-items:center;
  color:inherit !important;
  text-decoration:none;
}

body[data-page="servicios"] .service-card .text-link span{
  display:none !important;
}

body[data-page="servicios"] .service-card__badge{
  border:0 !important;
  box-shadow:none !important;
}

body[data-page="servicios"] .service-cta{
  background:linear-gradient(135deg,#a34eff 0%, #9349f8 100%) !important;
  color:var(--blanco) !important;
  grid-template-columns:auto 1fr auto;
}

body[data-page="servicios"] .service-cta p:not(.tag){
  color:rgba(255,255,255,.84) !important;
  max-width:42ch;
}

body[data-page="servicios"] .service-cta .tag{
  background:var(--menta) !important;
  color:var(--negro) !important;
}

/* 11) CONTACTO · HERO / PLANES / CTAs */
body[data-page="contacto"] .contact-hero__title{
  line-height:.88 !important;
}

body[data-page="contacto"] .contact-hero__light{
  font-weight:400 !important;
}

body[data-page="contacto"] .contact-hero__purple-word{
  box-shadow:none !important;
}

body[data-page="contacto"] .contact-hero__lede{
  color:#17392d !important;
  font-size:1.08rem !important;
  line-height:1.55 !important;
}

body[data-page="contacto"] .contact-hero__text-link{
  color:var(--negro) !important;
  text-decoration:none !important;
  font-weight:800 !important;
}

body[data-page="contacto"] .price-card{
  background:var(--gris-card) !important;
}

body[data-page="contacto"] .price-card--dark,
body[data-page="contacto"] .price-card--black{
  background:var(--negro) !important;
  color:var(--blanco) !important;
}

body[data-page="contacto"] .price-card h3{
  font-size:clamp(2rem,2.8vw,3.25rem) !important;
  line-height:.95 !important;
  letter-spacing:-.04em !important;
}

body[data-page="contacto"] .price-card__price strong{
  font-size:clamp(3.25rem,5vw,5rem) !important;
  line-height:.9 !important;
}

body[data-page="contacto"] .price-card__price span{
  font-weight:800 !important;
}

body[data-page="contacto"] .price-card__cta{
  min-height:56px !important;
  padding:0 22px !important;
  justify-content:center !important;
}

body[data-page="contacto"] .contact-how article{
  background:transparent !important;
}

body[data-page="contacto"] .contact-how article span{
  font-size:3rem !important;
  line-height:1 !important;
}

body[data-page="contacto"] .contact-how article h3{
  font-size:clamp(1.55rem,2vw,2rem) !important;
  line-height:1.05 !important;
}

body[data-page="contacto"] .contact-how article p{
  color:rgba(255,255,255,.88) !important;
}

/* 12) CONTACTO · FAQ MÁS LIMPIO */
body[data-page="contacto"] .contact-faq__head h2{
  font-size:clamp(3.4rem,5vw,5.8rem) !important;
  line-height:.92 !important;
  letter-spacing:-.04em !important;
  max-width:7ch !important;
}

body[data-page="contacto"] .contact-faq__list details{
  background:var(--gris-card) !important;
}

body[data-page="contacto"] .contact-faq__list summary{
  color:var(--negro) !important;
  font-size:1.16rem !important;
  line-height:1.3 !important;
}

body[data-page="contacto"] .contact-faq__list summary::after{
  content:"+" !important;
  color:var(--morado) !important;
  font-family:Inter, Arial, sans-serif !important;
  font-weight:800 !important;
}

body[data-page="contacto"] .contact-faq__list details[open] summary::after{
  content:"-" !important;
}

body[data-page="contacto"] .contact-faq__list details p{
  color:#5b5b65 !important;
  font-size:1rem !important;
  line-height:1.65 !important;
}

/* 13) CONTACTO · FORMULARIO */
body[data-page="contacto"] .contact-form-section__intro h2{
  font-size:clamp(3.2rem,5.3vw,5.7rem) !important;
  line-height:.92 !important;
  letter-spacing:-.04em !important;
}

body[data-page="contacto"] .contact-form-section__intro .w-light{
  font-weight:500 !important;
}

body[data-page="contacto"] .contact-form__card{
  background:var(--gris-card) !important;
}

body[data-page="contacto"] .field input,
body[data-page="contacto"] .field select,
body[data-page="contacto"] .field textarea{
  background:#ececf0 !important;
  color:var(--negro) !important;
}

body[data-page="contacto"] .contact-form__card .btn,
body[data-page="contacto"] button[type="submit"].btn{
  background:var(--menta) !important;
  color:var(--negro) !important;
}

/* 14) RESPONSIVE FINO */
@media (max-width: 860px){
  body[data-page="servicios"] .service-cta,
  body[data-page="contacto"] .contact-faq__inner,
  body[data-page="contacto"] .contact-form-section__inner{
    grid-template-columns:1fr !important;
  }

  body[data-page="contacto"] .contact-faq__head h2,
  body[data-page="contacto"] .contact-form-section__intro h2{
    max-width:none !important;
  }
}
/* ============================================================
   TRABAJOS REALES · AJUSTE LIMPIO
   ============================================================ */

.work-scenes{
  padding:80px 32px 70px;
  background:var(--negro);
  color:var(--blanco);
}

/* INTRO COMPLETAMENTE A LA IZQUIERDA */
.work-scenes__intro{
  width:100%;
  max-width:1260px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:16px;
  text-align:left;
}

.work-scenes__intro .tag{
  margin:0;
  padding:9px 18px;

  border:0 !important;
  box-shadow:none !important;
  transform:none !important;

  background:var(--blanco);
  color:var(--negro);

  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
}

.work-scenes__intro > p:last-child{
  max-width:560px;
  margin:0;

  color:#d7d7dc;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  text-align:left !important;
}


/* TITULAR */
.work-scenes__word{
  position:relative;
  inset:auto;

  display:flex;
  flex-direction:column;
  align-items:flex-start;

  width:100%;
  max-width:1260px;

  margin:34px auto 38px;

  color:var(--morado);

  font-size:clamp(5rem,8vw,8.4rem);
  line-height:.78;
  letter-spacing:-.07em;

  text-align:left;

  text-shadow:none !important;
}

/* PRIMERA LÍNEA */
.work-scenes__word span:first-child{
  display:block;
  margin:0;

  font-weight:900;
}

/* SEGUNDA LÍNEA */
.work-scenes__word span:last-child{
  display:block;
  margin:0 !important;

  font-weight:500;
}


/* PERSONAS */
.work-scenes__stage{
  width:100%;
  max-width:1540px;

  margin:0 auto;

  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:end;
  gap:0;

  min-height:440px;
}

.work-scene{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;

  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.work-scene img{
  filter:none !important;
  box-shadow:none !important;
}


/* PILLS DE RUBRO */
.work-scene figcaption{
  position:relative;
  left:auto;
  bottom:auto;

  min-width:110px;
  margin:-10px auto 0;
  padding:8px 16px;

  transform:none !important;

  border:0 !important;
  box-shadow:none !important;
  border-radius:999px;

  background:var(--menta);
  color:var(--negro);

  font-size:.72rem;
  font-weight:800;
  line-height:1;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
}


/* TABLET */
@media(max-width:820px){

  .work-scenes{
    padding:64px 20px;
  }

  .work-scenes__word{
    margin:30px auto 32px;
    font-size:clamp(4rem,16vw,6.5rem);
  }

  .work-scenes__stage{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 4px;
    min-height:0;
  }

  .work-scene--chef{
    grid-column:1 / -1;
    width:50% !important;
    justify-self:center;
  }
}


/* MOBILE */
@media(max-width:560px){

  .work-scenes{
    padding:56px 16px;
  }

  .work-scenes__intro{
    gap:14px;
  }

  .work-scenes__word{
    margin:28px auto 28px;
    font-size:16vw;
    line-height:.8;
  }

  .work-scenes__stage{
    gap:24px 0;
  }

  .work-scene figcaption{
    min-width:0;
    padding:7px 11px;
    font-size:.62rem;
  }
}
/* ============================================================
   HEADER · CTA DESTACADO
   ============================================================ */

.nav__links{
  gap:32px;
}

.nav__cta,
.nav__cta-mobile{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:48px;
  padding:0 26px;
  margin-left:18px;

  border:0;
  border-radius:999px;

  background:var(--morado) !important;
  color:var(--blanco) !important;

  font-weight:800;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}

.nav__cta:hover,
.nav__cta-mobile:hover{
  background:var(--negro) !important;
  color:var(--blanco) !important;
}

.nav__cta::after,
.nav__cta-mobile::after{
  content:none;
}
/* ============================================================
   TRABAJOS REALES · DIAGRAMACIÓN LIMPIA
   ============================================================ */

.work-scenes{
  position:relative;
  min-height:auto;
  padding:76px 32px 68px;
  background:var(--negro);
  color:var(--blanco);
}

.work-scenes::after{
  display:none;
}

/* CABECERA */
.work-scenes__head{
  width:100%;
  max-width:1260px;
  margin:0 auto 42px;

  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,400px);
  grid-template-areas:
    "tag ."
    "title copy";
  column-gap:44px;
  row-gap:16px;
  align-items:end;
}

.work-scenes__head .tag{
  grid-area:tag;
  width:max-content;
  margin:0;
  padding:9px 18px;

  border:0;
  border-radius:999px;
  box-shadow:none;
  transform:none;

  background:var(--blanco);
  color:var(--negro);

  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
}

.work-scenes__word{
  grid-area:title;
  position:relative;
  left:auto;
  top:auto;
  width:auto;
  margin:0;

  color:var(--morado);
  text-align:left;
  text-shadow:none;

  font-size:clamp(4.8rem,7.8vw,7.6rem);
  line-height:.8;
  letter-spacing:-.07em;
}

.work-scenes__word span{
  display:block;
}

.work-scenes__word span:first-child{
  font-weight:900;
}

.work-scenes__word span:last-child{
  margin-left:0;
  font-weight:500;
}

.work-scenes__lede{
  grid-area:copy;
  max-width:34ch;
  margin:0 0 10px;

  color:#d7d7dc;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  text-align:left;
}

/* ESCENARIO DE PERSONAS */
.work-scenes__stage{
  position:relative;
  z-index:2;

  width:100%;
  max-width:1440px;
  margin:0 auto;

  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
  align-items:end;

  min-height:0;
  height:auto;
}

/* reset de posicionamiento anterior */
.work-scene,
.work-scene--construction,
.work-scene--health,
.work-scene--barista,
.work-scene--mechanic,
.work-scene--chef{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  top:auto !important;
  inset:auto !important;

  width:100% !important;
  margin:0;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
}

.work-scene{
  transition:none;
}

.work-scene img{
  width:100%;
  max-width:250px;
  height:360px;
  max-height:none;

  object-fit:contain;
  object-position:center bottom;

  filter:none !important;
  transform:none !important;
}

.work-scene--health img,
.work-scene--mechanic img{
  height:340px;
}

.work-scene--chef img{
  height:365px;
}

/* leve ritmo visual */
.work-scene--health,
.work-scene--mechanic{
  transform:translateY(-18px);
}

/* CAPSULAS */
.work-scene figcaption{
  position:relative;
  left:auto;
  bottom:auto;

  margin:-6px auto 0;
  min-width:110px;
  padding:8px 16px;

  border:0;
  border-radius:999px;
  box-shadow:none;
  transform:none;

  background:var(--blanco);
  color:var(--negro);

  font-size:.72rem;
  font-weight:800;
  line-height:1;
  letter-spacing:0;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
}

/* TABLET */
@media(max-width:820px){

  .work-scenes{
    padding:62px 20px 66px;
  }

  .work-scenes__head{
    grid-template-columns:1fr;
    grid-template-areas:
      "tag"
      "title"
      "copy";
    gap:14px;
    margin-bottom:34px;
  }

  .work-scenes__word{
    font-size:clamp(4rem,15vw,6.2rem);
  }

  .work-scenes__stage{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:26px 8px;
  }

  .work-scene--health,
  .work-scene--mechanic{
    transform:none;
  }

  .work-scene--chef{
    grid-column:1 / -1;
    width:50% !important;
    justify-self:center;
  }

  .work-scene img{
    height:310px;
  }

  .work-scene--chef img{
    height:330px;
  }
}

/* MOBILE */
@media(max-width:560px){

  .work-scenes{
    padding:54px 16px 58px;
  }

  .work-scenes__word{
    font-size:16vw;
  }

  .work-scenes__lede{
    font-size:.96rem;
  }

  .work-scenes__stage{
    gap:22px 0;
  }

  .work-scene img{
    height:245px;
    max-width:190px;
  }

  .work-scene--chef img{
    height:260px;
  }

  .work-scene figcaption{
    min-width:0;
    padding:7px 11px;
    font-size:.62rem;
  }
}
/* ============================================================
   HAY PEGA
   AJUSTE FINAL HOME
   HEADER + TRABAJOS REALES
   ============================================================ */


/* ============================================================
   HEADER
   ============================================================ */

.nav{
  background:var(--menta);
  border-bottom:0 !important;
  box-shadow:none !important;
}


.nav__inner{
  width:100%;
  max-width:1240px;
  height:100%;

  margin:0 auto;
  padding:0 28px;

  display:flex;
  align-items:center;

  gap:28px;
}


.brand-mark--nav{
  flex:none;
}


.brand-mark--nav img{
  display:block;

  width:100%;
  height:100%;

  object-fit:contain;
}


/* LINKS */

.nav__links{
  display:flex;
  align-items:center;

  gap:38px;

  margin-left:auto;
}


.nav__link{
  position:relative;

  color:var(--negro);

  font-size:.95rem;
  font-weight:600;

  white-space:nowrap;

  transition:color .2s var(--ease);
}


.nav__link:hover{
  color:var(--negro);
}


.nav__link.is-active{
  color:var(--negro);
  font-weight:700;
}


.nav__link.is-active::after{
  content:"";

  position:absolute;

  left:0;
  right:0;
  bottom:-10px;

  height:3px;

  border-radius:999px;

  background:var(--morado);
}



/* CTA DESKTOP */

.nav__cta{
  display:inline-flex !important;

  align-items:center;
  justify-content:center;

  min-width:154px;
  min-height:46px;

  margin-left:26px;
  padding:0 27px;

  border:0 !important;
  border-radius:999px;

  background:var(--morado) !important;
  color:var(--blanco) !important;

  box-shadow:none !important;

  font-size:.95rem;
  font-weight:800;
  line-height:1;

  white-space:nowrap;

  transition:
    background-color .2s var(--ease),
    color .2s var(--ease);
}


.nav__cta:hover{
  background:var(--negro) !important;
  color:var(--blanco) !important;

  transform:none !important;
}


.nav__cta::after{
  content:none !important;
}



/* CTA MOBILE OCULTO EN DESKTOP */

.nav__cta-mobile{
  display:none !important;
}



/* ============================================================
   TRABAJOS REALES
   ============================================================ */

.work-scenes{
  position:relative;

  width:100%;

  min-height:760px;

  padding:
    68px
    32px
    42px;

  overflow:hidden;

  background:var(--negro);
  color:var(--blanco);
}



/* TEXTURA */

.work-scenes.plastic::before{
  background-image:url("assets/Textura/bolsa-textura.png");

  background-size:760px auto;
  background-repeat:repeat;
  background-position:center;

  mix-blend-mode:screen;

  filter:
    grayscale(1)
    contrast(2.8);

  opacity:.20;
}



/* ELIMINAR DECORACIONES VIEJAS */

.work-scenes::after{
  display:none !important;
}



/* ============================================================
   CABECERA DE SECCIÓN
   ============================================================ */

.work-scenes__head{
  position:relative;
  z-index:5;

  width:100%;
  max-width:1260px;

  margin:
    0
    auto
    34px;

  display:grid;

  grid-template-columns:
    minmax(0,1.28fr)
    minmax(280px,.72fr);

  grid-template-areas:
    "tag ."
    "title copy";

  column-gap:72px;
  row-gap:18px;

  align-items:end;
}



/* TAG */

.work-scenes__head .tag{
  grid-area:tag;

  width:max-content;

  margin:0;

  padding:
    9px
    18px;

  border:0 !important;
  border-radius:999px;

  background:var(--blanco);
  color:var(--negro);

  box-shadow:none !important;

  transform:none !important;

  font-size:.76rem;
  font-weight:800;
  line-height:1;

  letter-spacing:0;

  text-transform:uppercase;
}



/* ============================================================
   TITULAR
   ============================================================ */

.work-scenes__word{
  grid-area:title;

  position:relative !important;

  inset:auto !important;

  display:flex;

  flex-direction:column;
  align-items:flex-start;

  width:auto !important;

  margin:0 !important;

  color:var(--morado);

  font-size:
    clamp(
      5rem,
      7.7vw,
      7.6rem
    );

  line-height:.78;

  letter-spacing:-.075em;

  text-align:left;

  text-shadow:none !important;

  opacity:1 !important;
}


.work-scenes__word span{
  display:block;

  margin:0 !important;
}


/* TRABAJOS */

.work-scenes__word span:first-child{
  font-weight:900;
}


/* REALES */

.work-scenes__word span:last-child{
  font-weight:400;
}



/* ============================================================
   TEXTO SECUNDARIO
   ============================================================ */

.work-scenes__lede{
  grid-area:copy;

  max-width:34ch;

  margin:
    0
    0
    10px;

  color:#d7d7dc;

  font-size:1rem;
  font-weight:400;
  line-height:1.5;

  text-align:left;
}



/* ============================================================
   ESCENARIO DE PERSONAS
   ============================================================ */

.work-scenes__stage{
  position:relative !important;
  z-index:4;

  width:100% !important;
  max-width:1460px !important;

  height:auto !important;
  min-height:410px;

  margin:
    18px
    auto
    0 !important;

  padding:0 !important;

  display:grid !important;

  grid-template-columns:
    repeat(
      5,
      minmax(0,1fr)
    );

  align-items:end;

  gap:4px;

  transform:none !important;
}



/* ============================================================
   RESET DE POSICIONAMIENTO ANTIGUO
   ============================================================ */

.work-scene,
.work-scene--health,
.work-scene--construction,
.work-scene--barista,
.work-scene--mechanic,
.work-scene--chef{

  position:relative !important;

  inset:auto !important;

  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;

  width:100% !important;

  min-width:0;

  height:auto !important;

  margin:0 !important;

  padding:0;

  display:flex !important;

  flex-direction:column;

  align-items:center;
  justify-content:flex-end;

  overflow:visible;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;

  box-shadow:none !important;

  animation:none !important;

  transform:none !important;
}



/* ============================================================
   IMÁGENES
   ============================================================ */

.work-scene img{
  display:block;

  width:118% !important;

  max-width:none !important;

  height:395px !important;

  max-height:none !important;

  margin:0 auto;

  object-fit:contain;

  object-position:
    center
    bottom;

  filter:none !important;

  box-shadow:none !important;

  transform:none !important;

  transition:none !important;
}



/* ESCALAS INDIVIDUALES */

.work-scene--health img{
  width:118% !important;
  height:390px !important;
}


.work-scene--construction img{
  width:124% !important;
  height:405px !important;
}


.work-scene--barista img{
  width:125% !important;
  height:400px !important;
}


.work-scene--mechanic img{
  width:124% !important;
  height:400px !important;
}


.work-scene--chef img{
  width:128% !important;
  height:410px !important;
}



/* NO HOVER CON SOMBRA */

.work-scene:hover{
  z-index:auto !important;
}


.work-scene:hover img{
  transform:none !important;
  filter:none !important;
}



/* ============================================================
   PILLS DE RUBRO
   ============================================================ */

.work-scene figcaption{
  position:relative !important;

  inset:auto !important;

  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;

  min-width:116px;

  margin:
    -5px
    auto
    0;

  padding:
    8px
    16px;

  border:0 !important;

  border-radius:999px;

  background:var(--blanco);
  color:var(--negro);

  box-shadow:none !important;

  transform:none !important;

  font-size:.69rem;
  font-weight:800;
  line-height:1;

  letter-spacing:0;

  text-align:center;

  text-transform:uppercase;

  white-space:nowrap;
}



/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1080px){

  .nav__links{
    gap:24px;
  }


  .nav__cta{
    min-width:140px;

    margin-left:12px;

    padding-inline:20px;
  }


  .work-scenes__head{
    max-width:960px;

    grid-template-columns:
      minmax(0,1.15fr)
      minmax(260px,.85fr);

    column-gap:48px;
  }


  .work-scenes__stage{
    max-width:1000px !important;

    min-height:360px;
  }


  .work-scene img{
    height:340px !important;
  }


  .work-scene--construction img,
  .work-scene--barista img,
  .work-scene--mechanic img,
  .work-scene--chef img{
    height:350px !important;
  }

}



/* ============================================================
   MOBILE / TABLET
   ============================================================ */

@media(max-width:820px){


  /* HEADER */

  .nav__inner{
    padding:
      0
      20px;
  }


  .nav__cta{
    display:none !important;
  }


  .nav__burger{
    display:block;
  }


  .nav__links{
    position:fixed;

    top:var(--nav-h);
    left:0;
    right:0;

    display:none;

    flex-direction:column;

    align-items:stretch;

    gap:0;

    margin:0;

    padding:
      20px;

    background:var(--menta);
  }


  .nav__links.is-open{
    display:flex;
  }


  .nav__link{
    width:100%;

    padding:
      14px
      4px;
  }


  .nav__link.is-active::after{
    display:none;
  }


  .nav__cta-mobile{
    display:flex !important;

    align-items:center;
    justify-content:center;

    width:100%;

    min-height:48px;

    margin-top:12px;

    padding:
      0
      24px;

    border:0;

    border-radius:999px;

    background:var(--morado);

    color:var(--blanco);

    font-weight:800;

    box-shadow:none;
  }



  /* TRABAJOS REALES */

  .work-scenes{
    min-height:auto;

    padding:
      60px
      20px
      66px;
  }


  .work-scenes__head{
    display:grid;

    grid-template-columns:1fr;

    grid-template-areas:
      "tag"
      "title"
      "copy";

    gap:16px;

    margin-bottom:36px;
  }


  .work-scenes__word{
    font-size:
      clamp(
        4rem,
        15vw,
        6rem
      );

    line-height:.8;
  }


  .work-scenes__lede{
    max-width:38ch;

    margin:0;
  }


  .work-scenes__stage{
    width:100% !important;

    height:auto !important;

    min-height:0;

    margin:
      36px
      auto
      0 !important;

    display:grid !important;

    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );

    gap:
      28px
      6px;
  }


  .work-scene img{
    width:112% !important;

    height:310px !important;
  }


  .work-scene--health img,
  .work-scene--construction img,
  .work-scene--barista img,
  .work-scene--mechanic img{
    height:310px !important;
  }


  .work-scene--chef{
    grid-column:
      1 /
      -1;

    width:50% !important;

    justify-self:center;
  }


  .work-scene--chef img{
    height:330px !important;
  }

}



/* ============================================================
   MOBILE PEQUEÑO
   ============================================================ */

@media(max-width:560px){

  .work-scenes{
    padding:
      52px
      16px
      58px;
  }


  .work-scenes__head .tag{
    padding:
      8px
      14px;

    font-size:.68rem;
  }


  .work-scenes__word{
    font-size:16vw;
  }


  .work-scenes__lede{
    font-size:.94rem;
  }


  .work-scenes__stage{
    margin-top:28px !important;

    gap:
      24px
      0;
  }


  .work-scene img,
  .work-scene--health img,
  .work-scene--construction img,
  .work-scene--barista img,
  .work-scene--mechanic img{

    width:118% !important;

    height:245px !important;
  }


  .work-scene--chef{
    width:56% !important;
  }


  .work-scene--chef img{
    width:122% !important;

    height:265px !important;
  }


  .work-scene figcaption{
    min-width:auto;

    padding:
      7px
      11px;

    font-size:.6rem;
  }

}
/* ============================================================
   TRABAJOS REALES · AJUSTE DE MÁRGENES
   ============================================================ */

.work-scenes{
  padding:
    76px
    0
    54px;
}

/* MISMO EJE PARA TODA LA SECCIÓN */
.work-scenes__head{
  width:min(calc(100% - 112px), 1260px);
  max-width:none;

  margin:
    0
    auto
    42px;

  grid-template-columns:
    minmax(0, 1.18fr)
    minmax(300px, .82fr);

  column-gap:80px;
}


/* TITULAR */
.work-scenes__word{
  margin:0 !important;

  font-size:clamp(5rem, 7.2vw, 7.3rem);
}


/* COPY DERECHO */
.work-scenes__lede{
  max-width:32ch;

  margin:
    0
    0
    12px;

  justify-self:start;
}


/* PERSONAS */
.work-scenes__stage{
  width:min(calc(100% - 80px), 1420px) !important;
  max-width:none !important;

  margin:
    28px
    auto
    0 !important;

  gap:10px;
}


/* EVITA QUE LOS EXTREMOS SE PEGUEN */
.work-scene--health{
  padding-left:12px;
}

.work-scene--chef{
  padding-right:12px;
}


/* ============================================================
   DESKTOP GRANDE
   ============================================================ */

@media(min-width:1400px){

  .work-scenes__head{
    width:min(calc(100% - 160px), 1320px);
  }

  .work-scenes__stage{
    width:min(calc(100% - 96px), 1460px) !important;
  }

}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1080px){

  .work-scenes{
    padding:
      68px
      0
      52px;
  }

  .work-scenes__head{
    width:calc(100% - 48px);

    grid-template-columns:
      minmax(0,1.1fr)
      minmax(260px,.9fr);

    column-gap:48px;
  }

  .work-scenes__stage{
    width:calc(100% - 32px) !important;
  }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:820px){

  .work-scenes{
    padding:
      58px
      0
      62px;
  }

  .work-scenes__head{
    width:calc(100% - 40px);

    margin-bottom:34px;
  }

  .work-scenes__stage{
    width:calc(100% - 24px) !important;

    margin-top:32px !important;
  }

  .work-scene--health,
  .work-scene--chef{
    padding:0;
  }

}


/* ============================================================
   MOBILE PEQUEÑO
   ============================================================ */

@media(max-width:560px){

  .work-scenes__head{
    width:calc(100% - 32px);
  }

  .work-scenes__stage{
    width:calc(100% - 16px) !important;
  }

}
/* ============================================================
   TRABAJOS REALES
   MÁRGENES ALINEADOS EXACTAMENTE CON EL HEADER
   ============================================================ */

/*
   MISMO ANCHO ÚTIL DEL HEADER:
   desde el logo hasta el final del CTA Contáctanos
*/

.work-scenes{
  padding:
    76px
    0
    54px;
}


/* ============================================================
   CABECERA
   ============================================================ */

.work-scenes__head{
  width:100%;
  max-width:var(--max);

  margin:
    0
    auto
    42px;

  padding:
    0
    28px;

  display:grid;

  grid-template-columns:
    minmax(0,1.2fr)
    minmax(300px,.8fr);

  grid-template-areas:
    "tag ."
    "title copy";

  column-gap:72px;
  row-gap:18px;

  align-items:end;
}


/* PILL */

.work-scenes__head .tag{
  grid-area:tag;

  margin:0;

  justify-self:start;
}


/* TITULAR */

.work-scenes__word{
  grid-area:title;

  width:100%;

  margin:0 !important;

  text-align:left;
}


.work-scenes__word span:first-child{
  font-weight:900;
}


.work-scenes__word span:last-child{
  font-weight:400;
  margin-left:0 !important;
}


/* TEXTO DERECHO */

.work-scenes__lede{
  grid-area:copy;

  width:100%;
  max-width:32ch;

  margin:
    0
    0
    12px;

  justify-self:start;

  text-align:left;
}



/* ============================================================
   PERSONAS
   MISMO EJE DEL HEADER
   ============================================================ */

.work-scenes__stage{
  width:100% !important;
  max-width:var(--max) !important;

  margin:
    26px
    auto
    0 !important;

  padding:
    0
    28px !important;

  display:grid !important;

  grid-template-columns:
    repeat(
      5,
      minmax(0,1fr)
    );

  gap:8px;

  align-items:end;
}


/* NO AGREGAR MÁRGENES EXTRA A LOS EXTREMOS */

.work-scene--health,
.work-scene--chef{
  padding-left:0 !important;
  padding-right:0 !important;
}



/* ============================================================
   ESCALA PERSONAS
   ============================================================ */

.work-scene img{
  width:120% !important;
  max-width:none !important;

  height:390px !important;

  object-fit:contain;
  object-position:center bottom;

  filter:none !important;
}


/* LOS EXTREMOS SE QUEDAN DENTRO DEL CONTAINER */

.work-scene--health img{
  width:112% !important;
}


.work-scene--construction img{
  width:121% !important;
}


.work-scene--barista img{
  width:122% !important;
}


.work-scene--mechanic img{
  width:121% !important;
}


.work-scene--chef img{
  width:115% !important;
}



/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1080px){

  .work-scenes__head,
  .work-scenes__stage{
    max-width:100% !important;

    padding-left:24px !important;
    padding-right:24px !important;
  }

}



/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:820px){

  .work-scenes{
    padding:
      58px
      0
      62px;
  }


  .work-scenes__head{
    padding-left:20px;
    padding-right:20px;

    grid-template-columns:1fr;

    grid-template-areas:
      "tag"
      "title"
      "copy";

    gap:16px;
  }


  .work-scenes__stage{
    padding-left:20px !important;
    padding-right:20px !important;

    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );
  }

}



/* ============================================================
   MOBILE PEQUEÑO
   ============================================================ */

@media(max-width:560px){

  .work-scenes__head,
  .work-scenes__stage{
    padding-left:16px !important;
    padding-right:16px !important;
  }

}

/* ============================================================
   CÓMO FUNCIONA · TEXTURA CORRECTA
   ============================================================ */


/* FONDO GENERAL BLANCO + TEXTURA DE BOLSA */
body[data-page="inicio"] .how{
  position:relative !important;
  isolation:isolate !important;

  background:#f7f7f4 !important;

  overflow:hidden !important;
}


/* TEXTURA DEL FONDO */
body[data-page="inicio"] .how.plastic::before{
  content:"" !important;

  display:block !important;

  position:absolute !important;
  inset:0 !important;

  z-index:0 !important;

  background-image:url("Textura/bolsa-textura.png") !important;

  background-size:650px auto !important;
  background-repeat:repeat !important;
  background-position:center top !important;

  mix-blend-mode:multiply !important;

  filter:
    grayscale(1)
    contrast(2.4)
    brightness(.92) !important;

  opacity:.18 !important;

  pointer-events:none !important;
}


/* CONTENIDO SOBRE LA TEXTURA */
body[data-page="inicio"] .how > *{
  position:relative !important;
  z-index:2 !important;
}



/* ============================================================
   CARD 01 · GRIS
   ============================================================ */

body[data-page="inicio"] .steps .step:nth-child(1){
  position:relative !important;
  isolation:isolate !important;

  background:#dededb !important;

  border:0 !important;
  box-shadow:none !important;

  overflow:hidden !important;
}


/* TEXTURA DENTRO DE CARD 01 */
body[data-page="inicio"] .steps .step:nth-child(1).plastic::before{
  content:"" !important;

  display:block !important;

  position:absolute !important;
  inset:0 !important;

  z-index:0 !important;

  background-image:url("Textura/bolsa-textura.png") !important;

  background-size:430px auto !important;
  background-repeat:repeat !important;
  background-position:center !important;

  mix-blend-mode:multiply !important;

  filter:
    grayscale(1)
    contrast(2.7)
    brightness(.88) !important;

  opacity:.20 !important;

  border-radius:inherit !important;

  pointer-events:none !important;
}


/* CONTENIDO SOBRE TEXTURA DE LA CARD */
body[data-page="inicio"] .steps .step:nth-child(1) > *{
  position:relative !important;
  z-index:2 !important;
}
/* ============================================================
   TEXTURA HAY PEGA
   MISMO SISTEMA QUE "NUESTROS SERVICIOS"
   ============================================================ */


/* ============================================================
   1. TRABAJOS REALES
   fondo oscuro + textura visible
   ============================================================ */

body[data-page="inicio"] .work-scenes{
  background-color:#303030 !important;

  background-image:
    url("assets/Textura/bolsa-textura.png") !important;

  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;

  /* En oscuro necesitamos aclarar la textura */
  background-blend-mode:screen !important;
}


/* Desactivamos la textura duplicada del pseudo */
body[data-page="inicio"] .work-scenes.plastic::before{
  display:none !important;
}



/* ============================================================
   2. ASÍ FUNCIONA
   fondo claro + textura
   ============================================================ */

body[data-page="inicio"] .how{
  background-color:#f7f7f4 !important;

  background-image:
    url("assets/Textura/bolsa-textura.png") !important;

  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;

  background-blend-mode:multiply !important;
}



/* ============================================================
   3. CARD 01
   gris + textura
   ============================================================ */

body[data-page="inicio"] .steps .step:nth-child(1){
  background-color:#dededb !important;

  background-image:
    url("assets/Textura/bolsa-textura.png") !important;

  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;

  background-blend-mode:multiply !important;

  border:0 !important;
  box-shadow:none !important;
}


/* La card ya tiene class="plastic".
   Quitamos su ::before porque ahora la textura
   está aplicada directamente al fondo. */
body[data-page="inicio"] .steps .step:nth-child(1).plastic::before{
  display:none !important;
}
/* ============================================================
   TRABAJOS REALES
   FONDO NEGRO + TEXTURA DE BOLSA
   ============================================================ */

body[data-page="inicio"] .work-scenes{
  position:relative !important;
  isolation:isolate !important;

  background-color:#303030 !important;
  background-image:none !important;

  color:#fff !important;

  overflow:hidden !important;
}


/* TEXTURA ENCIMA DEL NEGRO */
body[data-page="inicio"] .work-scenes.plastic::before{
  content:"" !important;

  display:block !important;

  position:absolute !important;
  inset:0 !important;

  z-index:0 !important;

  background-image:url("assets/Textura/bolsa-textura.png") !important;

  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;

  /*
    La textura queda como brillo/pliegue sobre el negro,
    no reemplaza el fondo.
  */
  mix-blend-mode:screen !important;

  filter:
    grayscale(1)
    contrast(2.8)
    brightness(.48) !important;

  opacity:.18 !important;

  pointer-events:none !important;
}


/* CONTENIDO POR ENCIMA */
body[data-page="inicio"] .work-scenes > *{
  position:relative !important;
  z-index:2 !important;
}


/* COPY DERECHO VUELVE A SER LEGIBLE */
body[data-page="inicio"] .work-scenes__lede{
  color:#d7d7dc !important;
}
/* ============================================================
   TRABAJOS REALES · NEGRO + TEXTURA REAL
   ============================================================ */

body[data-page="inicio"] .work-scenes{
  position:relative !important;

  background-color:#000 !important;

  background-image:
    linear-gradient(
      rgba(0,0,0,.72),
      rgba(0,0,0,.72)
    ),
    url("assets/Textura/bolsa-textura.png") !important;

  background-size:
    100% 100%,
    cover !important;

  background-position:
    center,
    center !important;

  background-repeat:
    no-repeat,
    no-repeat !important;

  background-blend-mode:normal !important;

  color:#fff !important;
}


/* APAGAMOS POR COMPLETO EL PSEUDO ANTIGUO */
body[data-page="inicio"] .work-scenes.plastic::before{
  display:none !important;
  content:none !important;
}


/* COPY DERECHO */
body[data-page="inicio"] .work-scenes__lede{
  color:#d7d7dc !important;
}
/* ============================================================
   CÓMO FUNCIONA · ALINEACIÓN DE NÚMEROS
   ============================================================ */

body[data-page="inicio"] .steps .step{
  padding-left:32px !important;
  padding-right:32px !important;
}

body[data-page="inicio"] .steps .step__num{
  position:static !important;

  display:block;

  width:100%;

  margin:
    0
    0
    18px
    0 !important;

  padding:0 !important;

  text-align:left !important;

  transform:none !important;
}

/* Fuerza específicamente el 01 */
body[data-page="inicio"] .steps .step:nth-child(1) .step__num{
  margin-left:0 !important;
  left:auto !important;
  right:auto !important;
}/* ============================================================
   CÓMO FUNCIONA · ALINEACIÓN FINAL 01 / 02 / 03
   ============================================================ */

body[data-page="inicio"] .steps .step__num{
  position:static !important;

  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;

  display:block !important;

  margin:0 0 18px 0 !important;
  padding:0 !important;

  transform:none !important;

  line-height:1 !important;
}


/* Elimina cualquier desplazamiento que haya quedado solo en 01 */
body[data-page="inicio"] .steps .step:nth-child(1) .step__num{
  position:static !important;

  top:auto !important;
  left:auto !important;

  margin:0 0 18px 0 !important;

  transform:none !important;
}
/* ============================================================
   BUSCAS TRABAJO · REDISEÑO RESULTADOS
   ============================================================ */

body[data-page="buscas"] .results{
  width:100%;
  max-width:1240px;

  margin:0 auto;

  padding:
    58px
    28px
    96px;
}


/* ============================================================
   GRID GENERAL
   ============================================================ */

body[data-page="buscas"] .results__layout{
  display:grid;

  grid-template-columns:
    260px
    minmax(0,1fr);

  gap:52px;

  align-items:start;
}


/* ============================================================
   FILTROS
   ============================================================ */

body[data-page="buscas"] .filters{
  position:sticky;
  top:calc(var(--nav-h) + 24px);

  padding:26px 22px;

  background:#f3f3f5 !important;

  border:0 !important;
  border-radius:24px !important;
  box-shadow:none !important;

  overflow:visible;
}


body[data-page="buscas"] .filters__head{
  margin:0 0 26px;

  padding:0;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:12px;

  border:0 !important;
}


body[data-page="buscas"] .filters__head h2,
body[data-page="buscas"] .filters__head h3{
  margin:0;

  font-size:1.08rem;
  font-weight:800;
  letter-spacing:-.03em;
}


body[data-page="buscas"] .filters__head a,
body[data-page="buscas"] .filters__head button{
  border:0;
  background:transparent;

  color:var(--morado);

  font-size:.78rem;
  font-weight:700;

  text-decoration:none;
  cursor:pointer;
}


/* CAMPOS */

body[data-page="buscas"] .feed-field{
  margin-bottom:20px;
}


body[data-page="buscas"] .feed-field label{
  display:block;

  margin-bottom:8px;

  color:var(--negro);

  font-size:.82rem;
  font-weight:800;
}


body[data-page="buscas"] .feed-field select{
  width:100%;
  min-height:48px;

  padding:
    0
    16px;

  border:0 !important;
  border-radius:14px !important;

  background:#e7e7ea !important;
  color:var(--negro);

  box-shadow:none !important;

  font-family:inherit;
  font-size:.88rem;
  font-weight:650;
}


/* ÚLTIMA VERIFICACIÓN */

body[data-page="buscas"] .filters__foot,
body[data-page="buscas"] .filters small{
  display:block;

  margin-top:8px;
  padding-top:18px;

  border-top:1px solid rgba(0,0,0,.09);

  color:#686870;

  font-size:.75rem;
  line-height:1.45;
}


/* ============================================================
   RESULTADOS · CABECERA
   ============================================================ */

body[data-page="buscas"] .listing{
  min-width:0;
}


body[data-page="buscas"] .listing__bar{
  min-height:52px;

  margin-bottom:24px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:24px;

  border:0 !important;
}


body[data-page="buscas"] .listing__bar h2,
body[data-page="buscas"] .listing__bar strong{
  color:var(--negro);

  font-size:1.15rem;
  font-weight:850;

  letter-spacing:-.035em;
}


/* ORDENAR */

body[data-page="buscas"] .sortby select{
  min-height:42px;

  padding:
    0
    42px
    0
    18px;

  border:0 !important;
  border-radius:999px !important;

  background:#ececef !important;
  color:var(--negro);

  box-shadow:none !important;

  font-family:inherit;
  font-size:.82rem;
  font-weight:700;
}


/* ============================================================
   NOTA DEL FEED
   ============================================================ */

body[data-page="buscas"] .demo-note,
body[data-page="buscas"] .feed-sync{
  margin:
    0
    0
    26px;

  padding:
    14px
    18px;

  border:0 !important;
  border-radius:14px !important;

  background:#f1e8ff !important;
  color:#4e3d62 !important;

  box-shadow:none !important;

  font-size:.84rem;
  line-height:1.45;
}


/* ============================================================
   LISTADO
   ============================================================ */

body[data-page="buscas"] .jobs{
  display:flex;
  flex-direction:column;

  gap:16px;
}


/* CARD OFERTA */

body[data-page="buscas"] .job{
  position:relative;

  display:grid;

  grid-template-columns:
    56px
    minmax(0,1fr)
    170px;

  gap:20px;

  align-items:start;

  padding:
    26px
    28px;

  background:#f4f4f5 !important;

  border:0 !important;
  border-radius:24px !important;

  box-shadow:none !important;

  transform:none !important;

  overflow:hidden;
}


body[data-page="buscas"] .job::before,
body[data-page="buscas"] .job::after{
  display:none !important;
  content:none !important;
}


body[data-page="buscas"] .job:hover{
  background:#eeeeF1 !important;

  border:0 !important;
  box-shadow:none !important;

  transform:none !important;
}


/* LOGO / INICIAL */

body[data-page="buscas"] .job__logo{
  width:56px;
  height:56px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:0 !important;
  border-radius:16px !important;

  background:var(--negro) !important;
  color:var(--blanco) !important;

  box-shadow:none !important;

  font-size:1.45rem;
  font-weight:850;
}


/* ============================================================
   INFO PRINCIPAL
   ============================================================ */

body[data-page="buscas"] .job__title{
  margin:1px 0 4px;

  color:var(--negro) !important;

  font-size:1.22rem;
  font-weight:850;

  line-height:1.08;
  letter-spacing:-.045em;
}


body[data-page="buscas"] .job__company{
  margin-bottom:5px;

  color:var(--negro) !important;

  font-size:.79rem;
  font-weight:850;

  text-transform:uppercase;
}


body[data-page="buscas"] .job__place{
  margin-bottom:13px;

  color:#686870 !important;

  font-size:.84rem;
  font-weight:450;
}


/* PILLS */

body[data-page="buscas"] .job__chips{
  display:flex;
  flex-wrap:wrap;

  gap:7px;

  margin-bottom:13px;
}


body[data-page="buscas"] .job__chips span{
  padding:
    6px
    11px;

  border:0 !important;
  border-radius:999px !important;

  background:#e2e2e6 !important;
  color:#202024 !important;

  box-shadow:none !important;

  font-size:.7rem;
  font-weight:700;

  line-height:1;
}


/* REQUISITOS */

body[data-page="buscas"] .job__requirements{
  max-width:62ch;

  margin:0;

  color:#62626b !important;

  font-size:.84rem;
  font-weight:400;

  line-height:1.4;
}


/* ============================================================
   COLUMNA DERECHA
   ============================================================ */

body[data-page="buscas"] .job__side{
  min-height:100%;

  display:flex;
  flex-direction:column;

  align-items:flex-end;

  gap:8px;

  padding:4px 0 0;

  border:0 !important;

  text-align:right;
}


body[data-page="buscas"] .job__salary{
  margin:0;

  color:var(--negro) !important;

  font-size:.98rem;
  font-weight:850;

  line-height:1.15;
}


body[data-page="buscas"] .job__date{
  color:#6d6d75 !important;

  font-size:.75rem;
  font-weight:450;
}


/* CTA */

body[data-page="buscas"] .job__side a,
body[data-page="buscas"] .job__cta{
  margin-top:auto;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:38px;

  padding:
    0
    16px;

  border-radius:999px;

  background:var(--negro);
  color:var(--blanco) !important;

  font-size:.76rem;
  font-weight:800;

  text-decoration:none;
}


body[data-page="buscas"] .job__side a:hover,
body[data-page="buscas"] .job__cta:hover{
  background:var(--morado);
  color:var(--blanco) !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:900px){

  body[data-page="buscas"] .results__layout{
    grid-template-columns:1fr;
    gap:28px;
  }

  body[data-page="buscas"] .filters{
    position:relative;
    top:auto;
  }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:640px){

  body[data-page="buscas"] .results{
    padding:
      38px
      16px
      72px;
  }


  body[data-page="buscas"] .listing__bar{
    align-items:flex-start;
    flex-direction:column;
  }


  body[data-page="buscas"] .job{
    grid-template-columns:
      48px
      minmax(0,1fr);

    gap:14px;

    padding:
      22px
      18px;
  }


  body[data-page="buscas"] .job__logo{
    width:48px;
    height:48px;

    border-radius:14px !important;
  }


  body[data-page="buscas"] .job__side{
    grid-column:
      1 /
      -1;

    width:100%;

    padding-top:6px;

    flex-direction:row;

    align-items:center;
    justify-content:space-between;

    text-align:left;
  }


  body[data-page="buscas"] .job__side a,
  body[data-page="buscas"] .job__cta{
    margin-top:0;
  }

}
/* ============================================================
   BUSCAS TRABAJO · HERO ORDENADO
   TÍTULO > BAJADA > BUSCADOR > FILTROS
   ============================================================ */

body[data-page="buscas"] .search-head{
  padding-top:48px !important;
  padding-bottom:54px !important;
}


/* CONTENEDOR GENERAL */
body[data-page="buscas"] .search-head__inner{
  position:relative !important;

  width:100%;
  max-width:1240px;

  min-height:690px !important;

  margin:0 auto;

  padding-right:0 !important;

  display:block !important;
}


/* ============================================================
   BREADCRUMB + TAG
   ============================================================ */

body[data-page="buscas"] .search-head__inner > .crumbs{
  width:52%;
  margin:0 0 24px !important;
}

body[data-page="buscas"] .search-head__inner > .tag{
  margin:0 0 28px !important;
}


/* ============================================================
   TÍTULO · SOLO DOS LÍNEAS
   ============================================================ */

body[data-page="buscas"] .search-title{
  display:block !important;

  width:54%;
  max-width:720px;

  margin:0 0 24px !important;

  color:#fff;
}


/* LÍNEA 1 */
body[data-page="buscas"] .search-title__question{
  display:block !important;

  margin:0 0 8px !important;

  font-size:clamp(4.5rem,6vw,6.4rem);
  font-weight:900;
  line-height:.88;

  letter-spacing:-.07em;
}


/* LÍNEA 2:
   "Acá están las reales." */

body[data-page="buscas"] .search-title__lead,
body[data-page="buscas"] .search-title__focus{
  display:inline !important;

  font-size:clamp(3.4rem,4.5vw,4.9rem);
  line-height:.95;

  letter-spacing:-.065em;
}

body[data-page="buscas"] .search-title__lead{
  margin:0 !important;

  font-weight:300;
  color:#a7a7aa;
}

body[data-page="buscas"] .search-title__focus{
  margin:0 0 0 .12em !important;

  font-weight:900;
  color:var(--menta);
}


/* ============================================================
   BAJADA
   ============================================================ */

body[data-page="buscas"] .search-head__inner > .lede{
  width:52%;
  max-width:600px;

  margin:26px 0 0 !important;

  color:#b9b9bd;

  font-size:1rem;
  line-height:1.55;
}


/* ============================================================
   BUSCADOR
   AHORA VA EN EL FLUJO, NO ABAJO DEL HERO
   ============================================================ */

body[data-page="buscas"] .search-head__inner > .searchbar{
  position:relative !important;

  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;

  z-index:14;

  width:min(78%, 920px) !important;
  max-width:920px !important;

  margin:32px 0 0 !important;

  transform:none !important;

  border:0 !important;
  border-radius:999px !important;

  background:#fff !important;

  box-shadow:none !important;
}


/* QUITAMOS MOVIMIENTO AL HACER FOCUS */
body[data-page="buscas"] .search-head__inner > .searchbar:focus-within{
  transform:none !important;
  box-shadow:none !important;
}


/* ============================================================
   FILTROS RÁPIDOS
   JUSTO DEBAJO DEL BUSCADOR
   ============================================================ */

body[data-page="buscas"] .search-head__inner > .chips--quick{
  position:relative !important;

  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;

  z-index:14;

  width:min(82%, 960px) !important;
  max-width:960px !important;

  margin:18px 0 0 !important;

  display:flex;
  flex-wrap:wrap;

  gap:8px !important;
}


/* FILTROS BLANCOS COMO EN TU CAPTURA */
body[data-page="buscas"] .search-head .chips--quick .chip{
  padding:9px 16px;

  border:0 !important;
  border-radius:999px;

  background:#fff !important;
  color:#111 !important;

  box-shadow:none !important;
  backdrop-filter:none !important;

  font-size:.75rem;
  font-weight:700;
}


/* ACTIVO / HOVER */
body[data-page="buscas"] .search-head .chips--quick .chip:hover,
body[data-page="buscas"] .search-head .chips--quick .chip.is-active,
body[data-page="buscas"] .search-head .chips--quick .chip.is-on{
  background:var(--menta) !important;
  color:#000 !important;
}


/* ============================================================
   PERSONA
   ============================================================ */

body[data-page="buscas"] .search-head__person{
  position:absolute !important;

  right:-1% !important;
  top:130px !important;

  width:44% !important;
  height:560px !important;

  object-fit:contain;
  object-position:center bottom;
}


/* LOGO FLOTANTE */
body[data-page="buscas"] .search-head__variant{
  top:70px !important;
  right:1% !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1080px){

  body[data-page="buscas"] .search-head__inner{
    min-height:0 !important;
  }

  body[data-page="buscas"] .search-title,
  body[data-page="buscas"] .search-head__inner > .lede,
  body[data-page="buscas"] .search-head__inner > .crumbs{
    width:100%;
  }

  body[data-page="buscas"] .search-head__inner > .searchbar,
  body[data-page="buscas"] .search-head__inner > .chips--quick{
    width:100% !important;
    max-width:100% !important;
  }

  body[data-page="buscas"] .search-head__person{
    position:relative !important;

    right:auto !important;
    top:auto !important;

    width:min(520px,100%) !important;
    height:430px !important;

    margin:38px auto -54px;
  }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:700px){

  body[data-page="buscas"] .search-head{
    padding-top:34px !important;
    padding-bottom:46px !important;
  }

  body[data-page="buscas"] .search-title__question{
    font-size:clamp(3.6rem,16vw,4.8rem);
  }

  body[data-page="buscas"] .search-title__lead,
  body[data-page="buscas"] .search-title__focus{
    font-size:clamp(2.7rem,12vw,3.7rem);
  }

  body[data-page="buscas"] .search-head__inner > .lede{
    margin-top:22px !important;
  }

  body[data-page="buscas"] .search-head__inner > .searchbar{
    margin-top:26px !important;
  }

  body[data-page="buscas"] .search-head__inner > .chips--quick{
    margin-top:14px !important;
  }

}
/* ============================================================
   BUSCAS TRABAJO · BLOQUE CENTRADO EN EL HERO
   ============================================================ */

body[data-page="buscas"] .search-head{
  padding-top:0 !important;
  padding-bottom:0 !important;

  display:flex;
  align-items:center;
}

body[data-page="buscas"] .search-head__inner{
  position:relative !important;

  width:100%;
  max-width:1240px;

  min-height:calc(100vh - var(--nav-h) - 24px) !important;

  margin:0 auto;
  padding:48px 0 56px !important;

  display:flex !important;
  flex-direction:column;
  justify-content:center !important;
  align-items:flex-start;

  box-sizing:border-box;
}


/* ANCHO COHERENTE DEL BLOQUE IZQUIERDO */
body[data-page="buscas"] .search-head__inner > .crumbs,
body[data-page="buscas"] .search-head__inner > .tag,
body[data-page="buscas"] .search-title,
body[data-page="buscas"] .search-head__inner > .lede,
body[data-page="buscas"] .search-head__inner > .searchbar,
body[data-page="buscas"] .search-head__inner > .chips--quick{
  width:min(58%, 760px);
  max-width:min(58%, 760px);
}


/* ESPACIADOS DEL BLOQUE */
body[data-page="buscas"] .search-head__inner > .crumbs{
  margin:0 0 20px !important;
}

body[data-page="buscas"] .search-head__inner > .tag{
  margin:0 0 24px !important;
}

body[data-page="buscas"] .search-title{
  margin:0 0 22px !important;
}

body[data-page="buscas"] .search-head__inner > .lede{
  margin:0 0 26px !important;
}

body[data-page="buscas"] .search-head__inner > .searchbar{
  margin:0 !important;
}

body[data-page="buscas"] .search-head__inner > .chips--quick{
  margin:14px 0 0 !important;
}


/* MANTENER LOS FILTROS PEGADOS AL BUSCADOR */
body[data-page="buscas"] .search-head__inner > .chips--quick{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
}


/* PERSONA A LA DERECHA */
body[data-page="buscas"] .search-head__person{
  position:absolute !important;

  right:-1% !important;
  top:50% !important;

  transform:translateY(-42%) !important;

  width:44% !important;
  height:560px !important;
}


/* LOGO FLOTANTE */
body[data-page="buscas"] .search-head__variant{
  top:56px !important;
  right:1% !important;
}


/* TABLET */
@media(max-width:1080px){

  body[data-page="buscas"] .search-head{
    display:block;
    padding-top:28px !important;
    padding-bottom:48px !important;
  }

  body[data-page="buscas"] .search-head__inner{
    min-height:auto !important;
    padding:0 !important;
    justify-content:flex-start !important;
  }

  body[data-page="buscas"] .search-head__inner > .crumbs,
  body[data-page="buscas"] .search-head__inner > .tag,
  body[data-page="buscas"] .search-title,
  body[data-page="buscas"] .search-head__inner > .lede,
  body[data-page="buscas"] .search-head__inner > .searchbar,
  body[data-page="buscas"] .search-head__inner > .chips--quick{
    width:100%;
    max-width:100%;
  }

  body[data-page="buscas"] .search-head__person{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    transform:none !important;

    width:min(520px,100%) !important;
    height:430px !important;

    margin:34px auto 0;
  }

}
/* ============================================================
   BUSCAS TRABAJO · PILL "PARA CANDIDATOS"
   ============================================================ */

body[data-page="buscas"] .search-head__inner > .tag{
  width:max-content !important;
  max-width:max-content !important;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  align-self:flex-start;

  margin:0 0 24px !important;

  padding:10px 20px !important;

  border:0 !important;
  border-radius:999px !important;

  background:var(--menta) !important;
  color:var(--negro) !important;

  font-size:.78rem;
  font-weight:800;
  line-height:1;

  white-space:nowrap;

  box-shadow:none !important;
}
/* NORMAL */
body[data-page="buscas"] .chips--quick .chip{
  background:#fff !important;
  color:#111 !important;

  border:0 !important;
  box-shadow:none !important;

  cursor:pointer;
}


/* SELECCIONADA */
body[data-page="buscas"] .chips--quick .chip.is-on{
  background:var(--menta) !important;
  color:#000 !important;
}


/* HOVER SIN ACTIVARLA */
body[data-page="buscas"] .chips--quick .chip:not(.is-on):hover{
  background:#ececef !important;
  color:#111 !important;
}
/* ============================================================
   BUSCAS TRABAJO · ALERTA MÁS LEGIBLE
   ============================================================ */

body[data-page="buscas"] .alert{
  background-color:var(--morado) !important;
  color:#fff !important;
}


/* TÍTULO */
body[data-page="buscas"] .alert .h2{
  color:#fff !important;

  font-size:clamp(3.4rem,5.2vw,5.6rem);
  line-height:.95;
  letter-spacing:-.06em;
}


/* PRIMERA PARTE BOLD */
body[data-page="buscas"] .alert .h2 .w-black{
  color:#fff !important;
  font-weight:900 !important;
}


/* SEGUNDA PARTE REGULAR / MEDIUM */
body[data-page="buscas"] .alert .h2 .w-light{
  color:#fff !important;
  font-weight:400 !important;
}


/* BAJADA */
body[data-page="buscas"] .alert__copy p{
  color:rgba(255,255,255,.92) !important;

  font-size:1rem;
  font-weight:400 !important;
  line-height:1.55;

  max-width:58ch;
}


/* NOTA INFERIOR */
body[data-page="buscas"] .alert__note{
  color:rgba(255,255,255,.72) !important;

  font-size:.8rem;
  font-weight:400 !important;
  line-height:1.45;

  margin-top:8px;
}


/* CTA */
body[data-page="buscas"] .alert .btn{
  background:var(--menta) !important;
  color:#000 !important;

  font-weight:800 !important;

  border:0 !important;
  box-shadow:none !important;
}
/* ============================================================
   BUSCAS TRABAJO · FONDO TEXTURA BOLSA
   ============================================================ */

body[data-page="buscas"]{
  background-color:#f5f5f5 !important;
}

body[data-page="buscas"] main{
  background-color:#f5f5f5 !important;
  background-image:
    linear-gradient(rgba(245,245,245,.88), rgba(245,245,245,.88)),
    url("assets/Textura/bolsa-textura.png") !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

body[data-page="buscas"] .faq{
  background:transparent !important;
}
/* ============================================================
   SERVICIOS · HERO LIMPIO Y EDITORIAL
   ============================================================ */

body[data-page="servicios"] .services-hero{
  position:relative !important;

  min-height:calc(100vh - var(--nav-h)) !important;

  padding:
    48px
    0
    58px !important;

  background-color:#000 !important;

  border:0 !important;
  box-shadow:none !important;

  overflow:hidden;
}


/* ============================================================
   CONTENEDOR
   mismo eje que el header
   ============================================================ */

body[data-page="servicios"] .services-hero__inner{
  width:100%;
  max-width:1240px;

  min-height:680px !important;

  margin:0 auto;
  padding:
    0
    28px;

  display:grid !important;

  grid-template-columns:
    minmax(0,.95fr)
    minmax(470px,1.05fr);

  gap:42px;

  align-items:center;
}


/* ============================================================
   COPY
   ============================================================ */

body[data-page="servicios"] .services-hero__copy{
  position:relative;

  z-index:5;

  width:100%;
  max-width:680px !important;
}


/* BREADCRUMB */

body[data-page="servicios"] .services-hero .crumbs{
  margin:
    0
    0
    28px !important;

  color:rgba(255,255,255,.68) !important;
}

body[data-page="servicios"] .services-hero .crumbs a{
  color:#fff !important;
}


/* PILL */

body[data-page="servicios"] .services-hero .tag{
  width:max-content !important;
  max-width:max-content !important;

  margin:
    0
    0
    28px !important;

  padding:
    10px
    20px !important;

  background:var(--menta) !important;
  color:#000 !important;

  border:0 !important;
  border-radius:999px !important;

  box-shadow:none !important;

  font-size:.72rem;
  font-weight:800;

  white-space:nowrap;
}


/* ============================================================
   TITULAR
   ============================================================ */

body[data-page="servicios"] .services-hero__copy .display{
  display:block !important;

  width:100%;
  max-width:680px !important;

  margin:
    0
    0
    30px !important;

  font-size:
    clamp(
      4.8rem,
      6.2vw,
      6.8rem
    ) !important;

  line-height:.86 !important;

  letter-spacing:-.075em !important;
}


/* SERVICIOS */
body[data-page="servicios"]
.services-hero__copy
.display
.w-black{
  display:block !important;

  margin:0 !important;

  color:#fff !important;

  font-size:1em !important;
  font-weight:900 !important;

  line-height:.84 !important;
}


/* QUE CONECTAN */
body[data-page="servicios"] .services-title__middle{
  display:block !important;

  width:max-content !important;
  max-width:100% !important;

  margin:
    .14em
    0
    0 !important;

  padding:0 !important;

  background:transparent !important;

  color:#fff !important;

  border:0 !important;
  border-radius:0 !important;

  box-shadow:none !important;

  font-size:.55em !important;
  font-weight:400 !important;

  line-height:.96 !important;

  letter-spacing:-.055em !important;
}


/* OPORTUNIDADES REALES */
body[data-page="servicios"]
.services-hero__copy
.display
.w-light{
  display:block !important;

  width:auto !important;
  max-width:10.5ch !important;

  margin:
    .06em
    0
    0 !important;

  color:var(--menta) !important;

  font-size:.60em !important;
  font-weight:400 !important;

  line-height:.93 !important;

  letter-spacing:-.055em !important;
}


/* ============================================================
   BAJADA
   ============================================================ */

body[data-page="servicios"] .services-hero .lede{
  width:100%;
  max-width:52ch !important;

  margin:
    0
    0
    28px !important;

  color:rgba(255,255,255,.82) !important;

  opacity:1 !important;

  font-size:1rem !important;
  font-weight:400 !important;

  line-height:1.6 !important;
}


/* ============================================================
   BOTONES
   ============================================================ */

body[data-page="servicios"] .services-hero .hero__actions{
  display:flex !important;
  flex-wrap:wrap;

  gap:12px !important;

  margin-top:0 !important;
}

body[data-page="servicios"] .services-hero .hero__actions .btn{
  border:0 !important;
  box-shadow:none !important;

  transform:none !important;
}


/* ============================================================
   COLLAGE DERECHO
   ============================================================ */

body[data-page="servicios"] .services-hero__art--editorial{
  position:relative !important;

  min-height:620px !important;

  overflow:visible !important;
}


/* PERSONA */
body[data-page="servicios"] .services-hero__person{
  right:-2% !important;
  bottom:-70px !important;

  width:108% !important;
  height:720px !important;

  filter:none !important;
}


/* BLOQUE MORADO DETRÁS */
body[data-page="servicios"]
.services-hero__art--editorial::before{
  right:3% !important;
  top:12% !important;

  width:76% !important;

  background-color:var(--morado) !important;

  box-shadow:none !important;
}


/* ============================================================
   SACAR CONTORNO GIGANTE MENTA
   ============================================================ */

body[data-page="servicios"] .services-hero::after{
  content:none !important;
  display:none !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1000px){

  body[data-page="servicios"] .services-hero__inner{
    grid-template-columns:
      minmax(0,1fr)
      400px;

    gap:28px;
  }

  body[data-page="servicios"] .services-hero__copy .display{
    font-size:
      clamp(
        4rem,
        7.5vw,
        5.7rem
      ) !important;
  }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:780px){

  body[data-page="servicios"] .services-hero{
    min-height:0 !important;

    padding:
      38px
      0
      0 !important;
  }

  body[data-page="servicios"] .services-hero__inner{
    padding:
      0
      20px;

    grid-template-columns:1fr !important;

    gap:20px;
  }

  body[data-page="servicios"] .services-hero__copy{
    max-width:none !important;
  }

  body[data-page="servicios"] .services-hero__copy .display{
    max-width:none !important;

    font-size:
      clamp(
        3.5rem,
        15vw,
        4.8rem
      ) !important;
  }

  body[data-page="servicios"]
  .services-hero__art--editorial{
    width:calc(100% + 40px);

    min-height:430px !important;

    margin:
      10px
      -20px
      0;

    overflow:hidden !important;
  }

  body[data-page="servicios"] .services-hero__person{
    height:510px !important;

    right:0 !important;
    bottom:-72px !important;
  }

}
/* ============================================================
   SERVICIOS · CTA HERO
   ============================================================ */

/* SOY EMPRESA */
body[data-page="servicios"]
.services-hero
.hero__actions
.btn:first-child{
  background:var(--morado) !important;
  color:#fff !important;

  border:0 !important;
  box-shadow:none !important;

  padding:0 30px !important;

  border-radius:999px !important;
}


/* BUSCO TRABAJO */
body[data-page="servicios"]
.services-hero
.hero__actions
.btn:nth-child(2){
  background:#fff !important;
  color:#000 !important;

  border:0 !important;
  box-shadow:none !important;

  padding:0 30px !important;

  border-radius:999px !important;
}
/* ============================================================
   HEADER SERVICIOS · CTA MARCADOS
   ============================================================ */

body[data-page="servicios"] .nav__action{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:44px;

  padding:0 23px;

  border:0 !important;
  border-radius:999px;

  text-decoration:none;

  font-size:.88rem;
  font-weight:800;

  white-space:nowrap;

  box-shadow:none !important;
}


/* CONTÁCTANOS */
body[data-page="servicios"] .nav__action--contact{
  background:#000 !important;
  color:#fff !important;
}


/* PUBLICAR UNA VACANTE */
body[data-page="servicios"] .nav__action--publish{
  background:var(--morado) !important;
  color:#fff !important;
}


/* HOVER SUTIL */
body[data-page="servicios"] .nav__action{
  transition:opacity .2s ease;
}

body[data-page="servicios"] .nav__action:hover{
  opacity:.86;
}


/* SERVICIOS SIGUE MARCADO COMO PÁGINA ACTIVA */
body[data-page="servicios"]
.nav__link[data-nav="servicios"]{
  font-weight:800;
}

body[data-page="servicios"]
.nav__link[data-nav="servicios"]::after{
  content:"";

  position:absolute;

  left:0;
  right:0;
  bottom:-10px;

  height:3px;

  border-radius:999px;

  background:var(--morado);
}
/* ============================================================
   CONTACTO / PUBLICA TU AVISO · HERO
   textura sobre fondo menta
   ============================================================ */

body[data-page="contacto"] .contact-hero,
body[data-page="contacto"] .publish-hero,
body[data-page="contacto"] .hero--contact{
  position: relative;
  overflow: hidden;

  background: var(--menta) !important;
}

/* CAPA DE TEXTURA */
body[data-page="contacto"] .contact-hero::before,
body[data-page="contacto"] .publish-hero::before,
body[data-page="contacto"] .hero--contact::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;

  background-image: url("assets/Textura/bolsa-textura.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  opacity: .16;           /* súbelo a .22 si la quieres más visible */
  mix-blend-mode: multiply;
  pointer-events: none;
}

/* ASEGURA QUE EL CONTENIDO QUEDE SOBRE LA TEXTURA */
body[data-page="contacto"] .contact-hero > *,
body[data-page="contacto"] .publish-hero > *,
body[data-page="contacto"] .hero--contact > *{
  position: relative;
  z-index: 1;
}


/* ============================================================
   BOTÓN "QUIERO PUBLICAR"
   ============================================================ */

body[data-page="contacto"] .hero__actions,
body[data-page="contacto"] .contact-hero__actions,
body[data-page="contacto"] .publish-hero__actions{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}

/* PRIMER BOTÓN NEGRO: VER PLANES */
body[data-page="contacto"] .hero__actions .btn:first-child,
body[data-page="contacto"] .contact-hero__actions .btn:first-child,
body[data-page="contacto"] .publish-hero__actions .btn:first-child{
  background: #000 !important;
  color: #fff !important;

  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

/* SEGUNDO CTA: QUIERO PUBLICAR */
body[data-page="contacto"] .hero__actions a:last-child,
body[data-page="contacto"] .contact-hero__actions a:last-child,
body[data-page="contacto"] .publish-hero__actions a:last-child{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  min-height: 52px;
  padding: 0 28px;

  border: 0 !important;
  border-radius: 999px !important;

  background: var(--morado) !important;
  color: #fff !important;

  text-decoration: none !important;
  font-weight: 800 !important;
  line-height: 1;

  box-shadow: none !important;
}

/* HOVER SUTIL */
body[data-page="contacto"] .hero__actions a:last-child:hover,
body[data-page="contacto"] .contact-hero__actions a:last-child:hover,
body[data-page="contacto"] .publish-hero__actions a:last-child:hover{
  opacity: .9;
}
/* ============================================================
   CONTACTO / PUBLICA TU AVISO · HERO CON TEXTURA
   ============================================================ */

body[data-page="contacto"] .contact-hero,
body[data-page="contacto"] .publish-hero,
body[data-page="contacto"] main > section:first-of-type{
  background-color: var(--menta) !important;
  background-image:
    linear-gradient(rgba(46, 226, 174, 0.88), rgba(46, 226, 174, 0.88)),
    url("assets/Textura/bolsa-textura.png") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
/* ============================================================
   CONTACTO · LEGIBILIDAD GENERAL
   ============================================================ */

body[data-page="contacto"]{
  color:#111 !important;
}


/* ============================================================
   SECCIÓN PLANES / INTRO
   ============================================================ */

body[data-page="contacto"] .plans-intro,
body[data-page="contacto"] .pricing-intro,
body[data-page="contacto"] .contact-plans{
  color:#111 !important;
}

body[data-page="contacto"] .plans-intro .eyebrow,
body[data-page="contacto"] .pricing-intro .eyebrow,
body[data-page="contacto"] .contact-plans .eyebrow{
  color:var(--morado) !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
}

body[data-page="contacto"] .plans-intro .lede,
body[data-page="contacto"] .pricing-intro .lede,
body[data-page="contacto"] .contact-plans .lede,
body[data-page="contacto"] .plans-intro p,
body[data-page="contacto"] .pricing-intro p{
  color:#4f4f58 !important;
  font-size:1rem !important;
  line-height:1.65 !important;
}


/* ============================================================
   TARJETAS / PLANES
   ============================================================ */

body[data-page="contacto"] .plan,
body[data-page="contacto"] .pricing-card,
body[data-page="contacto"] .card-plan{
  color:#111 !important;
}

body[data-page="contacto"] .plan small,
body[data-page="contacto"] .pricing-card small,
body[data-page="contacto"] .card-plan small,
body[data-page="contacto"] .plan .plan__meta,
body[data-page="contacto"] .pricing-card .plan__meta{
  color:#8a8a92 !important;
  font-weight:700 !important;
  letter-spacing:.06em !important;
}

body[data-page="contacto"] .plan ul li,
body[data-page="contacto"] .pricing-card ul li,
body[data-page="contacto"] .card-plan ul li{
  color:#1d1d22 !important;
  line-height:1.55 !important;
}

body[data-page="contacto"] .plan--dark,
body[data-page="contacto"] .pricing-card--dark,
body[data-page="contacto"] .card-plan--dark{
  color:#fff !important;
}

body[data-page="contacto"] .plan--dark small,
body[data-page="contacto"] .pricing-card--dark small,
body[data-page="contacto"] .card-plan--dark small,
body[data-page="contacto"] .plan--dark .plan__meta,
body[data-page="contacto"] .pricing-card--dark .plan__meta{
  color:rgba(255,255,255,.72) !important;
}

body[data-page="contacto"] .plan--dark ul li,
body[data-page="contacto"] .pricing-card--dark ul li,
body[data-page="contacto"] .card-plan--dark ul li{
  color:rgba(255,255,255,.92) !important;
}


/* ============================================================
   SECCIÓN FORMULARIO NEGRA
   ============================================================ */

body[data-page="contacto"] .contact-form-section,
body[data-page="contacto"] .publish-form-section,
body[data-page="contacto"] .contact-form-wrap{
  background:#000 !important;
  color:#fff !important;
}

body[data-page="contacto"] .contact-form-section .eyebrow,
body[data-page="contacto"] .publish-form-section .eyebrow,
body[data-page="contacto"] .contact-form-wrap .eyebrow{
  color:var(--menta) !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
}

body[data-page="contacto"] .contact-form-section .lede,
body[data-page="contacto"] .publish-form-section .lede,
body[data-page="contacto"] .contact-form-wrap .lede,
body[data-page="contacto"] .contact-form-section p,
body[data-page="contacto"] .publish-form-section p,
body[data-page="contacto"] .contact-form-wrap p{
  color:rgba(255,255,255,.80) !important;
  font-size:1rem !important;
  line-height:1.65 !important;
}

/* TEXTO AUXILIAR A LA DERECHA */
body[data-page="contacto"] .contact-form-section .form-note,
body[data-page="contacto"] .publish-form-section .form-note,
body[data-page="contacto"] .contact-form-wrap .form-note,
body[data-page="contacto"] .contact-form-section .helper,
body[data-page="contacto"] .publish-form-section .helper{
  color:rgba(255,255,255,.72) !important;
  font-size:.98rem !important;
  line-height:1.6 !important;
}


/* ============================================================
   INPUTS / SELECTS / TEXTAREA
   ============================================================ */

body[data-page="contacto"] input,
body[data-page="contacto"] select,
body[data-page="contacto"] textarea{
  background:#f3f3f5 !important;
  color:#111 !important;

  border:0 !important;
  border-radius:16px !important;

  font-size:1rem !important;
  font-weight:500 !important;
  line-height:1.4 !important;

  box-shadow:none !important;
}

body[data-page="contacto"] input::placeholder,
body[data-page="contacto"] textarea::placeholder{
  color:#6b6b74 !important;
  opacity:1 !important;
}

body[data-page="contacto"] select{
  color:#2c2c31 !important;
}

body[data-page="contacto"] input:focus,
body[data-page="contacto"] select:focus,
body[data-page="contacto"] textarea:focus{
  outline:2px solid var(--menta) !important;
  outline-offset:2px !important;
}


/* LABELS */
body[data-page="contacto"] label,
body[data-page="contacto"] .field-label{
  color:#fff !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}


/* EMAIL DESTACADO */
body[data-page="contacto"] a[href^="mailto:"],
body[data-page="contacto"] .contact-mail{
  color:var(--menta) !important;
  font-weight:800 !important;
  text-decoration:none !important;
}


/* ============================================================
   BOTONES
   ============================================================ */

body[data-page="contacto"] .btn,
body[data-page="contacto"] button{
  font-weight:800 !important;
  letter-spacing:0 !important;
  box-shadow:none !important;
}

/* CTA NEGROS */
body[data-page="contacto"] .btn--dark,
body[data-page="contacto"] .btn-black{
  background:#000 !important;
  color:#fff !important;
}

/* CTA MORADOS */
body[data-page="contacto"] .btn--purple,
body[data-page="contacto"] .btn-morado{
  background:var(--morado) !important;
  color:#fff !important;
}

/* CTA MENTA */
body[data-page="contacto"] .btn--mint,
body[data-page="contacto"] .btn-menta{
  background:var(--menta) !important;
  color:#000 !important;
}
/* ============================================================
   CONTACTO · PLANES COMO CARRUSEL
   ============================================================ */

body[data-page="contacto"] .plans-carousel{
  position: relative;
  overflow: hidden;
  width: 100%;
}

body[data-page="contacto"] .plans-track{
  display: flex;
  gap: 24px;
  transition: transform .55s ease;
  will-change: transform;
}

body[data-page="contacto"] .plan-card{
  position: relative;
  overflow: hidden;

  flex: 0 0 calc((100% - 48px) / 3);
  min-width: calc((100% - 48px) / 3);

  border-radius: 34px;
  padding: 32px;

  box-shadow: none !important;
  border: 0 !important;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* textura de bolsa en TODAS */
body[data-page="contacto"] .plan-card::before{
  content: "";
  position: absolute;
  inset: 0;

  background-image: url("assets/Textura/bolsa-textura.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  opacity: .18;
  mix-blend-mode: soft-light;
  pointer-events: none;
}

/* contenido arriba de la textura */
body[data-page="contacto"] .plan-card > *{
  position: relative;
  z-index: 2;
}

/* ---------- variantes ---------- */

/* GRATIS */
body[data-page="contacto"] .plan-card--gratis{
  background-color: #000 !important;
  color: #fff !important;
}

/* BÁSICO WEB */
body[data-page="contacto"] .plan-card--basico-web{
  background-color: #e7e7eb !important;
  color: #111 !important;
}

/* BÁSICO RRSS */
body[data-page="contacto"] .plan-card--basico-rrss{
  background-color: var(--morado) !important;
  color: #fff !important;
}

/* PREMIUM RRSS */
body[data-page="contacto"] .plan-card--premium-rrss{
  background-color: var(--menta) !important;
  color: #000 !important;
}

/* PREMIUM WEB + REDES */
body[data-page="contacto"] .plan-card--premium{
  background-color: #000 !important;
  color: #fff !important;
}

/* ---------- tipografías / contenido ---------- */

body[data-page="contacto"] .plan-card .plan-step,
body[data-page="contacto"] .plan-card .plan-kicker{
  font-size: .88rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: .7;
}

body[data-page="contacto"] .plan-card .plan-title{
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: .95;
  letter-spacing: -.05em;
  font-weight: 900;
  margin: 10px 0 8px;
}

body[data-page="contacto"] .plan-card .plan-price{
  display: flex;
  align-items: flex-end;
  gap: 10px;

  margin: 4px 0 22px;

  font-size: clamp(3rem, 5vw, 5.2rem);
  line-height: .9;
  letter-spacing: -.06em;
  font-weight: 900;
}

body[data-page="contacto"] .plan-card .plan-price small{
  font-size: 1rem;
  font-weight: 800;
  margin-bottom: 12px;
  opacity: .85;
}

body[data-page="contacto"] .plan-card ul{
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
}

body[data-page="contacto"] .plan-card ul li{
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;

  font-size: 1.03rem;
  line-height: 1.5;
}

body[data-page="contacto"] .plan-card ul li::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 900;
}

/* check según fondo */
body[data-page="contacto"] .plan-card--gratis ul li::before,
body[data-page="contacto"] .plan-card--premium ul li::before{
  color: var(--menta);
}

body[data-page="contacto"] .plan-card--basico-web ul li::before{
  color: var(--morado);
}

body[data-page="contacto"] .plan-card--basico-rrss ul li::before{
  color: #fff;
}

body[data-page="contacto"] .plan-card--premium-rrss ul li::before{
  color: #000;
}

/* CTA */
body[data-page="contacto"] .plan-card .plan-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 58px;

  border-radius: 999px;
  border: 0;
  text-decoration: none;

  font-weight: 800;
  font-size: 1rem;
}

/* botón según card */
body[data-page="contacto"] .plan-card--gratis .plan-btn,
body[data-page="contacto"] .plan-card--basico-web .plan-btn,
body[data-page="contacto"] .plan-card--basico-rrss .plan-btn{
  background: #000 !important;
  color: #fff !important;
}

body[data-page="contacto"] .plan-card--premium-rrss .plan-btn{
  background: #000 !important;
  color: #fff !important;
}

body[data-page="contacto"] .plan-card--premium .plan-btn{
  background: var(--menta) !important;
  color: #000 !important;
}

/* badge */
body[data-page="contacto"] .plan-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 36px;
  padding: 0 18px;

  border-radius: 999px;
  background: var(--menta);
  color: #000;

  font-size: .84rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;

  margin-bottom: 18px;
}

/* dots */
body[data-page="contacto"] .plans-dots{
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 24px;
}

body[data-page="contacto"] .plans-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 0;
  background: #c9c9cf;
  cursor: pointer;
}

body[data-page="contacto"] .plans-dot.is-active{
  width: 28px;
  background: var(--morado);
}

/* responsive */
@media (max-width: 1100px){
  body[data-page="contacto"] .plan-card{
    flex: 0 0 calc((100% - 24px) / 2);
    min-width: calc((100% - 24px) / 2);
  }
}

@media (max-width: 700px){
  body[data-page="contacto"] .plan-card{
    flex: 0 0 100%;
    min-width: 100%;
  }
}
/* ============================================================
   PLANES · CARRUSEL FUNCIONAL
   ============================================================ */

body[data-page="contacto"] .plans-carousel{
  position:relative;

  width:100%;

  overflow:hidden !important;
}

body[data-page="contacto"] .plans-track{
  display:flex !important;

  gap:24px !important;

  width:max-content;

  transform:translate3d(0,0,0);

  transition:
    transform
    .65s
    cubic-bezier(.22,.61,.36,1);

  will-change:transform;
}

body[data-page="contacto"] .plans-track .plan-card{
  flex:
    0
    0
    calc((min(100vw,1240px) - 48px) / 3);

  width:
    calc((min(100vw,1240px) - 48px) / 3);

  box-sizing:border-box;
}

@media(max-width:1100px){

  body[data-page="contacto"] .plans-track .plan-card{
    flex:
      0
      0
      calc((100vw - 72px) / 2);

    width:
      calc((100vw - 72px) / 2);
  }

}

@media(max-width:700px){

  body[data-page="contacto"] .plans-track .plan-card{
    flex:
      0
      0
      calc(100vw - 40px);

    width:
      calc(100vw - 40px);
  }

}
/* ============================================================
   PLANES · CHECKS LIMPIOS
   ============================================================ */

body[data-page="contacto"]
.plan-card
.price-card__list
li{
  position:relative;

  padding-left:30px !important;

  list-style:none !important;
}

body[data-page="contacto"]
.plan-card
.price-card__list
li::before{
  content:"✓" !important;

  position:absolute !important;

  left:0 !important;
  top:.02em !important;

  width:auto !important;
  height:auto !important;

  display:block !important;

  background:none !important;
  background-image:none !important;

  mask:none !important;
  -webkit-mask:none !important;

  border:0 !important;
  border-radius:0 !important;

  transform:none !important;

  font-family:Inter, sans-serif !important;
  font-size:1.05rem !important;
  font-weight:900 !important;
  line-height:1 !important;
}

body[data-page="contacto"]
.plan-card
.price-card__list
li::after{
  display:none !important;
  content:none !important;
}


/* GRATIS */
body[data-page="contacto"]
.plan-card--gratis
.price-card__list
li::before{
  color:var(--menta) !important;
}


/* BÁSICO WEB */
body[data-page="contacto"]
.plan-card--basico-web
.price-card__list
li::before{
  color:var(--morado) !important;
}


/* BÁSICO RRSS */
body[data-page="contacto"]
.plan-card--basico-rrss
.price-card__list
li::before{
  color:#fff !important;
}


/* PREMIUM RRSS */
body[data-page="contacto"]
.plan-card--premium-rrss
.price-card__list
li::before{
  color:#000 !important;
}


/* PREMIUM */
body[data-page="contacto"]
.plan-card--premium
.price-card__list
li::before{
  color:var(--menta) !important;
}
body[data-page="contacto"] .plan-card .plan-price small{
  display:inline-block !important;

  margin:
    0
    0
    9px
    6px !important;

  color:inherit !important;

  opacity:.72;

  font-size:.72rem !important;
  font-weight:800 !important;

  line-height:1 !important;

  letter-spacing:.03em;
}
/* ============================================================
   PLANES · FLECHAS + CTA GRATIS
   ============================================================ */

body[data-page="contacto"] .plans-carousel{
  position:relative !important;
  overflow:hidden !important;

  width:100%;
}


/* FLECHAS */
body[data-page="contacto"] .plans-arrow{
  position:absolute;

  top:50%;
  z-index:30;

  width:52px;
  height:52px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0;

  border:0 !important;
  border-radius:50%;

  background:#000 !important;
  color:#fff !important;

  box-shadow:none !important;

  font-size:1.55rem;
  font-weight:600;
  line-height:1;

  cursor:pointer;

  transform:translateY(-50%);

  transition:
    background .2s ease,
    color .2s ease,
    transform .2s ease;
}


body[data-page="contacto"] .plans-arrow:hover{
  background:var(--morado) !important;
  color:#fff !important;

  transform:
    translateY(-50%)
    scale(1.05);
}


body[data-page="contacto"] .plans-arrow--prev{
  left:14px;
}


body[data-page="contacto"] .plans-arrow--next{
  right:14px;
}


/* ============================================================
   TRACK
   ============================================================ */

body[data-page="contacto"] .plans-track{
  display:flex !important;

  gap:24px !important;

  width:max-content !important;

  transition:
    transform
    .65s
    cubic-bezier(.22,.61,.36,1) !important;

  will-change:transform;
}


/* DESKTOP · 3 CARDS */
body[data-page="contacto"] .plans-track .plan-card{
  flex:
    0
    0
    calc((min(1240px, calc(100vw - 56px)) - 48px) / 3) !important;

  width:
    calc((min(1240px, calc(100vw - 56px)) - 48px) / 3) !important;

  box-sizing:border-box;
}


/* ============================================================
   GRATIS · BOTÓN VISIBLE
   ============================================================ */

body[data-page="contacto"]
.plan-card--gratis
.plan-btn,

body[data-page="contacto"]
.plan-card--gratis
.price-card__cta{
  background:#fff !important;
  color:#000 !important;

  border:0 !important;

  width:100% !important;

  min-height:58px;

  display:flex !important;
  align-items:center;
  justify-content:center;

  border-radius:999px !important;

  font-weight:800 !important;

  opacity:1 !important;
  visibility:visible !important;
}


/* ============================================================
   DOTS
   ============================================================ */

body[data-page="contacto"] .plans-dots{
  display:flex;
  align-items:center;
  justify-content:center;

  gap:8px;

  margin-top:24px;
}


body[data-page="contacto"] .plans-dot{
  width:9px;
  height:9px;

  padding:0;

  border:0;
  border-radius:999px;

  background:#d2d2d7;

  cursor:pointer;

  transition:
    width .25s ease,
    background .25s ease;
}


body[data-page="contacto"] .plans-dot.is-active{
  width:30px;

  background:var(--morado);
}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1100px){

  body[data-page="contacto"] .plans-track .plan-card{
    flex:
      0
      0
      calc((100vw - 84px) / 2) !important;

    width:
      calc((100vw - 84px) / 2) !important;
  }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:700px){

  body[data-page="contacto"] .plans-track .plan-card{
    flex:
      0
      0
      calc(100vw - 40px) !important;

    width:
      calc(100vw - 40px) !important;
  }


  body[data-page="contacto"] .plans-arrow{
    width:44px;
    height:44px;

    font-size:1.25rem;
  }


  body[data-page="contacto"] .plans-arrow--prev{
    left:8px;
  }


  body[data-page="contacto"] .plans-arrow--next{
    right:8px;
  }

}

/* ============================================================
   HAY PEGA · CONTACTO FINAL
   Correcciones definitivas: hero, planes, carrusel y formulario
   ============================================================ */

/* ---------- HERO CONTACTO ---------- */

body[data-page="contacto"] .contact-hero{
  background-color:var(--menta) !important;
  color:var(--negro) !important;
}

body[data-page="contacto"] .contact-hero.plastic::before{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background-image:url("assets/Textura/bolsa-textura.png") !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  mix-blend-mode:multiply !important;
  filter:grayscale(1) contrast(2.15) brightness(.95) !important;
  opacity:.18 !important;
  pointer-events:none !important;
}

body[data-page="contacto"] .contact-hero > *{
  position:relative !important;
  z-index:1 !important;
}

body[data-page="contacto"] .contact-hero__cta-secondary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:52px !important;
  padding:0 26px !important;
  border:2px solid var(--negro) !important;
  border-radius:999px !important;
  background:transparent !important;
  color:var(--negro) !important;
  font-weight:800 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

body[data-page="contacto"] .contact-hero__cta-secondary:hover{
  background:var(--negro) !important;
  color:var(--blanco) !important;
}


/* ---------- SECCIÓN DE PLANES ---------- */

body[data-page="contacto"] .contact-pricing{
  position:relative !important;
  overflow:hidden !important;
  background:#fff !important;
  padding:88px 28px 96px !important;
}

body[data-page="contacto"] .contact-pricing__inner{
  width:100% !important;
  max-width:var(--max) !important;
  margin:0 auto !important;
}

body[data-page="contacto"] .contact-pricing__head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(300px,.72fr) !important;
  gap:60px !important;
  align-items:end !important;
  margin:0 0 48px !important;
}

body[data-page="contacto"] .contact-pricing__head h2{
  max-width:10ch !important;
  color:var(--negro) !important;
  font-size:clamp(3.4rem,6vw,6.2rem) !important;
  font-weight:900 !important;
  line-height:.9 !important;
  letter-spacing:-.065em !important;
}

body[data-page="contacto"] .contact-pricing__head > p{
  max-width:44ch !important;
  color:#4f4f58 !important;
  font-size:1rem !important;
  line-height:1.65 !important;
}

body[data-page="contacto"] .contact-kicker{
  color:var(--morado) !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}


/* ---------- CARRUSEL ---------- */

body[data-page="contacto"] .plans-carousel{
  position:relative !important;
  width:100% !important;
  overflow:hidden !important;
  padding:0 58px 34px !important;
}

body[data-page="contacto"] .plans-track{
  display:flex !important;
  align-items:stretch !important;
  gap:24px !important;
  width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-behavior:smooth !important;
  scroll-snap-type:x mandatory !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
  transform:none !important;
  transition:none !important;
  will-change:scroll-position !important;
}

body[data-page="contacto"] .plans-track::-webkit-scrollbar{
  display:none !important;
}


/* ---------- CARDS ---------- */

body[data-page="contacto"] .plans-track .plan-card{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  flex:0 0 calc((100% - 48px) / 3) !important;
  width:calc((100% - 48px) / 3) !important;
  min-width:0 !important;
  min-height:540px !important;
  padding:34px 32px !important;
  display:flex !important;
  flex-direction:column !important;
  scroll-snap-align:start !important;
  border:0 !important;
  border-radius:34px !important;
  box-shadow:none !important;
  transform:none !important;
}

body[data-page="contacto"] .plans-track .plan-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background-image:url("assets/Textura/bolsa-textura.png") !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  pointer-events:none !important;
  border-radius:inherit !important;
}

body[data-page="contacto"] .plans-track .plan-card > *{
  position:relative !important;
  z-index:1 !important;
}


/* Gratis */
body[data-page="contacto"] .plan-card--gratis{
  background:#000 !important;
  color:#fff !important;
}

body[data-page="contacto"] .plan-card--gratis::before{
  mix-blend-mode:screen !important;
  filter:invert(1) grayscale(1) contrast(2.25) !important;
  opacity:.15 !important;
}


/* Básico Web */
body[data-page="contacto"] .plan-card--basico-web{
  background:#e7e7eb !important;
  color:#111 !important;
}

body[data-page="contacto"] .plan-card--basico-web::before{
  mix-blend-mode:multiply !important;
  filter:grayscale(1) contrast(2.2) !important;
  opacity:.12 !important;
}


/* Básico RRSS */
body[data-page="contacto"] .plan-card--basico-rrss{
  background:var(--morado) !important;
  color:#fff !important;
}

body[data-page="contacto"] .plan-card--basico-rrss::before{
  mix-blend-mode:overlay !important;
  filter:grayscale(1) contrast(2.2) !important;
  opacity:.26 !important;
}


/* Premium RRSS */
body[data-page="contacto"] .plan-card--premium-rrss{
  background:var(--menta) !important;
  color:#000 !important;
}

body[data-page="contacto"] .plan-card--premium-rrss::before{
  mix-blend-mode:multiply !important;
  filter:grayscale(1) contrast(2.2) !important;
  opacity:.18 !important;
}


/* Premium */
body[data-page="contacto"] .plan-card--premium{
  background:#000 !important;
  color:#fff !important;
}

body[data-page="contacto"] .plan-card--premium::before{
  mix-blend-mode:screen !important;
  filter:invert(1) grayscale(1) contrast(2.25) !important;
  opacity:.15 !important;
}


/* Plan Empresa */
body[data-page="contacto"] .plan-card--company{
  background:#202024 !important;
  color:#fff !important;
}

body[data-page="contacto"] .plan-card--company::before{
  mix-blend-mode:screen !important;
  filter:invert(1) grayscale(1) contrast(2.2) !important;
  opacity:.16 !important;
}


/* ---------- TIPOGRAFÍA DE CARDS ---------- */

body[data-page="contacto"] .plan-card .price-card__number{
  margin:0 0 34px !important;
  color:inherit !important;
  opacity:.68 !important;
  font-size:.84rem !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
}

body[data-page="contacto"] .plan-card .price-card__head{
  margin:0 !important;
}

body[data-page="contacto"] .plan-card .price-card__eyebrow{
  margin:0 0 10px !important;
  color:inherit !important;
  opacity:.72 !important;
  font-size:.78rem !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

body[data-page="contacto"] .plan-card h3{
  margin:0 0 12px !important;
  color:inherit !important;
  font-size:clamp(2rem,2.8vw,2.7rem) !important;
  font-weight:900 !important;
  line-height:.95 !important;
  letter-spacing:-.045em !important;
}

body[data-page="contacto"] .plan-card .price-card__price{
  display:flex !important;
  align-items:flex-end !important;
  gap:8px !important;
  margin:0 0 26px !important;
  color:inherit !important;
}

body[data-page="contacto"] .plan-card .price-card__price strong{
  color:inherit !important;
  font-size:clamp(3.2rem,4.8vw,4.9rem) !important;
  font-weight:900 !important;
  line-height:.88 !important;
  letter-spacing:-.065em !important;
}

body[data-page="contacto"] .plan-card .price-card__price--range strong{
  font-size:clamp(2.5rem,3.7vw,3.9rem) !important;
}

body[data-page="contacto"] .plan-card .price-card__price span{
  margin-bottom:8px !important;
  color:inherit !important;
  opacity:.72 !important;
  font-size:.72rem !important;
  font-weight:800 !important;
  letter-spacing:.03em !important;
}


/* ---------- LISTAS / CHECKS ---------- */

body[data-page="contacto"] .plan-card .price-card__list{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  margin:0 0 28px !important;
  padding:0 !important;
}

body[data-page="contacto"] .plan-card .price-card__list li{
  position:relative !important;
  list-style:none !important;
  padding:0 0 0 30px !important;
  margin:0 !important;
  color:inherit !important;
  font-size:.98rem !important;
  font-weight:400 !important;
  line-height:1.5 !important;
}

body[data-page="contacto"] .plan-card .price-card__list li::before{
  content:"✓" !important;
  position:absolute !important;
  left:0 !important;
  top:.05em !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  background:none !important;
  background-image:none !important;
  mask:none !important;
  -webkit-mask:none !important;
  border:0 !important;
  border-radius:0 !important;
  transform:none !important;
  font-family:"Inter",Arial,sans-serif !important;
  font-size:1.05rem !important;
  font-weight:900 !important;
  line-height:1 !important;
}

body[data-page="contacto"] .plan-card .price-card__list li::after{
  display:none !important;
  content:none !important;
}

body[data-page="contacto"] .plan-card--gratis .price-card__list li::before,
body[data-page="contacto"] .plan-card--premium .price-card__list li::before,
body[data-page="contacto"] .plan-card--company .price-card__list li::before{
  color:var(--menta) !important;
}

body[data-page="contacto"] .plan-card--basico-web .price-card__list li::before{
  color:var(--morado) !important;
}

body[data-page="contacto"] .plan-card--basico-rrss .price-card__list li::before{
  color:#fff !important;
}

body[data-page="contacto"] .plan-card--premium-rrss .price-card__list li::before{
  color:#000 !important;
}


/* ---------- BADGE ---------- */

body[data-page="contacto"] .plan-card .price-card__badge{
  position:static !important;
  align-self:flex-start !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  margin:0 0 18px !important;
  padding:9px 16px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#000 !important;
  color:#fff !important;
  font-size:.72rem !important;
  font-weight:800 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
}


/* ---------- CTA DE CARDS ---------- */

body[data-page="contacto"] .plan-card .price-card__cta{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:58px !important;
  margin:auto 0 0 !important;
  padding:0 22px !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
  font-size:.95rem !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

body[data-page="contacto"] .plan-card--gratis .price-card__cta{
  background:#fff !important;
  color:#000 !important;
}

body[data-page="contacto"] .plan-card--basico-web .price-card__cta,
body[data-page="contacto"] .plan-card--basico-rrss .price-card__cta,
body[data-page="contacto"] .plan-card--premium-rrss .price-card__cta{
  background:#000 !important;
  color:#fff !important;
}

body[data-page="contacto"] .plan-card--premium .price-card__cta,
body[data-page="contacto"] .plan-card--company .price-card__cta{
  background:var(--menta) !important;
  color:#000 !important;
}

body[data-page="contacto"] .plan-card.is-selected{
  outline:4px solid var(--morado) !important;
  outline-offset:-4px !important;
}


/* ---------- FLECHAS ---------- */

body[data-page="contacto"] .plans-arrow{
  position:absolute !important;
  top:50% !important;
  z-index:20 !important;
  width:48px !important;
  height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:#000 !important;
  color:#fff !important;
  box-shadow:none !important;
  font-size:1.35rem !important;
  font-weight:500 !important;
  line-height:1 !important;
  cursor:pointer !important;
  transform:translateY(-50%) !important;
}

body[data-page="contacto"] .plans-arrow--prev{
  left:2px !important;
}

body[data-page="contacto"] .plans-arrow--next{
  right:2px !important;
}

body[data-page="contacto"] .plans-arrow:hover{
  background:var(--morado) !important;
  color:#fff !important;
}


/* ---------- DOTS ---------- */

body[data-page="contacto"] .plans-dots{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  margin:24px 0 0 !important;
}

body[data-page="contacto"] .plans-dot{
  width:9px !important;
  height:9px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:#d2d2d7 !important;
  box-shadow:none !important;
  cursor:pointer !important;
}

body[data-page="contacto"] .plans-dot.is-active{
  width:28px !important;
  background:var(--morado) !important;
}


/* ---------- FORMULARIO · LEGIBILIDAD ---------- */

body[data-page="contacto"] .contact-form-section{
  background:#000 !important;
  color:#fff !important;
}

body[data-page="contacto"] .contact-form-section .contact-form__sub,
body[data-page="contacto"] .contact-form-section__intro > p{
  color:rgba(255,255,255,.78) !important;
  opacity:1 !important;
  font-size:1rem !important;
  line-height:1.6 !important;
}

body[data-page="contacto"] .contact-form__eyebrow{
  color:var(--morado) !important;
  font-weight:800 !important;
}

body[data-page="contacto"] .contact-form-section label{
  color:#fff !important;
  font-weight:700 !important;
}

body[data-page="contacto"] .contact-form-section input,
body[data-page="contacto"] .contact-form-section select,
body[data-page="contacto"] .contact-form-section textarea{
  border:0 !important;
  border-radius:16px !important;
  background:#f1f1f3 !important;
  color:#111 !important;
  box-shadow:none !important;
  font-size:1rem !important;
}

body[data-page="contacto"] .contact-form-section input::placeholder,
body[data-page="contacto"] .contact-form-section textarea::placeholder{
  color:#6d6d75 !important;
  opacity:1 !important;
}

body[data-page="contacto"] .contact-form-section input:focus,
body[data-page="contacto"] .contact-form-section select:focus,
body[data-page="contacto"] .contact-form-section textarea:focus{
  outline:3px solid var(--menta) !important;
  outline-offset:2px !important;
}

body[data-page="contacto"] .contact-form__legal{
  color:rgba(255,255,255,.65) !important;
}


/* ---------- RESPONSIVE ---------- */

@media(max-width:1100px){

  body[data-page="contacto"] .contact-pricing__head{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  body[data-page="contacto"] .contact-pricing__head h2{
    max-width:12ch !important;
  }

  body[data-page="contacto"] .plans-track .plan-card{
    flex:0 0 calc((100% - 24px) / 2) !important;
    width:calc((100% - 24px) / 2) !important;
  }
}

@media(max-width:700px){

  body[data-page="contacto"] .contact-pricing{
    padding:64px 16px 72px !important;
  }

  body[data-page="contacto"] .contact-pricing__head{
    margin-bottom:34px !important;
  }

  body[data-page="contacto"] .contact-pricing__head h2{
    font-size:clamp(3rem,14vw,4.4rem) !important;
  }

  body[data-page="contacto"] .plans-carousel{
    padding:0 44px 30px !important;
  }

  body[data-page="contacto"] .plans-track .plan-card{
    flex:0 0 100% !important;
    width:100% !important;
    min-height:510px !important;
    padding:30px 26px !important;
  }

  body[data-page="contacto"] .plans-arrow{
    width:38px !important;
    height:38px !important;
    font-size:1.1rem !important;
  }

  body[data-page="contacto"] .plans-arrow--prev{
    left:0 !important;
  }

  body[data-page="contacto"] .plans-arrow--next{
    right:0 !important;
  }
}
/* ============================================================
   CONTACTO · FORMULARIO · LEGIBILIDAD FINAL
   ============================================================ */

/* El formulario vive directamente sobre el fondo negro */
body[data-page="contacto"] .contact-form__card{
  background:transparent !important;
  color:#fff !important;

  border:0 !important;
  box-shadow:none !important;
}


/* TÍTULO PRINCIPAL DEL FORMULARIO */
body[data-page="contacto"] .contact-form__card h3{
  color:#fff !important;
  background:transparent !important;

  opacity:1 !important;

  max-width:15ch;

  margin:0 0 14px !important;

  font-size:clamp(2rem,2.8vw,2.85rem) !important;
  font-weight:900 !important;

  line-height:.94 !important;
  letter-spacing:-.055em !important;
}


/* "SOLICITUD DE PUBLICACIÓN" */
body[data-page="contacto"] .contact-form__eyebrow{
  color:var(--morado) !important;

  opacity:1 !important;

  margin-bottom:12px !important;

  font-size:.72rem !important;
  font-weight:800 !important;

  letter-spacing:.12em !important;
  text-transform:uppercase;
}


/* TEXTO EXPLICATIVO */
body[data-page="contacto"] .contact-form__sub{
  color:rgba(255,255,255,.76) !important;

  opacity:1 !important;

  max-width:52ch;

  margin-bottom:28px !important;

  font-size:.95rem !important;
  line-height:1.6 !important;
}


/* LABELS */
body[data-page="contacto"] .contact-form__card label{
  color:#fff !important;

  opacity:1 !important;

  font-weight:700 !important;
}


/* CAMPOS */
body[data-page="contacto"] .contact-form__card input,
body[data-page="contacto"] .contact-form__card select,
body[data-page="contacto"] .contact-form__card textarea{
  background:#f1f1f3 !important;
  color:#111 !important;

  border:0 !important;
  box-shadow:none !important;
}


/* PLACEHOLDERS */
body[data-page="contacto"] .contact-form__card input::placeholder,
body[data-page="contacto"] .contact-form__card textarea::placeholder{
  color:#6b6b73 !important;
  opacity:1 !important;
}


/* FOCUS */
body[data-page="contacto"] .contact-form__card input:focus,
body[data-page="contacto"] .contact-form__card select:focus,
body[data-page="contacto"] .contact-form__card textarea:focus{
  outline:3px solid var(--menta) !important;
  outline-offset:2px !important;
}


/* TEXTO LEGAL */
body[data-page="contacto"] .contact-form__legal{
  color:rgba(255,255,255,.62) !important;
}
/* ============================================================
   CONTACTO · BLOQUE "PUBLICAR ES SIMPLE"
   Legibilidad + textura
   ============================================================ */

body[data-page="contacto"] .contact-bridge{
  position: relative;
  overflow: hidden;

  background:
    linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(0,0,0,.08) 100%),
    linear-gradient(135deg, #a24ef1 0%, #b764ff 50%, #9a4cf0 100%) !important;

  color: #fff !important;
  padding: 96px 28px 104px;
}

/* textura de bolsa más visible */
body[data-page="contacto"] .contact-bridge.plastic::before{
  background-size: 760px auto !important;
  background-repeat: repeat !important;
  background-position: center !important;

  mix-blend-mode: screen !important;
  filter: grayscale(1) contrast(2.5) brightness(1.2) !important;
  opacity: .18 !important;
}

/* capa sutil para dar más contraste al contenido */
body[data-page="contacto"] .contact-bridge::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;

  background:
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.04) 35%, rgba(255,255,255,.03) 100%);
}

body[data-page="contacto"] .contact-bridge__inner{
  position: relative;
  z-index: 1;
  width: min(var(--max),100%);
  margin: 0 auto;
}

/* kicker */
body[data-page="contacto"] .contact-bridge .contact-kicker,
body[data-page="contacto"] .contact-bridge .contact-kicker--white{
  color: rgba(255,255,255,.92) !important;
  opacity: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

/* línea superior */
body[data-page="contacto"] .contact-bridge__steps{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  margin-top: 30px;
  border-top: 2px solid rgba(255,255,255,.45) !important;
}

/* columnas */
body[data-page="contacto"] .contact-bridge__steps article{
  padding: 32px 34px 8px 0;
  border-right: 1px solid rgba(255,255,255,.20) !important;
}

body[data-page="contacto"] .contact-bridge__steps article + article{
  padding-left: 34px;
}

body[data-page="contacto"] .contact-bridge__steps article:last-child{
  border-right: 0;
}

/* números 01 02 03 */
body[data-page="contacto"] .contact-bridge__steps span{
  display: block;
  margin-bottom: 42px;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
  color: var(--menta) !important;
  text-shadow: 0 0 10px rgba(0,0,0,.08);
}

/* títulos */
body[data-page="contacto"] .contact-bridge__steps h3{
  margin-bottom: 12px;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 1.15;
  color: #fff !important;
}

/* párrafos */
body[data-page="contacto"] .contact-bridge__steps p{
  max-width: 28ch;
  color: rgba(255,255,255,.88) !important;
  line-height: 1.65;
  font-weight: 400 !important;
  font-size: 1.02rem;
}

/* responsive */
@media (max-width: 900px){
  body[data-page="contacto"] .contact-bridge{
    padding: 72px 22px 78px;
  }

  body[data-page="contacto"] .contact-bridge__steps{
    grid-template-columns: 1fr;
  }

  body[data-page="contacto"] .contact-bridge__steps article{
    padding: 26px 0;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.18);
  }

  body[data-page="contacto"] .contact-bridge__steps article + article{
    padding-left: 0;
  }

  body[data-page="contacto"] .contact-bridge__steps article:last-child{
    border-bottom: 0;
  }

  body[data-page="contacto"] .contact-bridge__steps span{
    margin-bottom: 18px;
    font-size: 2.5rem;
  }

  body[data-page="contacto"] .contact-bridge__steps h3{
    font-size: 1.4rem;
  }

  body[data-page="contacto"] .contact-bridge__steps p{
    max-width: none;
    font-size: .98rem;
  }
}
/* ============================================================
   CONTACTO · BLOQUE "PUBLICAR ES SIMPLE"
   Legibilidad + textura + jerarquía tipográfica
   ============================================================ */

.publish-steps{
  position: relative;
  overflow: hidden;

  background: linear-gradient(135deg, #a34df3 0%, #b15af6 45%, #9b4ef0 100%);
  color: #fff;
}

/* textura suave encima del fondo */
.publish-steps::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background-image: url("assets/Textura/bolsa-textura.png");
  background-repeat: repeat;
  background-size: 680px auto;

  opacity: 0.10;
  mix-blend-mode: screen;
}

/* leve velo para mejorar legibilidad */
.publish-steps::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.02) 0%,
    rgba(0,0,0,0.08) 100%
  );
}

.publish-steps .container{
  position: relative;
  z-index: 2;
}

.publish-steps__eyebrow{
  margin: 0 0 28px;
  color: rgba(255,255,255,0.72);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.publish-steps__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border-top: 1px solid rgba(255,255,255,0.35);
}

.publish-step{
  padding: 40px 36px 34px;
  min-height: 235px;
  position: relative;
}

.publish-step:not(:last-child){
  border-right: 1px solid rgba(255,255,255,0.18);
}

.publish-step__number{
  display: block;
  margin-bottom: 28px;

  color: var(--menta, #2de1b2);
  font-size: clamp(2.2rem, 3vw, 3rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.04em;
}

.publish-step__title{
  margin: 0 0 14px;
  color: #fff;
  line-height: 1.08;
  letter-spacing: -0.03em;
  font-size: clamp(1.55rem, 2vw, 2.1rem);
}

/* una palabra bold */
.publish-step__title strong{
  font-weight: 800;
  color: #fff;
}

/* resto regular / medium */
.publish-step__title span{
  font-weight: 500;
  color: rgba(255,255,255,0.94);
}

.publish-step__text{
  margin: 0;
  max-width: 24ch;

  color: rgba(255,255,255,0.82);
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.5;
}

/* responsive */
@media (max-width: 991px){
  .publish-steps__grid{
    grid-template-columns: 1fr;
  }

  .publish-step{
    min-height: auto;
    padding: 32px 26px 28px;
  }

  .publish-step:not(:last-child){
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,0.18);
  }

  .publish-step__text{
    max-width: none;
  }
}
/* ============================================================
   CONTACTO · PUBLICAR ES SIMPLE
   CONTENIDO DENTRO DE LOS MÁRGENES DEL SITIO
   ============================================================ */

body[data-page="contacto"] .contact-bridge{
  position:relative;

  width:100%;

  padding:
    64px
    0
    68px !important;

  overflow:hidden;

  background-color:var(--morado) !important;

  border:0 !important;
  box-shadow:none !important;
}


/* TEXTURA DE BOLSA */
body[data-page="contacto"] .contact-bridge::before{
  content:"";

  position:absolute;
  inset:0;

  background-image:
    url("assets/Textura/bolsa-textura.png");

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  opacity:.12;

  mix-blend-mode:soft-light;

  pointer-events:none;
}


/* VELO PARA LEGIBILIDAD */
body[data-page="contacto"] .contact-bridge::after{
  content:"";

  position:absolute;
  inset:0;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.03),
      rgba(0,0,0,.08)
    );

  pointer-events:none;
}


/* ============================================================
   CONTENEDOR
   MISMO ANCHO Y MÁRGENES QUE HEADER / RESTO DEL SITIO
   ============================================================ */

body[data-page="contacto"] .contact-bridge__inner{
  position:relative;
  z-index:2;

  width:100%;
  max-width:1240px;

  margin:0 auto !important;

  padding:
    0
    28px !important;

  box-sizing:border-box;
}


/* PUBLICAR ES SIMPLE */
body[data-page="contacto"]
.contact-bridge
.contact-kicker{
  margin:
    0
    0
    28px !important;

  color:rgba(255,255,255,.78) !important;

  font-size:.76rem;
  font-weight:700;

  letter-spacing:.12em;
  text-transform:uppercase;
}


/* ============================================================
   COLUMNAS
   ============================================================ */

body[data-page="contacto"] .contact-bridge__steps{
  width:100%;

  display:grid !important;

  grid-template-columns:
    repeat(3,1fr);

  border-top:
    1px solid
    rgba(255,255,255,.34);
}


/* CADA PASO */
body[data-page="contacto"]
.contact-bridge__steps article{
  min-width:0;

  padding:
    34px
    36px
    10px !important;

  border:0 !important;

  background:transparent !important;

  box-shadow:none !important;
}


/* PRIMERA COLUMNA ALINEADA AL MARGEN */
body[data-page="contacto"]
.contact-bridge__steps article:first-child{
  padding-left:0 !important;
}


/* ÚLTIMA COLUMNA */
body[data-page="contacto"]
.contact-bridge__steps article:last-child{
  padding-right:0 !important;
}


/* DIVISORES */
body[data-page="contacto"]
.contact-bridge__steps article
+ article{
  border-left:
    1px solid
    rgba(255,255,255,.18) !important;
}


/* ============================================================
   NÚMEROS
   ============================================================ */

body[data-page="contacto"]
.contact-bridge__steps
article > span{
  display:block;

  margin:
    0
    0
    28px;

  color:var(--menta) !important;

  font-size:
    clamp(
      2.4rem,
      3vw,
      3.2rem
    );

  font-weight:400;

  line-height:1;

  letter-spacing:-.05em;
}


/* ============================================================
   TÍTULOS
   1 PALABRA BOLD + RESTO MEDIUM
   ============================================================ */

body[data-page="contacto"]
.contact-bridge__steps h3{
  margin:
    0
    0
    12px !important;

  color:#fff !important;

  font-size:
    clamp(
      1.4rem,
      1.8vw,
      1.8rem
    ) !important;

  line-height:1.08 !important;

  letter-spacing:-.035em !important;

  font-weight:500 !important;
}


/* PALABRA PRINCIPAL */
body[data-page="contacto"]
.contact-bridge__steps h3 strong{
  color:#fff !important;

  font-weight:800 !important;
}


/* RESTO */
body[data-page="contacto"]
.contact-bridge__steps h3 span{
  color:rgba(255,255,255,.94) !important;

  font-weight:500 !important;
}


/* ============================================================
   BAJADAS
   ============================================================ */

body[data-page="contacto"]
.contact-bridge__steps article p{
  width:100%;
  max-width:26ch;

  margin:0 !important;

  color:rgba(255,255,255,.80) !important;

  font-size:1rem !important;
  font-weight:400 !important;

  line-height:1.5 !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:900px){

  body[data-page="contacto"] .contact-bridge__inner{
    padding:
      0
      24px !important;
  }


  body[data-page="contacto"] .contact-bridge__steps{
    grid-template-columns:1fr;
  }


  body[data-page="contacto"]
  .contact-bridge__steps article{
    padding:
      28px
      0 !important;
  }


  body[data-page="contacto"]
  .contact-bridge__steps article
  + article{
    border-left:0 !important;

    border-top:
      1px solid
      rgba(255,255,255,.18) !important;
  }


  body[data-page="contacto"]
  .contact-bridge__steps article p{
    max-width:none;
  }

}
/* ============================================================
   CONTACTO · PUBLICAR ES SIMPLE
   CORRECCIÓN FINAL
   ============================================================ */

body[data-page="contacto"] .contact-bridge{
  position:relative;

  width:100%;

  padding:
    64px
    0
    68px !important;

  overflow:hidden;

  /* MORADO OFICIAL HAY PEGA */
  background:#9d48ff !important;

  color:#fff !important;

  border:0 !important;
  box-shadow:none !important;
}


/* ============================================================
   TEXTURA DE BOLSA
   ============================================================ */

body[data-page="contacto"] .contact-bridge::before{
  content:"";

  position:absolute;
  inset:0;

  z-index:0;

  background-image:
    url("assets/Textura/bolsa-textura.png");

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  opacity:.10;

  mix-blend-mode:soft-light;

  pointer-events:none;
}


/* SACAMOS CUALQUIER OVERLAY QUE ALTERE EL MORADO */
body[data-page="contacto"] .contact-bridge::after{
  content:none !important;
  display:none !important;
}


/* ============================================================
   CONTENEDOR
   MISMO MARGEN VISUAL QUE EL HEADER
   ============================================================ */

body[data-page="contacto"] .contact-bridge__inner{
  position:relative;

  z-index:2;

  width:100%;
  max-width:1240px;

  margin:
    0
    auto !important;

  padding:
    0
    28px !important;

  box-sizing:border-box;
}


/* ============================================================
   KICKER · PUBLICAR ES SIMPLE
   ============================================================ */

body[data-page="contacto"]
.contact-bridge
.contact-kicker{
  margin:
    0
    0
    28px !important;

  color:rgba(255,255,255,.82) !important;

  font-size:.76rem !important;
  font-weight:700 !important;

  line-height:1;

  letter-spacing:.12em !important;

  text-transform:uppercase;
}


/* ============================================================
   GRILLA
   ============================================================ */

body[data-page="contacto"] .contact-bridge__steps{
  width:100%;

  display:grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:0 !important;

  border-top:
    1px solid
    rgba(255,255,255,.34) !important;
}


/* ============================================================
   CADA PASO
   ============================================================ */

body[data-page="contacto"]
.contact-bridge__steps article{
  position:relative;

  min-width:0;

  padding:
    34px
    36px
    6px !important;

  background:transparent !important;

  border:0 !important;

  box-shadow:none !important;
}


/* PRIMERA COLUMNA ALINEADA AL MARGEN IZQUIERDO */
body[data-page="contacto"]
.contact-bridge__steps article:first-child{
  padding-left:0 !important;
}


/* ÚLTIMA COLUMNA ALINEADA AL MARGEN DERECHO */
body[data-page="contacto"]
.contact-bridge__steps article:last-child{
  padding-right:0 !important;
}


/* DIVISORES ENTRE COLUMNAS */
body[data-page="contacto"]
.contact-bridge__steps article
+ article{
  border-left:
    1px solid
    rgba(255,255,255,.20) !important;
}


/* ============================================================
   NÚMEROS
   ============================================================ */

body[data-page="contacto"]
.contact-bridge__number{
  display:block !important;

  margin:
    0
    0
    28px !important;

  color:#24e79f !important;

  font-size:
    clamp(
      2.4rem,
      3vw,
      3.2rem
    ) !important;

  font-weight:400 !important;

  line-height:1 !important;

  letter-spacing:-.055em !important;
}


/* ============================================================
   TÍTULOS
   UNA PALABRA BOLD + RESTO MEDIUM
   ============================================================ */

body[data-page="contacto"]
.contact-bridge__steps h3{
  margin:
    0
    0
    12px !important;

  color:#fff !important;

  font-size:
    clamp(
      1.4rem,
      1.8vw,
      1.8rem
    ) !important;

  font-weight:500 !important;

  line-height:1.08 !important;

  letter-spacing:-.035em !important;
}


/* PALABRA DESTACADA */
body[data-page="contacto"]
.contact-bridge__steps h3 strong{
  color:#fff !important;

  font-weight:800 !important;
}


/* RESTO DEL TÍTULO */
body[data-page="contacto"]
.contact-bridge__steps h3 span{
  color:rgba(255,255,255,.95) !important;

  font-weight:500 !important;
}


/* ============================================================
   BAJADAS
   ============================================================ */

body[data-page="contacto"]
.contact-bridge__steps article p{
  width:100%;
  max-width:26ch;

  margin:0 !important;

  color:rgba(255,255,255,.82) !important;

  font-size:1rem !important;

  font-weight:400 !important;

  line-height:1.5 !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:900px){

  body[data-page="contacto"] .contact-bridge{
    padding:
      54px
      0
      58px !important;
  }


  body[data-page="contacto"] .contact-bridge__inner{
    padding:
      0
      24px !important;
  }


  body[data-page="contacto"] .contact-bridge__steps{
    grid-template-columns:1fr;
  }


  body[data-page="contacto"]
  .contact-bridge__steps article{
    padding:
      28px
      0 !important;
  }


  body[data-page="contacto"]
  .contact-bridge__steps article
  + article{
    border-left:0 !important;

    border-top:
      1px solid
      rgba(255,255,255,.20) !important;
  }


  body[data-page="contacto"]
  .contact-bridge__steps article p{
    max-width:44ch;
  }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:640px){

  body[data-page="contacto"] .contact-bridge{
    padding:
      46px
      0
      48px !important;
  }


  body[data-page="contacto"] .contact-bridge__inner{
    padding:
      0
      16px !important;
  }


  body[data-page="contacto"]
  .contact-bridge__number{
    margin-bottom:20px !important;
  }


  body[data-page="contacto"]
  .contact-bridge__steps h3{
    font-size:1.45rem !important;
  }

}

/* ============================================================
   CONTACTO · CORRECCIÓN INTEGRADA 2026-10-01
   Color oficial · jerarquía · checks · sticky del formulario
   ============================================================ */

/* ---------- PLANES · CABECERA ---------- */
body[data-page="contacto"] .contact-pricing__head{
  align-items:end !important;
}

body[data-page="contacto"] .contact-pricing__head h2{
  max-width:10ch !important;
  margin:0 !important;
  color:var(--negro) !important;
  font-size:clamp(3.4rem,5.6vw,5.3rem) !important;
  line-height:.92 !important;
  letter-spacing:-.06em !important;
  font-weight:500 !important;
}

body[data-page="contacto"] .contact-pricing__head h2 strong{
  display:block;
  font-weight:900 !important;
}

body[data-page="contacto"] .contact-pricing__head h2 span{
  display:block;
  font-weight:500 !important;
}

body[data-page="contacto"] .contact-pricing__head > p{
  max-width:38ch !important;
  color:#55555e !important;
  font-size:1rem !important;
  line-height:1.62 !important;
}


/* ---------- PLANES · COLORES OFICIALES ---------- */
body[data-page="contacto"] .plan-card--gratis{
  background:var(--negro) !important;
  color:var(--blanco) !important;
}

body[data-page="contacto"] .plan-card--basico-web{
  background:#ececf1 !important;
  color:var(--negro) !important;
}

body[data-page="contacto"] .plan-card--basico-rrss{
  background:var(--morado) !important; /* #9d48ff */
  color:var(--blanco) !important;
}

body[data-page="contacto"] .plan-card--premium-rrss{
  background:var(--menta) !important;
  color:var(--negro) !important;
}

body[data-page="contacto"] .plan-card--premium{
  background:var(--negro) !important;
  color:var(--blanco) !important;
}


/* textura sin alterar el tono corporativo */
body[data-page="contacto"] .price-card.plastic::before{
  background-image:url("assets/Textura/bolsa-textura.png") !important;
  background-size:760px auto !important;
  background-repeat:repeat !important;
  background-position:center !important;
  filter:grayscale(1) contrast(1.85) !important;
  opacity:.10 !important;
  mix-blend-mode:soft-light !important;
}


/* ---------- PLANES · JERARQUÍA ---------- */
body[data-page="contacto"] .price-card__number{
  font-size:.95rem !important;
  font-weight:800 !important;
  letter-spacing:.05em !important;
  opacity:.72 !important;
}

body[data-page="contacto"] .price-card__eyebrow{
  margin-bottom:10px !important;
  font-size:.76rem !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  opacity:.76 !important;
}

body[data-page="contacto"] .price-card__title{
  margin:0 0 8px !important;
  color:inherit !important;
  line-height:.94 !important;
  letter-spacing:-.05em !important;
  font-weight:500 !important;
}

body[data-page="contacto"] .price-card__title strong{
  display:block;
  color:inherit !important;
  font-size:clamp(2rem,2.65vw,2.8rem) !important;
  font-weight:900 !important;
}

body[data-page="contacto"] .price-card__title span{
  display:block;
  margin:2px 0 0 !important;
  color:inherit !important;
  font-size:clamp(1.75rem,2.25vw,2.4rem) !important;
  font-weight:500 !important;
  line-height:.96 !important;
}

body[data-page="contacto"] .price-card__price{
  margin:10px 0 26px !important;
}

body[data-page="contacto"] .price-card__price strong{
  font-weight:900 !important;
}

body[data-page="contacto"] .price-card__price span{
  color:inherit !important;
  opacity:.72 !important;
}


/* ---------- PLANES · CHECKS LIMPIOS ---------- */
body[data-page="contacto"] .price-card__list li{
  position:relative !important;
  display:flex !important;
  align-items:flex-start !important;
  gap:11px !important;
  padding-left:0 !important;
  list-style:none !important;
  font-size:1rem !important;
  line-height:1.45 !important;
}

body[data-page="contacto"] .price-card__list li::before,
body[data-page="contacto"] .price-card__list li::after{
  content:none !important;
  display:none !important;
}

body[data-page="contacto"] .price-card__check{
  position:relative !important;
  display:inline-block !important;
  flex:0 0 18px !important;
  width:18px !important;
  height:18px !important;
  margin:2px 0 0 !important;
  padding:0 !important;
  color:inherit !important;
}

body[data-page="contacto"] .price-card__check::before{
  content:"" !important;
  position:absolute !important;
  left:3px !important;
  top:3px !important;
  width:10px !important;
  height:6px !important;
  border-left:3px solid currentColor !important;
  border-bottom:3px solid currentColor !important;
  transform:rotate(-45deg) !important;
  background:none !important;
}

body[data-page="contacto"] .plan-card--gratis .price-card__check,
body[data-page="contacto"] .plan-card--premium .price-card__check{
  color:var(--menta) !important;
}

body[data-page="contacto"] .plan-card--basico-web .price-card__check{
  color:var(--morado) !important;
}

body[data-page="contacto"] .plan-card--basico-rrss .price-card__check{
  color:var(--blanco) !important;
}

body[data-page="contacto"] .plan-card--premium-rrss .price-card__check{
  color:var(--negro) !important;
}

body[data-page="contacto"] .plan-card--company .price-card__check{
  color:var(--morado) !important;
}


/* CTA Gratis visible sobre negro */
body[data-page="contacto"] .plan-card--gratis .price-card__cta{
  background:var(--blanco) !important;
  color:var(--negro) !important;
}


/* ---------- PUBLICAR ES SIMPLE · MORADO OFICIAL ---------- */
body[data-page="contacto"] .contact-bridge{
  position:relative !important;
  width:100% !important;
  padding:64px 0 68px !important;
  overflow:hidden !important;
  background:var(--morado) !important; /* #9d48ff */
  color:var(--blanco) !important;
  border:0 !important;
  box-shadow:none !important;
}

body[data-page="contacto"] .contact-bridge.plastic::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background-image:url("assets/Textura/bolsa-textura.png") !important;
  background-size:760px auto !important;
  background-repeat:repeat !important;
  background-position:center !important;
  filter:grayscale(1) contrast(1.8) !important;
  mix-blend-mode:soft-light !important;
  opacity:.10 !important;
  pointer-events:none !important;
}

body[data-page="contacto"] .contact-bridge::after{
  content:none !important;
  display:none !important;
}

body[data-page="contacto"] .contact-bridge__inner{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  max-width:var(--max) !important;
  margin:0 auto !important;
  padding:0 28px !important;
}

body[data-page="contacto"] .contact-bridge__steps{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:0 !important;
  margin-top:28px !important;
  border-top:1px solid rgba(255,255,255,.34) !important;
}

body[data-page="contacto"] .contact-bridge__steps article{
  min-width:0 !important;
  padding:34px 36px 8px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body[data-page="contacto"] .contact-bridge__steps article:first-child{
  padding-left:0 !important;
}

body[data-page="contacto"] .contact-bridge__steps article:last-child{
  padding-right:0 !important;
}

body[data-page="contacto"] .contact-bridge__steps article + article{
  border-left:1px solid rgba(255,255,255,.20) !important;
}

body[data-page="contacto"] .contact-bridge__number{
  display:block !important;
  margin:0 0 28px !important;
  color:var(--menta) !important;
  font-size:clamp(2.4rem,3vw,3.1rem) !important;
  font-weight:400 !important;
  line-height:1 !important;
  letter-spacing:-.055em !important;
}

body[data-page="contacto"] .contact-bridge__steps h3{
  margin:0 0 16px !important;
  color:var(--blanco) !important;
  line-height:1 !important;
  letter-spacing:-.04em !important;
  font-weight:500 !important;
}

body[data-page="contacto"] .contact-bridge__steps h3 strong{
  display:block !important;
  margin:0 !important;
  color:var(--blanco) !important;
  font-size:clamp(1.55rem,1.9vw,1.9rem) !important;
  font-weight:900 !important;
}

body[data-page="contacto"] .contact-bridge__steps h3 span{
  display:block !important;
  margin:2px 0 0 !important;
  color:rgba(255,255,255,.96) !important;
  font-size:clamp(1.45rem,1.75vw,1.75rem) !important;
  font-weight:500 !important;
  line-height:1.05 !important;
}

body[data-page="contacto"] .contact-bridge__steps article p{
  max-width:27ch !important;
  color:rgba(255,255,255,.84) !important;
  font-size:1rem !important;
  font-weight:400 !important;
  line-height:1.55 !important;
}


/* ---------- FAQ · MISMA REGLA DE TÍTULO ---------- */
body[data-page="contacto"] .contact-faq__head h2{
  max-width:9ch !important;
  color:var(--negro) !important;
  font-weight:500 !important;
  line-height:.94 !important;
  letter-spacing:-.055em !important;
}

body[data-page="contacto"] .contact-faq__head h2 strong{
  display:block;
  font-weight:900 !important;
}

body[data-page="contacto"] .contact-faq__head h2 span{
  display:block;
  font-weight:500 !important;
}


/* ---------- FORMULARIO · TÍTULO STICKY + FORM MÁS ABAJO ---------- */
body[data-page="contacto"] .contact-form-section{
  padding-top:72px !important;
  padding-bottom:100px !important;
}

body[data-page="contacto"] .contact-form-section__inner{
  width:100% !important;
  max-width:var(--max) !important;
  margin:0 auto !important;
  padding:0 28px !important;
  display:grid !important;
  grid-template-columns:minmax(300px,.88fr) minmax(500px,1.12fr) !important;
  gap:clamp(58px,6vw,86px) !important;
  align-items:start !important;
}

body[data-page="contacto"] .contact-form-section__intro{
  position:sticky !important;
  top:calc(var(--nav-h) + 36px) !important;
  align-self:start !important;
  padding-top:18px !important;
}

body[data-page="contacto"] .contact-form-section__intro h2{
  max-width:9ch !important;
  margin:0 0 26px !important;
  color:var(--blanco) !important;
  font-weight:500 !important;
  line-height:.88 !important;
  letter-spacing:-.065em !important;
}

body[data-page="contacto"] .contact-form-section__intro h2 strong{
  display:block;
  font-size:clamp(3rem,4.8vw,4.75rem) !important;
  font-weight:900 !important;
}

body[data-page="contacto"] .contact-form-section__intro h2 span{
  display:block;
  margin-top:3px !important;
  font-size:clamp(2.55rem,4.1vw,4rem) !important;
  font-weight:500 !important;
  line-height:.92 !important;
}

body[data-page="contacto"] .contact-form__card{
  margin-top:88px !important; /* baja el formulario */
  padding:0 !important;
  background:transparent !important;
  color:var(--blanco) !important;
  border:0 !important;
  box-shadow:none !important;
}

body[data-page="contacto"] .contact-form__card h3{
  max-width:14ch !important;
  margin:0 0 14px !important;
  color:var(--blanco) !important;
  font-weight:500 !important;
  line-height:.95 !important;
  letter-spacing:-.055em !important;
}

body[data-page="contacto"] .contact-form__card h3 strong{
  display:block;
  font-size:clamp(2.2rem,3vw,3rem) !important;
  font-weight:900 !important;
}

body[data-page="contacto"] .contact-form__card h3 span{
  display:block;
  margin-top:2px !important;
  font-size:clamp(1.95rem,2.55vw,2.55rem) !important;
  font-weight:500 !important;
  line-height:.98 !important;
}

body[data-page="contacto"] .contact-form__eyebrow{
  color:var(--morado) !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
}

body[data-page="contacto"] .contact-form__sub{
  max-width:48ch !important;
  margin-bottom:30px !important;
  color:rgba(255,255,255,.76) !important;
  font-size:.96rem !important;
  line-height:1.6 !important;
}


/* ---------- RESPONSIVE ---------- */
@media(max-width:900px){
  body[data-page="contacto"] .contact-bridge__inner,
  body[data-page="contacto"] .contact-form-section__inner{
    padding-left:24px !important;
    padding-right:24px !important;
  }

  body[data-page="contacto"] .contact-bridge__steps{
    grid-template-columns:1fr !important;
  }

  body[data-page="contacto"] .contact-bridge__steps article{
    padding:28px 0 !important;
  }

  body[data-page="contacto"] .contact-bridge__steps article + article{
    border-left:0 !important;
    border-top:1px solid rgba(255,255,255,.20) !important;
  }

  body[data-page="contacto"] .contact-form-section__inner{
    grid-template-columns:1fr !important;
    gap:44px !important;
  }

  body[data-page="contacto"] .contact-form-section__intro{
    position:static !important;
    top:auto !important;
  }

  body[data-page="contacto"] .contact-form__card{
    margin-top:0 !important;
  }
}

@media(max-width:640px){
  body[data-page="contacto"] .contact-bridge__inner,
  body[data-page="contacto"] .contact-form-section__inner{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}


/* ============================================================
   CONTACTO · FIX TICKS PLANES
   ============================================================ */

body[data-page="contacto"] .plan-card .price-card__list{
  margin: 0 0 34px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

body[data-page="contacto"] .plan-card .price-card__list li{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  font-size: .96rem;
  line-height: 1.45;
  position: relative;
}

/* mata cualquier tick roto anterior */
body[data-page="contacto"] .plan-card .price-card__list li::before,
body[data-page="contacto"] .plan-card .price-card__list li::after{
  content: none !important;
  display: none !important;
}

/* tick limpio hecho con bordes */
body[data-page="contacto"] .price-card__check{
  position: relative;
  display: inline-block;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

body[data-page="contacto"] .price-card__check::before{
  content: "";
  position: absolute;
  left: 2px;
  top: 3px;
  width: 10px;
  height: 6px;
  border-left: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  transform: rotate(-45deg);
}

/* colores según tarjeta */
body[data-page="contacto"] .plan-card--gratis .price-card__check,
body[data-page="contacto"] .plan-card--premium .price-card__check{
  color: var(--menta);
}

body[data-page="contacto"] .plan-card--basico-web .price-card__check,
body[data-page="contacto"] .plan-card--company .price-card__check{
  color: var(--morado);
}

body[data-page="contacto"] .plan-card--basico-rrss .price-card__check{
  color: #ffffff;
}

body[data-page="contacto"] .plan-card--premium-rrss .price-card__check{
  color: #111111;
}
/* ============================================================
   CONTACTO · FORMULARIO SPLIT STICKY
   Izquierda fija y centrada / derecha con scroll normal
   ============================================================ */

body[data-page="contacto"] .contact-form-section{
  position:relative;

  width:100%;

  background:#000 !important;
  color:#fff;

  padding:
    0
    0
    90px !important;

  overflow:visible !important;
}


/* ============================================================
   CONTENEDOR GENERAL
   ============================================================ */

body[data-page="contacto"] .contact-form-section__grid{
  width:100%;
  max-width:1240px;

  margin:0 auto;

  padding:
    0
    28px;

  box-sizing:border-box;

  display:grid;

  grid-template-columns:
    minmax(320px,.88fr)
    minmax(520px,1.12fr);

  gap:88px;

  align-items:start;
}


/* ============================================================
   IZQUIERDA
   FIJA + CENTRADA VERTICALMENTE
   ============================================================ */

body[data-page="contacto"] .contact-form-section__intro{
  position:sticky !important;

  /*
    Se pega justo debajo del header.
    Si tu --nav-h ya existe, usa ese valor.
  */
  top:var(--nav-h) !important;

  align-self:start;

  min-height:
    calc(100vh - var(--nav-h));

  display:flex;
  flex-direction:column;

  justify-content:center;

  padding:
    40px
    0;

  box-sizing:border-box;

  z-index:2;
}


/* contenido izquierdo no se estira demasiado */
body[data-page="contacto"]
.contact-form-section__intro > *{
  width:100%;
  max-width:500px;
}


/* ============================================================
   KICKER IZQUIERDO
   ============================================================ */

body[data-page="contacto"]
.contact-form-section__intro
.contact-form-section__eyebrow{
  margin:
    0
    0
    20px;

  color:rgba(255,255,255,.72);

  font-size:.78rem;
  font-weight:800;

  letter-spacing:.12em;

  text-transform:uppercase;
}


/* ============================================================
   TÍTULO IZQUIERDO
   REGLA: BOLD + MEDIUM
   ============================================================ */

body[data-page="contacto"]
.contact-form-section__title-big{
  margin:
    0
    0
    28px;

  line-height:.91;

  letter-spacing:-.055em;
}


/* Qué pega */
body[data-page="contacto"]
.contact-form-section__title-big strong{
  display:block;

  color:#fff;

  font-size:
    clamp(
      3.5rem,
      4.8vw,
      5.4rem
    );

  font-weight:900;

  line-height:.90;
}


/* necesitas mover? */
body[data-page="contacto"]
.contact-form-section__title-big span{
  display:block;

  color:#fff;

  font-size:
    clamp(
      2.8rem,
      3.7vw,
      4.25rem
    );

  font-weight:500;

  line-height:.94;
}


/* ============================================================
   BAJADA IZQUIERDA
   ============================================================ */

body[data-page="contacto"]
.contact-form-section__copy{
  max-width:36ch !important;

  margin:0 0 32px;

  color:rgba(255,255,255,.78);

  font-size:1rem;
  font-weight:400;

  line-height:1.6;
}


body[data-page="contacto"]
.contact-form-section__copy a{
  color:var(--menta) !important;

  font-weight:800;

  text-decoration:none;
}


/* divisor */
body[data-page="contacto"]
.contact-form-section__intro::after{
  content:"";

  display:block;

  width:100%;
  max-width:500px;

  height:1px;

  margin-top:4px;

  background:
    rgba(255,255,255,.18);
}


/* ============================================================
   DERECHA
   ESTA PARTE SÍ SIGUE BAJANDO
   ============================================================ */

body[data-page="contacto"] .contact-form-section__formwrap{
  position:relative;

  width:100%;

  /*
    Lo bajamos respecto al comienzo de la sección
    para que no quede pegado arriba.
  */
  padding:
    78px
    0
    40px !important;

  box-sizing:border-box;
}


/* ============================================================
   HEADER DEL FORMULARIO DERECHO
   ============================================================ */

body[data-page="contacto"]
.contact-form-section__formwrap
.contact-form-section__eyebrow{
  margin:
    0
    0
    18px;

  color:rgba(255,255,255,.72);

  font-size:.78rem;
  font-weight:800;

  letter-spacing:.12em;

  text-transform:uppercase;
}


body[data-page="contacto"]
.contact-form-section__title{
  margin:
    0
    0
    18px;

  max-width:580px;

  line-height:.94;

  letter-spacing:-.05em;
}


/* Completa */
body[data-page="contacto"]
.contact-form-section__title strong{
  display:block;

  color:#fff;

  font-size:
    clamp(
      2.6rem,
      3.5vw,
      4rem
    );

  font-weight:900;

  line-height:.92;
}


/* los datos principales. */
body[data-page="contacto"]
.contact-form-section__title span{
  display:block;

  color:#fff;

  font-size:
    clamp(
      2.15rem,
      2.7vw,
      3.15rem
    );

  font-weight:500;

  line-height:.96;
}


/* bajada formulario */
body[data-page="contacto"]
.contact-form-section__copy-right{
  width:100%;
  max-width:48ch;

  margin:
    0
    0
    32px;

  color:rgba(255,255,255,.76);

  font-size:1rem;
  font-weight:400;

  line-height:1.6;
}


/* ============================================================
   FORMULARIO
   FLUYE NORMALMENTE HACIA ABAJO
   ============================================================ */

body[data-page="contacto"] #contactForm{
  position:relative;

  width:100%;

  display:block;
}


body[data-page="contacto"] #contactForm .field{
  margin-bottom:18px;
}


body[data-page="contacto"] #contactForm .field-grid{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:16px;
}


/* ============================================================
   TABLET / MOBILE
   DESACTIVAMOS STICKY
   ============================================================ */

@media(max-width:1000px){

  body[data-page="contacto"]
  .contact-form-section__grid{
    grid-template-columns:1fr;

    gap:36px;

    padding:
      0
      24px;
  }


  body[data-page="contacto"]
  .contact-form-section__intro{
    position:relative !important;

    top:auto !important;

    min-height:auto;

    justify-content:flex-start;

    padding:
      56px
      0
      10px;
  }


  body[data-page="contacto"]
  .contact-form-section__formwrap{
    padding:
      10px
      0
      56px !important;
  }

}


@media(max-width:640px){

  body[data-page="contacto"]
  .contact-form-section__grid{
    padding:
      0
      16px;
  }


  body[data-page="contacto"]
  #contactForm
  .field-grid{
    grid-template-columns:1fr;
  }

}
/* ============================================================
   HOME · LOGO MORADO HERO SIN CONTENEDOR
   ============================================================ */

body[data-page="inicio"] .hero__brand{
  background:transparent !important;

  border:0 !important;
  outline:0 !important;

  padding:0 !important;

  border-radius:0 !important;

  box-shadow:none !important;
  filter:none !important;

  /* mantenemos su posición/tamaño */
  width:118px;
  height:auto;

  object-fit:contain;
}
/* ============================================================
   CONTACTO · FORMULARIO
   IZQUIERDA STICKY / DERECHA SCROLL NORMAL
   ============================================================ */

body[data-page="contacto"] .contact-form-section{
  position:relative !important;

  width:100%;

  background:#000 !important;
  color:#fff;

  padding:0 0 100px !important;

  /* NECESARIO PARA QUE STICKY FUNCIONE */
  overflow:visible !important;
}


/* CONTENEDOR */
body[data-page="contacto"] .contact-form-section__grid{
  width:100%;
  max-width:1240px;

  margin:0 auto;

  padding:0 28px;

  box-sizing:border-box;

  display:grid !important;

  grid-template-columns:
    minmax(360px,.9fr)
    minmax(540px,1.1fr);

  gap:88px;

  align-items:start !important;

  /* no cortar sticky */
  overflow:visible !important;
}


/* ============================================================
   IZQUIERDA
   "¿QUÉ PEGA NECESITAS MOVER?"
   ============================================================ */

body[data-page="contacto"] .contact-form-section__intro{
  position:sticky !important;

  /*
    queda detenido debajo del header
  */
  top:var(--nav-h, 80px) !important;

  align-self:start !important;

  /*
    ocupa la ventana disponible debajo del header
    para centrar su contenido verticalmente
  */
  height:
    calc(
      100vh -
      var(--nav-h, 80px)
    );

  min-height:520px;

  display:flex !important;
  flex-direction:column;

  justify-content:center !important;

  padding:30px 0 !important;

  box-sizing:border-box;

  z-index:2;
}


/* LIMITAMOS EL ANCHO DEL CONTENIDO IZQUIERDO */
body[data-page="contacto"]
.contact-form-section__intro > *{
  width:100%;
  max-width:500px;
}


/* ============================================================
   DERECHA
   COMPLETA LOS DATOS + FORMULARIO
   ESTA PARTE SÍ HACE SCROLL
   ============================================================ */

body[data-page="contacto"] .contact-form-section__formwrap{
  position:relative !important;

  top:auto !important;

  width:100%;

  /*
    comienza un poco más abajo,
    pero después sigue todo el flujo normal
  */
  padding:
    76px
    0
    80px !important;

  margin:0 !important;

  transform:none !important;

  overflow:visible !important;
}


/* IMPORTANTE:
   el título derecho NO debe ser sticky */
body[data-page="contacto"]
.contact-form-section__formwrap
.contact-form-section__eyebrow,

body[data-page="contacto"]
.contact-form-section__formwrap
.contact-form-section__title,

body[data-page="contacto"]
.contact-form-section__formwrap
.contact-form-section__copy-right{
  position:static !important;

  top:auto !important;

  transform:none !important;
}


/* FORMULARIO COMPLETO FLUYE HACIA ABAJO */
body[data-page="contacto"] #contactForm{
  position:relative !important;

  width:100%;

  height:auto !important;
  max-height:none !important;

  overflow:visible !important;
}


/* ============================================================
   TÍTULO IZQUIERDO
   ============================================================ */

body[data-page="contacto"]
.contact-form-section__title-big{
  margin:0 0 28px !important;

  line-height:.92;

  letter-spacing:-.055em;
}


body[data-page="contacto"]
.contact-form-section__title-big strong{
  display:block;

  color:#fff;

  font-size:
    clamp(
      3.6rem,
      4.8vw,
      5.3rem
    );

  font-weight:900;

  line-height:.9;
}


body[data-page="contacto"]
.contact-form-section__title-big span{
  display:block;

  color:#fff;

  font-size:
    clamp(
      2.8rem,
      3.5vw,
      4rem
    );

  font-weight:500;

  line-height:.95;
}


/* ============================================================
   TÍTULO DERECHO
   ============================================================ */

body[data-page="contacto"]
.contact-form-section__title{
  margin:0 0 18px !important;

  max-width:580px;

  line-height:.94;

  letter-spacing:-.05em;
}


body[data-page="contacto"]
.contact-form-section__title strong{
  display:block;

  color:#fff;

  font-size:
    clamp(
      2.7rem,
      3.4vw,
      3.9rem
    );

  font-weight:900;
}


body[data-page="contacto"]
.contact-form-section__title span{
  display:block;

  color:#fff;

  font-size:
    clamp(
      2.15rem,
      2.7vw,
      3rem
    );

  font-weight:500;
}


/* ============================================================
   TABLET / MOBILE
   EN PANTALLAS PEQUEÑAS YA NO DEBE QUEDAR FIJO
   ============================================================ */

@media(max-width:1000px){

  body[data-page="contacto"]
  .contact-form-section__grid{
    grid-template-columns:1fr;

    gap:28px;

    padding:
      0
      24px;
  }


  body[data-page="contacto"]
  .contact-form-section__intro{
    position:relative !important;

    top:auto !important;

    height:auto !important;
    min-height:0 !important;

    justify-content:flex-start !important;

    padding:
      56px
      0
      12px !important;
  }


  body[data-page="contacto"]
  .contact-form-section__formwrap{
    padding:
      20px
      0
      60px !important;
  }

}


@media(max-width:640px){

  body[data-page="contacto"]
  .contact-form-section__grid{
    padding:
      0
      16px;
  }

}
/* ============================================================
   CONTACTO · FORMULARIO SPLIT FINAL
   IZQUIERDA FIJA / DERECHA CON SCROLL PROPIO
   ============================================================ */

/* Restaurar scroll general por si algún estilo viejo lo bloquea */
html,
body{
  overflow-y:auto !important;
}

/* Tu wrapper antiguo tenía overflow:hidden y puede interferir */
body[data-page="contacto"] .contact-page{
  overflow:visible !important;
}


/* ============================================================
   SECCIÓN NEGRA
   ============================================================ */

body[data-page="contacto"] .contact-form-section{
  position:relative !important;

  width:100% !important;

  /* una pantalla bajo el header */
  height:calc(100vh - var(--nav-h, 80px)) !important;
  min-height:650px !important;

  padding:0 !important;

  background:#000 !important;
  color:#fff !important;

  overflow:hidden !important;
}


/* ============================================================
   DOS COLUMNAS
   ============================================================ */

body[data-page="contacto"] .contact-form-section__inner{
  width:100% !important;
  max-width:1240px !important;

  height:100% !important;

  margin:0 auto !important;

  padding:0 28px !important;

  box-sizing:border-box;

  display:grid !important;

  grid-template-columns:
    minmax(360px, .9fr)
    minmax(540px, 1.1fr) !important;

  gap:88px !important;

  align-items:stretch !important;
}


/* ============================================================
   IZQUIERDA
   ¿QUÉ PEGA NECESITAS MOVER?
   NO SE MUEVE
   ============================================================ */

body[data-page="contacto"] .contact-form-section__intro{
  position:relative !important;

  top:auto !important;

  height:100% !important;

  display:flex !important;
  flex-direction:column !important;

  justify-content:center !important;

  padding:38px 0 !important;

  box-sizing:border-box;

  overflow:hidden !important;

  align-self:stretch !important;
}


/* contenido izquierdo */
body[data-page="contacto"]
.contact-form-section__intro > *{
  width:100%;
  max-width:500px;
}


/* ============================================================
   DERECHA
   ESTA ES LA QUE HACE SCROLL
   ============================================================ */

body[data-page="contacto"] .contact-form__card{
  position:relative !important;

  width:100% !important;
  height:100% !important;

  max-height:none !important;

  padding:
    72px
    12px
    90px
    0 !important;

  box-sizing:border-box;

  background:transparent !important;

  border:0 !important;
  box-shadow:none !important;

  /* EL SCROLL REAL */
  overflow-y:auto !important;
  overflow-x:hidden !important;

  overscroll-behavior:contain;

  -webkit-overflow-scrolling:touch;

  scrollbar-gutter:stable;
}


/* scrollbar discreta */
body[data-page="contacto"]
.contact-form__card::-webkit-scrollbar{
  width:7px;
}

body[data-page="contacto"]
.contact-form__card::-webkit-scrollbar-track{
  background:transparent;
}

body[data-page="contacto"]
.contact-form__card::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.28);
  border-radius:999px;
}


/* Firefox */
body[data-page="contacto"] .contact-form__card{
  scrollbar-width:thin;
  scrollbar-color:
    rgba(255,255,255,.28)
    transparent;
}


/* ============================================================
   HEADER DEL FORM DERECHO
   ============================================================ */

body[data-page="contacto"] .contact-form__eyebrow{
  margin:0 0 18px !important;

  color:rgba(255,255,255,.72) !important;

  font-size:.78rem !important;
  font-weight:800 !important;

  letter-spacing:.12em !important;
  text-transform:uppercase;
}


body[data-page="contacto"] .contact-form__card h3{
  max-width:580px;

  margin:0 0 18px !important;

  color:#fff !important;

  line-height:.94 !important;

  letter-spacing:-.05em !important;
}


/* Completa */
body[data-page="contacto"]
.contact-form__card h3 strong{
  display:block;

  font-size:
    clamp(
      2.7rem,
      3.4vw,
      3.9rem
    ) !important;

  font-weight:900 !important;

  color:#fff !important;
}


/* los datos principales. */
body[data-page="contacto"]
.contact-form__card h3 span{
  display:block;

  font-size:
    clamp(
      2.05rem,
      2.7vw,
      3rem
    ) !important;

  font-weight:500 !important;

  color:#fff !important;
}


body[data-page="contacto"] .contact-form__sub{
  max-width:48ch;

  margin:
    0
    0
    32px !important;

  color:rgba(255,255,255,.74) !important;

  font-size:1rem !important;

  line-height:1.6 !important;
}


/* ============================================================
   FORM
   ============================================================ */

body[data-page="contacto"] #contactForm{
  height:auto !important;

  max-height:none !important;

  overflow:visible !important;
}


/* asegura espacio después del último campo/botón */
body[data-page="contacto"] #contactForm::after{
  content:"";
  display:block;
  height:60px;
}


/* ============================================================
   TABLET / MOBILE
   VUELVE A SCROLL NORMAL DE PÁGINA
   ============================================================ */

@media(max-width:1000px){

  body[data-page="contacto"] .contact-form-section{
    height:auto !important;
    min-height:0 !important;

    overflow:visible !important;

    padding:
      54px
      0
      70px !important;
  }


  body[data-page="contacto"]
  .contact-form-section__inner{
    height:auto !important;

    grid-template-columns:1fr !important;

    gap:36px !important;

    padding:
      0
      24px !important;
  }


  body[data-page="contacto"]
  .contact-form-section__intro{
    height:auto !important;

    justify-content:flex-start !important;

    padding:
      0 !important;

    overflow:visible !important;
  }


  body[data-page="contacto"]
  .contact-form__card{
    height:auto !important;

    overflow:visible !important;

    padding:
      10px
      0
      0 !important;
  }

}
/* box blanco del logo */
.hero-logo-box{
  background:#fff;
  border:none !important;
  box-shadow:none !important;
  border-radius:24px;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* logo morado */
.hero-logo-box img,
.hero-logo-box svg{
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
}

/* por si el contorno viene como stroke dentro del svg */
.hero-logo-box svg *{
  stroke:none !important;
}
/* ============================================================
   INICIO · HERO MOBILE
   ============================================================ */

@media(max-width:560px){

  body[data-page="inicio"] .hero{
    min-height:0 !important;

    padding:
      calc(var(--nav-h) + 30px)
      18px
      34px !important;

    overflow:hidden;
  }


  body[data-page="inicio"] .hero__grid{
    width:100% !important;

    display:grid !important;
    grid-template-columns:1fr !important;

    gap:22px !important;

    min-height:0 !important;

    margin:0 auto !important;
  }


  /* COPY */
  body[data-page="inicio"] .hero__copy{
    width:100%;

    padding:0 !important;

    position:relative;
    z-index:5;
  }


  body[data-page="inicio"] .hero__copy .tag{
    margin-bottom:18px !important;
  }


  body[data-page="inicio"] .hero__copy .display{
    width:100%;
    max-width:100% !important;

    margin:0 0 20px !important;

    font-size:
      clamp(
        3.1rem,
        14vw,
        4rem
      ) !important;

    line-height:.90 !important;

    letter-spacing:-.06em !important;
  }


  body[data-page="inicio"] .hero__copy .lede{
    max-width:34ch;

    margin:
      0
      0
      22px !important;

    font-size:.95rem !important;

    line-height:1.5 !important;
  }


  /* BOTONES */
  body[data-page="inicio"] .hero__actions{
    display:grid !important;

    grid-template-columns:
      1fr
      1fr;

    gap:9px !important;

    margin:
      0
      0
      18px !important;
  }


  body[data-page="inicio"] .hero__actions .btn{
    width:100%;

    min-height:44px;

    padding:
      0
      10px !important;

    font-size:.78rem;
  }


  /* REGIONES */
  body[data-page="inicio"] .chips--regions{
    display:flex;

    flex-wrap:wrap;

    gap:8px !important;

    margin:
      0
      0
      6px !important;
  }


  body[data-page="inicio"] .chips--regions .chip{
    min-height:30px;

    padding:
      0
      12px !important;

    font-size:.68rem;
  }


  /* ==========================================================
     ILUSTRACIÓN
     ========================================================== */

  body[data-page="inicio"] .hero__art--editorial{
    position:relative;

    width:100% !important;

    min-height:390px !important;

    margin:
      0
      auto !important;

    overflow:hidden;
  }


  body[data-page="inicio"] .hero__person{
    right:0 !important;
    left:auto !important;

    bottom:-38px !important;

    width:100% !important;
    height:435px !important;

    object-fit:contain;
    object-position:center bottom;
  }


  /* logo flotante */
  body[data-page="inicio"] .hero__brand{
    right:4% !important;
    top:12% !important;

    transform:scale(.78);

    transform-origin:top right;
  }


  /* "PEGA REAL" */
  body[data-page="inicio"] .hero__fact{
    left:3% !important;
    top:18% !important;

    transform:scale(.82);

    transform-origin:top left;
  }


  /* círculo inferior */
  body[data-page="inicio"] .hero__orbit{
    left:2% !important;
    bottom:4% !important;

    transform:scale(.80);

    transform-origin:left bottom;
  }

}
/* ============================================================
   INICIO · MOBILE · RESTAURAR COMPOSICIÓN ANTERIOR
   ============================================================ */

@media(max-width:560px){

  body[data-page="inicio"] .hero{
    min-height:auto !important;

    padding-top:
      calc(var(--nav-h) + 34px) !important;

    padding-right:20px !important;
    padding-bottom:48px !important;
    padding-left:20px !important;

    overflow:hidden !important;
  }


  body[data-page="inicio"] .hero__grid{
    width:100% !important;

    display:grid !important;
    grid-template-columns:1fr !important;

    gap:18px !important;

    min-height:0 !important;

    margin:0 auto !important;
  }


  /* COPY */
  body[data-page="inicio"] .hero__copy{
    width:100% !important;

    padding-bottom:0 !important;

    position:relative;
    z-index:5;
  }


  body[data-page="inicio"] .hero__copy .display{
    max-width:100% !important;

    font-size:
      clamp(
        3.2rem,
        15vw,
        4.2rem
      ) !important;

    line-height:.91 !important;

    letter-spacing:-.06em !important;
  }


  body[data-page="inicio"] .hero__copy .lede{
    margin-top:22px !important;

    font-size:1rem !important;

    line-height:1.5 !important;
  }


  /* BOTONES */
  body[data-page="inicio"] .hero__actions{
    display:grid !important;

    grid-template-columns:
      1fr
      1fr !important;

    gap:10px !important;
  }


  body[data-page="inicio"] .hero__actions .btn{
    width:100% !important;

    padding-inline:12px !important;
  }


  /* REGIONES */
  body[data-page="inicio"] .chips--regions{
    margin-top:22px !important;
  }


  /* =========================================================
     ILUSTRACIÓN
     ========================================================= */

  body[data-page="inicio"] .hero__art--editorial{
    position:relative !important;

    width:100% !important;

    min-height:475px !important;

    margin-top:12px !important;

    overflow:visible !important;
  }


  /* PERSONA */
  body[data-page="inicio"] .hero__person{
    position:absolute !important;

    left:auto !important;
    right:-13% !important;

    top:auto !important;
    bottom:-40px !important;

    width:126% !important;
    height:520px !important;

    max-width:none !important;

    object-fit:contain !important;
    object-position:center bottom !important;

    transform:none !important;
  }


  /* LOGO MORADO / BOX BLANCO */
  body[data-page="inicio"] .hero__brand{
    top:7% !important;
    right:1% !important;

    width:88px !important;

    border:0 !important;
    outline:0 !important;

    box-shadow:none !important;

    border-radius:18px !important;
  }


  body[data-page="inicio"] .hero__brand img{
    border:0 !important;
    outline:0 !important;

    box-shadow:none !important;
  }


  /* PEGA REAL */
  body[data-page="inicio"] .hero__fact{
    top:23% !important;
    left:0 !important;

    font-size:.65rem !important;
  }


  /* CÍRCULO INFERIOR */
  body[data-page="inicio"] .hero__orbit{
    left:0 !important;
    bottom:0 !important;

    width:120px !important;
    height:120px !important;

    padding:
      18px
      13px !important;
  }

}
/* ============================================================
   INICIO · TRABAJOS REALES · MOBILE FINAL
   ============================================================ */

@media (max-width:560px){

  body[data-page="inicio"] .work-scenes{
    position:relative !important;

    min-height:0 !important;

    padding:
      52px
      0
      58px !important;

    overflow:hidden !important;

    background:var(--negro) !important;
  }


  /* ==========================================================
     CABECERA
     ========================================================== */

  body[data-page="inicio"] .work-scenes__head{
    width:100% !important;
    max-width:none !important;

    margin:
      0
      auto
      28px !important;

    padding:
      0
      16px !important;

    box-sizing:border-box;

    display:grid !important;

    grid-template-columns:1fr !important;

    grid-template-areas:
      "tag"
      "title"
      "copy" !important;

    gap:14px !important;

    text-align:left !important;
  }


  /* PILL */
  body[data-page="inicio"] .work-scenes__head .tag{
    grid-area:tag;

    width:max-content !important;

    margin:0 !important;

    padding:
      8px
      14px !important;

    background:#fff !important;
    color:#111 !important;

    border:0 !important;
    box-shadow:none !important;

    font-size:.68rem !important;
  }


  /* ==========================================================
     TRABAJOS / REALES
     ========================================================== */

  body[data-page="inicio"] .work-scenes__word{
    grid-area:title;

    position:relative !important;

    inset:auto !important;

    z-index:3 !important;

    width:100% !important;

    margin:
      0
      0
      4px !important;

    display:block !important;

    color:var(--morado) !important;

    font-size:
      clamp(
        3.7rem,
        17vw,
        4.8rem
      ) !important;

    line-height:.82 !important;

    letter-spacing:-.07em !important;

    text-align:left !important;

    opacity:1 !important;

    transform:none !important;
  }


  body[data-page="inicio"]
  .work-scenes__word span{
    display:block !important;

    margin:0 !important;
  }


  /* TRABAJOS BOLD */
  body[data-page="inicio"]
  .work-scenes__word span:first-child{
    font-weight:900 !important;
  }


  /* REALES REGULAR */
  body[data-page="inicio"]
  .work-scenes__word span:last-child{
    font-weight:400 !important;
  }


  /* BAJADA */
  body[data-page="inicio"] .work-scenes__lede{
    grid-area:copy;

    width:100% !important;
    max-width:32ch !important;

    margin:
      8px
      0
      0 !important;

    color:rgba(255,255,255,.76) !important;

    font-size:.92rem !important;

    font-weight:400 !important;

    line-height:1.5 !important;

    text-align:left !important;
  }


  /* ==========================================================
     PERSONAS
     ========================================================== */

  body[data-page="inicio"] .work-scenes__stage{
    position:relative !important;

    width:100% !important;
    max-width:none !important;

    min-height:0 !important;
    height:auto !important;

    margin:
      0
      auto !important;

    padding:
      4px
      16px
      0 !important;

    box-sizing:border-box;

    display:grid !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:
      18px
      8px !important;

    align-items:end !important;

    overflow:visible !important;

    transform:none !important;
  }


  /* RESET TOTAL DE POSICIONES DE ESCRITORIO */
  body[data-page="inicio"] .work-scene,
  body[data-page="inicio"] .work-scene--health,
  body[data-page="inicio"] .work-scene--construction,
  body[data-page="inicio"] .work-scene--barista,
  body[data-page="inicio"] .work-scene--mechanic,
  body[data-page="inicio"] .work-scene--chef{
    position:relative !important;

    inset:auto !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    width:100% !important;
    height:auto !important;

    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    justify-self:stretch !important;
    align-self:end !important;

    transform:none !important;

    animation:none !important;

    overflow:visible !important;
  }


  /* ==========================================================
     FOTOS
     ========================================================== */

  body[data-page="inicio"] .work-scene img,
  body[data-page="inicio"] .work-scene--health img,
  body[data-page="inicio"] .work-scene--construction img,
  body[data-page="inicio"] .work-scene--barista img,
  body[data-page="inicio"] .work-scene--mechanic img{
    position:relative !important;

    left:auto !important;
    right:auto !important;

    display:block !important;

    width:100% !important;
    max-width:100% !important;

    height:220px !important;
    max-height:none !important;

    margin:0 auto !important;

    object-fit:contain !important;
    object-position:center bottom !important;

    transform:none !important;

    filter:none !important;
  }


  /* CHEF ÚLTIMA FILA CENTRADA */
  body[data-page="inicio"] .work-scene--chef{
    grid-column:
      1 /
      -1 !important;

    width:52% !important;

    justify-self:center !important;
  }


  body[data-page="inicio"] .work-scene--chef img{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    height:235px !important;

    margin:0 auto !important;

    object-fit:contain !important;
    object-position:center bottom !important;

    transform:none !important;

    filter:none !important;
  }


  /* ==========================================================
     PILL DE CADA PROFESIÓN
     ========================================================== */

  body[data-page="inicio"] .work-scene figcaption{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    bottom:auto !important;

    transform:none !important;

    width:max-content !important;
    min-width:0 !important;

    margin:
      -5px
      auto
      0 !important;

    padding:
      6px
      10px !important;

    background:#fff !important;
    color:#111 !important;

    border:0 !important;
    box-shadow:none !important;

    border-radius:999px !important;

    font-size:.58rem !important;
    font-weight:800 !important;

    line-height:1 !important;

    white-space:nowrap !important;
  }

}
/* ============================================================
   INICIO · TRABAJOS REALES · MOBILE DEFINITIVO
   ============================================================ */

@media (max-width:560px){

  /* ==========================================================
     SECCIÓN
     Orden:
     pill
     título
     bajada
     personas
     ========================================================== */

  body[data-page="inicio"] .work-scenes{
    position:relative !important;

    display:grid !important;

    grid-template-columns:1fr !important;

    grid-template-areas:
      "intro"
      "title"
      "copy"
      "stage" !important;

    width:100% !important;

    min-height:0 !important;

    padding:
      34px
      16px
      52px !important;

    box-sizing:border-box;

    background:var(--negro) !important;

    overflow:hidden !important;
  }


  /* ==========================================================
     INTRO
     Usamos contents para poder separar pill y bajada
     ========================================================== */

  body[data-page="inicio"] .work-scenes__intro{
    display:contents !important;
  }


  /* PILL */
  body[data-page="inicio"] .work-scenes__intro .tag{
    grid-area:intro !important;

    display:inline-flex !important;

    width:max-content !important;

    margin:
      0
      0
      18px !important;

    padding:
      8px
      14px !important;

    justify-self:start !important;

    background:#fff !important;
    color:#111 !important;

    border:0 !important;
    box-shadow:none !important;

    border-radius:999px !important;

    transform:none !important;

    font-size:.66rem !important;
    font-weight:800 !important;

    line-height:1 !important;

    text-transform:uppercase !important;

    opacity:1 !important;
    visibility:visible !important;
  }


  /* ==========================================================
     TRABAJOS REALES
     ========================================================== */

  body[data-page="inicio"] .work-scenes__word{
    grid-area:title !important;

    position:relative !important;

    inset:auto !important;

    display:flex !important;
    flex-direction:column !important;

    width:100% !important;
    max-width:none !important;

    margin:
      0
      0
      18px !important;

    padding:0 !important;

    color:var(--morado) !important;

    font-size:
      clamp(
        3.5rem,
        17vw,
        4.6rem
      ) !important;

    line-height:.78 !important;

    letter-spacing:-.065em !important;

    text-align:left !important;

    opacity:1 !important;

    transform:none !important;
  }


  body[data-page="inicio"]
  .work-scenes__word span{
    display:block !important;

    margin:0 !important;
  }


  /* TRABAJOS */
  body[data-page="inicio"]
  .work-scenes__word span:first-child{
    font-weight:900 !important;
  }


  /* REALES */
  body[data-page="inicio"]
  .work-scenes__word span:last-child{
    font-weight:400 !important;
  }


  /* ==========================================================
     BAJADA
     ========================================================== */

  body[data-page="inicio"]
  .work-scenes__intro > p:last-child{
    grid-area:copy !important;

    width:100% !important;
    max-width:31ch !important;

    margin:
      0
      0
      30px !important;

    justify-self:start !important;

    color:rgba(255,255,255,.72) !important;

    font-size:.9rem !important;

    font-weight:400 !important;

    line-height:1.5 !important;

    text-align:left !important;
  }


  /* ==========================================================
     GRILLA DE PERSONAS
     ========================================================== */

  body[data-page="inicio"] .work-scenes__stage{
    grid-area:stage !important;

    position:relative !important;

    display:grid !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    grid-template-rows:auto auto auto !important;

    width:100% !important;
    max-width:none !important;

    height:auto !important;
    min-height:0 !important;

    margin:0 !important;

    padding:0 !important;

    gap:
      20px
      10px !important;

    align-items:end !important;

    overflow:visible !important;

    transform:none !important;
  }


  /* ==========================================================
     RESET TOTAL DE LAS 5 FIGURAS
     ========================================================== */

  body[data-page="inicio"] .work-scene,
  body[data-page="inicio"] .work-scene--health,
  body[data-page="inicio"] .work-scene--construction,
  body[data-page="inicio"] .work-scene--barista,
  body[data-page="inicio"] .work-scene--mechanic,
  body[data-page="inicio"] .work-scene--chef{
    position:relative !important;

    inset:auto !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    grid-column:auto !important;
    grid-row:auto !important;

    width:100% !important;
    max-width:100% !important;

    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:center !important;
    justify-content:flex-end !important;

    transform:none !important;

    animation:none !important;
  }


  /* ==========================================================
     POSICIONES EXACTAS
     ========================================================== */

  /* SALUD */
  body[data-page="inicio"] .work-scene--health{
    grid-column:1 !important;
    grid-row:1 !important;
  }


  /* CONSTRUCCIÓN */
  body[data-page="inicio"] .work-scene--construction{
    grid-column:2 !important;
    grid-row:1 !important;
  }


  /* GASTRONOMÍA */
  body[data-page="inicio"] .work-scene--barista{
    grid-column:1 !important;
    grid-row:2 !important;
  }


  /* MECÁNICA */
  body[data-page="inicio"] .work-scene--mechanic{
    grid-column:2 !important;
    grid-row:2 !important;
  }


  /* COCINA */
  body[data-page="inicio"] .work-scene--chef{
    grid-column:
      1 /
      -1 !important;

    grid-row:3 !important;

    width:52% !important;

    justify-self:center !important;
  }


  /* ==========================================================
     FOTOS
     ========================================================== */

  body[data-page="inicio"] .work-scene img,
  body[data-page="inicio"] .work-scene--health img,
  body[data-page="inicio"] .work-scene--construction img,
  body[data-page="inicio"] .work-scene--barista img,
  body[data-page="inicio"] .work-scene--mechanic img{
    position:relative !important;

    inset:auto !important;

    display:block !important;

    width:100% !important;
    max-width:100% !important;

    height:225px !important;
    max-height:225px !important;

    margin:0 auto !important;

    object-fit:contain !important;

    object-position:center bottom !important;

    transform:none !important;

    filter:none !important;
  }


  /* COCINA */
  body[data-page="inicio"] .work-scene--chef img{
    width:100% !important;
    max-width:100% !important;

    height:235px !important;
    max-height:235px !important;

    object-fit:contain !important;

    transform:none !important;
  }


  /* ==========================================================
     PILLS DE RUBRO
     ========================================================== */

  body[data-page="inicio"] .work-scene figcaption{
    position:relative !important;

    inset:auto !important;

    display:inline-flex !important;

    width:max-content !important;
    min-width:0 !important;

    margin:
      -4px
      auto
      0 !important;

    padding:
      6px
      10px !important;

    align-items:center;
    justify-content:center;

    background:#fff !important;

    color:#111 !important;

    border:0 !important;

    border-radius:999px !important;

    box-shadow:none !important;

    transform:none !important;

    font-size:.57rem !important;

    font-weight:800 !important;

    line-height:1 !important;

    text-transform:uppercase !important;

    white-space:nowrap !important;
  }

}
/* ============================================================
   ¿BUSCAS TRABAJO? · MOBILE FINAL
   ============================================================ */

@media (max-width:700px){

  /* HERO */
  body[data-page="buscas"] .search-head{
    display:block !important;

    min-height:0 !important;

    padding:
      calc(var(--nav-h) + 26px)
      0
      42px !important;

    overflow:hidden !important;
  }


  body[data-page="buscas"] .search-head__inner{
    width:100% !important;
    max-width:none !important;

    min-height:0 !important;

    margin:0 !important;

    padding:
      0
      16px !important;

    box-sizing:border-box;

    display:flex !important;
    flex-direction:column !important;

    justify-content:flex-start !important;
    align-items:stretch !important;
  }


  /* ==========================================================
     BREADCRUMB
     ========================================================== */

  body[data-page="buscas"] .search-head__inner > .crumbs{
    display:none !important;
  }


  /* ==========================================================
     PILL
     ========================================================== */

  body[data-page="buscas"] .search-head__inner > .tag{
    order:1;

    align-self:flex-start !important;

    width:max-content !important;
    max-width:max-content !important;

    margin:
      0
      0
      20px !important;

    padding:
      9px
      16px !important;

    font-size:.7rem !important;
  }


  /* ==========================================================
     TÍTULO
     ========================================================== */

  body[data-page="buscas"] .search-title{
    order:2;

    display:block !important;

    width:100% !important;
    max-width:100% !important;

    margin:
      0
      0
      18px !important;

    overflow:visible !important;
  }


  body[data-page="buscas"] .search-title__question{
    display:block !important;

    margin:
      0
      0
      6px !important;

    color:#fff !important;

    font-size:
      clamp(
        3.2rem,
        14vw,
        4rem
      ) !important;

    font-weight:900 !important;

    line-height:.88 !important;

    letter-spacing:-.065em !important;
  }


  /* segunda línea */
  body[data-page="buscas"] .search-title__lead,
  body[data-page="buscas"] .search-title__focus{
    font-size:
      clamp(
        2.5rem,
        11vw,
        3.25rem
      ) !important;

    line-height:.95 !important;

    letter-spacing:-.055em !important;
  }


  body[data-page="buscas"] .search-title__lead{
    font-weight:400 !important;

    color:#aaa9ae !important;
  }


  body[data-page="buscas"] .search-title__focus{
    margin-left:.08em !important;

    font-weight:800 !important;

    color:var(--menta) !important;
  }


  /* ==========================================================
     BAJADA
     ========================================================== */

  body[data-page="buscas"] .search-head__inner > .lede{
    order:3;

    width:100% !important;
    max-width:34ch !important;

    margin:
      0
      0
      24px !important;

    color:rgba(255,255,255,.72) !important;

    font-size:.91rem !important;

    line-height:1.5 !important;
  }


  /* ==========================================================
     BUSCADOR
     ========================================================== */

  body[data-page="buscas"] .search-head__inner > .searchbar{
    order:4;

    position:relative !important;

    inset:auto !important;

    width:100% !important;
    max-width:100% !important;

    min-height:0 !important;

    margin:
      0
      0
      12px !important;

    padding:
      6px !important;

    display:grid !important;

    grid-template-columns:
      34px
      minmax(0,1fr)
      auto !important;

    align-items:center !important;

    background:#fff !important;

    border:0 !important;

    border-radius:999px !important;

    box-shadow:none !important;

    transform:none !important;
  }


  body[data-page="buscas"] .searchbar__icon{
    width:20px !important;
    height:20px !important;

    margin-left:6px;

    color:#777780;
  }


  body[data-page="buscas"] .searchbar input{
    width:100% !important;

    min-width:0 !important;

    height:46px !important;

    padding:
      0
      8px !important;

    border:0 !important;

    background:transparent !important;

    font-size:.78rem !important;

    outline:none !important;
  }


  body[data-page="buscas"] .searchbar input::placeholder{
    color:#9b9ba4 !important;

    font-size:.76rem !important;
  }


  body[data-page="buscas"] .searchbar .btn{
    width:auto !important;

    min-width:88px !important;
    min-height:42px !important;

    padding:
      0
      16px !important;

    margin:0 !important;

    border-radius:999px !important;

    font-size:.75rem !important;
  }


  /* ==========================================================
     FILTROS RÁPIDOS
     ========================================================== */

  body[data-page="buscas"] .search-head__inner > .chips--quick{
    order:5;

    position:relative !important;

    inset:auto !important;

    width:100% !important;
    max-width:100% !important;

    margin:
      0
      0
      22px !important;

    padding:0 !important;

    display:flex !important;

    flex-wrap:wrap !important;

    gap:7px !important;

    overflow:visible !important;
  }


  body[data-page="buscas"] .chips--quick li{
    flex:0 0 auto !important;
  }


  body[data-page="buscas"] .chips--quick .chip{
    min-height:30px !important;

    padding:
      0
      11px !important;

    font-size:.62rem !important;

    white-space:nowrap !important;
  }


  /* ==========================================================
     LOGO FLOTANTE
     ========================================================== */

  body[data-page="buscas"] .search-head__variant{
    order:6;

    position:relative !important;

    inset:auto !important;

    align-self:flex-end !important;

    width:78px !important;
    height:auto !important;

    margin:
      6px
      12px
      -68px
      0 !important;

    z-index:4;

    transform:none !important;
  }


  /* ==========================================================
     PERSONA / ILUSTRACIÓN
     ========================================================== */

  body[data-page="buscas"] .search-head__person{
    order:7;

    position:relative !important;

    inset:auto !important;

    display:block !important;

    width:100% !important;
    max-width:100% !important;

    height:360px !important;

    margin:
      0
      auto !important;

    object-fit:contain !important;

    object-position:center bottom !important;

    transform:none !important;

    filter:none !important;
  }

}
/* ============================================================
   SERVICIOS · HEADER MOBILE FINAL
   Logo + hamburguesa / CTA dentro del menú
   ============================================================ */

@media (max-width:820px){

  /* HEADER */
  body[data-page="servicios"] .nav{
    width:100%;
    z-index:9999 !important;
  }

  body[data-page="servicios"] .nav__inner{
    width:100%;
    height:72px !important;

    padding:
      0
      18px !important;

    display:flex !important;
    align-items:center !important;

    box-sizing:border-box;

    overflow:visible !important;
  }


  /* ==========================================================
     LOGO
     ========================================================== */

  body[data-page="servicios"] .brand-mark--nav{
    flex:0 0 auto;

    width:54px !important;
    height:auto !important;

    margin:0 !important;
  }

  body[data-page="servicios"] .brand-mark--nav img{
    display:block;

    width:100% !important;
    height:auto !important;
  }


  /* ==========================================================
     QUITAR LOS CTA DEL HEADER
     ========================================================== */

  body[data-page="servicios"] .nav__inner > .nav__cta{
    display:none !important;
  }


  /* menú cerrado */
  body[data-page="servicios"] .nav__links{
    display:none !important;
  }


  /* ==========================================================
     HAMBURGUESA
     ========================================================== */

  body[data-page="servicios"] .nav__burger{
    display:block !important;

    flex:0 0 44px;

    width:44px !important;
    height:44px !important;

    margin:
      0
      0
      0
      auto !important;

    padding:9px !important;

    border:0 !important;

    background:transparent !important;

    position:relative;

    z-index:10002 !important;

    cursor:pointer;
  }


  body[data-page="servicios"] .nav__burger span{
    display:block !important;

    width:100%;
    height:3px;

    margin:5px 0;

    background:#111 !important;

    border-radius:999px;
  }


  /* ==========================================================
     MENÚ ABIERTO
     ========================================================== */

  body[data-page="servicios"] .nav__links.is-open{
    position:absolute !important;

    top:100% !important;
    left:0 !important;
    right:0 !important;

    z-index:10000 !important;

    display:flex !important;

    width:100% !important;

    padding:
      18px
      18px
      24px !important;

    box-sizing:border-box;

    flex-direction:column !important;
    align-items:stretch !important;

    gap:8px !important;

    background:var(--menta) !important;

    border:0 !important;

    box-shadow:none !important;
  }


  /* enlaces normales */
  body[data-page="servicios"] .nav__links .nav__link{
    display:flex !important;

    width:100% !important;

    padding:
      12px
      4px !important;

    box-sizing:border-box;

    color:#111 !important;

    border:0 !important;
    border-bottom:
      1px solid
      rgba(0,0,0,.12) !important;

    font-size:1rem !important;
    font-weight:600 !important;

    text-decoration:none;
  }


  body[data-page="servicios"] .nav__links .nav__link::after{
    display:none !important;
  }


  /* ==========================================================
     CTA 1 · CONTÁCTANOS
     ========================================================== */

  body[data-page="servicios"]
  .nav__links
  .nav__link[data-nav="contacto"]{
    min-height:48px;

    margin-top:10px;

    padding:
      0
      20px !important;

    align-items:center;
    justify-content:center;

    background:#000 !important;
    color:#fff !important;

    border:0 !important;
    border-radius:999px !important;

    font-weight:800 !important;
  }


  /* ==========================================================
     CTA 2 · PUBLICAR UNA VACANTE
     ========================================================== */

  body[data-page="servicios"] .nav__cta-mobile{
    display:flex !important;

    width:100% !important;
    min-height:48px !important;

    margin:
      2px
      0
      0 !important;

    padding:
      0
      20px !important;

    align-items:center !important;
    justify-content:center !important;

    background:var(--morado) !important;
    color:#fff !important;

    border:0 !important;
    border-radius:999px !important;

    box-shadow:none !important;

    font-size:.95rem !important;
    font-weight:800 !important;

    white-space:normal !important;
    text-align:center;
  }


  /* eliminar posibles flechas/signos */
  body[data-page="servicios"]
  .nav__cta-mobile::after{
    content:none !important;
    display:none !important;
  }

}
/* ============================================================
   HEADER · MOBILE FINAL
   Logo + hamburguesa
   CTA dentro del menú
   ============================================================ */

@media (max-width:820px){

  /* HEADER */
  .nav{
    position:sticky !important;
    top:0;
    z-index:5000 !important;

    height:68px !important;
    min-height:68px !important;

    background:var(--menta) !important;
  }


  .nav__inner{
    position:relative;

    width:100% !important;
    height:68px !important;

    padding:
      0
      16px !important;

    display:flex !important;
    align-items:center !important;

    gap:0 !important;

    box-sizing:border-box;
  }


  /* ==========================================================
     LOGO
     ========================================================== */

  .brand-mark--nav{
    flex:0 0 auto;

    width:54px !important;
    height:44px !important;

    margin:0 !important;
  }


  .brand-mark--nav img{
    width:100%;
    height:100%;

    object-fit:contain;
  }


  /* ==========================================================
     OCULTAR CTA DE ESCRITORIO
     ========================================================== */

  .nav__inner > .nav__cta,
  .nav__inner > a.btn:not(.brand-mark){
    display:none !important;
  }


  /* ==========================================================
     HAMBURGUESA
     ========================================================== */

  .nav__burger{
    position:relative !important;

    z-index:5002 !important;

    display:flex !important;

    flex-direction:column;
    align-items:center;
    justify-content:center;

    flex:0 0 44px;

    width:44px !important;
    height:44px !important;

    margin:
      0
      0
      0
      auto !important;

    padding:8px !important;

    border:0 !important;

    background:transparent !important;

    cursor:pointer;
  }


  .nav__burger span{
    display:block !important;

    width:24px !important;
    height:3px !important;

    margin:3px 0 !important;

    background:#000 !important;

    border-radius:999px;

    transform-origin:center;

    transition:
      transform .22s ease,
      opacity .18s ease;
  }


  /* X CUANDO ESTÁ ABIERTO */
  .nav__burger[aria-expanded="true"] span:nth-child(1){
    transform:
      translateY(9px)
      rotate(45deg);
  }


  .nav__burger[aria-expanded="true"] span:nth-child(2){
    opacity:0;
  }


  .nav__burger[aria-expanded="true"] span:nth-child(3){
    transform:
      translateY(-9px)
      rotate(-45deg);
  }


  /* ==========================================================
     MENÚ DESPLEGABLE
     ========================================================== */

  .nav__links{
    position:fixed !important;

    top:68px !important;
    left:0 !important;
    right:0 !important;

    z-index:5001 !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;

    padding:
      22px
      16px
      26px !important;

    display:none !important;

    flex-direction:column !important;

    align-items:stretch !important;

    gap:4px !important;

    background:var(--menta) !important;

    border:0 !important;
    border-top:
      1px solid
      rgba(0,0,0,.12) !important;

    box-shadow:none !important;

    box-sizing:border-box;
  }


  .nav__links.is-open{
    display:flex !important;
  }


  /* ==========================================================
     LINKS NORMALES
     ========================================================== */

  .nav__links .nav__link{
    display:flex !important;

    align-items:center;

    width:100% !important;

    min-height:48px;

    padding:
      0
      4px !important;

    color:#000 !important;

    border:0 !important;
    border-bottom:
      1px solid
      rgba(0,0,0,.12) !important;

    font-size:1rem !important;
    font-weight:600 !important;

    text-decoration:none;
  }


  .nav__links .nav__link::after{
    display:none !important;
  }


  /* ==========================================================
     CONTACTANOS
     SE CONVIERTE EN CTA DENTRO DEL MENÚ
     ========================================================== */

  .nav__links
  .nav__link[data-nav="contacto"]{
    min-height:50px;

    margin:
      18px
      0
      0 !important;

    padding:
      0
      20px !important;

    justify-content:center;

    background:#000 !important;
    color:#fff !important;

    border:0 !important;

    border-radius:999px !important;

    font-weight:800 !important;
  }


  /* ==========================================================
     PUBLICAR UNA VACANTE
     ========================================================== */

  .nav__cta-mobile{
    display:flex !important;

    align-items:center;
    justify-content:center;

    width:100% !important;

    min-height:50px !important;

    margin:
      8px
      0
      0 !important;

    padding:
      0
      20px !important;

    background:var(--morado) !important;
    color:#fff !important;

    border:0 !important;
    border-radius:999px !important;

    box-shadow:none !important;

    font-size:.95rem;
    font-weight:800;

    text-decoration:none;
  }


  .nav__cta-mobile::after{
    content:none !important;
  }

}
<!DOCTYPE html>

<html lang="es-CL">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Servicios · Hay Pega</title>

<meta name="description" content="Publicación y difusión de ofertas laborales, publicidad para empresas y creación de currículums profesionales y especializados.">

<link rel="icon" type="image/png" href="assets/logos/Favicon.png">

<link rel="apple-touch-icon" href="assets/logos/isologo-negro.png">

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">

<link rel="stylesheet" href="styles.css?v=31">

<link rel="stylesheet" href="servicios-ajustes.css?v=1">


<style id="servicios-mobile-nav-fix">
/* ============================================================
   SERVICIOS · HEADER MOBILE DEFINITIVO
   Solo logo + hamburguesa cerrada; CTAs dentro del menú.
   ============================================================ */
@media (max-width: 820px){
  body[data-page="servicios"] .nav{
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    height: 68px !important;
    min-height: 68px !important;
    background: var(--menta, #24e79f) !important;
    overflow: visible !important;
  }

  body[data-page="servicios"] .nav__inner{
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: 68px !important;
    min-height: 68px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="servicios"] .brand-mark--nav{
    display: flex !important;
    flex: 0 0 54px !important;
    width: 54px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  body[data-page="servicios"] .brand-mark--nav img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  /* CTA de escritorio: jamás aparece en el header móvil */
  body[data-page="servicios"] .nav__inner > .nav__cta{
    display: none !important;
  }

  /* Menú cerrado por defecto */
  body[data-page="servicios"] #navLinks.nav__links{
    display: none !important;
    position: fixed !important;
    top: 68px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9998 !important;
    width: 100% !important;
    max-width: none !important;
    max-height: calc(100dvh - 68px) !important;
    overflow-y: auto !important;
    margin: 0 !important;
    padding: 18px 16px 24px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    background: var(--menta, #24e79f) !important;
    border: 0 !important;
    border-top: 1px solid rgba(0,0,0,.12) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body[data-page="servicios"] #navLinks.nav__links.is-open{
    display: flex !important;
  }

  /* Links normales del menú */
  body[data-page="servicios"] #navLinks .nav__link{
    display: flex !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    align-items: center !important;
    color: #000 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,.12) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
  }

  body[data-page="servicios"] #navLinks .nav__link::after{
    display: none !important;
    content: none !important;
  }

  /* Contáctanos: CTA negro SOLO dentro del menú abierto */
  body[data-page="servicios"] #navLinks .nav__contact-mobile{
    display: flex !important;
    min-height: 50px !important;
    margin: 18px 0 0 !important;
    padding: 0 20px !important;
    align-items: center !important;
    justify-content: center !important;
    background: #000 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
  }

  /* Publicar: CTA morado SOLO dentro del menú abierto */
  body[data-page="servicios"] #navLinks .nav__cta-mobile{
    display: flex !important;
    width: 100% !important;
    min-height: 50px !important;
    margin: 8px 0 0 !important;
    padding: 0 20px !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--morado, #9d48ff) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    font-size: .95rem !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }

  body[data-page="servicios"] #navLinks .nav__cta-mobile::after{
    display: none !important;
    content: none !important;
  }

  /* Hamburguesa visible y alineada a la derecha */
  body[data-page="servicios"] #burger.nav__burger{
    position: relative !important;
    z-index: 10001 !important;
    display: flex !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 0 0 auto !important;
    padding: 8px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  body[data-page="servicios"] #burger.nav__burger span{
    display: block !important;
    width: 24px !important;
    height: 3px !important;
    margin: 3px 0 !important;
    background: #000 !important;
    border-radius: 999px !important;
    opacity: 1 !important;
    transform: none;
    transform-origin: center !important;
    transition: transform .2s ease, opacity .2s ease !important;
  }

  body[data-page="servicios"] #burger.nav__burger[aria-expanded="true"] span:nth-child(1){
    transform: translateY(9px) rotate(45deg) !important;
  }
  body[data-page="servicios"] #burger.nav__burger[aria-expanded="true"] span:nth-child(2){
    opacity: 0 !important;
  }
  body[data-page="servicios"] #burger.nav__burger[aria-expanded="true"] span:nth-child(3){
    transform: translateY(-9px) rotate(-45deg) !important;
  }
}

@media (min-width: 821px){
  body[data-page="servicios"] #burger.nav__burger{
    display: none !important;
  }
  body[data-page="servicios"] .nav__cta-mobile{
    display: none !important;
  }
}
</style>

</head>

<body data-page="servicios">



<header class="nav" id="nav">

  <div class="nav__inner">



    <a

      class="brand-mark brand-mark--nav"

      href="index.html"

      aria-label="Hay Pega, inicio"

    >

      <img

        src="assets/logos/isologo-negro.png"

        alt="Hay Pega"

      >

    </a>



    <nav

      class="nav__links"

      id="navLinks"

      aria-label="Navegación principal"

    >

      <a

        href="index.html"

        class="nav__link"

        data-nav="inicio"

      >

        Inicio

      </a>



      <a

        href="buscas-trabajo.html"

        class="nav__link"

        data-nav="buscas"

      >

        ¿Buscas trabajo?

      </a>



      <a

        href="servicios.html"

        class="nav__link"

        data-nav="servicios"

      >

        Servicios

      </a>



      <a

        href="contacto.html"

        class="nav__link nav__contact-mobile"

        data-nav="contacto"

      >

        Contáctanos

      </a>



      <a

        href="contacto.html"

        class="btn nav__cta-mobile"

      >

        Publicar una vacante

      </a>

    </nav>



    <!-- CTA SOLO DESKTOP -->

    <a

      href="contacto.html"

      class="btn nav__cta"

    >

      Publicar una vacante

    </a>



    <!-- HAMBURGUESA -->

    <button

      class="nav__burger"

      id="burger"

      type="button"

      aria-label="Abrir menú"

      aria-expanded="false"

      aria-controls="navLinks"

    >

      <span></span>

      <span></span>

      <span></span>

    </button>



  </div>

</header>



<main>

  <section class="services-hero plastic">

    <div class="services-hero__inner">

      <div class="services-hero__copy">

        <nav class="crumbs" aria-label="Ruta"><a href="index.html">Inicio</a><span>/</span><span>Servicios</span></nav>

        <p class="tag tag--white">Para empresas y postulantes</p>

        <h1 class="display display--onmint"><span class="w-black">Servicios</span><span class="services-title__middle">que conectan</span><span class="w-light">oportunidades reales.</span></h1>

        <p class="lede lede--dark">Ayudamos a mejorar la difusión de vacantes, los procesos de contratación y la forma en que cada persona presenta su experiencia al postular.</p>

        <div class="hero__actions">

          <a href="#empresas" class="btn btn--black btn--lg">Soy empresa</a>

          <a href="#postulantes" class="btn btn--white btn--lg">Busco trabajo</a>

        </div>

      </div>

      <div class="services-hero__art services-hero__art--editorial motion-scene">

        <img class="services-hero__logo" src="assets/logos/isologo-blanco.png" alt="" aria-hidden="true">

        <img class="services-hero__person motion-layer" data-depth="16" src="assets/personas/mecanica.png" alt="Profesional del área mecánica">

        <img class="services-hero__tool motion-layer" data-depth="-8" src="assets/icons/maletin-trabajo.png" alt="Ícono tridimensional de un maletín de trabajo">

      </div>

    </div>

  </section>



  <section class="services-section" id="empresas">

    <div class="services-section__head">

      <div>

        <p class="tag tag--purple">Para empresas</p>

        <h2 class="h2">Haz visible <span class="w-light">tu oportunidad</span></h2>

      </div>

      <p>Soluciones para publicar, amplificar y posicionar vacantes, marcas y campañas frente a una comunidad vinculada al mundo laboral.</p>

    </div>



    <div class="service-grid service-grid--business">

      <article class="service-card service-card--black plastic">

        <div class="service-card__top"><span class="service-card__num">01</span><img src="assets/icons/publicar-vacante.png" alt="" aria-hidden="true"></div>

        <h3>Publicación de ofertas laborales</h3>

        <p>Publica tus vacantes en Hay Pega y llega a personas que se encuentran activamente buscando trabajo.</p>

        <p>Entregamos visibilidad a empresas, pymes y emprendimientos mediante avisos claros y directos, donde el cargo, los requisitos y la información para postular se entienden sin vueltas.</p>

        <a href="contacto.html#form" class="text-link">Quiero publicar una vacante <span aria-hidden="true">→</span></a>

      </article>



      <article class="service-card service-card--mint plastic">

        <div class="service-card__top"><span class="service-card__num">02</span><img src="assets/icons/difundir-vacante.png" alt="" aria-hidden="true"></div>

        <h3>Difusión de vacantes</h3>

        <p>Potencia el alcance de tus ofertas laborales a través de los canales de difusión de Hay Pega.</p>

        <p>Este servicio está pensado para procesos que necesitan mayor visibilidad y buscan llegar a más personas potencialmente interesadas en la oportunidad.</p>

        <a href="contacto.html#form" class="text-link">Quiero ampliar el alcance <span aria-hidden="true">→</span></a>

      </article>



      <article class="service-card service-card--purple plastic">

        <div class="service-card__top"><span class="service-card__num">03</span><img src="assets/icons/publicidad.png" alt="" aria-hidden="true"></div>

        <h3>Publicidad para empresas</h3>

        <p>Dale visibilidad a tu empresa, marca o servicio dentro de la comunidad de Hay Pega.</p>

        <p>Promociona productos, servicios o campañas frente a una audiencia conectada con el mundo laboral y la búsqueda de nuevas oportunidades.</p>

        <a href="contacto.html#form" class="text-link">Quiero promocionar mi empresa <span aria-hidden="true">→</span></a>

      </article>

    </div>

  </section>



  <section class="services-section services-section--candidates plastic" id="postulantes">

    <img class="candidate-photo candidate-photo--chef" src="assets/personas/gastronomia.png" alt="Profesional del área gastronómica">

    <div class="services-section__head">

      <div>

        <p class="tag tag--black">Para postulantes</p>

        <h2 class="h2">Presenta mejor <span class="w-light">lo que sabes hacer</span></h2>

      </div>

      <p>Currículums claros y estratégicos para ordenar tu información, mostrar tu experiencia y postular con un objetivo definido.</p>

    </div>



    <div class="service-grid service-grid--cv">

      <article class="service-card service-card--white">

        <div class="service-card__top"><span class="service-card__num service-card__num--purple">04</span><img src="assets/icons/curriculum-profesional.png" alt="" aria-hidden="true"></div>

        <h3>Creación de currículum</h3>

        <p>Creamos currículums claros, profesionales y visualmente ordenados para presentar mejor tu experiencia, habilidades y formación.</p>

        <p>Organizamos la información de manera estratégica para que el documento sea fácil de leer y proyecte una imagen profesional al momento de postular.</p>

        <a href="https://instagram.com/haypega_cl" target="_blank" rel="noopener" class="btn btn--purple">Quiero crear mi CV</a>

      </article>



      <article class="service-card service-card--black service-card--featured plastic">

        <span class="service-card__badge"><img src="assets/icons/curriculum-especializado.png" alt="" aria-hidden="true"> Más específico</span>

        <div class="service-card__top"><span class="service-card__num service-card__num--purple">05</span><img src="assets/icons/curriculum-especializado.png" alt="" aria-hidden="true"></div>

        <h3>Currículum especializado para trabajos específicos</h3>

        <p>Adaptamos tu currículum al tipo de cargo o área laboral a la que quieres postular.</p>

        <p>Enfocamos el contenido para destacar la experiencia, habilidades y antecedentes más relevantes, logrando una postulación más alineada con la vacante que buscas.</p>

        <a href="https://instagram.com/haypega_cl" target="_blank" rel="noopener" class="btn btn--black">Quiero un CV especializado</a>

      </article>

    </div>

  </section>



  <section class="service-cta plastic">

    <img src="assets/icons/contacto-chat.png" alt="" aria-hidden="true">

    <div><p class="tag tag--mint">Hablemos</p><h2>¿Qué necesitas mover hoy?</h2><p>Cuéntanos si quieres publicar, difundir, promocionar tu empresa o mejorar tu currículum.</p></div>

    <a href="contacto.html" class="btn btn--mint btn--lg">Contáctanos</a>

  </section>

</main>



<footer class="footer">

  <div class="footer__main">

    <div class="footer__brand">

      <img class="brand-mark brand-mark--footer" src="assets/logos/isologo-verde.png" alt="Hay Pega">

      <p class="footer__slogan">Conectamos personas con trabajos reales.</p>

    </div>

    <nav class="footer__links" aria-label="Pie de página">

      <p class="footer__label">Explora</p>

      <a href="index.html">Inicio</a>

      <a href="buscas-trabajo.html">¿Buscas trabajo?</a>

      <a href="servicios.html">Servicios</a>

      <a href="contacto.html">Contáctanos</a>

    </nav>

    <div class="footer__contact" aria-label="Canales de contacto">

      <p class="footer__label">Hablemos</p>

      <a href="https://instagram.com/haypega_cl" target="_blank" rel="noopener"><img src="assets/icons/instagram.png" alt=""><span>@haypega_cl</span></a>

            <a

        href="https://wa.me/message/RWJ63ADWD3G7O1"

        target="_blank"

        rel="noopener noreferrer"

        aria-label="Hablar con Hay Pega por WhatsApp"

      >

        <img src="assets/icons/whatsapp.png" alt="" aria-hidden="true">

        <span>+56 9 2190 5489</span>

      </a>

<a href="mailto:hola@haypegachile.cl"><img src="assets/icons/correo.png" alt=""><span>hola@haypegachile.cl</span></a>

    </div>

  </div>

  <div class="footer__bottom">

    <div class="footer__regions">

      <p class="footer__label">Ofertas por región</p>

      <ul class="chips chips--footer">

        <li><a class="chip chip--outline" href="buscas-trabajo.html?region=Regi%C3%B3n%20Metropolitana">Región Metropolitana</a></li>

        <li><a class="chip chip--outline" href="buscas-trabajo.html?region=Los%20Lagos">Los Lagos</a></li>

        <li><a class="chip chip--outline" href="buscas-trabajo.html?region=Maule">Maule</a></li>

        <li><a class="chip chip--outline" href="buscas-trabajo.html?region=%C3%91uble">Ñuble</a></li>

        <li><a class="chip chip--outline" href="buscas-trabajo.html?region=Araucan%C3%ADa">Araucanía</a></li>

        <li><a class="chip chip--outline" href="buscas-trabajo.html?region=Biob%C3%ADo">Biobío</a></li>

      </ul>

    </div>

    <p class="footer__legal">Hay Pega · Chile · © <span id="year">2026</span></p>

  </div>

</footer>



<script src="app.js"></script>

</body>

</html>