*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',sans-serif;background:#fff;font-size:16px}
.agente-wrap{width:100%;overflow:hidden}

/* NAV — yellow, floating */
.nav{display:flex;align-items:center;justify-content:space-between;padding:8px 32px;background:#FFD400;position:fixed;top:0;left:0;right:0;z-index:999;box-shadow:0 2px 16px rgba(0,0,0,0.18)}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-links{display:flex;gap:4px;align-items:center}
.nav-links a{font-size:13px;color:#0a0a0a;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:6px 11px;border-radius:5px;transition:background 0.15s;white-space:nowrap}
.nav-links a:hover{background:rgba(0,0,0,0.1)}

/* REGISTRATION DROPDOWN */
.nav-drop{position:relative}
.nav-drop>button{font-family:inherit;font-size:13px;color:#0a0a0a;background:transparent;border:none;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:6px 11px;border-radius:5px;cursor:pointer;transition:background 0.15s;white-space:nowrap}
.nav-drop>button:hover{background:rgba(0,0,0,0.1)}
.nav-drop-menu{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.22);min-width:190px;padding:6px;z-index:1000}
.nav-drop-menu a{display:block;color:#0a0a0a;text-decoration:none;padding:10px 14px;font-size:13px;font-weight:700;text-transform:none;letter-spacing:0;border-radius:6px}
.nav-drop-menu a:hover{background:#f5f5f3}

/* HAMBURGER */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:transparent;border:none;padding:4px}
.hamburger span{display:block;width:22px;height:2px;background:#0a0a0a;border-radius:2px;transition:all 0.3s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none;flex-direction:column;background:#FFD400;padding:16px 32px 24px;border-bottom:0.5px solid rgba(0,0,0,0.1);gap:14px;position:fixed;top:68px;left:0;right:0;z-index:998;box-shadow:0 4px 16px rgba(0,0,0,0.15)}
.mobile-menu.open{display:flex}
.mobile-menu a{font-size:15px;color:#0a0a0a;text-decoration:none;font-weight:700;text-transform:uppercase}
.mobile-menu .mob-btns{display:flex;gap:8px;margin-top:8px}

/* AUTH BUTTONS */
.nav-auth{display:flex;gap:8px;align-items:center}
.btn-login{display:inline-block;text-align:center;text-decoration:none;background:transparent;color:#0a0a0a;border:2px solid #0a0a0a;border-radius:6px;padding:7px 18px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;text-transform:uppercase}
.btn-login:hover{background:rgba(0,0,0,0.08)}
.btn-ghost-full{display:block;width:100%;background:transparent;color:#ffffff;border:1.5px solid #ffffff;border-radius:7px;padding:12px 22px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;text-align:center}
.btn-ghost-full:hover{background:rgba(255,255,255,0.1)}

/* HERO */
.hero-wrap{position:relative;padding:120px 32px 64px;text-align:center;background:url('../hero_bg2.jpeg') center center / cover no-repeat;min-height:620px;display:flex;align-items:center;justify-content:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0.6) 0%,rgba(5,3,0,0.72) 50%,rgba(10,6,0,0.85) 100%)}
.hero-content{position:relative;z-index:2;width:100%;max-width:900px;margin:0 auto}
.hero-h1{font-size:48px;font-weight:700;color:#fff;line-height:1.15;margin-bottom:8px}
.hero-h1 em{color:#FFD400;font-style:normal}
.hero-sub{font-size:17px;color:rgba(255,255,255,0.75);margin-bottom:28px}

/* SEARCH BOX */
.search-box{width:100%;max-width:900px;margin:0 auto}
.search-tabs{display:flex;margin-bottom:0}
.stab{padding:10px 28px;font-size:14px;font-weight:700;border:none;cursor:pointer;font-family:inherit;background:rgba(40,40,40,0.88);color:#ccc;border-radius:6px 6px 0 0;margin-right:3px;text-transform:uppercase;letter-spacing:0.3px}
.stab.active{background:#FFD400;color:#0a0a0a}
.stab:hover:not(.active){background:rgba(70,70,70,0.95);color:#fff}
.search-location{display:flex;align-items:flex-end;gap:10px;background:#fff;padding:14px 16px;flex-wrap:wrap}
.loc-group{display:flex;flex-direction:column;gap:5px;flex:1;min-width:140px}
.loc-group label{font-size:12px;color:#0a0a0a;font-weight:700;letter-spacing:0.3px;text-transform:uppercase}
.loc-group select{padding:12px 10px;border:0.5px solid #d8d8d8;background:#f6f6f6;color:#222;font-size:15px;border-radius:5px;font-family:inherit;cursor:pointer;outline:none}
.loc-group select:focus{border-color:#FFD400;background:#fff}
.loc-group select:disabled{color:#bbb;cursor:not-allowed;background:#efefef}
.loc-group select option{background:#fff;color:#222}
.search-filters{display:flex;align-items:flex-end;background:rgba(15,15,15,0.94);padding:14px 16px;flex-wrap:wrap;gap:10px}
.filter-group{display:flex;flex-direction:column;gap:5px;flex:1;min-width:120px}
.filter-group label{font-size:12px;color:#aaa;font-weight:600;letter-spacing:0.3px;text-transform:uppercase}
.filter-group select{padding:10px 10px;border:0.5px solid #3a3a3a;background:#1a1a1a;color:#fff;font-size:14px;border-radius:5px;font-family:inherit;cursor:pointer}
.filter-group select option{background:#1a1a1a}
.search-btn{background:#FFD400;color:#0a0a0a;border:none;border-radius:6px;padding:11px 36px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;align-self:flex-end;white-space:nowrap;text-transform:uppercase}
.search-btn:hover{background:#e6bf00}

/* CITIES ROW */
.cities-row{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(0,0,0,0.55);flex-wrap:wrap;border-top:0.5px solid rgba(255,255,255,0.08)}
.cities-label{font-size:12px;color:rgba(255,255,255,0.5);font-weight:600;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap}
.city-pill{font-size:13px;color:#FFD400;background:rgba(255,212,0,0.1);border:0.5px solid rgba(255,212,0,0.3);border-radius:20px;padding:4px 14px;cursor:pointer;transition:all 0.2s;white-space:nowrap}
.city-pill:hover{background:rgba(255,212,0,0.2);border-color:#FFD400}

.search-more{display:flex;align-items:center;justify-content:center;width:100%;background:#FFD400;padding:16px;font-size:18px;letter-spacing:0.5px;color:#0a0a0a;font-weight:800;text-transform:uppercase;cursor:pointer;border:0;border-top:0.5px solid #2a2a2a}
.search-more:hover{background:#e6bf00}

/* STATS */
.stats-bar{background:#111;border-top:0.5px solid #1f1f1f;border-bottom:0.5px solid #1f1f1f;padding:30px 32px}
.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:800px;margin:0 auto;text-align:center}
.stat-num{font-size:28px;font-weight:700;color:#FFD400}
.stat-lbl{font-size:13px;color:#666;margin-top:3px}

/* SECTIONS */
.section{padding:68px 32px;max-width:860px;margin:0 auto}
.sec-tag{font-size:13px;color:#FF7A00;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-weight:600}
.sec-h2{font-size:30px;font-weight:700;color:#111;margin-bottom:14px}
.sec-sub{font-size:16px;color:#555;line-height:1.7;margin-bottom:36px}

/* HOW IT WORKS */
.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.step{background:#fff;border:0.5px solid #e5e5e5;border-radius:0 12px 12px 0;padding:22px 24px}
.step.h{border-left:3px solid #FFD400}
.step.a{border-left:3px solid #FF7A00}
.step-lbl{font-size:11px;font-weight:700;letter-spacing:0.5px;margin-bottom:8px}
.step-lbl.h{color:#FFD400}
.step-lbl.a{color:#FF7A00}
.step-ico{font-size:24px;margin-bottom:10px;display:block}
.step-ico.h{color:#FFD400}
.step-ico.a{color:#FF7A00}
.step-t{font-size:15px;font-weight:600;color:#111;margin-bottom:6px}
.step-d{font-size:14px;color:#666;line-height:1.6}

/* ROLES */
.roles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.role-h{background:#0a0a0a;border:0.5px solid #2a2a2a;border-radius:12px;padding:30px 26px}
.role-a{background:#FFD400;border-radius:12px;padding:30px 26px}
.role-t-h{font-size:20px;font-weight:700;color:#FFD400;margin-bottom:8px}
.role-t-a{font-size:20px;font-weight:700;color:#0a0a0a;margin-bottom:8px}
.role-d-h{font-size:14px;color:#888;line-height:1.6;margin-bottom:20px}
.role-d-a{font-size:14px;color:#3a2d00;line-height:1.6;margin-bottom:20px}
.feat-h{list-style:none;margin-bottom:24px}
.feat-h li{font-size:14px;color:#bbb;padding:5px 0;display:flex;align-items:center;gap:8px}
.feat-h .ck{color:#FFD400;font-weight:700}
.feat-a{list-style:none;margin-bottom:24px}
.feat-a li{font-size:14px;color:#3a2d00;padding:5px 0;display:flex;align-items:center;gap:8px}
.feat-a .ck{color:#7a5000;font-weight:700}

/* TRUST */
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}
.trust-card{background:#f7f7f5;border-radius:8px;padding:20px 18px;text-align:center}
.t-ico{font-size:28px;color:#FFD400;margin-bottom:10px;display:block}
.t-title{font-size:14px;font-weight:600;color:#111;margin-bottom:5px}
.t-desc{font-size:13px;color:#666;line-height:1.5}

/* FOOTER */
.footer{background:#0a0a0a;border-top:0.5px solid #1f1f1f;padding:44px 32px 26px}
.f-inner{max-width:1000px;margin:0 auto}
.f-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px}
.f-brand{font-size:22px;font-weight:700;color:#FFD400;margin-bottom:6px}
.f-brand span{color:#FF7A00}
.f-col-t{font-size:12px;font-weight:700;color:#fff;letter-spacing:0.5px;margin-bottom:12px;text-transform:uppercase}
.f-col a{display:block;font-size:14px;color:#FFD400;text-decoration:none;margin-bottom:7px}
.f-col a:hover{color:#fff}
.f-bot{border-top:0.5px solid #1f1f1f;padding-top:20px;display:flex;justify-content:space-between}
.divider{height:0.5px;background:#e5e5e5;max-width:860px;margin:0 auto}

@media(max-width:768px){
  .nav{padding:10px 20px}
  .nav-links{display:none}
  .nav-auth{display:none}
  .hamburger{display:flex}
  .hero-h1{font-size:32px}
  .hero-wrap{padding:100px 16px 56px;min-height:auto}
  .how-grid,.roles,.trust-grid,.stats-inner{grid-template-columns:1fr}
  .search-filters{flex-direction:column}
  .filter-group{min-width:100%}
  .search-location{flex-direction:column}
  .loc-group{min-width:100%}
  .search-btn{width:100%;padding:13px}
  .f-top{grid-template-columns:1fr}
  .section{padding:48px 20px}
  .stab{padding:9px 16px;font-size:13px}
  .cities-row{gap:6px}
}