/* Hereda todo desde af-app-plugins; ajustes embedded */

.af-mi-asesoria--embedded .af-app-usuario-shell {
  grid-template-columns: 1fr;
}
.af-mi-asesoria--embedded.af-app-usuario-wrapper {
  padding: clamp(16px, 1.2vw + 10px, 28px);
}
.af-mi-asesoria--embedded,
.af-mi-asesoria--embedded .af-app-usuario-main {
  min-width: 0;
}

/* =========================================================
   Ajuste visual ejecutivo para Mi Asesoria
   ========================================================= */
.af-app-mi-asesoria-wrapper .af-app-usuario-section {
  padding: clamp(24px, 1.9vw + 10px, 34px);
  border: 1px solid rgba(15, 23, 42, 0.08);
}

.af-app-mi-asesoria-wrapper .af-app-usuario-section__header h2 {
  font-size: clamp(24px, 1.2vw + 18px, 30px);
  font-weight: 650;
  letter-spacing: -0.01em;
  color: rgba(15, 23, 42, 0.98);
}

.af-app-mi-asesoria-wrapper .af-app-usuario-section__header p {
  color: rgba(15, 23, 42, 0.82);
}

.af-app-mi-asesoria-wrapper .af-app-usuario-muted {
  color: rgba(51, 65, 85, 0.95);
}

/* =========================================================
   Tabla vertical de ficha (etiqueta izq · valor dcha)
   ========================================================= */

/* Anular el min-width horizontal: aquí la tabla es una ficha */
.af-app-mi-asesoria-wrapper .af-app-table {
  min-width: 0;
}

/* Columna de etiquetas: ancho fijo, no parte */
.af-app-mi-asesoria-wrapper .af-app-table th[scope="row"] {
  width: 160px;
  white-space: nowrap;
}

/* Acento de marca en el borde izquierdo del wrapper */
.af-app-mi-asesoria-wrapper .af-app-table-wrapper {
  border-left: 3px solid rgba(9, 174, 184, 0.35);
}

/* Hover sutil en filas */
.af-app-mi-asesoria-wrapper .af-app-table tbody tr:hover td,
.af-app-mi-asesoria-wrapper .af-app-table tbody tr:hover th {
  background: rgba(9, 174, 184, 0.05);
}

/* Corregir borde inferior sobrante en la última fila (el tema solo lo quita en td) */
.af-app-mi-asesoria-wrapper .af-app-table tr:last-child th {
  border-bottom: 0;
}

/* Links de contacto (email / tel / web) */
.af-app-mi-asesoria-wrapper .af-app-table td a {
  color: var(--af-usuario-primary-dark, #078a92);
  text-decoration: none;
}
.af-app-mi-asesoria-wrapper .af-app-table td a:hover {
  text-decoration: underline;
}

/* Botón submit: corregir herencia de ancho global (Foundation/WP) */
.af-app-mi-asesoria-wrapper .af-app-usuario-button--primary {
  width: auto;
  min-width: 160px;
}

@media (max-width: 500px) {
  .af-app-mi-asesoria-wrapper .af-app-usuario-button--primary {
    width: 100%;
  }
}