.container{max-width:1400px;margin:0 auto;padding:0 20px}header{background:#ffffffe6;border-bottom:1px solid #0000001a;margin-bottom:30px;padding:20px 0;box-shadow:0 2px 10px #0000001a}.header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:0 30px;display:flex}.header-title{align-items:center;gap:15px;display:flex}.header-title h1{background:linear-gradient(135deg,#ffc91c,#ffc91c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:28px;font-weight:800}.header-icon{font-size:32px}.back-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffc91c,#ffc91c);border:none;border-radius:15px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.back-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #43a04766}.filtros{background:#ffffffe6;border-radius:15px;margin:0 30px 30px;padding:25px 30px;box-shadow:0 4px 15px #00000014}.filtros-grid{grid-template-columns:2fr 1.2fr repeat(3,auto);align-items:center;gap:15px;display:grid}@media (max-width:1024px){.filtros-grid{grid-template-columns:1fr 1fr;gap:12px}}@media (max-width:768px){.filtros-grid{grid-template-columns:1fr}}.search-wrapper{position:relative}.search-icon{color:#666;font-size:18px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.filtros input,.filtros select{border:2px solid #0000001a;border-radius:12px;width:100%;padding:15px 20px 15px 50px;font-size:16px;font-weight:500}.filtros select{padding-left:20px}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:none;border-radius:12px;padding:15px 25px;font-size:14px;font-weight:700;transition:all .3s}.btn-primary{color:#fff;background:linear-gradient(135deg,#ffc91c,#ffc91c)}.btn-secondary{color:#fff;background:linear-gradient(135deg,#43a047,#66bb6a)}.btn-accent{color:#fff;background:linear-gradient(135deg,#f4511e,#ff7043)}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}.vehiculos-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:40px;padding:0 30px;display:grid}.vehiculo-card{background:#fff;border-radius:16px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 15px #00000014}.vehiculo-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px #00000026}.vehiculo-card img{object-fit:cover;width:100%;height:220px}.vehiculo-info{padding:20px}.vehiculo-info h3{color:#333;margin-bottom:15px;font-size:20px;font-weight:700}.vehiculo-info p{color:#666;margin:8px 0;font-size:14px}.vehiculo-precio{color:#43a047;margin-top:15px;font-size:24px;font-weight:800}.tag{text-transform:uppercase;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-block}.tag.success{color:#4caf50;background:#4caf501a}.tag.accent{color:#f4511e;background:#f4511e1a}.card-footer{border-top:1px solid #0000001a;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.btn-ver-mas{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffc91c,#ffc91c);border:none;border-radius:10px;padding:10px 20px;font-weight:600;transition:all .3s}.btn-ver-mas:hover{transform:translateY(-2px)}.favorite-btn{cursor:pointer;background:0 0;border:2px solid #ddd;border-radius:50%;width:45px;height:45px;font-size:20px;transition:all .3s}.favorite-btn:hover{border-color:#f4511e;transform:scale(1.1)}.favorite-btn.active{color:#fff;background:linear-gradient(135deg,#f4511e,#ff7043);border-color:#f4511e}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:24px;width:95%;max-width:1000px;max-height:92vh;overflow:auto;box-shadow:0 25px 50px #00000080}.modal-header{z-index:10;background:#fff;border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:25px 40px;display:flex;position:sticky;top:0}.modal-header h2{color:#333;font-size:28px;font-weight:800}.modal-close{cursor:pointer;color:#666;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:32px;transition:all .3s;display:flex}.modal-close:hover{background:#0000001a;transform:rotate(90deg)}.modal-grid{grid-template-columns:1.2fr 1fr;gap:40px;padding:40px;display:grid}.modal-carousel{width:100%;position:relative}.modal-carousel img{object-fit:cover;cursor:zoom-in;border-radius:16px;width:100%;height:550px;transition:all .3s}.modal-carousel img:hover{transform:scale(1.02)}.carousel-btn{color:#fff;cursor:pointer;z-index:10;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:40px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background:#000000e6;transform:translateY(-50%)scale(1.15)}.carousel-btn.prev{left:15px}.carousel-btn.next{right:15px}.carousel-counter{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000bf;border-radius:25px;padding:8px 20px;font-size:16px;font-weight:700;position:absolute;bottom:20px;right:20px}.zoom-hint{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000bf;border-radius:25px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex;position:absolute;top:20px;right:20px}.modal-thumbs{gap:12px;margin-top:20px;padding-bottom:10px;display:flex;overflow-x:auto}.modal-thumbs::-webkit-scrollbar{height:8px}.modal-thumbs::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.modal-thumbs::-webkit-scrollbar-thumb:hover{background:#bbb}.modal-thumbs img{object-fit:cover;cursor:pointer;opacity:.6;border:3px solid #0000;border-radius:10px;flex-shrink:0;width:120px;height:90px;transition:all .3s}.modal-thumbs img:hover{opacity:1;transform:scale(1.05)}.modal-thumbs img.active{opacity:1;border:3px solid #ffc91c;box-shadow:0 4px 12px #ffc91c66}.fullscreen-gallery{z-index:9999;background:#000000fa;flex-direction:column;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.fullscreen-gallery-close{color:#fff;cursor:pointer;z-index:10001;background:#ffffff1a;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:36px;transition:all .3s;display:flex;position:absolute;top:30px;right:30px}.fullscreen-gallery-close:hover{background:#fff3;transform:rotate(90deg)}.fullscreen-image-container{justify-content:center;align-items:center;max-width:95vw;max-height:85vh;display:flex;position:relative}.fullscreen-image{object-fit:contain;cursor:zoom-in;border-radius:8px;max-width:100%;max-height:85vh;transition:transform .3s}.fullscreen-image.zoomed{cursor:zoom-out;transform:scale(1.5)}.fullscreen-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:50px;align-items:center;gap:20px;padding:15px 30px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.fullscreen-nav-btn{color:#fff;cursor:pointer;background:#ffffff26;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:28px;transition:all .3s;display:flex}.fullscreen-nav-btn:hover{background:#ffffff4d;transform:scale(1.1)}.fullscreen-counter{color:#fff;text-align:center;min-width:80px;font-size:18px;font-weight:700}.fullscreen-side-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:48px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.fullscreen-side-btn:hover{background:#ffffff40;transform:translateY(-50%)scale(1.1)}.fullscreen-side-btn.prev{left:30px}.fullscreen-side-btn.next{right:30px}.modal-info{padding:10px 0}.modal-info h3{color:#333;border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:15px;font-size:24px;font-weight:700}.modal-info p{color:#555;align-items:center;gap:10px;margin:15px 0;font-size:17px;display:flex}.modal-info strong{color:#333;min-width:140px}.modal-precio{color:#43a047;text-align:center;background:linear-gradient(135deg,#43a0471a,#66bb6a1a);border-radius:12px;margin:25px 0;padding:20px;font-size:36px;font-weight:900}.modal-actions{gap:15px;margin-top:30px;display:flex}.modal-actions button{cursor:pointer;text-transform:uppercase;border:none;border-radius:12px;flex:1;padding:16px 24px;font-size:16px;font-weight:700;transition:all .3s}.btn-llamar{color:#fff;background:linear-gradient(135deg,#2196f3,#1976d2)}.btn-whatsapp{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e)}.modal-actions button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0003}.paginacion{justify-content:center;gap:8px;padding:30px;display:flex}.paginacion button{cursor:pointer;background:#fff;border:2px solid #0000001a;border-radius:12px;min-width:45px;height:45px;font-weight:600;transition:all .3s}.paginacion button:hover{color:#fff;background:#ffc91c;border-color:#ffc91c}.paginacion button.active{color:#fff;background:linear-gradient(135deg,#ffc91c,#ffc91c);border-color:#ffc91c}.loading-overlay{z-index:2000;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner{border:4px solid #ffffff4d;border-left-color:#1e88e5;border-radius:50%;width:60px;height:60px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#fff;font-size:18px;font-weight:600}@media (max-width:1200px){.modal-grid{grid-template-columns:1fr;gap:30px}.modal{max-width:95%}}@media (max-width:768px){.filtros-grid,.vehiculos-grid{grid-template-columns:1fr}.modal-grid{grid-template-columns:1fr;padding:20px}.modal-carousel img{height:350px}.fullscreen-side-btn{width:50px;height:50px;font-size:32px}.fullscreen-side-btn.prev{left:10px}.fullscreen-side-btn.next{right:10px}}.fade-in{animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body.dark-mode{color:#f1f1f1;background:#0f0f0f}body.dark-mode header,body.dark-mode .filtros,body.dark-mode .vehiculo-card,body.dark-mode .modal{color:#fff;background:#1e1e1ef2;border-color:#ffffff1a}body.dark-mode .modal-header{background:#1e1e1ef2;border-color:#ffffff1a}body.dark-mode .modal-header h2,body.dark-mode .vehiculo-info h3,body.dark-mode .vehiculo-info p,body.dark-mode .modal-info p,body.dark-mode .modal-info h3,body.dark-mode .modal-info strong{color:#fff}body.dark-mode input,body.dark-mode select,body.dark-mode .paginacion button{color:#fff;background:#1c1c1c;border-color:#fff3}body.dark-mode .tag.success{color:#81c784;background:#4caf5033}.error-message{text-align:center;background:#fff;border-radius:16px;max-width:500px;margin:40px auto;padding:60px 20px;box-shadow:0 4px 15px #0000001a}.error-message p{color:#e53935;margin-bottom:20px;font-size:18px}.error-message button{color:#fff;cursor:pointer;background:#1e88e5;border:none;border-radius:8px;padding:12px 30px;font-size:16px;font-weight:600;transition:all .3s}.error-message button:hover{background:#1565c0;transform:translateY(-2px)}.no-results{text-align:center;background:#f8f9fa;border-radius:16px;margin:40px 0;padding:80px 20px}.no-results-icon{opacity:.5;margin-bottom:20px;font-size:80px}.no-results h3{color:#333;margin-bottom:10px;font-size:28px}.no-results p{color:#666;font-size:18px}.vehiculo-card-modern{background:#fff;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.vehiculo-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.vehiculo-imagen-container{background:#f5f5f5;width:100%;height:240px;position:relative}.vehiculo-img-modern{object-fit:cover;width:100%;height:100%}.favorite-btn-float{cursor:pointer;background:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;transition:all .2s;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #00000026}.favorite-btn-float:hover{transform:scale(1.1)}.favorite-btn-float.active{background:gold}.tag-float{color:#fff;background:#764ba2;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:12px;left:12px}.vehiculo-contenido{padding:20px}.vehiculo-titulo{color:#1a1a1a;margin:0 0 16px;font-size:18px;font-weight:700}.precio-container{margin-bottom:16px}.precio-label{color:#666;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.precio-valor{color:#2563eb;font-size:24px;font-weight:700}.caracteristicas-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.caracteristica-item{flex-direction:column;gap:2px;display:flex}.caracteristica-label{color:#666;font-size:11px}.caracteristica-valor{color:#1a1a1a;font-size:13px;font-weight:500}.documentos-vigentes{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.doc-tag{color:#16a34a;background:#dcfce7;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.btn-ver-detalle{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.btn-ver-detalle:hover{background:#1d4ed8}@media (max-width:640px){.caracteristicas-grid{grid-template-columns:1fr}.precio-valor{font-size:20px}.vehiculo-imagen-container{height:200px}}