/* assets/css/style.css */
body {
    padding-top: 60px; /* Compensar la navbar fija blanca */
    background-color: #f8f9fa;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Navbar */
.navbar {
    min-height: 60px;
}
.navbar-brand img {
    max-height: 35px;
}

/* Offcanvas Sidebar */
.offcanvas-start { 
    background-color: #2e3034; 
    color: white; 
    width: 300px; 
}
.offcanvas-body .nav-link { 
    color: #fff; 
    padding: 15px 20px; 
    border-bottom: 1px solid #444; 
    text-transform: uppercase; 
    font-size: 14px; 
}
.offcanvas-body .nav-link:hover { 
    color: #88c649; 
    background-color: rgba(0,0,0,0.1); 
}

/* Patrón de polígonos verde (aproximación CSS) */
.pattern-bg {
    background-color: #115a20;
    background-image: url('/assets/img/bg-bloques-1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Botón Cancheá */
.btn-canchea {
    background-color: #ffffff;
    color: #115a20;
    font-weight: 700;
    border: none;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.btn-canchea:hover {
    background-color: #f0f0f0;
    color: #0e4c1a;
    transform: translateY(-2px);
}

/* Tarjetas grandes verdes */
.card-green {
    border: 1px solid rgba(255,255,255,0.5);
    background: transparent;
    transition: background 0.3s, transform 0.2s;
    cursor: pointer;
}
.card-green:hover {
    background: rgba(255,255,255,0.1);
    transform: translateY(-5px);
}

/* Tipografía itálica y negrita */
.title-italic {
    font-style: italic;
    font-weight: 800;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

/* Listado de Canchas */
.list-item-cancha {
    transition: background 0.2s;
}
.list-item-cancha:hover {
    background-color: #fcfcfc;
}

/* Footer y utilidades */
.bg-dark-grey {
    background-color: #555555;
}

.fa-brands, .fab {
    font-size: 30px;
}.hover-success:hover { color: #115a20 !important; }