/* Mini Open — Registro de Equipos
 * Scoped under .mot-wrap so it inherits site fonts but never fights the theme.
 * Also loaded on wp-login.php as a styled fallback. */

.mot-wrap{
	--mot-bg:#ffffff;
	--mot-fg:#12161c;
	--mot-muted:#5b6672;
	--mot-line:#9aa6b4;
	--mot-input-bg:#e4e9ef;
	--mot-accent:#0b6bcb;
	--mot-accent-fg:#ffffff;
	--mot-radius:14px;
	max-width:960px;
	margin:0 auto;
	color:var(--mot-fg);
	font-size:16px;
	line-height:1.5;
}

.mot-card{
	background:var(--mot-bg);
	border:1px solid var(--mot-line);
	border-radius:var(--mot-radius);
	padding:2rem;
	box-shadow:0 8px 30px rgba(16,22,28,.06);
}
.mot-card--auth{ max-width:420px; margin:2rem auto; }

.mot-title{ margin:0 0 .25rem; font-size:1.5rem; line-height:1.2; }
.mot-sub{ margin:0 0 1.25rem; color:var(--mot-muted); }

.mot-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; margin-bottom:1.5rem; }
.mot-logout{ font-size:var(--text-s, .9rem); white-space:nowrap; }

/* Forms */
.mot-form{ display:flex; flex-direction:column; gap:1rem; }
.mot-field{ display:flex; flex-direction:column; gap:.35rem; }
.mot-field > span{ font-weight:600; font-size:var(--text-s, .9rem); color:var(--mot-fg); }
.mot-field input[type=text],
.mot-field input[type=email],
.mot-field input[type=password],
.mot-field input[type=date],
.mot-field select{
	width:100%;
	padding:.6rem 2rem;
	border:1px solid var(--mot-line);
	border-radius:10px;
	background:var(--mot-input-bg);
	color:var(--mot-fg);
	font-size:14px;
	box-sizing:border-box;
}
.mot-field input:focus,
.mot-field select:focus{ outline:2px solid var(--mot-accent); outline-offset:1px; border-color:var(--mot-accent); background:#fff; }

.mot-check{ display:flex; align-items:center; gap:.5rem; font-size:var(--text-s, .9rem); color:var(--mot-muted); }
.mot-field--yesno{ margin-top:30px; }
.mot-radio{ display:flex; gap:1.25rem; align-items:center; min-height:calc(1.5em + 1.2rem + 2px); }
.mot-radio label{ display:inline-flex; align-items:center; gap:.4rem; font-weight:400; }

.mot-btn{
	display:inline-block;
	align-self:flex-start;   /* don't stretch to full width in the flex column */
	background:var(--mot-accent);
	color:var(--mot-accent-fg);
	border:0;
	border-radius:999px;
	padding:1rem 2.2rem;
	font-size:1.15rem;
	font-weight:600;
	cursor:pointer;
	transition:filter .15s ease;
}
.mot-btn:hover{ filter:brightness(1.08); }

.mot-links{ margin:1rem 0 0; font-size:var(--text-s, .9rem); }

/* Team form: person blocks */
.mot-person{
	border:1px solid var(--mot-line);
	border-radius:var(--mot-radius);
	padding:1.25rem 1.5rem 1.5rem;
	margin:0 0 1.25rem;
}
.mot-person--manager, .mot-person > legend{ font-weight:700; font-size:calc(var(--text-m, 1.05rem) * 1); padding:0 .5rem; }
.mot-badge{
	display:inline-block;
	margin-left:.5rem;
	padding:.35em .95em;
	border-radius:999px;
	background:#12633a;
	color:#fff;
	font-size:.91rem;
	font-weight:700;
	letter-spacing:.02em;
	vertical-align:middle;
	white-space:nowrap;
}

.mot-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1rem 1.25rem; }
.mot-field--photo{ grid-column:1 / -1; }

.mot-photo-row{ display:flex; align-items:center; gap:1rem; }
.mot-photo-controls{ display:flex; flex-direction:column; gap:.4rem; }
.mot-thumb{ width:64px; height:64px; object-fit:cover; border-radius:10px; border:1px solid var(--mot-line); flex:none; }
.mot-hint{ font-size:1.2rem; color:var(--mot-muted); }

.mot-actions{ position:sticky; bottom:0; padding-top:.5rem; }
.mot-actions .mot-btn{ background:var(--ibiza); }

/* Notices */
.mot-notice{ padding:.85rem 1rem; border-radius:10px; margin:0 auto 1.25rem; max-width:960px; font-size:2rem; }
.mot-notice--error{ background:#fdecec; color:#a01919; border:1px solid #f5c2c2; }
.mot-notice--success{ background:#e9f7ef; color:#12633a; border:1px solid #b7e2c8; }

@media (max-width:640px){
	.mot-grid{ grid-template-columns:1fr; }
	.mot-card{ padding:1.25rem; }
}

/* --- Styled classic wp-login.php fallback --- */
body.login #login h1 a{ background-size:contain; }
body.login #loginform,
body.login #lostpasswordform,
body.login #resetpassform{
	border-radius:14px;
	border:1px solid #e2e6eb;
	box-shadow:0 8px 30px rgba(16,22,28,.08);
}
body.login .button-primary{ background:#0b6bcb!important; border-color:#0b6bcb!important; }

/* ---- Login-page lightbox / aviso ---- */
.mot-modal{ position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:1rem; background-color:#12161c; background-size:cover; background-position:center; background-repeat:no-repeat; }
.mot-modal[hidden]{ display:none; }
.mot-modal__box{ position:relative; background:#fff; color:var(--mot-fg); border-radius:16px; width:100%; max-width:440px; padding:2rem 2rem 1.75rem; text-align:center; box-shadow:0 20px 60px rgba(0,0,0,.35); }
.mot-modal__close{ position:absolute; top:.35rem; right:.7rem; background:none; border:0; font-size:1.9rem; line-height:1; color:var(--mot-muted); cursor:pointer; }
.mot-modal__logo{ display:block; max-width:150px; height:auto; margin:0 auto 1rem; }
.mot-modal__title{ margin:0 0 .5rem; font-size:1.3rem; }
.mot-modal__text{ margin:0 0 1.5rem; color:var(--mot-muted); }
.mot-modal__ball{ display:block; text-align:center; font-size:30px; line-height:1; margin:1.75rem auto 1.5rem; animation:mot-ball-bounce 2.2s infinite; }
@keyframes mot-ball-bounce{
	0%    { transform: translateY(0);     animation-timing-function: ease-out; }
	9.1%  { transform: translateY(-42px); animation-timing-function: ease-in;  }
	18.2% { transform: translateY(0);     animation-timing-function: ease-out; }
	27.3% { transform: translateY(-28px); animation-timing-function: ease-in;  }
	36.4% { transform: translateY(0);     animation-timing-function: ease-out; }
	45.5% { transform: translateY(-16px); animation-timing-function: ease-in;  }
	54.5% { transform: translateY(0); }
	100%  { transform: translateY(0); }
}
.mot-btn--ibiza{ background:var(--ibiza); }

/* ---- Event tabs above the login box ---- */
.mot-tabs{ display:flex; flex-wrap:wrap; gap:.5rem; justify-content:center; max-width:460px; margin:1.5rem auto var(--space-m, 1rem); }
.mot-tabs a{ padding:.7rem 1.4rem; border-radius:999px; background:#e4e9ef; color:var(--mot-fg); text-decoration:none; font-weight:700; font-size:1rem; text-transform:uppercase; letter-spacing:.02em; white-space:nowrap; transition:filter .15s ease; }
.mot-tabs a:hover{ filter:brightness(.95); }
.mot-tabs a.is-active{ background:var(--ibiza); color:#fff; }