Torneo de Fútbol – [NOMBRE DEL CLUB]

:root {
–primary: #004aad; /* Color principal del club */
–secondary: #f0f2f5;
–accent: #ffcc00;
–text: #333;
}

body { font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: var(–text); margin: 0; padding: 0; background-color: var(–secondary); }
.container { max-width: 1000px; margin: auto; padding: 20px; }

/* Header & Hero */
header { background: white; text-align: center; padding: 40px 20px; border-bottom: 4px solid var(–primary); }
.logo-club { max-width: 150px; height: auto; }
h1 { color: var(–primary); margin-top: 10px; text-transform: uppercase; }

/* Sections */
section { background: white; margin-bottom: 20px; padding: 25px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
h2 { border-left: 5px solid var(–primary); padding-left: 10px; color: var(–primary); }

/* Data Grid */
.info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; }
.info-item { background: var(–secondary); padding: 15px; border-radius: 5px; text-align: center; }
.info-item b { display: block; color: var(–primary); }

/* Teams & Tables */
table { width: 100%; border-collapse: collapse; margin-top: 10px; }
th, td { padding: 12px; border: 1px solid #ddd; text-align: left; }
th { background-color: var(–primary); color: white; }

/* Sponsors */
.logos-flex { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; align-items: center; }
.logos-flex img { max-width: 120px; filter: grayscale(100%); transition: 0.3s; }
.logos-flex img:hover { filter: grayscale(0%); }

/* Buttons/Links */
.btn-group { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 30px; }
.btn { padding: 15px 25px; text-decoration: none; color: white; border-radius: 50px; font-weight: bold; transition: transform 0.2s; }
.btn-results { background: #28a745; }
.btn-insta { background: #e1306c; }
.btn-video { background: #000; }
.btn:hover { transform: scale(1.05); }

.footer { text-align: center; font-size: 0.9em; padding: 20px; color: #666; }