/* JOB & SKILLED — añadidos 21/10/2026: teléfono en cabecera, botón WhatsApp y "Proyectos". */

/* Barra superior con teléfono, WhatsApp y email (desde tablet; en móvil están los botones flotantes) */
.js-topbar{display:none;background:var(--ink,#0B0C0D);color:#fff;font-size:var(--fs-cap,13px)}
.js-topbar__in{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-5,20px);min-height:36px}
.js-topbar a{color:rgba(255,255,255,.82);text-decoration:none;white-space:nowrap}
.js-topbar a:hover{color:var(--gold,#F4C542)}
.js-topbar strong{color:#fff;font-weight:700;letter-spacing:.02em}
@media (min-width:768px){.js-topbar{display:block}}

/* Cabecera: el menú completo solo cabe desde 1536 px. Entre 1180 y 1536 px se usa el botón de menú
   (antes los enlaces se montaban encima de "Acceso" y "Contacto"). "Inicio" ya lo hace el logotipo; "Cómo funciona" sigue en el pie y en la portada. */
.site-header .hdr__nav > ul > li:first-child,.site-header .hdr__nav > ul > li:has(> a[href$="/como-funciona/"]),.site-header .hdr__nav > ul > li:has(> a[href$="/nosotros/"]){display:none!important}
/* 2-11-2026: "Marketplace" entra en el menú de escritorio; "Sobre nosotros" sigue en el pie y en el menú móvil (no se elimina). */
@media (min-width:1180px) and (max-width:1439.98px){
  .site-header .hdr__nav{display:none!important}
  .site-header .hdr__burger{display:inline-flex!important}
}

/* Botones flotantes: WhatsApp (siempre) y llamar (solo móvil) */
.js-fab{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.js-fab a{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.22);text-decoration:none;transition:transform .15s ease}
.js-fab a:hover{transform:scale(1.06)}
.js-fab a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.js-fab__wa{background:#25D366;color:#fff}
.js-fab__tel{background:var(--ink,#0B0C0D);color:#fff}
@media (min-width:768px){.js-fab__tel{display:none!important}}
@media print{.js-fab{display:none}}

/* ---------------- Proyectos: tarjetas ---------------- */
.pj-filters{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:0 0 var(--s-6)}
.pj-filters button{font:inherit;font-size:var(--fs-sm);border:var(--hair) solid var(--rule);background:transparent;color:var(--tx-2);padding:8px 14px;min-height:40px;cursor:pointer}
.pj-filters button[aria-pressed="true"]{background:var(--ink,#0B0C0D);color:#fff;border-color:var(--ink,#0B0C0D)}
.pj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s-6) var(--s-5)}
.pj-card{display:flex;flex-direction:column;color:inherit;text-decoration:none;border-top:2px solid var(--tx-1);padding-top:var(--s-4)}
.pj-card:hover h3{color:var(--gold-700)}
.pj-card__img{aspect-ratio:4/3;width:100%;object-fit:cover;display:block;background:var(--grey-100,#eee);margin:0 0 var(--s-4)}
.pj-card__meta{font-size:var(--fs-micro);letter-spacing:.04em;text-transform:uppercase;color:var(--tx-3);margin:0 0 var(--s-2)}
.pj-card h3{font-size:var(--fs-h4);line-height:var(--lh-snug);margin:0 0 var(--s-2);transition:color .15s ease}
.pj-card p{font-size:var(--fs-sm);color:var(--tx-2);line-height:1.55;margin:0}
.pj-card__client{margin-top:var(--s-3)!important;font-size:var(--fs-micro)!important;color:var(--tx-3)!important}
.pj-card__n{font-size:var(--fs-micro);color:var(--tx-3);margin-top:var(--s-2)}
.pj-status{color:var(--tx-2);font-size:var(--fs-base);max-width:60ch}
.pj-status a{font-weight:600}
.pj-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-4);flex-wrap:wrap;margin:0 0 var(--s-6)}
.pj-head h2{margin:var(--s-2) 0 0}

/* ---------------- Proyectos: ficha (diálogo) ---------------- */
.pj-dlg{border:0;padding:0;width:min(1100px,100vw);max-width:100vw;max-height:100dvh;height:auto;background:var(--paper,#fff);color:var(--tx-1)}
.pj-dlg::backdrop{background:rgba(11,12,13,.72)}
.pj-dlg__in{padding:var(--s-6) var(--s-5) var(--s-8);position:relative}
@media (min-width:720px){.pj-dlg__in{padding:var(--s-8) var(--s-8) var(--s-10)}}
.pj-dlg__close{position:sticky;top:0;float:right;margin:calc(-1 * var(--s-3)) calc(-1 * var(--s-2)) 0 0;width:44px;height:44px;border:var(--hair) solid var(--rule);background:var(--paper,#fff);cursor:pointer;font-size:22px;line-height:1;z-index:2}
.pj-dlg h2{font-size:var(--fs-h2);line-height:var(--lh-tight);margin:var(--s-2) 0 var(--s-4);max-width:28ch}
.pj-dlg .pj-lede{font-size:var(--fs-lead);color:var(--tx-2);max-width:60ch;margin:0 0 var(--s-6)}
.pj-dlg__cols{display:grid;gap:var(--s-6);margin:0 0 var(--s-8)}
@media (min-width:860px){.pj-dlg__cols{grid-template-columns:2fr 1fr}}
.pj-dlg h3{font-size:var(--fs-cap);letter-spacing:.06em;text-transform:uppercase;color:var(--tx-3);margin:0 0 var(--s-3)}
.pj-dlg ul{margin:0;padding-left:1.1em}.pj-dlg li{margin:0 0 6px;color:var(--tx-2)}
.pj-dlg p{color:var(--tx-2);line-height:1.65;margin:0 0 var(--s-3)}
.pj-facts{border-top:var(--hair) solid var(--rule)}
.pj-facts div{display:flex;justify-content:space-between;gap:var(--s-3);padding:10px 0;border-bottom:var(--hair) solid var(--rule);font-size:var(--fs-sm)}
.pj-facts span:first-child{color:var(--tx-3)}
.pj-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s-4)}
.pj-gal figure{margin:0}
.pj-gal img{width:100%;height:auto;display:block;background:var(--grey-100,#eee)}
.pj-gal figcaption{font-size:var(--fs-micro);color:var(--tx-3);margin-top:6px}
.pj-dlg__cta{margin-top:var(--s-8);display:flex;gap:var(--s-3);flex-wrap:wrap}

/* ---------------- Eliminar cuenta ---------------- */
.ad-wrap{display:grid;gap:var(--s-8);align-items:start}
@media (min-width:960px){.ad-wrap{grid-template-columns:1.3fr 1fr}}
.ad-text h2{font-size:var(--fs-h3);margin:0 0 var(--s-3)}
.ad-text h2:not(:first-child){margin-top:var(--s-8)}
.ad-text p,.ad-text li{color:var(--tx-2);line-height:1.65}
.ad-text ol,.ad-text ul{padding-left:1.2em;margin:0 0 var(--s-4)}
.ad-text li{margin:0 0 var(--s-2)}
.ad-text a{text-decoration:underline}
.ad-form{border-top:2px solid var(--tx-1);padding-top:var(--s-5);display:grid;gap:var(--s-4)}
.ad-form h2{font-size:var(--fs-h4);margin:0}
.ad-form label{display:grid;gap:6px;font-size:var(--fs-sm);font-weight:600;color:var(--tx-1)}
.ad-form input,.ad-form textarea{font:inherit;font-weight:400;border:var(--hair) solid var(--rule-strong,#999);padding:10px 12px;min-height:44px;background:#fff;width:100%}
.ad-msg{font-size:var(--fs-sm);margin:0;min-height:1.4em}.ad-ok{color:var(--ok,#1a7f37)}.ad-err{color:var(--danger,#b42318)}