
:root{--hop-green:#11a861;--hop-green-dark:#0b6f47;--hop-ink:#121814;--hop-muted:#738078;--hop-line:#dce6df;--hop-soft:#f4faf6;--hop-white:#fff}
.hop-public,.hop-dashboard,.hop-admin-wrap{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--hop-ink)}
.hop-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.hop-narrow{width:min(760px,calc(100% - 40px));margin:0 auto}
.hop-hero{padding:92px 0;background:linear-gradient(135deg,#f8fcf9,#eef8f2);border-bottom:1px solid var(--hop-line)}.hop-hero h1{font-size:clamp(42px,6vw,78px);line-height:.97;letter-spacing:-.055em;max-width:980px;margin:12px 0 24px}.hop-hero p{font-size:20px;line-height:1.6;max-width:760px;color:#5e6b63}.hop-kicker{display:inline-block;color:var(--hop-green);font-weight:800;letter-spacing:.2em;font-size:12px}.hop-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hop-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:14px 20px;font-weight:750;text-decoration:none;border:1px solid transparent;cursor:pointer}.hop-btn-primary{background:var(--hop-green);color:#fff}.hop-btn-primary:hover{background:var(--hop-green-dark);color:#fff}.hop-btn-ghost{background:#fff;color:var(--hop-ink);border-color:var(--hop-line)}
.hop-trust{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.hop-trust span{padding:9px 13px;border:1px solid var(--hop-line);border-radius:999px;background:#fff;font-size:13px;font-weight:700}
.hop-section{padding:72px 0}.hop-soft{background:var(--hop-soft)}.hop-section-head{text-align:center;max-width:800px;margin:0 auto 34px}.hop-section-head.hop-left{text-align:left;max-width:none;margin:0 0 30px}.hop-section-head h1,.hop-section-head h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.045em;line-height:1.02;margin:10px 0 14px}.hop-section-head p{font-size:18px;color:var(--hop-muted);line-height:1.55}
.hop-grid{display:grid;gap:22px}.hop-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hop-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hop-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hop-card{background:#fff;border:1px solid var(--hop-line);border-radius:24px;padding:28px;box-shadow:0 14px 40px rgba(14,37,24,.045)}.hop-card h3{font-size:22px;margin:10px 0}.hop-card p{color:var(--hop-muted);line-height:1.6}.hop-icon{width:56px;height:56px;border-radius:18px;background:#eaf7ef;display:flex;align-items:center;justify-content:center;font-size:26px;flex:0 0 auto}
.hop-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.hop-steps>div{background:#fff;border:1px solid var(--hop-line);border-radius:22px;padding:24px}.hop-steps b{display:block;color:var(--hop-green);font-size:28px}.hop-steps h3{font-size:20px;margin:12px 0 6px}.hop-steps p{color:var(--hop-muted)}
.hop-vsl{max-width:980px;margin:auto}.hop-vsl iframe,.hop-vsl video{width:100%;aspect-ratio:16/9;border:0;border-radius:22px;background:#000}.hop-vsl-progress{height:8px;background:#e8eee9;border-radius:999px;margin-top:12px;overflow:hidden}.hop-vsl-progress span{display:block;width:0;height:100%;background:var(--hop-green);transition:width .3s}.hop-vsl small{color:var(--hop-muted)}
.hop-form label{display:flex;flex-direction:column;gap:8px;font-weight:700;margin-bottom:16px}.hop-form input,.hop-form select,.hop-form textarea,.hop-operation-editor input,.hop-operation-editor select{width:100%;box-sizing:border-box;border:1px solid var(--hop-line);border-radius:12px;padding:13px 14px;background:#fff;font:inherit}.hop-check{flex-direction:row!important;align-items:flex-start!important;font-weight:500!important}.hop-check input{width:auto!important;margin-top:3px}.hop-form-result{margin-top:14px}
.hop-dashboard{max-width:1320px;margin:0 auto;padding:34px}.hop-stat{background:#fff;border:1px solid var(--hop-line);border-radius:22px;padding:22px;text-decoration:none;color:var(--hop-ink)}.hop-stat span{font-size:22px}.hop-stat strong{display:block;font-size:28px;margin:10px 0 4px}.hop-stat small{color:var(--hop-muted);font-size:13px}.hop-link-card:hover{transform:translateY(-1px)}
.hop-hub-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;background:#fff;border:1px solid var(--hop-line);border-radius:24px;padding:28px;text-decoration:none;color:var(--hop-ink)}.hop-hub-card h3{font-size:20px;margin:0 0 7px}.hop-hub-card p{margin:0;color:var(--hop-muted)}.hop-arrow{font-size:34px;color:var(--hop-green)}.hop-dashboard-links{margin-top:28px}
.hop-table-wrap{overflow:auto;background:#fff;border:1px solid var(--hop-line);border-radius:22px;margin-top:24px}.hop-table{width:100%;border-collapse:collapse}.hop-table th{background:#0d2a1d;color:#fff;text-align:left;padding:16px}.hop-table td{padding:16px;border-top:1px solid var(--hop-line);vertical-align:top}.hop-table small{color:var(--hop-muted)}
.hop-project-selector{margin-top:28px}.hop-project-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.hop-project-checks label{display:flex;align-items:center;gap:12px;border:1px solid var(--hop-line);border-radius:14px;padding:14px}.hop-project-checks small{display:block;color:var(--hop-green);font-weight:700;margin-top:3px}
.hop-project-card{overflow:hidden;border:1px solid var(--hop-line);border-radius:24px;background:#fff}.hop-project-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.hop-project-body{padding:20px}.hop-project-body h3{font-size:22px;margin:6px 0 12px}.hop-project-loc{color:var(--hop-muted);font-size:13px}.hop-micro-lead-form{display:grid;gap:9px;margin-top:18px}.hop-micro-lead-form input{border:1px solid var(--hop-line);border-radius:10px;padding:11px}
.hop-micro-hero{padding:72px 0}.hop-micro-bio{max-width:700px}
.hop-notice{padding:16px 18px;border-radius:14px;background:#f6f7f6;border:1px solid var(--hop-line);margin-bottom:18px}.hop-success{background:#edf9f2;border-color:#cfeada;color:#0b6f47}
.hop-admin-wrap .hop-admin-hero{margin:22px 0;padding:24px 28px;background:linear-gradient(135deg,#f7fbf8,#eef8f2);border:1px solid var(--hop-line);border-radius:24px}.hop-admin-wrap .hop-admin-hero h1{font-size:42px;letter-spacing:-.04em;margin:8px 0}.hop-admin-wrap .hop-admin-hero p{color:var(--hop-muted);font-size:16px}.hop-section-title{margin-top:34px}.hop-operation-editor{margin:18px 0}.hop-op-head strong{font-size:18px}.hop-op-head small{display:block;color:var(--hop-muted);margin-top:5px}
.hop-home-section{padding:60px 0;background:#0d2a1d;color:#fff}.hop-home-section .hop-shell{display:flex;align-items:center;justify-content:space-between;gap:36px}.hop-home-copy{max-width:760px}.hop-home-copy h2{font-size:clamp(36px,5vw,62px);letter-spacing:-.05em;line-height:1;margin:10px 0 18px}.hop-home-copy p{font-size:18px;line-height:1.6;color:#cfe0d7}.hop-home-badge{width:190px;height:190px;border-radius:38px;background:#fff;color:#0d2a1d;display:flex;flex-direction:column;align-items:center;justify-content:center}.hop-home-badge strong{font-size:38px}.hop-home-badge span{color:var(--hop-green);font-weight:800}
@media(max-width:900px){.hop-grid-4,.hop-grid-3,.hop-grid-2,.hop-steps{grid-template-columns:1fr 1fr}.hop-home-section .hop-shell{flex-direction:column;align-items:flex-start}}
@media(max-width:620px){.hop-grid-4,.hop-grid-3,.hop-grid-2,.hop-steps,.hop-project-checks{grid-template-columns:1fr}.hop-dashboard{padding:20px}.hop-hero{padding:64px 0}.hop-hub-card{grid-template-columns:auto 1fr}.hop-arrow{display:none}.hop-home-badge{display:none}}

/* 2.6.1 — Native HOUSE shell integration */
html,body.house-promotores-native-shell{margin:0!important;background:#f8faf8}
body.house-promotores-native-shell #wpadminbar{z-index:99999}
.hop-native-shell{min-height:100vh;display:grid!important;grid-template-columns:280px minmax(0,1fr);background:#f8faf8}
.hop-native-sidebar{display:flex!important;position:sticky;top:0;height:100vh;box-sizing:border-box;padding:26px 18px!important;border-right:1px solid #e1e7e3;background:#fff;flex-direction:column}
.hop-native-user{display:flex;align-items:center;gap:12px;padding:12px 4px 24px;border-bottom:1px solid #e4e9e6}
.hop-native-avatar{width:52px;height:52px;border-radius:16px;background:#171b18;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:850}
.hop-native-user strong{display:block;font-size:14px}.hop-native-user small{display:block;color:#7c867f;margin-top:5px;font-size:11px}
.hop-native-nav{display:grid!important;gap:5px!important;margin-top:22px!important}
.hop-native-nav a{display:flex!important;align-items:center;gap:12px;padding:12px 13px!important;border-radius:11px;color:#4d5650!important;text-decoration:none!important;font-weight:720;font-size:12px}
.hop-native-nav a span{width:18px;text-align:center}.hop-native-nav a:hover,.hop-native-nav a.is-active{background:#eef8f2!important;color:#10975a!important}
.hop-native-sidebar-foot{margin-top:auto;border-top:1px solid #e4e9e6;padding-top:16px;display:grid;gap:8px}.hop-native-sidebar-foot a{font-size:12px;color:#667068;text-decoration:none;padding:7px}
.hop-native-main{min-width:0;padding:0;background:#f8faf8}.hop-native-main>.hop-dashboard{max-width:none;margin:0;padding:36px 48px 70px}
.hop-native-public-top{height:78px;background:#fff;border-bottom:1px solid #e5e9e6;display:flex;align-items:center;position:sticky;top:0;z-index:1000}
.hop-native-top-inner{width:min(1240px,calc(100% - 38px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.hop-native-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#111}.hop-native-brand-mark{width:42px;height:42px;border-radius:12px;background:#111;color:#fff;display:grid;place-items:center;font-weight:900}.hop-native-brand strong{font-size:20px;letter-spacing:-.03em}.hop-native-top-inner nav{display:flex;align-items:center;gap:24px}.hop-native-top-inner nav a{font-size:13px;font-weight:700;text-decoration:none;color:#283029}.hop-native-top-cta{background:#11a861!important;color:#fff!important;padding:10px 14px;border-radius:10px}
.hop-native-admin-card-wrap{margin-top:28px}.hop-native-admin-title{font-size:28px!important;letter-spacing:-.035em!important;margin:0 0 15px!important}.hop-native-admin-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;border:1px solid #dbe5df;border-radius:24px;background:#fff;padding:28px 30px;text-decoration:none!important;color:#172019!important;box-shadow:0 12px 30px rgba(18,42,28,.04)}.hop-native-admin-icon{width:58px;height:58px;border-radius:18px;background:#eaf7ef;display:grid;place-items:center;font-size:27px}.hop-native-admin-copy strong{display:block;font-size:20px}.hop-native-admin-copy small{display:block;margin-top:8px;color:#7a857d;font-size:14px}.hop-native-admin-arrow{font-size:34px;color:#12a45f}
.hop-register-gated:not(.is-unlocked) .hop-gated-content{opacity:.28;pointer-events:none;filter:grayscale(.2)}.hop-register-gated.is-unlocked .hop-gate-message{display:none}.hop-gate-message{background:#0d2a1d;color:#fff;padding:14px 18px;border-radius:13px;margin-bottom:16px;text-align:center;font-weight:700}
@media(max-width:980px){.hop-native-shell{grid-template-columns:1fr}.hop-native-sidebar{position:static;height:auto;display:block!important}.hop-native-nav{grid-template-columns:repeat(2,1fr)}.hop-native-sidebar-foot{display:none}.hop-native-main>.hop-dashboard{padding:28px 20px 60px}}
@media(max-width:700px){.hop-native-top-inner nav a:not(.hop-native-top-cta){display:none}.hop-native-nav{grid-template-columns:1fr}}

/* 2.6.2 — Integración nativa Mi House */
.hop-admin-integrated{margin-top:42px!important}
.hop-admin-integrated-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hop-admin-integrated-grid .hop-native-admin-card{margin:0!important}
.hop-admin-integrated-module{margin-top:28px;padding-top:28px;border-top:1px solid #dce6df}
.hop-back-admin{display:inline-flex;margin-bottom:20px;color:#0b9f57!important;font-weight:800;text-decoration:none!important}
@media(max-width:820px){.hop-admin-integrated-grid{grid-template-columns:1fr}}

/* 2.6.4 SAFE RECOVERY
   El plugin no inyecta ni modifica el Panel Administrador HOUSE.
   Estos estilos se mantienen fuera de la vista admin nativa. */
body:not(.house-role-promotor-native) .hop-admin-integrated,
body:not(.house-role-promotor-native) .hop-native-admin-card-wrap.hop-admin-integrated {
  all: revert;
}

/* 2.6.9
   El menú Mi House queda 100% bajo control de HOUSE OS.
   Promotores no oculta, reescribe ni intercepta enlaces del sidebar. */
body.house-role-promotor-native .hos-dash-sidebar a {
  pointer-events: auto;
}

/* 2.6.10 — SAFE NATIVE ROLE MENU
   No altera eventos, enlaces ni acordeones de HOUSE OS. */
body.house-role-promotor-native [data-house-promotor-hidden="1"]{
  display:none!important;
}
