@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap');

/* Herramientas Freelance - capa de identidad "taller y ledger".
   Borrar este bloque restaura el diseno anterior. */

html:root:root{
  --hf-ink:#15231F;
  --hf-ink2:#15231F;
  --hf-mut:#5C6761;
  --hf-line:#D7D6CA;
  --hf-a:#1E5B46;
  --hf-a2:#1E5B46;
  --hf-b:#1E5B46;
  --hf-c:#1E5B46;
  --hf-d:#C2411C;
  --hf-e:#C2411C;
  --hf-grad:#1E5B46;
  --hf-warm:#C2411C;
  --hf-sh:0 1px 0 #D7D6CA;
  --hf-head:'Bricolage Grotesque','Outfit',system-ui,sans-serif;
  --hf-paper:#F4F3ED;
  --hf-card:#FBFAF6;
  background:#F4F3ED !important;
}

html body .hf-bg{background:var(--hf-paper) !important}
html body .hf-bg i,
html body .hf-bg::after,
html body .hf-orb{display:none !important}

html body{font-family:'Bricolage Grotesque','Outfit',system-ui,sans-serif}
html body :is(.wp-block-post-content,.hf-main,.hf-foot,.hf-aside,.hf-hdr) :is(h1,h2,h3,h4){
  font-family:var(--hf-head);
  letter-spacing:-.018em;
}
html body .hf-art p,
html body .hf-art li,
html body .wp-block-post-content p,
html body .wp-block-post-content li{
  font-family:'Source Serif 4',Georgia,serif;
  font-size:1.09rem;
  line-height:1.72;
  color:#23312B;
  max-width:68ch;
}

html body .hf-h2::after,
html body .wp-block-post-content h2::after{
  left:0; bottom:auto; top:-.62em;
  width:100%; height:1px; border-radius:0;
  background:var(--hf-line) !important;
}
html body .hf-h2,
html body .wp-block-post-content h2{padding-top:.62em; padding-bottom:0}
html body .hf-center .hf-h2::after{left:0; transform:none}

html body .hf-hero{
  background:var(--hf-ink) !important;
  background-size:auto !important;
  animation:none !important;
  border-radius:4px !important;
  box-shadow:none !important;
  border:1px solid var(--hf-ink);
}
html body .hf-hero .hf-lead{color:#D9DED9 !important}
html body .hf-eyebrow{
  background:rgba(255,255,255,.1) !important;
  border:1px solid rgba(255,255,255,.22);
  border-radius:3px !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
html body .hf-rot{color:#E7B24B !important}

html body .hf-card{
  background:var(--hf-card) !important;
  border:1.5px solid var(--hf-line) !important;
  border-radius:4px !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transition:border-color .18s ease, background .18s ease !important;
}
html body .hf-card:hover{
  transform:none !important;
  border-color:var(--hf-ink) !important;
  background:#fff !important;
  box-shadow:none !important;
}
html body .hf-card::before{display:none !important}
html body .hf-card .ic{
  background:transparent !important;
  box-shadow:none !important;
  border:1.5px solid var(--hf-line);
  border-radius:3px !important;
  width:42px; height:42px; font-size:20px;
}
html body .hf-card:hover .ic{transform:none !important; border-color:var(--hf-ink)}
html body .hf-card .go{color:var(--hf-a) !important; font-weight:700}
html body .hf-card .hf-tagline{
  color:var(--hf-mut) !important;
  background:transparent !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

html body .hf-guide .num{
  background:transparent !important;
  color:var(--hf-line) !important;
  -webkit-text-fill-color:currentColor !important;
}

html body .hf-btn{
  background:var(--hf-a) !important;
  border-radius:3px !important;
  box-shadow:none !important;
  font-weight:700;
  letter-spacing:-.01em;
  transition:background .18s ease !important;
}
html body .hf-btn:hover{background:#174837 !important; transform:none !important}
html body .hf-btn.w{background:#fff !important; color:var(--hf-ink) !important}
html body .hf-btn.w:hover{background:#ECEADF !important}
html body .hf-btn.ghost{
  background:transparent !important;
  border:1.5px solid rgba(255,255,255,.45) !important;
  color:#fff !important;
}
html body .hf-btn.line{
  background:transparent !important;
  border:1.5px solid var(--hf-ink) !important;
  color:var(--hf-ink) !important;
}
html body .hf-btn.line:hover{background:var(--hf-ink) !important; color:#fff !important}
html body .hf-btn.warm{background:var(--hf-d) !important}
html body .hf-rip{display:none !important}

html body .hf-cta .wp-block-button__link{
  background:var(--hf-d) !important;
  border-radius:3px !important;
  box-shadow:none !important;
  animation:none !important;
  white-space:nowrap !important;
  padding:9px 18px !important;
  font-weight:700;
}
html body .hf-cta .wp-block-button__link:hover{background:#A6360F !important; transform:none !important}

html body .hf-hdr{
  background:rgba(244,243,237,.92) !important;
  border-bottom:1px solid var(--hf-line) !important;
  backdrop-filter:saturate(1) blur(8px);
  -webkit-backdrop-filter:saturate(1) blur(8px);
}
html body .hf-hdr::after{display:none !important}
html body .hf-logo-mark{
  background:var(--hf-ink) !important;
  border-radius:3px !important;
  box-shadow:none !important;
}
html body .hf-logo:hover .hf-logo-mark{transform:none !important}
html body .hf-logo span.t{
  color:var(--hf-a) !important;
  background:none !important;
  -webkit-text-fill-color:var(--hf-a) !important;
}

html body .hf-tool{
  background:#fff !important;
  border:1.5px solid var(--hf-line) !important;
  border-radius:4px !important;
  box-shadow:none !important;
}
html body .hf-tool::before{display:none !important}
html body .hf-tool-h .ic{
  background:transparent !important;
  border:1.5px solid var(--hf-line);
  box-shadow:none !important;
  border-radius:3px !important;
}
html body .hf-stat{
  background:transparent !important;
  border:1px solid var(--hf-line) !important;
  border-radius:4px !important;
  box-shadow:none !important;
}
html body .hf-stat b{color:var(--hf-a) !important}
html body .hf-chip{
  border:1.5px solid var(--hf-line) !important;
  border-radius:3px !important;
  background:transparent !important;
  color:var(--hf-ink) !important;
  font-weight:600;
}
html body .hf-chip:hover{border-color:var(--hf-ink) !important; background:#fff !important}
html body .hf-chip.is-on{
  background:var(--hf-ink) !important;
  border-color:var(--hf-ink) !important;
  color:#fff !important;
}
html body .hf-tag{
  background:transparent !important;
  border:1px solid var(--hf-line);
  color:var(--hf-mut) !important;
  border-radius:2px !important;
}

html body .hf-float a{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:3px !important;
  box-shadow:none !important;
}
html body .hf-float a:hover{transform:none !important; background:rgba(255,255,255,.16) !important}

html body .hf-tool :is(input[type=text],input[type=number],input[type=search],input[type=time],input[type=date],input[type=email],select,textarea){
  border-radius:3px !important;
  border:1.5px solid var(--hf-line) !important;
  font-family:'Bricolage Grotesque',system-ui,sans-serif;
}
html body .hf-tool :is(input,select,textarea):focus{
  border-color:var(--hf-a) !important;
  outline:2px solid rgba(30,91,70,.25);
  outline-offset:1px;
  box-shadow:none !important;
}

html body .hf-big,
html body .hf-kpi b,
html body .hf-out{color:var(--hf-ink) !important}
html body .hf-kpi.hi b{color:#fff !important}
html body .hf-kpi.hi span{color:#C6D0CA !important}

html body .hf-art a:not(.hf-btn):not(.hf-card),
html body .wp-block-post-content a:not(.hf-btn):not(.hf-card){
  color:var(--hf-a) !important;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

html body #hf-bar{background:var(--hf-a) !important}

html body .hf-sec,
html body .hf-reveal{animation:none !important}

html body a:focus-visible,
html body button:focus-visible,
html body .hf-btn:focus-visible{
  outline:2px solid var(--hf-a);
  outline-offset:2px;
}


/* --- Ajustes de segunda pasada ------------------------------ */

/* Iconos de categoria: glifo atenuado, no emoji a todo color */
html body .hf-card .ic,
html body .hf-tool-h .ic,
html body .hf-float a > span:first-child{
  filter:grayscale(1) contrast(.85);
  opacity:.72;
}
html body .hf-card:hover .ic{opacity:1}

/* Campos y cajas: papel, nada de lila */
html body .hf-tool :is(input[type=text],input[type=number],input[type=search],input[type=time],input[type=date],input[type=email],select,textarea),
html body .hf-box,
html body .hf-out,
html body .hf-result{
  background:#FBFAF6 !important;
}
html body .hf-f > span{color:var(--hf-ink) !important; font-weight:600}
html body .hf-f small{color:var(--hf-mut) !important}

/* Tablas y listas de herramientas */
html body .hf-table th{background:#EFEEE5 !important; color:var(--hf-ink) !important}
html body .hf-table th,
html body .hf-table td{border-color:var(--hf-line) !important}
html body .hf-lib article{
  background:#FBFAF6 !important;
  border:1.5px solid var(--hf-line) !important;
  border-radius:4px !important;
  box-shadow:none !important;
}
html body .hf-lib article:hover{border-color:var(--hf-ink) !important; transform:none !important}

/* Barra lateral y bloques del pie */
html body .hf-w{
  background:#FBFAF6 !important;
  border:1.5px solid var(--hf-line) !important;
  border-radius:4px !important;
  box-shadow:none !important;
}
html body .hf-w.ig,
html body .hf-w.sub{background:#EFEEE5 !important}
html body .hf-band{
  background:var(--hf-ink) !important;
  border-radius:4px !important;
  box-shadow:none !important;
}

/* Progreso y casillas */
html body .hf-progress{background:#E6E5DA !important; border-radius:2px !important}
html body .hf-progress span{background:var(--hf-a) !important}
html body .hf-check label{border-radius:3px !important; border-color:var(--hf-line) !important}
html body .hf-check label:has(input:checked){
  background:#EDF2EF !important;
  border-color:var(--hf-a) !important;
}

/* Preguntas frecuentes */
html body details{
  border:1.5px solid var(--hf-line) !important;
  border-radius:4px !important;
  background:#FBFAF6 !important;
  box-shadow:none !important;
}
html body summary{font-family:var(--hf-head); font-weight:700}


/* ===== HF pase 3: contraste, bloques heredados y un solo momento de movimiento ===== */

/* --- Texto que quedaba invisible sobre fondos oscuros --- */
html body .hf-band p,html body .hf-band li,html body .hf-band small{color:#C6D0CA !important}
html body .hf-band strong,html body .hf-band b{color:#E7B24B !important}
html body .hf-band h2,html body .hf-band h3{color:#fff !important}
html body .hf-hero p:not(.hf-micro){color:#D9DED9 !important}
html body .hf-news p,html body .hf-news li{color:#D9DED9 !important}
html body .hf-news h2,html body .hf-news h3{color:#fff !important}
html body .hf-foot p,html body .hf-foot li,html body .hf-foot small{color:#B9C2BC !important}

/* --- Bloque de suscripcion: tinta plana en vez del degradado violeta --- */
html body .hf-news{
  background:#15231F !important;
  background-image:none !important;
  border:1px solid #15231F;
  border-top:3px solid #C2411C;
  border-radius:4px !important;
  box-shadow:none !important;
}
html body .hf-perks span{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.28) !important;
  color:#C6D0CA !important;
  border-radius:3px !important;
}
html body .hf-news a{color:#E7B24B !important}
html body .hf-news .hf-micro{color:#9AA69F !important}

/* --- Pie: tinta plana en vez del degradado indigo --- */
html body .hf-foot{
  background:#15231F !important;
  background-image:none !important;
  color:#B9C2BC !important;
  border-top:1px solid #2A3A34;
}
html body .hf-foot h4{color:#fff !important;font-size:.82rem;letter-spacing:.01em}
html body .hf-foot a{color:#CBD3CD !important;text-decoration:none}
html body .hf-foot a:hover{color:#fff !important;text-decoration:underline;text-underline-offset:3px}
html body .hf-foot .hf-igc{
  background:transparent !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:3px !important;
  box-shadow:none !important;
  transition:border-color .18s ease,background .18s ease !important;
}
html body .hf-foot .hf-igc:hover{background:rgba(255,255,255,.07) !important;border-color:rgba(255,255,255,.5) !important;transform:none !important}
html body .hf-foot .hf-logo span.t{color:#E7B24B !important;-webkit-text-fill-color:#E7B24B !important}
html body .hf-band{background:#15231F !important;border-radius:4px}

/* --- El unico momento de movimiento: la palabra que rota en el titular --- */
html body .hf-rot{
  display:inline-block;
  color:#E7B24B !important;
  position:relative;
  transition:transform .34s cubic-bezier(.22,.9,.26,1),opacity .34s ease;
}
html body .hf-rot.out{transform:translateY(-.45em);opacity:0}
html body .hf-rot::after{
  content:'';position:absolute;left:0;right:0;bottom:-.06em;height:2px;
  background:#E7B24B;transform-origin:left center;
  animation:hf-draw .8s .35s cubic-bezier(.22,.9,.26,1) both;
}
@keyframes hf-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* --- Movimiento que responde a una accion, no decorativo --- */
html body .hf-card .go{transition:transform .2s cubic-bezier(.22,.9,.26,1)}
html body .hf-card:hover .go{transform:translateX(4px)}

/* --- Resultados del buscador con la paleta nueva --- */
html body .hf-sxres{
  background:#FBFAF6 !important;
  border:1.5px solid #D7D6CA !important;
  border-radius:4px !important;
  box-shadow:0 14px 30px rgba(21,35,31,.12) !important;
}
html body .hf-sxit{border-radius:3px}
html body .hf-sxit:hover,html body .hf-sxit:focus-visible{background:#EFEDE3 !important;outline:none}
html body .hf-sxit .ar{color:#1E5B46 !important}
html body .hf-sxh{color:#5C6761 !important;font-weight:700}
html body .hf-sxno{color:#5C6761 !important}
html body .hf-sxchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}
html body .hf-sxchips>span{color:#5C6761;font-size:.82rem;margin-right:2px}
html body .hf-chip.sm{font-size:.8rem;padding:4px 10px}

@media (prefers-reduced-motion:reduce){
  html body .hf-rot,html body .hf-rot::after,html body .hf-card .go{transition:none !important;animation:none !important}
}