
/* =========================================================
   ChefWork Minimal Portal Theme 2026
   Enfoque: estilo portal de empleo moderno, limpio y versátil.
   ========================================================= */

:root{
  --cw-blue:#0a66c2;
  --cw-blue-dark:#074f96;
  --cw-orange:#ff7a00;
  --cw-bg:#f4f6f8;
  --cw-surface:#ffffff;
  --cw-text:#17233c;
  --cw-muted:#5f6f86;
  --cw-line:#dfe5ee;
  --cw-soft:#eef6ff;
  --cw-radius:14px;
  --cw-shadow:0 8px 22px rgba(10,35,70,.07);
  --cw-max:1180px;
}

html,body{background:var(--cw-bg)!important;color:var(--cw-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;}
body{font-size:15px;line-height:1.55;}
a{color:var(--cw-blue);text-decoration:none}
a:hover{text-decoration:none;color:var(--cw-blue-dark)}
.wrap,.container{max-width:var(--cw-max)!important;margin:0 auto!important;padding-left:18px!important;padding-right:18px!important}
.card{border:1px solid var(--cw-line)!important;border-radius:var(--cw-radius)!important;box-shadow:none!important;background:#fff!important}
.cw-floating-cta{display:none!important}

/* Header limpio tipo portal */
.top,[data-cw-header],.nav.card{
  position:sticky!important;top:0!important;z-index:1000!important;
  background:#fff!important;border:0!important;border-bottom:1px solid var(--cw-line)!important;
  box-shadow:0 2px 10px rgba(15,23,42,.04)!important;border-radius:0!important;
  margin:0 auto 0!important;padding:12px 22px!important;
}
.top .brand,[data-cw-header] .brand,.nav .brand{
  font-size:22px!important;font-weight:900!important;letter-spacing:-.03em!important;color:#17233c!important;
}
.top .brand .pro,[data-cw-header] .brand .pro,.nav .brand .pro{color:var(--cw-blue)!important}
.top .links,[data-cw-header] .links,.nav .links{gap:6px!important;align-items:center!important}
.top .links a,[data-cw-header] .links a,.nav .links a{
  color:#314158!important;font-weight:650!important;font-size:14px!important;
  padding:9px 10px!important;border-radius:10px!important;background:transparent!important;border:0!important;
}
.top .links a:hover,[data-cw-header] .links a:hover,.nav .links a:hover{background:#f1f5f9!important;color:var(--cw-blue)!important}
.top .links a.btn[href="/publicar-oferta"],
[data-cw-header] a.btn[href="/publicar-oferta"],
.nav .links a[href*="publicar-oferta"],
.badge-accent{
  background:var(--cw-blue)!important;color:#fff!important;border:1px solid var(--cw-blue)!important;
  border-radius:999px!important;font-weight:800!important;padding:10px 16px!important;box-shadow:none!important;
}
.top .links a[href="/login"],.nav .links a[href*="/login"]{border:1px solid var(--cw-line)!important;border-radius:999px!important}

/* Layout minimal home */
.cw-minimal-shell{padding:28px 0 54px}
.cw-hero-min{
  background:#fff;border:1px solid var(--cw-line);border-radius:20px;padding:34px;
  box-shadow:var(--cw-shadow);margin:22px 0 18px;
}
.cw-hero-min__grid{display:grid;grid-template-columns:minmax(0,1.15fr) 360px;gap:28px;align-items:center}
.cw-kicker{display:inline-flex;align-items:center;gap:8px;background:#eef6ff;color:#075ca8;border:1px solid #cde7ff;border-radius:999px;padding:7px 12px;font-weight:800;font-size:13px}
.cw-hero-min h1{margin:18px 0 10px;font-size:46px;line-height:1.04;letter-spacing:-.045em;color:#13213a}
.cw-hero-min p{margin:0;color:var(--cw-muted);font-size:18px;max-width:720px}
.cw-search-card{margin-top:24px;background:#f8fafc;border:1px solid var(--cw-line);border-radius:16px;padding:12px}
.cw-search-form{display:grid;grid-template-columns:1.1fr .9fr auto;gap:10px}
.cw-search-form input,.cw-search-form select{
  width:100%;border:1px solid var(--cw-line);border-radius:12px;padding:14px 14px;background:#fff;font-size:15px;color:var(--cw-text);outline:none;
}
.cw-search-form input:focus,.cw-search-form select:focus{border-color:#8cc8ff;box-shadow:0 0 0 3px rgba(10,102,194,.12)}
.cw-btn-min,.cw-search-form button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;
  padding:13px 18px;background:var(--cw-blue);color:#fff!important;font-weight:850;cursor:pointer;white-space:nowrap;
}
.cw-btn-min:hover,.cw-search-form button:hover{background:var(--cw-blue-dark);color:#fff!important}
.cw-btn-secondary{background:#fff!important;color:var(--cw-blue)!important;border:1px solid #b7d9f7!important}
.cw-hero-actions-min{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.cw-side-panel{background:linear-gradient(180deg,#f4f9ff,#fff);border:1px solid #d8eafb;border-radius:18px;padding:20px}
.cw-side-panel h3{margin:0 0 10px;font-size:19px;color:#13213a}
.cw-side-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:9px;color:#334155}
.cw-side-panel li{display:flex;gap:8px;align-items:flex-start}
.cw-side-panel li:before{content:"✓";color:#0a66c2;font-weight:900}
.cw-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 0}
.cw-quick-stat{background:#fff;border:1px solid var(--cw-line);border-radius:14px;padding:14px;text-align:center}
.cw-quick-stat strong{display:block;font-size:24px;color:#13213a}
.cw-quick-stat span{font-size:12px;color:var(--cw-muted);font-weight:700}

/* Secciones limpias */
.cw-section-min{margin:24px 0}
.cw-section-top{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px}
.cw-section-top h2{margin:0;font-size:25px;letter-spacing:-.025em;color:#13213a}
.cw-section-top p{margin:4px 0 0;color:var(--cw-muted)}
.cw-link-min{font-weight:850;color:var(--cw-blue)}
.cw-job-list{display:grid;gap:10px}
.cw-job-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--cw-line);border-radius:14px;padding:16px 18px}
.cw-job-row:hover{border-color:#b9d8f4;box-shadow:0 8px 20px rgba(10,102,194,.08)}
.cw-job-title{font-size:17px;font-weight:850;color:#13213a;margin:0 0 5px}
.cw-job-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--cw-muted);font-size:13px}
.cw-chip{display:inline-flex;align-items:center;border:1px solid var(--cw-line);background:#f8fafc;border-radius:999px;padding:4px 9px;color:#526174;font-size:12px;font-weight:750}
.cw-company-mini{color:#334155;font-weight:750}
.cw-job-cta{white-space:nowrap}
.cw-grid-min{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cw-card-min{background:#fff;border:1px solid var(--cw-line);border-radius:16px;padding:18px}
.cw-card-min h3{margin:0 0 8px;font-size:18px;color:#13213a}
.cw-card-min p{margin:0;color:var(--cw-muted)}
.cw-worker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cw-worker-card{background:#fff;border:1px solid var(--cw-line);border-radius:16px;padding:16px}
.cw-worker-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.cw-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#eef2f7;border:1px solid var(--cw-line)}
.cw-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:#e8f2ff;color:#075ca8;display:flex;align-items:center;justify-content:center;font-weight:900}
.cw-worker-name{font-weight:900;color:#13213a}
.cw-worker-role{font-size:13px;color:var(--cw-muted)}
.cw-muted{color:var(--cw-muted)}
.cw-cta-slim{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:#0b2341;color:#fff;border-radius:18px;padding:24px;margin:26px 0}
.cw-cta-slim h2{margin:0 0 6px;color:#fff}
.cw-cta-slim p{margin:0;color:rgba(255,255,255,.78)}
.cw-cta-slim .cw-btn-min{background:#fff;color:#0b2341!important}
.cw-categories{display:flex;gap:10px;flex-wrap:wrap}
.cw-categories a{background:#fff;border:1px solid var(--cw-line);border-radius:999px;padding:9px 12px;color:#314158;font-weight:750}
.cw-categories a:hover{border-color:#b7d9f7;background:#f4f9ff;color:var(--cw-blue)}
.cw-empty{background:#fff;border:1px dashed var(--cw-line);border-radius:16px;padding:20px;color:var(--cw-muted)}

/* Pricing minimal */
.cw-pricing-min{padding:28px 0}
.cw-pricing-hero{background:#fff;border:1px solid var(--cw-line);border-radius:20px;padding:32px;text-align:center}
.cw-pricing-hero h1{font-size:38px;line-height:1.08;letter-spacing:-.04em;margin:0 0 10px;color:#13213a}
.cw-pricing-hero p{margin:0 auto;max-width:740px;color:var(--cw-muted);font-size:17px}
.cw-plan-min-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}
.cw-plan-min{background:#fff;border:1px solid var(--cw-line);border-radius:18px;padding:24px;position:relative}
.cw-plan-min.featured{border:2px solid var(--cw-blue);box-shadow:0 14px 35px rgba(10,102,194,.12)}
.cw-plan-min .name{font-weight:900;font-size:20px;color:#13213a}
.cw-plan-min .price{font-size:38px;font-weight:950;color:#13213a;margin:8px 0}
.cw-plan-min .price span{font-size:15px;color:var(--cw-muted);font-weight:700}
.cw-plan-min ul{list-style:none;margin:16px 0;padding:0;display:grid;gap:10px;color:#334155}
.cw-plan-min li:before{content:"✓";color:var(--cw-blue);font-weight:900;margin-right:8px}
.cw-recommended{position:absolute;right:18px;top:18px;background:#e9f5ff;color:#075ca8;border:1px solid #cde7ff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}

/* Footer ajuste */
.cw-footer-mms{background:#fff!important;border-top:1px solid var(--cw-line)!important;margin-top:40px!important;color:#334155!important}

/* Responsive */
@media (max-width: 980px){
  .cw-hero-min__grid{grid-template-columns:1fr}
  .cw-worker-grid{grid-template-columns:repeat(2,1fr)}
  .cw-grid-min{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .top,[data-cw-header],.nav.card{position:relative!important;padding:12px 14px!important;align-items:flex-start!important}
  .top .links,[data-cw-header] .links,.nav .links{width:100%;overflow:auto;flex-wrap:nowrap!important;padding-bottom:4px}
  .cw-hero-min{padding:22px}
  .cw-hero-min h1{font-size:34px}
  .cw-search-form{grid-template-columns:1fr}
  .cw-quick-stats{grid-template-columns:1fr}
  .cw-job-row{grid-template-columns:1fr}
  .cw-worker-grid{grid-template-columns:1fr}
  .cw-cta-slim{grid-template-columns:1fr}
  .cw-plan-min-grid{grid-template-columns:1fr}
}

/* ChefWork footer redesign - 2026-07-01 */
.cw-footer-mms,
footer.cw-footer-mms,
.cw-footer-chefwork{
    margin:72px auto 0 !important;
    padding:0 18px 28px !important;
    background:transparent !important;
    border:0 !important;
    color:#0f172a !important;
    box-shadow:none !important;
}
.cw-footer-mms__inner{
    width:min(1180px, calc(100vw - 36px)) !important;
    max-width:1180px !important;
    margin:0 auto !important;
    padding:38px 42px !important;
    display:grid !important;
    grid-template-columns:minmax(280px, .95fr) minmax(360px, 1.2fr) !important;
    gap:38px !important;
    align-items:start !important;
    background:
      radial-gradient(circle at 92% 0%, rgba(255,122,0,.22), transparent 30%),
      linear-gradient(135deg,#111827 0%,#0b0f14 64%,#23170d 100%) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-top:4px solid #ff7a00 !important;
    border-radius:34px !important;
    box-shadow:0 28px 80px rgba(15,23,42,.18) !important;
    position:relative !important;
    overflow:hidden !important;
}
.cw-footer-mms__inner:before{
    content:"" !important;
    position:absolute !important;
    right:-70px !important;
    top:-90px !important;
    width:260px !important;
    height:260px !important;
    border-radius:999px !important;
    background:rgba(255,122,0,.16) !important;
    pointer-events:none !important;
}
.cw-footer-mms__brand,
.cw-footer-mms__legal{position:relative !important; z-index:1 !important;}
.cw-footer-mms__brand strong{
    display:block !important;
    margin:0 0 10px !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:clamp(26px,2.5vw,34px) !important;
    line-height:1 !important;
    letter-spacing:-.05em !important;
    font-weight:1000 !important;
}
.cw-footer-pro{color:#ff7a00 !important;-webkit-text-fill-color:#ff7a00 !important;}
.cw-footer-mms__brand span{
    display:block !important;
    max-width:430px !important;
    color:rgba(255,255,255,.78) !important;
    -webkit-text-fill-color:rgba(255,255,255,.78) !important;
    font-size:16px !important;
    line-height:1.55 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
}
.cw-footer-mms__legal{
    border-left:1px solid rgba(255,122,0,.28) !important;
    padding-left:34px !important;
}
.cw-footer-mms__legal p{
    margin:0 0 9px !important;
    color:rgba(255,255,255,.74) !important;
    -webkit-text-fill-color:rgba(255,255,255,.74) !important;
    font-size:14px !important;
    line-height:1.55 !important;
}
.cw-footer-mms__legal strong{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-weight:900 !important;
}
.cw-footer-mms__legal a,
.cw-footer-mms a{
    color:#ffb15c !important;
    -webkit-text-fill-color:#ffb15c !important;
    text-decoration:none !important;
    font-weight:900 !important;
}
.cw-footer-mms__legal a:hover,
.cw-footer-mms a:hover{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}
.cw-footer-links{gap:10px !important;}
.cw-footer-links .cw-v2-logo,
.cw-footer-mms .cw-v2-logo{
    background:rgba(255,255,255,.08) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-radius:999px !important;
    padding:11px 16px !important;
    box-shadow:none !important;
    font-weight:900 !important;
}
.cw-footer-links .cw-v2-logo:hover,
.cw-footer-mms .cw-v2-logo:hover{
    background:#ff7a00 !important;
    color:#111827 !important;
    -webkit-text-fill-color:#111827 !important;
    border-color:#ff7a00 !important;
    transform:translateY(-1px) !important;
}
@media (max-width:760px){
    .cw-footer-mms{margin-top:46px !important;padding:0 14px 22px !important;}
    .cw-footer-mms__inner{
        width:100% !important;
        grid-template-columns:1fr !important;
        gap:22px !important;
        padding:30px 22px !important;
        border-radius:28px !important;
    }
    .cw-footer-mms__legal{
        border-left:0 !important;
        border-top:1px solid rgba(255,122,0,.28) !important;
        padding-left:0 !important;
        padding-top:20px !important;
    }
}
