@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#001c34;--navy2:#082d4c;--accent:#ff7900;--accent2:#ff9a32;--ink:#001c34;--muted:#66788a;--border:#e4e9ef;--canvas:#f5f6f8;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:1.6}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(29px,4vw,45px);line-height:1.15;letter-spacing:-1.3px}h2{font-size:27px;letter-spacing:-.8px}h3{font-size:17px}p{line-height:1.8}.container{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}.site-header{background:#fff;border-bottom:1px solid var(--border);position:relative;z-index:4}.topbar{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;letter-spacing:1.1px;line-height:1.1}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:2.3px;margin-top:5px;text-transform:uppercase}.brand-mark{display:flex;align-items:center;justify-content:center;min-width:49px;height:49px;background:var(--navy);color:var(--accent);font-size:23px;font-weight:900;border-radius:12px;letter-spacing:-2px;padding-right:3px}.nav{display:flex;align-items:center;gap:22px;font-size:12px;font-weight:700;flex-wrap:wrap}.nav>a:not(.btn):hover,.text-button:hover{color:var(--accent)}.inline{display:inline}.text-button{border:0;background:none;color:var(--ink);font-weight:700;font-size:12px;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:0;padding:14px 22px;background:var(--navy);color:white!important;font-size:12px;font-weight:800;white-space:nowrap;min-height:47px}.btn:hover{filter:brightness(1.12)}.btn-primary{background:var(--accent);color:#fff!important}.btn-small{padding:9px 15px;min-height:35px;font-size:11px}.btn-light{background:#fff;color:var(--navy)!important}.btn-outline{background:transparent;color:var(--ink)!important;border:1px solid var(--border)}.hero{background:radial-gradient(ellipse at 88% 8%,#123b5b 0%,transparent 35%),linear-gradient(110deg,#001c34,#082940);color:#fff;padding:78px 0 83px}.hero-kicker,.eyebrow{font-weight:800;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#d75b00;margin-bottom:13px}.hero-kicker{color:var(--accent)}.hero h1{font-size:clamp(42px,6.3vw,73px);letter-spacing:-3px;line-height:1.08;margin-bottom:20px}.hero h1 em{font-style:normal;color:var(--accent)}.hero>div>p{color:#c0cad9;font-size:15px;max-width:610px;margin-bottom:36px}.search-panel{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;align-items:end;gap:12px;background:#fff;border-radius:16px;padding:14px;box-shadow:0 14px 40px #0002;color:var(--ink)}.search-panel label{display:flex;flex-direction:column;font-size:10px;font-weight:800;gap:5px}.search-panel select,.search-panel input{border:1px solid var(--border);height:45px;padding:0 12px;border-radius:8px;background:#fff;color:var(--ink);outline:none;min-width:0;width:100%}.search-panel button{height:45px}.listing-section{padding-top:60px;padding-bottom:80px}.section-heading,.page-heading,.detail-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-heading p{color:var(--muted);font-size:12px}.section-heading h2{margin:0}.category-links{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.cat-chip{background:#fff;color:var(--ink);font-weight:700;font-size:12px;padding:9px 18px;border:1px solid var(--border);border-radius:100px}.cat-chip.active{background:var(--navy);color:#fff}.listing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.listing-card{display:block;background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden;transition:transform .18s,box-shadow .18s;min-width:0}.listing-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #14213916}.listing-media{position:relative;height:184px;background:#e5e9f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.listing-media img{width:100%;height:100%;object-fit:cover}.placeholder-icon{font-size:55px;opacity:.6}.pill{position:absolute;top:13px;left:13px;background:#fff;color:var(--ink);border-radius:30px;padding:6px 11px;font-size:10px;font-weight:800}.listing-info{padding:17px}.listing-info h3{font-size:13px;line-height:1.5;margin:8px 0 7px;min-height:39px}.price{font-size:19px;letter-spacing:-.5px}.muted{color:var(--muted)}.listing-info .muted{font-size:11px;margin:0}.empty{background:#fff;padding:52px 24px;text-align:center;border-radius:15px;border:1px dashed #d4dbe7}.empty a:not(.btn){text-decoration:underline;color:#d75b00}.cta{background:var(--navy);color:#fff;padding-top:33px;padding-bottom:33px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-radius:16px;margin-bottom:75px}.cta h2{margin-bottom:5px}.cta p{color:#bec9da;margin-bottom:0}.footer{background:#fff;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px;padding-top:27px;padding-bottom:27px}.footer b,.footer a{color:var(--ink)}.page{padding-top:45px;padding-bottom:80px;min-height:60vh}.page-heading h1{margin-bottom:10px}.form-shell{min-height:70vh;display:flex;justify-content:center;padding-top:55px;padding-bottom:85px}.panel{background:#fff;padding:30px;border:1px solid var(--border);border-radius:16px;box-shadow:0 5px 20px #1b294008}.form-shell .panel{width:100%;max-width:470px}.panel.wide{max-width:810px}.form-stack{display:flex;flex-direction:column;gap:17px;margin-top:23px}.form-stack label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.form-stack input,.form-stack textarea,.form-stack select{border-radius:9px;border:1px solid #d9deea;background:#fff;color:var(--ink);padding:13px;outline:none;min-width:0;width:100%;font-size:13px}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff790026}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.minor{font-size:11px;color:var(--muted);margin-top:18px}.minor a{font-weight:800;color:#d75b00}.conditional{background:#f7f8fb;border-radius:12px;padding:20px}.conditional h3{margin-bottom:14px}.conditional[hidden]{display:none}.alert{margin:22px 0 0;padding:12px 17px;border-radius:9px;background:#e9f6ed;color:#20683d;font-size:12px}.alert.error{background:#fff0ef;color:#9e372c}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--border);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:600px;text-align:left}th,td{padding:16px 18px;border-bottom:1px solid var(--border);font-size:12px}th{background:#fafbfc;color:#687487;font-size:10px;text-transform:uppercase;letter-spacing:.7px}tr:last-child td{border-bottom:0}.status{display:inline-block;border-radius:20px;padding:5px 9px;font-weight:800;font-size:10px;background:#f4edda;color:#97720a}.status-publicado{background:#e0f5e8;color:#24804b}.status-rechazado{background:#fbe8e8;color:#b43232}.actions{display:flex;gap:7px}.back-link{display:inline-block;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:23px}.detail-price{font-size:30px;font-weight:900;white-space:nowrap}.detail-layout{display:grid;grid-template-columns:1fr 310px;gap:25px;align-items:start}.detail-photo{background:#e6eaf0;border-radius:13px;overflow:hidden;min-height:320px}.detail-photo img{width:100%;max-height:510px;object-fit:contain;display:block}.photo-empty{min-height:320px;display:grid;place-items:center;color:var(--muted)}.thumbs{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 22px}.thumbs img{width:106px;height:75px;border-radius:7px;object-fit:cover}.detail-panel{margin-top:22px}.detail-panel h2{font-size:19px}.description{white-space:normal;font-size:13px;line-height:1.9}.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.specs>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:9px;gap:8px;font-size:12px}.seller{position:sticky;top:20px}.seller h3{font-size:20px;margin-bottom:4px}.seller .btn{width:100%;margin-top:13px}.btn-whatsapp{background:#1e9f60}.seller .minor{line-height:1.7}@media(max-width:1050px){.listing-grid{grid-template-columns:repeat(3,1fr)}.nav{gap:13px}.search-panel{grid-template-columns:1fr 1fr}.detail-layout{grid-template-columns:1fr 270px}}@media(max-width:720px){.topbar{padding-top:15px;padding-bottom:15px;align-items:flex-start;flex-direction:column}.nav{width:100%;gap:12px;font-size:11px}.nav .btn{margin-left:auto}.hero{padding:58px 0}.hero h1{letter-spacing:-2px}.search-panel{grid-template-columns:1fr}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.listing-media{height:155px}.listing-info{padding:12px}.listing-info h3{font-size:12px}.price{font-size:15px}.section-heading,.page-heading,.detail-heading{align-items:flex-start;flex-direction:column}.detail-price{font-size:24px}.detail-layout{grid-template-columns:1fr}.seller{position:static}.form-grid{grid-template-columns:1fr}.cta{border-radius:0;flex-direction:column;align-items:flex-start}.footer-inner{flex-direction:column}.panel{padding:20px}}@media(max-width:410px){.listing-grid{grid-template-columns:1fr}.listing-media{height:220px}.nav>a.btn{margin-left:0}}

/* LOBUSCAS / Identidad visual v2 */
.brand img{width:min(280px,40vw);height:auto;display:block;object-fit:contain}
.topbar{min-height:90px}
.nav>a:not(.btn){transition:color .15s}
.btn-primary{background:var(--accent);color:white!important;gap:14px}
.btn-primary:hover{background:#e86d00;filter:none}
.btn:focus-visible,.cat-chip:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #ff790099;outline-offset:3px}
.hero{padding:88px 0 54px;overflow:hidden}
.hero-kicker{display:flex;align-items:center;gap:12px;letter-spacing:2.3px}
.accent-line{width:28px;height:3px;background:var(--accent);display:inline-block}
.hero h1{font-size:clamp(38px,5.4vw,68px);font-weight:800;line-height:1.12;letter-spacing:-2.8px}
.hero h1 em{font-weight:800}
.hero>div>p{max-width:630px;color:#d6e1eb}
.search-panel{padding:17px;box-shadow:0 14px 40px #0010203b;border-radius:13px;gap:10px}
.search-panel label{font-size:11px;color:#34475a}
.search-panel select,.search-panel input{background:#fafbfd}
.hero-foot{display:flex;gap:30px;margin-top:36px;font-size:10px;font-weight:700;color:#b5c8d7;letter-spacing:1.3px;flex-wrap:wrap}
.quick-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--border);border-radius:12px;margin-top:34px;margin-bottom:0;padding-top:21px;padding-bottom:21px;box-shadow:0 8px 20px #001c3408}
.quick-benefits>div{display:flex;align-items:center;gap:13px;padding:0 22px;border-right:1px solid var(--border)}
.quick-benefits>div:last-child{border-right:0}
.quick-benefits strong{color:var(--accent);font-size:19px}
.quick-benefits span{font-size:11px;line-height:1.5;font-weight:700}
.listing-section{padding-top:65px}
.eyebrow{color:#df6a00}
.cat-chip.active{border-color:var(--navy)}
.cat-chip:hover{border-color:var(--accent)}
.listing-card{border-radius:11px}
.listing-media{background:linear-gradient(140deg,#e7edf2,#dce4eb)}
.placeholder-icon{font-size:16px;letter-spacing:2px;font-weight:800;color:#99aaba;opacity:1}
.pill{border-radius:5px}
.listing-info .price{color:var(--navy)}
.cta{background:linear-gradient(110deg,#001c34,#0b3554)}
.cta .eyebrow{color:var(--accent)}
.footer-inner>div:first-child{display:flex;align-items:center;gap:20px}
.footer-logo{width:136px;height:auto}
.workspace-banner{background:linear-gradient(110deg,#001c34,#0b3554);color:#fff;border-radius:14px;padding:31px 36px;margin-bottom:20px;position:relative}
.workspace-banner .eyebrow{color:#ff9a32}
.workspace-banner h1{margin:0 0 8px;font-size:32px}
.workspace-banner p{color:#d4e1eb;max-width:630px;font-size:13px;margin:0 0 20px}
.workspace-banner .btn{margin-top:2px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:31px}
.stat{background:#fff;border:1px solid var(--border);border-radius:12px;padding:21px 22px;box-shadow:0 3px 12px #001c3407}
.stat span{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:1.1px}
.stat strong{display:block;margin-top:6px;font-size:30px;color:var(--navy);line-height:1.2}
.form-shell .panel,.panel.wide{box-shadow:0 8px 25px #001c3410}
@media(max-width:880px){.quick-benefits{grid-template-columns:1fr}.quick-benefits>div{border-right:0;border-bottom:1px solid var(--border);padding:12px 20px}.quick-benefits>div:last-child{border:0}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.brand img{width:225px}.hero{padding:58px 0 40px}.hero h1{letter-spacing:-1.7px}.hero-foot{gap:13px;font-size:9px}.footer-inner>div:first-child{align-items:flex-start;flex-direction:column;gap:8px}.workspace-banner{padding:26px 22px}.workspace-banner h1{font-size:26px}.stat{padding:16px}.stat strong{font-size:25px}}
/* LOBUSCAS Etapa 3 */
.plan-summary { background:#edf4f8; color:#17374e; border-left:4px solid #ff7900; border-radius:8px; padding:14px 18px; margin:15px 0 22px; font-size:14px; line-height:1.6; }
.featured-pill {position:absolute;top:13px;right:12px;background:#ff7900;color:#fff;font-weight:800;padding:7px 10px;border-radius:5px;font-size:11px;letter-spacing:.05em;}
.listing-media { position:relative; }
.search-panel { flex-wrap:wrap; }
.search-panel label { min-width:135px; }
.table-wrap input[type=number] {width:100%;font:inherit;padding:9px 7px;border-radius:6px;border:1px solid #ccd5de;}
.table-wrap select {max-width:115px; padding:8px 4px;}
.table-wrap .actions {display:flex;gap:6px;flex-wrap:wrap;align-items:center;}

/* LOBUSCAS Etapa 4 — publicidad discreta */
.lobuscas-ad{max-width:970px;margin:29px auto 34px;text-align:center;}
.lobuscas-ad-label{color:#8c99a6;font-size:9px;font-weight:700;letter-spacing:.12em;text-align:right;margin:0 2px 6px;}
.lobuscas-ad a{display:block;border-radius:8px;overflow:hidden;line-height:0;}
.lobuscas-ad img{display:block;width:100%;height:auto;max-height:150px;object-fit:contain;}
@media(max-width:720px){.lobuscas-ad{margin:22px auto 27px;}.lobuscas-ad img{max-height:115px;}}
