/* Responsive para index enhancements */
@media (max-width: 900px) {
  .main-content, .enhanced-section, .sidebar, .nav-bar {
    width: 100% !important;
    padding: 8px !important;
    font-size: 1em !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .enhanced-img {
    max-width: 100vw !important;
    height: auto !important;
  }
  .nav-btn, button, input, select, textarea {
    width: 100% !important;
    font-size: 1em !important;
    margin-bottom: 8px !important;
    box-sizing: border-box !important;
  }
}
/* Enhancements for index.php - non-destructive overrides */
:root{
  --primary:#6a1b4a; /* guinda / wine color */
  --accent:#c41e5f; /* vibrant guinda accent */
  --muted:#64748b;
}
html,body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial}

/* Slightly adjust hero spacing and add subtle background pattern */
.hero-section{
  background: linear-gradient(180deg,#ffffff 0%, #f5f9ff 100%);
  border-radius:14px;
  padding: 64px 40px;
  box-shadow: 0 18px 50px rgba(30,60,114,0.06);
}
.hero-content h1{font-family:Inter, sans-serif;font-weight:800;color:var(--primary);letter-spacing:0.6px}
.hero-section p{color:var(--muted);font-size:1.05rem}

/* Banner style improvements */
.carousel{position:relative;display:block;border-radius:12px;overflow:hidden;animation:fadeIn 0.6s ease}
.banner-img{width:100%;height:360px;object-fit:cover;display:block;transition:transform .7s ease, filter .7s ease;animation:fadeIn 0.8s ease}
.banner-img.fade-out{animation:fadeOut 0.3s ease;}
.carousel:hover .banner-img{transform:scale(1.03);filter:brightness(1.08)}
.arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.45);color:#fff;border-radius:8px;padding:10px 14px;border:none;cursor:pointer;z-index:5}
.arrow-left{left:12px}
.arrow-right{right:12px}

.carousel-indicators{position:relative;margin-top:14px}
.indicator{background:#e6eefc;border:1px solid #dbe9ff;width:12px;height:12px;border-radius:50%;transition:all .35s}
.indicator.active{background:var(--accent);transform:scale(1.18);box-shadow:0 6px 18px rgba(102,126,234,0.2)}

/* CTA polishing */
.cta-button{padding:14px 42px;border-radius:10px}
.cta-button{background:#c41e5f;color:#fff}
.cta-button.cta-market{background:#b91c1c;color:#fff}
.indicator.active{background:var(--accent);transform:scale(1.18);box-shadow:0 6px 18px rgba(196,30,95,0.2)}

/* Sidebar subtle improvements (won't change layout) */
.sidebar a{font-weight:600}
.sidebar a:hover{background:linear-gradient(90deg, rgba(255,255,255,0.03), rgba(255,255,255,0.02))}

/* Improve cards */
.tarjeta{border-radius:12px;box-shadow:0 10px 30px rgba(2,6,23,0.04);overflow:hidden}
.tarjeta h2{color:var(--primary)}

/* Make forms slightly larger and friendlier */
.form-group input, .form-group textarea{font-size:1rem;animation:fadeIn 0.5s ease}
.form-group input:focus, .form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(106,27,74,0.1)}

/* Animations for sections */
.content-section{animation:fadeIn 0.6s ease}

/* Small utilities */
.center{display:flex;justify-content:center;align-items:center}

@media (max-width:768px){
  .hero-logo{height:120px}
  .banner-img{height:220px}
}