/* ====== MAMERS INMOBI — STYLES ====== */
html{scroll-behavior:smooth}
body{overflow-x:hidden}

/* Scrollbar */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#f3f4f6}
::-webkit-scrollbar-thumb{background:#dc2626;border-radius:8px}

/* Animations */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(220,38,38,0.3)}50%{box-shadow:0 0 40px rgba(220,38,38,0.6)}}
@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
.animate-fade-in-up{animation:fadeInUp .6s ease-out both}
.animate-slide-in{animation:slideIn .4s ease-out both}

/* Reveal on Scroll */
.reveal-up{opacity:0;transform:translateY(40px);transition:all 0.8s cubic-bezier(0.5,0,0,1)}
.reveal-left{opacity:0;transform:translateX(-40px);transition:all 0.8s cubic-bezier(0.5,0,0,1)}
.reveal-right{opacity:0;transform:translateX(40px);transition:all 0.8s cubic-bezier(0.5,0,0,1)}
.visible{opacity:1;transform:translate(0)}

/* Property Cards */
.prop-card{transition:all .3s ease;position:relative;overflow:hidden}
.prop-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}
.prop-card .card-img{transition:transform .5s ease}
.prop-card:hover .card-img{transform:scale(1.05)}

/* Sold Ribbon */
.ribbon-sold{position:absolute;top:18px;right:-35px;background:#dc2626;color:#fff;padding:6px 45px;transform:rotate(45deg);font-weight:700;font-size:13px;z-index:5;letter-spacing:1px;box-shadow:0 2px 8px rgba(220,38,38,0.5)}
.sold-overlay{position:absolute;inset:0;background:rgba(17,17,17,0.55);z-index:3}

/* Filter Buttons */
.filter-btn{background:#f3f4f6;color:#6b7280;border:2px solid transparent}
.filter-btn:hover,.filter-btn.active{background:#dc2626;color:#fff;border-color:#dc2626}

/* Dashboard Tabs */
.dash-tab{padding:10px 20px;border-radius:12px;font-weight:600;font-size:14px;transition:all .2s;cursor:pointer;background:#e5e7eb;color:#6b7280}
.dash-tab:hover{background:#d1d5db}
.dash-tab.active{background:#dc2626;color:#fff;box-shadow:0 4px 15px rgba(220,38,38,0.4)}

/* Tables */
.admin-table{width:100%;border-collapse:separate;border-spacing:0}
.admin-table thead th{background:#111111;color:#fff;padding:12px 16px;font-size:13px;font-weight:600;text-align:left}
.admin-table thead th:first-child{border-radius:12px 0 0 0}
.admin-table thead th:last-child{border-radius:0 12px 0 0}
.admin-table tbody td{padding:12px 16px;border-bottom:1px solid #f3f4f6;font-size:13px;color:#374151}
.admin-table tbody tr:hover{background:#fef2f2}

/* Form Inputs in Dashboard */
.dash-input{width:100%;border:2px solid #e5e7eb;border-radius:12px;padding:10px 14px;font-size:14px;transition:all .2s;outline:none}
.dash-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,0.1)}

/* KPI Cards */
.kpi-card{background:linear-gradient(135deg,#111111 0%,#1f2937 100%);border-radius:16px;padding:24px;color:#fff;position:relative;overflow:hidden}
.kpi-card::after{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(220,38,38,0.15) 0%,transparent 70%)}

/* Gallery */
.gallery-thumb{width:70px;height:70px;object-fit:cover;border-radius:8px;cursor:pointer;border:3px solid transparent;transition:all .2s}
.gallery-thumb:hover,.gallery-thumb.active{border-color:#dc2626;transform:scale(1.1)}

/* Placeholder for no images */
.img-placeholder{display:flex;align-items:center;justify-content:center;font-size:3rem;color:rgba(255,255,255,0.2)}
.img-placeholder.casa{background:linear-gradient(135deg,#374151,#1f2937)}
.img-placeholder.terreno{background:linear-gradient(135deg,#14532d,#166534)}
.img-placeholder.negocio{background:linear-gradient(135deg,#1e3a5f,#1e40af)}
.img-placeholder.apartamento{background:linear-gradient(135deg,#581c87,#7e22ce)}

/* Utilities */
.glass{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1)}

/* Toast Notification */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:14px 28px;border-radius:14px;font-size:14px;font-weight:600;z-index:200;transition:opacity .3s ease;box-shadow:0 10px 40px rgba(0,0,0,0.35);border:1px solid rgba(220,38,38,0.3)}
.toast::before{content:'\2705';margin-right:8px}