:root{
  --navy:#061a31; --navy2:#0b2948; --gold:#d9ad52; --ivory:#f4efe6;
  --ink:#0b1d31; --muted:#687481;
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none}
.login-page{background:var(--navy)}
.login-shell{display:grid;grid-template-columns:1.25fr .75fr;min-height:100vh}
.login-visual{
  position:relative;padding:52px 7vw;color:white;display:flex;flex-direction:column;justify-content:space-between;
  background:
    linear-gradient(90deg,rgba(3,21,38,.55),rgba(3,21,38,.92)),
    url('../img/proyectos/boquete.jpg') center/cover no-repeat;
}
.login-brand{font-family:Georgia,serif;font-size:25px;letter-spacing:.04em}.login-brand span{color:var(--gold)}
.login-copy{max-width:700px;padding-bottom:8vh}.login-copy small,.portal-intro small,.project-content small,.portal-head small,.private-card small{color:var(--gold);font-weight:800;letter-spacing:.16em;font-size:11px}
.login-copy h1,.portal-intro h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,6vw,88px);line-height:.96;margin:18px 0}
.login-copy p{font-size:18px;color:rgba(255,255,255,.72)}
.login-panel{background:var(--ivory);display:flex;align-items:center;justify-content:center;padding:40px}
.login-card,.private-card{width:min(440px,100%);background:white;padding:38px;border-radius:24px;box-shadow:0 20px 70px rgba(0,0,0,.14)}
.login-card h2,.private-card h1{font:400 42px/1.05 Georgia,serif;color:var(--ink);margin:12px 0}
.login-card p{color:var(--muted);line-height:1.55}
.login-card label,.private-card label{display:block;font-size:12px;font-weight:700;color:var(--ink);margin-top:22px}
.login-card input,.private-card input{width:100%;margin-top:8px;padding:14px;border:1px solid #d9d6cf;border-radius:10px;font-size:16px}
.login-card button,.private-card button{width:100%;margin-top:18px;padding:15px;border:0;border-radius:999px;background:var(--gold);color:#07182a;font-weight:800;cursor:pointer}
.login-note{display:block;text-align:center;color:#84909a;font-size:11px;margin-top:13px}
.login-error{background:#fff0ef;color:#a43c33;padding:10px 12px;border-radius:9px;font-size:12px;margin:14px 0}
.success-box{background:#eaf7ec;color:#2d6c39;padding:10px 12px;border-radius:9px;margin:14px 0}

.portal-page{background:#f4f0e8;color:var(--ink)}
.portal-head{height:88px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}
.portal-head strong{display:block;font:400 19px Georgia,serif;margin-top:4px}.portal-head a{color:white;border:1px solid rgba(217,173,82,.55);padding:10px 18px;border-radius:999px;font-size:12px}
.portal-main{padding:54px 5vw 70px}
.portal-intro{max-width:900px;margin-bottom:38px}.portal-intro h1{font-size:clamp(44px,5vw,72px);margin:14px 0;color:var(--ink)}.portal-intro p{color:var(--muted);font-size:17px;max-width:760px}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.project-card{position:relative;overflow:hidden;border-radius:24px;min-height:300px;color:white;box-shadow:0 18px 50px rgba(13,30,45,.13)}
.project-main{grid-column:1/-1;min-height:430px}
.project-media,.project-placeholder,.project-overlay{position:absolute;inset:0}
.project-media img{width:100%;height:100%;object-fit:cover}
.project-placeholder{background:linear-gradient(135deg,#193a4c,#0a243c 52%,#315149)}
.project-bugaba .project-placeholder{background:linear-gradient(135deg,#392f20,#132a32 58%,#6d5738)}
.project-overlay{background:linear-gradient(90deg,rgba(4,20,35,.92),rgba(4,20,35,.24) 70%)}
.project-content{position:absolute;left:38px;bottom:34px;max-width:650px;z-index:2}
.project-content h2{font:400 clamp(34px,4vw,60px)/1 Georgia,serif;margin:10px 0 14px}
.project-secondary .project-content h2{font-size:38px}.project-content p{color:rgba(255,255,255,.72)}.project-content span{display:inline-block;margin-top:8px;color:var(--gold);font-weight:800}
.project-card>b{position:absolute;right:24px;top:22px;z-index:3;background:var(--gold);color:#092039;padding:8px 12px;border-radius:999px;font-size:10px;letter-spacing:.08em}
.portal-foot{background:var(--navy);color:rgba(255,255,255,.65);padding:20px 5vw;display:flex;justify-content:space-between;font-size:11px}

.simple-private-page{min-height:100vh;background:var(--ivory);display:grid;place-items:center;padding:30px}
.private-card>a{display:block;text-align:center;color:var(--ink);margin-top:18px;font-size:12px}

.expo-overlay{position:fixed;inset:0;z-index:999999;background:#020c17;color:white;opacity:0;visibility:hidden;transition:opacity .6s ease;overflow:hidden}
.expo-overlay.active{opacity:1;visibility:visible}
.expo-stage,.expo-stage>*{position:absolute;inset:0;width:100%;height:100%}
.expo-stage img,.expo-stage video{object-fit:cover}
.expo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,25,.88),rgba(2,13,25,.08) 75%)}
.expo-copy{position:absolute;left:7vw;bottom:9vh;z-index:3;max-width:760px}
.expo-copy small{color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.16em}
.expo-copy h2{font:400 clamp(48px,6vw,92px)/.95 Georgia,serif;margin:14px 0}
.expo-copy p{font-size:19px;color:rgba(255,255,255,.75)}
.expo-touch{position:absolute;right:5vw;bottom:5vh;z-index:4;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:13px 20px;font-size:13px;background:rgba(2,13,25,.35)}
.expo-title-slide{display:grid!important;place-items:center;background:radial-gradient(circle at 70% 30%,#244b53,#07182a 55%,#020c17)}
.expo-title-inner{text-align:center;padding:30px}.expo-title-inner small{color:var(--gold);letter-spacing:.16em;font-weight:800}.expo-title-inner h2{font:400 clamp(52px,7vw,105px)/1 Georgia,serif;margin:18px 0}.expo-title-inner p{color:rgba(255,255,255,.7);font-size:18px}

@media(max-width:850px){
 .login-shell{grid-template-columns:1fr}.login-visual{min-height:46vh;padding:32px}.login-panel{padding:22px}
 .project-grid{grid-template-columns:1fr}.project-main{min-height:380px}.project-secondary{min-height:280px}
 .project-content{left:24px;bottom:24px}.portal-main{padding:38px 22px 55px}.portal-head{padding:0 22px}
}


/* =========================================================
   V6.2 · FLUJO LOGIN → COMERCIAL → PROYECTOS
   ========================================================= */
.seller-page{min-height:100vh;background:linear-gradient(135deg,#06182e,#0c2b4d 58%,#06182e);color:#fff}
.seller-page-head{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(217,173,82,.22);background:rgba(4,18,34,.76)}
.seller-page-brand,.portal-brand-v62{display:flex;align-items:center;gap:13px}.seller-page-brand>strong,.portal-brand-v62>strong{font:400 25px Georgia,serif;letter-spacing:.16em}.seller-page-brand>span,.portal-brand-v62>span{width:1px;height:34px;background:rgba(217,173,82,.5)}.seller-page-brand div,.portal-brand-v62 div{display:flex;flex-direction:column;gap:3px}.seller-page-brand small,.portal-brand-v62 small{font-size:8px;letter-spacing:.17em;color:var(--gold)}.seller-page-brand b,.portal-brand-v62 b{font:400 14px Georgia,serif}.seller-page-head>a{color:#fff;border:1px solid rgba(217,173,82,.5);padding:10px 17px;border-radius:999px;font-size:11px}
.seller-page-main{max-width:1220px;margin:0 auto;padding:9vh 32px 7vh}.seller-page-copy{max-width:820px}.seller-page-copy>small{color:var(--gold);font-weight:800;letter-spacing:.18em;font-size:11px}.seller-page-copy h1{font:400 clamp(50px,6vw,82px)/.98 Georgia,serif;margin:15px 0 18px}.seller-page-copy p{max-width:760px;color:rgba(255,255,255,.68);font-size:17px;line-height:1.55}.seller-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}.seller-page-card{position:relative;min-height:240px;border:1px solid rgba(217,173,82,.32);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));color:#fff;padding:28px;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:20px;cursor:pointer;transition:.2s}.seller-page-card:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 22px 55px rgba(0,0,0,.18)}.seller-page-initials{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#efca68,#d8aa4a);color:#06182e;font:700 22px Georgia,serif}.seller-page-card div>small{font-size:9px;letter-spacing:.16em;color:var(--gold)}.seller-page-card h2{font:400 32px Georgia,serif;margin:8px 0 12px}.seller-page-card p{margin:5px 0;color:rgba(255,255,255,.67);font-size:13px}.seller-page-card>b{grid-column:2;color:#f0ca68;font-size:12px;margin-top:8px}.seller-page-note{color:rgba(255,255,255,.45);font-size:11px;margin-top:24px}
.portal-head-v62{height:92px}.portal-brand-v62{color:#fff}.portal-head-actions{display:flex;align-items:center;gap:12px}.portal-seller{display:grid;grid-template-columns:1fr auto;gap:1px 11px;align-items:center;padding:9px 12px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);border-radius:14px}.portal-seller>span{font-size:8px;color:rgba(255,255,255,.48)}.portal-seller>strong{font-size:11px}.portal-seller>a{grid-row:1/3;grid-column:2;border:0;padding:5px;color:var(--gold);font-size:9px}.portal-logout{white-space:nowrap}.portal-intro-v62{max-width:1050px}.portal-intro-v62 h1{font-size:clamp(50px,5.5vw,82px)}.project-grid-v62 .project-secondary{min-height:330px}.project-grid-v62 .project-secondary>b{background:rgba(217,173,82,.9)}
.project-coming-page{min-height:100vh;background:linear-gradient(135deg,#06182e,#123651);display:grid;place-items:center;padding:30px;color:#fff}.project-coming-card{width:min(820px,94vw);padding:52px;border:1px solid rgba(217,173,82,.3);border-radius:28px;background:rgba(255,255,255,.06);box-shadow:0 30px 80px rgba(0,0,0,.22)}.project-coming-card small{color:var(--gold);letter-spacing:.18em;font-size:10px;font-weight:800}.project-coming-card h1{font:400 clamp(46px,6vw,76px)/1 Georgia,serif;margin:16px 0}.project-coming-card p{max-width:680px;color:rgba(255,255,255,.68);font-size:16px;line-height:1.55}.project-coming-card>div{display:flex;gap:12px;margin-top:28px}.project-coming-card a{padding:12px 18px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;font-size:11px}.project-coming-card .gold-btn{background:var(--gold);color:#06182e;border-color:var(--gold);font-weight:800}
@media(max-width:760px){.seller-page-grid{grid-template-columns:1fr}.seller-page-main{padding:6vh 22px}.seller-page-head{padding:0 22px}.seller-page-brand div{display:none}.portal-head-actions .portal-logout{display:none}.portal-seller{display:none!important}}