.elementor-kit-264{--e-global-color-primary:#36EEE0;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-27325a8:#A477FD;--e-global-color-eb3e563:#7C3AED;--e-global-color-f2bf19a:#2563EB;--e-global-color-32828b2:#C026D3;--e-global-typography-primary-font-family:"Quicksand";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Quicksand";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Quicksand";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Quicksand";--e-global-typography-accent-font-weight:900;}.elementor-kit-264 button,.elementor-kit-264 input[type="button"],.elementor-kit-264 input[type="submit"],.elementor-kit-264 .elementor-button{background-color:var( --e-global-color-27325a8 );}.elementor-kit-264 e-page-transition{background-color:#FFBC7D;}.site-header{background-color:#FFFEFE;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding .site-logo img{width:93px;max-width:93px;}footer .footer-inner .site-navigation a{color:#000000;font-size:17px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   AulaPrees – PMS UI v3 (Register + Logged-in + Account + Change Plan)
   Pegar en: Apariencia > Personalizar > CSS adicional
   ========================================================= */

/* 0) Base: box-sizing para evitar “apretado” */
:where(.pms-form, .pms-form *, .pms-account, .pms-account *, 
       .pms-account-wrapper, .pms-account-wrapper *, 
       .pms-edit-subscription, .pms-edit-subscription *,
       .pms-new-subscription, .pms-new-subscription *) {
  box-sizing: border-box !important;
  font-family: "Quicksand", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* 1) Tarjeta principal (form y contenedores PMS) */
:where(body) form#pms-register-form.pms-form,
:where(body) form#pms_register-form.pms-form,
:where(body) .pms-form,
:where(body) .pms-account-wrapper,
:where(body) .pms-account,
:where(body) .pms-edit-subscription,
:where(body) .pms-new-subscription,
:where(body) .pms-account-subscription-details,
:where(body) .pms-account-subscriptions,
:where(body) .pms-account-subscription {
  background: #ffffff !important;
  border: 1px solid rgba(124, 58, 237, 0.16) !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 80px rgba(17, 24, 39, 0.12) !important;
}

/* 2) Centrado + ancho + padding (más “aire” que antes) */
:where(body) form#pms-register-form.pms-form,
:where(body) form#pms_register-form.pms-form,
:where(body) .pms-edit-subscription form,
:where(body) .pms-new-subscription form,
:where(body) .pms-account-wrapper {
  max-width: 1040px !important;
  margin: 44px auto !important;
  padding: 36px 36px !important;
}

/* 3) Ajuste: si el tema mete paddings raros en wrappers */
:where(body) .pms-form .pms-field,
:where(body) .pms-form .pms-field-wrapper,
:where(body) .pms-form .pms-field-section {
  margin-bottom: 14px !important;
}

/* 4) Bloque superior del plan (resumen del plan arriba del pago) */
:where(body) .pms-form .pms-subscription-plan,
:where(body) .pms-form .pms-subscription-plan-holder,
:where(body) .pms-form .pms-selected-subscription-plan,
:where(body) .pms-edit-subscription .pms-subscription-plan,
:where(body) .pms-new-subscription .pms-subscription-plan {
  background: rgba(124, 58, 237, 0.06) !important;
  border: 1px solid rgba(124, 58, 237, 0.18) !important;
  border-radius: 18px !important;
  padding: 16px 18px !important;
  margin: 0 0 18px 0 !important;
}

/* 5) Títulos */
:where(body) .pms-form h2,
:where(body) .pms-form h3,
:where(body) .pms-account h2,
:where(body) .pms-account h3,
:where(body) .pms-account-wrapper h2,
:where(body) .pms-account-wrapper h3 {
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 16px 0 !important;
}

/* 6) Inputs/Selects */
:where(body) .pms-form input[type="text"],
:where(body) .pms-form input[type="email"],
:where(body) .pms-form input[type="password"],
:where(body) .pms-form input[type="tel"],
:where(body) .pms-form select,
:where(body) .pms-form textarea,
:where(body) .pms-edit-subscription input[type="text"],
:where(body) .pms-edit-subscription select,
:where(body) .pms-new-subscription input[type="text"],
:where(body) .pms-new-subscription select {
  width: 100% !important;
  border: 1px solid rgba(17, 24, 39, 0.14) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  background: #fff !important;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color .15s ease, box-shadow .15s ease !important;
}

:where(body) .pms-form input:focus,
:where(body) .pms-form select:focus,
:where(body) .pms-edit-subscription input:focus,
:where(body) .pms-edit-subscription select:focus,
:where(body) .pms-new-subscription input:focus,
:where(body) .pms-new-subscription select:focus {
  border-color: rgba(124, 58, 237, 0.60) !important;
  box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.14) !important;
}

/* 7) Botones (incluye “Cambiar suscripción”, “Volver atrás”, “Apply”) */
:where(body) .pms-form input[type="submit"],
:where(body) .pms-form button,
:where(body) .pms-edit-subscription input[type="submit"],
:where(body) .pms-new-subscription input[type="submit"],
:where(body) .pms-account a,
:where(body) .pms-account-wrapper a,
:where(body) a.pms-button,
:where(body) a.pms-action {
  background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 16px !important;
  padding: 12px 18px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 18px 45px rgba(124, 58, 237, 0.24) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease !important;
}

:where(body) .pms-form input[type="submit"]:hover,
:where(body) .pms-form button:hover,
:where(body) .pms-account a:hover,
:where(body) .pms-account-wrapper a:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.02) !important;
  box-shadow: 0 22px 60px rgba(124, 58, 237, 0.26) !important;
}

:where(body) .pms-form input[type="submit"]:focus,
:where(body) .pms-form button:focus,
:where(body) .pms-account a:focus,
:where(body) .pms-account-wrapper a:focus {
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.18) !important;
}

/* 8) Mensajes success/error */
:where(body) .pms-message-success,
:where(body) .pms-success,
:where(body) .pms-form .pms-message-success {
  background: rgba(16, 185, 129, 0.10) !important;
  border: 1px solid rgba(16, 185, 129, 0.30) !important;
  color: #065f46 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  margin: 12px 0 18px 0 !important;
}

:where(body) .pms-error,
:where(body) .pms-message-error {
  background: rgba(239, 68, 68, 0.10) !important;
  border: 1px solid rgba(239, 68, 68, 0.30) !important;
  color: #7f1d1d !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  margin: 12px 0 18px 0 !important;
}

/* 9) TABLA “Plan de suscripción / Estado / Próximo pago…” (tu captura 1) */
/* Aquí es donde antes no enganchaba porque a veces NO hay .pms-account */
:where(body) .pms-account table,
:where(body) .pms-account-wrapper table,
:where(body) .pms-account-subscription-details table,
:where(body) .pms-account-subscription table,
:where(body) table.pms-account-subscription-details-table,
:where(body) table.pms-account-subscriptions-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid rgba(17, 24, 39, 0.10) !important;
  background: #fff !important;
  box-shadow: 0 16px 45px rgba(17, 24, 39, 0.06) !important;
}

:where(body) .pms-account table th,
:where(body) .pms-account table td,
:where(body) .pms-account-wrapper table th,
:where(body) .pms-account-wrapper table td,
:where(body) .pms-account-subscription-details table th,
:where(body) .pms-account-subscription-details table td,
:where(body) .pms-account-subscription table th,
:where(body) .pms-account-subscription table td {
  padding: 14px 16px !important;
  border-bottom: 1px solid rgba(17, 24, 39, 0.08) !important;
  vertical-align: top !important;
}

:where(body) .pms-account table th,
:where(body) .pms-account-wrapper table th,
:where(body) .pms-account-subscription-details table th,
:where(body) .pms-account-subscription table th {
  background: rgba(124, 58, 237, 0.06) !important;
  font-weight: 800 !important;
}

/* “Cambiar / Cancelar / Abandonar” como chips */
:where(body) .pms-account-subscription-details a,
:where(body) .pms-account-subscriptions a,
:where(body) .pms-account-subscription a {
  margin-right: 8px !important;
  margin-top: 6px !important;
  white-space: nowrap !important;
}

/* 10) Responsive */
@media (max-width: 768px) {
  :where(body) form#pms-register-form.pms-form,
  :where(body) form#pms_register-form.pms-form,
  :where(body) .pms-edit-subscription form,
  :where(body) .pms-new-subscription form,
  :where(body) .pms-account-wrapper {
    margin: 18px 12px !important;
    padding: 20px 16px !important;
  }

  :where(body) .pms-form input[type="submit"],
  :where(body) .pms-account a,
  :where(body) .pms-account-wrapper a {
    width: 100% !important;
  }
}/* End custom CSS */