/* Botón "Pasa a la anual" — dorado premium, distinto del acento del panel. */
.mae-upgrade-btn{
	display:flex;align-items:center;justify-content:center;gap:10px;
	background:#f3ce3e;
	color:#3a2a00 !important;font-weight:800;padding:14px;border-radius:14px;
	box-shadow:var(--shadow,0 6px 18px rgba(0,0,0,.12));
	text-decoration:none;
	transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.mae-upgrade-btn:hover{
	transform:translateY(-3px);
	box-shadow:var(--shadow-h,0 10px 26px rgba(0,0,0,.18));
	background:#e6bf2e;
	color:#3a2a00 !important;
}
/* Variante para la lista de suscripciones de Mi Cuenta. */
.mae-upgrade-account{
	background:linear-gradient(135deg,#f6c453,#e8a020) !important;
	color:#3a2a00 !important;border:0 !important;font-weight:700;
}
@media (prefers-reduced-motion: reduce){
	.mae-upgrade-btn{transition:none}
}

/* Checkout con suscripción (mensual, anual o salto): separa y aligera el bloque de
   renovación futura, para que no compita visualmente con el pago de hoy. */
.mae-sub-checkout .woocommerce-checkout-review-order-table .recurring-totals th{
	padding-top:22px !important;
	border-top:2px solid #dde8e4 !important;
	font-size:.82em;font-weight:700;color:#5d6f69;text-transform:none;letter-spacing:.02em;
}
.mae-sub-checkout .woocommerce-checkout-review-order-table tr.recurring-total th,
.mae-sub-checkout .woocommerce-checkout-review-order-table tr.recurring-total td{
	color:#5d6f69 !important;font-weight:500 !important;font-size:.92em;
}
.mae-sub-checkout .woocommerce-checkout-review-order-table tr.order-total.recurring-total td{
	font-weight:600 !important;
}
.mae-sub-checkout .first-payment-date small{color:#122320 !important;font-weight:800;font-size:.98em}

/* Aviso informativo bajo "Tu pedido" (solo en el checkout de un salto) */
.mae-switch-banner{
	display:flex;gap:11px;align-items:flex-start;
	margin:4px 0 16px;padding:14px 16px;border-radius:12px;
	background:rgba(79,184,171,.12);border:1px solid rgba(31,125,114,.28);
	color:#122320;font-size:15.5px;line-height:1.5;
}
.mae-switch-banner__icon{
	flex:0 0 auto;width:22px;height:22px;border-radius:50%;
	background:#4fb8ab;color:#fff;display:grid;place-items:center;
	font-size:12px;font-weight:800;margin-top:1px;
}
.mae-switch-banner strong{font-weight:700}

/* Botón de mejora en la página de la membresía (Mi Cuenta → Gestionar) */
.mae-upgrade-membersarea{margin:20px 0 6px}
.mae-upgrade-membersarea .mae-upgrade-btn{max-width:460px;font-size:16px}

/* Botón nativo de cambio en Mi Cuenta → ver suscripción: amarillo destacado
   y separado del texto del producto. Se sube la especificidad (contexto
   .mae-micuenta) para ganar a la regla ".mae-micuenta ... .button". */
.mae-micuenta .woocommerce-MyAccount-content a.wcs-switch-link,
.mae-micuenta .woocommerce-MyAccount-content a.wcs-switch-link.button,
a.wcs-switch-link.button{
	display:inline-block !important;
	width:-moz-fit-content;width:fit-content;
	margin:14px 0 0 16px !important;
	background:#f3ce3e !important;background-color:#f3ce3e !important;
	color:#3a2a00 !important;
	border:1px solid #c79a12 !important;border-radius:12px !important;
	font-weight:800 !important;font-size:15px !important;padding:12px 20px !important;text-decoration:none !important;
	box-shadow:0 4px 14px rgba(184,137,31,.28);
	transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.mae-micuenta .woocommerce-MyAccount-content a.wcs-switch-link:hover,
a.wcs-switch-link.button:hover{
	background:#eec633 !important;background-color:#eec633 !important;color:#3a2a00 !important;
	transform:translateY(-2px);box-shadow:0 8px 22px rgba(184,137,31,.34);
}