/* =========================================================================
   Componentes — formularios, MemberPress y WPForms
   Academia Masculina (negro + dorado). Usa los tokens de style.css.
   ========================================================================= */

/* ---- Inputs genéricos (aplica a MemberPress, comentarios, etc.) ---- */
input[type=text], input[type=email], input[type=tel], input[type=url],
input[type=password], input[type=number], input[type=search], input[type=date],
select, textarea{
	background:var(--ink-2);
	color:var(--text);
	border:1px solid var(--line);
	border-radius:10px;
	padding:13px 15px;
	font-family:var(--font-body);
	font-size:16px;
	width:100%;
	max-width:100%;
	transition:border-color .2s;
}
input:focus, select:focus, textarea:focus{outline:none;border-color:var(--line-2)}
input::placeholder, textarea::placeholder{color:var(--muted)}
label{color:var(--muted)}

/* =========================================================================
   MemberPress (Escuela / membresía / Mi cuenta)
   ========================================================================= */
.mp_wrapper, .mepr-form, .mepr_form{max-width:520px;margin:0 auto}
.mp-form-row, .mepr-form-row{margin-bottom:18px}
.mp-form-label label, .mepr-form-label{display:block;margin-bottom:6px;color:var(--muted)}

.mepr-submit, .mp_wrapper input[type=submit], .mepr-form input[type=submit], .mepr_form input[type=submit],
button.mepr-submit{
	background:linear-gradient(180deg,var(--gold-hi),var(--gold))!important;
	color:#1a1206!important;
	font-family:var(--font-display);font-weight:600;letter-spacing:.08em;text-transform:uppercase;
	border:0;border-radius:999px;padding:15px 30px;cursor:pointer;
	box-shadow:0 14px 34px -14px rgba(201,162,75,.55);
}

/* Navegación de "Mi cuenta" de MemberPress */
.mepr-account-nav, .mepr-nav{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:14px}
.mepr-account-nav li a, .mepr-nav li a{display:inline-block;padding:10px 16px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:14px}
.mepr-account-nav li.mepr-active-nav-tab a, .mepr-account-nav li a:hover{background:rgba(201,162,75,.12);color:var(--gold-hi);border-color:var(--line-2)}

/* Tablas de precios / planes */
.mepr-price-boxes, .mepr_pricing, .mepr-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.mepr-price-box, .mepr_price_cell{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;text-align:center}
.mepr-price-box:hover{border-color:var(--line-2)}
.mepr-price-box .mepr-price, .mepr_price_cell .mepr-price{font-family:var(--font-display);font-size:2.2rem;color:var(--gold-hi)}

/* Avisos MemberPress */
.mepr_updated, .mepr-account-message{background:var(--ink-2);border-top:3px solid var(--gold);border-radius:8px;padding:14px 16px;color:var(--text)}
.mepr_error, .mepr-validation-error{color:#e5a3a3}
.mepr-unauthorized-message{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px;text-align:center}

/* =========================================================================
   WPForms (Contacto)
   ========================================================================= */
.wpforms-container{max-width:640px;margin:0 auto}
.wpforms-container .wpforms-field-label{color:var(--muted)!important;font-weight:600!important}
.wpforms-container input.wpforms-field-medium,
.wpforms-container textarea.wpforms-field-medium,
.wpforms-container input, .wpforms-container textarea, .wpforms-container select{
	background:var(--ink-2)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:10px!important}
.wpforms-container input:focus, .wpforms-container textarea:focus{border-color:var(--line-2)!important;box-shadow:none!important}
.wpforms-container button[type=submit], .wpforms-submit{
	background:linear-gradient(180deg,var(--gold-hi),var(--gold))!important;
	color:#1a1206!important;
	font-family:var(--font-display)!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;
	border:0!important;border-radius:999px!important;padding:15px 32px!important;
	box-shadow:0 14px 34px -14px rgba(201,162,75,.55)!important;
}
.wpforms-container button[type=submit]:hover, .wpforms-submit:hover{transform:translateY(-2px);background:var(--gold-hi)!important}
.wpforms-confirmation-container-full{background:var(--ink-2)!important;border-top:3px solid var(--gold)!important;color:var(--text)!important;border-radius:8px}

/* =========================================================================
   Comentarios
   ========================================================================= */
.comment-list{color:var(--text)}
.comment-list .comment-body{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;margin-bottom:14px}
.comment-list .comment-author .fn{color:var(--gold-hi);font-family:var(--font-display)}
.comment-form-comment textarea{min-height:120px}
