.page-header{background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('../imagenes/proyecto.jpg');background-size:cover;background-position:center;height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;margin-bottom:50px;}
.page-header h1{font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;margin:0;}
.page-header p{font-size:1.1rem;opacity:0.9;max-width:600px;margin-top:10px;}
.filter-container{max-width:1200px;margin:0 auto 40px;padding:0 4%;display:flex;justify-content:center;gap:15px;flex-wrap:wrap;}
.filter-btn{padding:10px 25px;border-radius:30px;border:2px solid #ddd;background:#fff;cursor:pointer;font-weight:600;transition:all 0.3s ease;font-family:'Poppins',sans-serif;}
.filter-btn.active,.filter-btn:hover{background:#ff0000;color:#fff;border-color:#ff0000;}
.stars-row{color:#ffc107;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:4px;}
.stars-count{color:#888;font-size:0.75rem;margin-left:5px;}
.search-container{max-width:800px;margin:-30px auto 30px;padding:0 4%;position:relative;z-index:10;}
.search-wrapper{display:flex;background:#fff;padding:8px;border-radius:50px;box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.search-input{flex:1;border:none;padding:12px 25px;border-radius:50px;outline:none;font-size:1rem;font-family:'Poppins',sans-serif;}
.search-btn{background:#ff0000;color:#fff;border:none;padding:10px 30px;border-radius:50px;cursor:pointer;font-weight:600;transition:0.3s;}
.search-btn:hover{background:#cc0000;}
.category-tag{position:absolute;top:15px;right:15px;background:rgba(255,0,0,0.85);color:white;padding:4px 12px;border-radius:20px;font-size:0.7rem;font-weight:600;text-transform:uppercase;z-index:5;}
.badges-container { 
            position: absolute; 
            top: 10px; 
            left: 10px; /* Movido a la Izquierda */
            display: flex; 
            flex-direction: column; 
            gap: 5px; 
            z-index: 10; 
            align-items: flex-start; /* Alinea los elementos a la izquierda */
        }
        
        .badge-precio { 
            background: #111; 
            color: #fff; 
            padding: 5px 12px; 
            border-radius: 20px; 
            font-size: 0.8rem; 
            font-weight: 900; 
            text-align: center; 
            border: 1px solid rgba(255,255,255,0.2);
            /* Animación Brillante para proyectos de PAGA (Dorado) */
            animation: resplandor-paga 1.5s infinite alternate ease-in-out;
        }
        
        .badge-gratis { 
            background: #00a389; 
            color: #fff;
            border: 1px solid #b2f5ea;
            /* Animación Brillante para proyectos GRATIS (Verde Neón) */
            animation: resplandor-gratis 1.5s infinite alternate ease-in-out;
        }
        
        /* Efecto de Respiración / Brillo para PAGA */
        @keyframes resplandor-paga {
            0% { box-shadow: 0 0 5px rgba(255, 215, 0, 0.2); }
            100% { box-shadow: 0 0 15px rgba(255, 215, 0, 0.9), 0 0 25px rgba(255, 215, 0, 0.5); }
        }

        /* Efecto de Respiración / Brillo para GRATIS */
        @keyframes resplandor-gratis {
            0% { box-shadow: 0 0 5px rgba(0, 255, 136, 0.2); }
            100% { box-shadow: 0 0 15px rgba(0, 255, 136, 0.9), 0 0 25px rgba(0, 255, 136, 0.5); }
        }

        .badge-vis { 
            padding: 3px 8px; 
            border-radius: 5px; 
            font-size: 0.65rem; 
            font-weight: 800; 
            text-transform: uppercase; 
            text-align: center; 
        }
        .v-registrados { background: #ebf8ff; color: #3182ce; }
        .v-premium { background: #fffaf0; color: #dd6b20; }
        .card-header { padding-left: 10px; }