/* COOTRAIPI brand green: #1f8f3a (approx) and supporting neutrals */
:root{--color-primary:#1f8f3a;--color-accent:#00b14f;--color-secondary:#C9A84C;--color-bg:#071216;--color-card:#0a2a1a;--color-text:#FFFFFF}
*{box-sizing:border-box;color: antiquewhite;}
.textgracias{color: var(--bs-heading-color); font-weight: 600; text-align: center;}
html,body{height:100%}
body{margin:0;background:radial-gradient(circle at 10% 10%,#02224a 0%,var(--color-bg) 50%);color:var(--color-text);font-family:Inter,Segoe UI,system-ui,Arial;-webkit-font-smoothing:antialiased}

/* Topbar */
.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(90deg,rgba(0,0,0,0.12),transparent)}
.brand{font-weight:800;font-size:1.1rem;letter-spacing:0.6px}
.admin-link{color:var(--color-secondary);text-decoration:none;font-weight:600}

/* Hero */
.hero{padding:64px 16px;text-align:center}
.hero h1{font-size:2rem;margin:0}
.cta{display:inline-block;margin-top:14px;padding:12px 22px;background:linear-gradient(90deg,var(--color-secondary),#e0c56a);color:#000;border-radius:10px;text-decoration:none;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,0.25)}

/* Hero player background (subtle SVG silhouette repeating) */
.hero{background-image:radial-gradient(circle at 10% 10%,rgba(0,0,0,0.15),transparent), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='800' height='400'><g fill='%231f8f3a' fill-opacity='0.06'><path d='M120 260c20-40 60-80 110-80s90 40 110 80c20 40-20 60-80 60s-130-20-140-60z'/></g></svg>");background-size:cover;background-position:center;}

/* Card */
.partido-card{background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));padding:14px;border-radius:12px;margin-bottom:14px;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.03)}

/* Forms & inputs globally */
input[type="number"], input[type="text"], input[type="tel"], input[type="email"], select, textarea, button {
	font-family:inherit;
}
button{cursor:pointer}

/* Utility layout */
.container{max-width:1100px;margin:0 auto;padding:0 16px}

/* Partido card layout */
.partido-card .equipos{display:flex;align-items:center;justify-content:space-between;gap:12px}
.partido-card .inputs{display:flex;gap:12px;margin-top:10px}
.partido-card .inputs label{flex:1}

/* Brand overrides */
.btn-success{background:linear-gradient(180deg,var(--color-primary),var(--color-accent));border-color:var(--color-primary);}
.btn-success:hover{filter:brightness(0.95)}

/* Flags */
.team{text-align:center;flex:1}
.team .flag{width:56px;height:36px;object-fit:cover;display:block;margin:0 auto 8px;border-radius:4px;border:1px solid rgba(0,0,0,0.2);background:rgba(255,255,255,0.02)}
.vs{flex:0 0 40px;text-align:center;color:rgba(255,255,255,0.8);font-weight:700}

/* Responsive */
@media (max-width:700px){
	.hero{padding:40px 12px}
	.partido-card .equipos{flex-direction:column;align-items:flex-start}
	.partido-card .inputs{flex-direction:column}
}

/* Small subtle helpers */
.meta{color:rgba(255,255,255,0.7);font-size:0.95rem}