/* EcoVilla Alegre · hub.css · estilos del centro de gestión. */

:root{
  --forest:#244516;--forest-deep:#172d0e;--olive:#6e8e00;--leaf:#93b51d;
  --sun:#f2ba00;--cream:#f6f1e4;--ivory:#fffdf7;--earth:#795026;
  --ink:#29351f;--muted:#777b67;--line:#e4dfd0;--white:#fff;
  --shadow:0 24px 70px rgba(34,57,22,.13);--radius:30px;
}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#edf0e7}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:
 radial-gradient(circle at 8% 6%,rgba(242,186,0,.13),transparent 24%),
 radial-gradient(circle at 92% 16%,rgba(110,142,0,.13),transparent 28%),
 linear-gradient(180deg,#f5f3e9 0%,#edf1e8 54%,#e8ede3 100%);z-index:-2}
body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;z-index:-1;background-image:radial-gradient(rgba(36,69,22,.16) .65px, transparent .65px);background-size:16px 16px;mask-image:linear-gradient(to bottom,black,transparent 56%)}
button,a{font:inherit}.shell{width:min(1240px,calc(100% - 42px));margin:auto;padding:44px 0 34px}
.top{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:42px}.identity{display:flex;align-items:center;gap:18px}.logo-wrap{width:86px;height:86px;border-radius:25px;padding:7px;background:rgba(255,253,247,.94);border:1px solid rgba(36,69,22,.09);box-shadow:0 14px 36px rgba(36,69,22,.11)}.logo-wrap img{width:100%;height:100%;object-fit:contain;display:block}.identity-copy .eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:7px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--olive)}.identity-copy h1{margin:0;font-size:clamp(26px,4vw,38px);line-height:1;letter-spacing:-.035em;color:var(--forest-deep)}.identity-copy p{margin:7px 0 0;color:var(--muted);font-size:13px}.top-status{display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:999px;background:rgba(255,253,247,.72);border:1px solid var(--line);color:#66705a;font-size:11px;font-weight:800;box-shadow:0 8px 22px rgba(34,57,22,.05)}.dot{width:8px;height:8px;border-radius:50%;background:#8fbc29;box-shadow:0 0 0 5px rgba(143,188,41,.13)}
.hero{position:relative;overflow:hidden;border-radius:34px;padding:42px 44px;margin-bottom:24px;background:linear-gradient(125deg,#1d3711 0%,#31571b 48%,#799400 104%);color:#fff;box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;right:-130px;top:-190px;background:radial-gradient(circle,rgba(242,186,0,.34),rgba(242,186,0,0) 68%)}.hero:after{content:"";position:absolute;width:290px;height:290px;border-radius:50%;left:36%;bottom:-230px;border:52px solid rgba(255,255,255,.035)}.hero>*{position:relative;z-index:1}.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#f5d870}.hero h2{font-size:clamp(31px,5vw,51px);letter-spacing:-.045em;line-height:1.03;margin:16px 0 12px;max-width:760px}.hero p{max-width:680px;color:#dfe9d8;font-size:14px;line-height:1.7;margin:0}.hero-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.hero-meta span{padding:8px 11px;border-radius:11px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.10);font-size:11px;color:#f2f5ed}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:30px 4px 16px}.section-head h3{margin:0;color:var(--forest-deep);font-size:20px}.section-head p{margin:5px 0 0;font-size:12px;color:var(--muted)}.section-head small{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#92967f}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{position:relative;overflow:hidden;min-height:325px;padding:24px;border-radius:26px;border:1px solid rgba(36,69,22,.09);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,247,238,.98));box-shadow:0 15px 40px rgba(34,57,22,.07);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 25px 54px rgba(34,57,22,.12);border-color:rgba(110,142,0,.28)}.project-card.active{background:linear-gradient(180deg,#fffdf7,#f7f7e9);border-color:rgba(110,142,0,.30)}.project-card.active:after{content:"";position:absolute;right:-65px;bottom:-70px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(242,186,0,.17),transparent 68%)}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.project-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:29px;background:#f0f4e8;border:1px solid #e1e8d5}.project-card.active .project-icon{background:#fff3c4;border-color:#f1d474}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.badge.active{color:#416000;background:#edf5d4;border:1px solid #d6e7a7}.badge.soon{color:#8b7154;background:#f5efe7;border:1px solid #e8dece}.project-card h4{font-size:23px;letter-spacing:-.035em;margin:22px 0 5px;color:var(--forest-deep)}.project-card .sub{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--olive);margin:0}.project-card .desc{font-size:12px;line-height:1.6;color:var(--muted);margin:16px 0 18px}.features{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.features span{font-size:10px;padding:7px 9px;border-radius:10px;background:#f5f2e9;color:#686d5a;border:1px solid #e9e4d7}.card-action{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.action{width:100%;border:0;border-radius:14px;padding:12px 14px;font-size:11px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.action.enter{background:linear-gradient(135deg,var(--forest),#507213);color:#fff;box-shadow:0 12px 24px rgba(36,69,22,.18)}.action.enter:hover{background:linear-gradient(135deg,var(--forest-deep),#3f6410)}.action.disabled{background:#f2efe7;color:#9a9b8e;border:1px dashed #ded8ca;cursor:default}.foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:32px 4px 0;padding-top:18px;border-top:1px solid rgba(36,69,22,.10);color:#7e8370;font-size:10px}.foot strong{color:#59634c}.soon-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,18px);opacity:0;pointer-events:none;padding:12px 16px;border-radius:13px;background:#213916;color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.2);font-size:11px;font-weight:800;transition:.2s ease;z-index:20}.soon-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.projects{grid-template-columns:1fr}.project-card{min-height:260px}.hero{padding:34px 30px}.top{align-items:flex-start}.top-status{display:none}}
@media(max-width:560px){.shell{width:min(100% - 24px,1240px);padding:22px 0}.top{margin-bottom:24px}.logo-wrap{width:68px;height:68px;border-radius:20px}.identity{gap:12px}.identity-copy p{font-size:11px}.hero{border-radius:24px;padding:27px 22px}.hero h2{font-size:32px}.hero p{font-size:12px}.project-card{border-radius:22px;padding:20px}.section-head{margin-top:24px}.foot{align-items:flex-start;flex-direction:column}}


/* ===== V2.40 · Centro EcoVilla compacto ===== */
.compact-hub{width:min(1120px,calc(100% - 36px));padding:28px 0 26px}
.compact-hub .top{margin-bottom:20px}
.compact-hub .logo-wrap{width:72px;height:72px;border-radius:21px}
.compact-hub .identity-copy h1{font-size:clamp(25px,3vw,34px)}
.compact-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-radius:24px;background:linear-gradient(125deg,#203d13,#365e1d 68%,#647e08);color:#fff;box-shadow:0 16px 40px rgba(34,57,22,.12)}
.compact-intro h2{margin:7px 0 0;font-size:clamp(24px,4vw,35px);letter-spacing:-.04em;line-height:1}
.compact-intro p{max-width:390px;margin:0;color:#dfe9d8;font-size:12px;line-height:1.55;text-align:right}
.compact-intro .hero-kicker{padding:0;background:none;border:0;color:#f2d56f}
.compact-hub .section-head{margin:24px 2px 11px;align-items:center}
.compact-hub .section-head h3{font-size:17px}
.compact-hub .section-head p{margin-top:3px;font-size:11px}
.live-label{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:#edf5d4;border:1px solid #d6e7a7;color:#416000;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.live-label i{width:7px;height:7px;border-radius:50%;background:#89b21a;box-shadow:0 0 0 4px rgba(137,178,26,.12)}
.active-project{display:block}
.project-card.featured{min-height:0;padding:22px 24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;border-radius:24px;background:linear-gradient(135deg,#fffdf7 0%,#f5f7e9 70%,#fff3c8 135%);box-shadow:0 18px 44px rgba(34,57,22,.10)}
.project-card.featured:hover{transform:translateY(-2px)}
.featured-icon{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;font-size:35px;background:#fff1b8;border:1px solid #efd26f;box-shadow:0 10px 24px rgba(210,164,0,.10)}
.featured-copy{min-width:0}.featured-meta{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;color:var(--olive);text-transform:uppercase;letter-spacing:.06em}.featured-copy h4{margin:6px 0 4px;font-size:26px}.featured-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.featured-copy p strong{color:var(--forest-deep)}
.featured-copy .features{margin:11px 0 0}.featured-copy .features span{padding:5px 8px;font-size:9px;background:rgba(255,255,255,.68)}
.featured-action{min-width:190px}.featured-action .action{padding:13px 18px;border-radius:13px;font-size:11px}
.upcoming-head{margin-top:27px!important}.upcoming-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.project-card.compact-card{min-height:0;padding:15px 16px;border-radius:19px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;box-shadow:0 9px 28px rgba(34,57,22,.055)}
.project-card.compact-card:hover{transform:translateY(-2px)}
.compact-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;font-size:23px;background:#f0f3e8;border:1px solid #e0e6d5}.compact-copy{min-width:0}.compact-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compact-title h4{margin:0;font-size:16px;letter-spacing:-.02em}.compact-copy p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.35}.compact-card .badge{padding:4px 7px;font-size:7px}
.compact-soon{width:34px;height:34px;border-radius:11px;border:1px solid #e2ddcf;background:#f5f2e9;color:#a0a18f;display:grid;place-items:center;font-size:15px;cursor:pointer;transition:.18s}.compact-soon:hover{background:#eee9de;color:#777b67}
.compact-hub .foot{margin-top:24px;padding-top:14px}
@media(max-width:760px){.compact-intro{align-items:flex-start;flex-direction:column;gap:10px}.compact-intro p{text-align:left}.project-card.featured{grid-template-columns:auto 1fr}.featured-action{grid-column:1/-1;min-width:0}.upcoming-projects{grid-template-columns:1fr}}
@media(max-width:520px){.compact-hub{width:min(100% - 22px,1120px);padding-top:18px}.compact-hub .logo-wrap{width:62px;height:62px}.compact-intro{padding:18px;border-radius:20px}.project-card.featured{padding:18px;gap:14px;border-radius:20px}.featured-icon{width:58px;height:58px;border-radius:17px;font-size:29px}.featured-copy h4{font-size:22px}.featured-copy .features{display:none}.compact-hub .top-status{display:none}.compact-hub .identity-copy p{display:none}}


/* V2.43 · tarjeta oficial Huevos Alegre dentro del Centro EcoVilla */
.project-card.featured{
  background:linear-gradient(135deg,#FDFAF4 0%,#FCF1E0 72%,#F4D7B3 135%);
  border-color:rgba(81,45,27,.18);box-shadow:0 18px 44px rgba(81,45,27,.10)
}
.project-card.featured:hover{border-color:rgba(81,45,27,.30);box-shadow:0 24px 52px rgba(81,45,27,.14)}
.huevos-project-logo-v243{
  width:160px;height:160px;border-radius:22px;padding:0;background:transparent;border:0;box-shadow:none;overflow:visible
}
.huevos-project-logo-v243 img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 10px 18px rgba(81,45,27,.10))}
.project-card.featured .featured-copy h4{color:#512D1B;font-family:Montserrat,"Nunito Sans",system-ui,sans-serif}
.project-card.featured .featured-copy p{color:#745D4C}
.project-card.featured .featured-meta{color:#7E7D41}
.project-card.featured .badge.active{color:#5F5E27;background:#ECECD9;border-color:#D8D8B5}
.project-card.featured .features span{background:#FDFAF4;color:#6E5747;border-color:#E9D8C5}
.project-card.featured .action.enter{background:linear-gradient(135deg,#512D1B,#6B3B24);box-shadow:0 12px 24px rgba(81,45,27,.18)}
.project-card.featured .action.enter:hover{background:linear-gradient(135deg,#3A1709,#512D1B)}
@media(max-width:760px){.huevos-project-logo-v243{width:160px;height:160px}}
@media(max-width:520px){.project-card.featured{grid-template-columns:1fr}.huevos-project-logo-v243{width:160px;height:160px;margin:0 auto}.featured-copy{text-align:center}.featured-meta,.featured-copy .features{justify-content:center}}